/* style général css du site du RCLB    CSS VALIDE PAR W3C VALIDATION SERVICE du 7-10-2009  */  
 
            
           /*      EVENTUELLEMENT / ajouter le javascript
   	   
	 Faire un fichier .js et mettre entre les balises head : 
<script type="text/javascript" src="menu.js"></script>

  Ou copier le code ci-dessus dans les balises :  
<script type="text/javascript">
 
METTRE LE JAVASCRIPT EN COMMENTAIRES
POUR QUE LE SCRIPT SOIT VALIDE W3C
 
</script>
  Et mettre  le tout entre les balises head.  


	sfHover = function() {
        var sfEls = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
    }
     if (window.attachEvent) window.attachEvent("onload", sfHover);
     
                         FIN du pasage JAVASCIPT  */  
 
 
 
       /* style de l'entête    */      
.h1 {                        
  text-align: center;
  font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
    color:  #200060;
}  
 
.fanion {
   float: left;
    width: 10%;
   }
 
.fanion2 {
   float: left;
    width: 11%;
	height: 14%;
	margin-right: 30px;
   }
    
.roue {
   float: right;
   width: 10%;
   }
.roue_or  {
    float: left;
    width: 10%;
	height: 10%;
	margin-right: 32px;
   }

.theme {
    float: left;
    width: 22%;
 } 
 .themeg  {   
    float: right;
    width: 13%;
  }
.themeg  {   
    float: left;
    width: 13%;
}	
  
.themedr  {
    float: right;
    width: 13%;
}

an = datedujour.getFullYear()}
document.write("<div align='right'><font variant='small_caps'><b>");
document.write(jour1, " ");
document.write(date, " ");
document.write(mois1 , " ");
document.write(an, " ");
document.write("</b></font></div>");
}
	
.logometeo  {
    float:center;
    width: 11%;
}

.logocarteprestige  {
    float: right;
    width: 160px;
	height: 80px;
}
    
.logoCIP  {
    float: left;
	width: 9%;
	height: 8%;
	margin-right: 30px;
	}
.logohumanite  {
    float: right;
    width: 15%;
	height: 10%;
}
	
.logosliens  {
    float: left;
	width: 9%;
	height: 8%;
	margin-right: 13px;
	}
	
.logoendpolio  {
     float: right;
	 width: 15%;
	 margin-top:  8px; 
   margin-right: 0px;
   margin-bottom: 6px; 
   margin-left: 8px; 
}

.photohistoire1  {
   float: left;
   width: 10%;
   }

.photohistoire2  {
   float: right;
   width: 15%;
   margin-left: 6px;
   }

.photohistoire3  {
   float: left;
   width: 15%;
   margin-top:  6px; 
   margin-right: 8px;
   margin-bottom: 6px; 
   margin-left: 0px;
   }	
       /*  style des photos en page R I  
.photoPdtRI2  {
   float: left;
   width: 10%;
   }

.photoPdtRI3  {
   float: right;
   width: 10%;
   margin-right: 10px;
   }
            */  
			 				  
     /*  style des liens   */  
a  {

   color :   #200040;	 /* du texte */
   text-decoration : none;
}

a:hover  {
     color :   #ffff00;	/*   texte  jaune / fond noir  */
     background: #000;	 
     text-decoration : none;
}	

               /*image de fonde de page  */ 
 body  {
background-image: url("../images_vues/fond_bicolor1.png");
 }  

      /* style du menu horizontal    */  
	  
#menutable {
 
 width:  80%;
 height: 6%;
 margin-left: 10%;
 margin-right: 10%;
 padding-right: 0px; 
 border-left: 0px dotted #4000ff; /* couleur du cadre */
 border-right: 0px;
 border-bottom: 4px dotted #ffff80;
 border-top: 3px dotted #4000ff;
   font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	word-spacing: 12px;
	text-align: center;
    color: #200040;
}	
       /*  style général des tableaux   */  
   
 table td  {
   border-spacing: 10px;
   border: 1px solid #400000;
   border-collapse: collapse;
   padding: 7px;
   text-align: center;
   font-family: Verdana, Arial, sans-serif; 
   font-size: 12px;
   table-layout: auto;
} 

.tableComite  {
    width: 90%;
	border-spacing: 1px;
	padding: 2%;
	text-align: center;
   font-family: Verdana, Arial, sans-serif; 
   font-size: 12px;
   table-layout: auto;
}	



        /* style général de "mon cadre" = corps de la page    */  	
	
 
  #moncadre {
width:75%;
margin-left:10%;
margin-top: 5px;
padding-left: 3%;
padding-right: 3%;
padding-top: 1%;
background-color:#ffff80; 
border-style: inset;
border-left: 1px solid #2000ff; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #2000ff;
	 
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 13px;
	color: #200020;
}         
                 
 #moncadre2 {         /*  style de mon cadre sur P. INDEX avec menu Gauche vertical   */
width:55%;
margin-left:25%;
margin-top: 15px;
padding-left: 5%;
padding-right: 3%;
padding-top: 2%;
background-color:#ffff80; 
border-style: inset;
border-left: 1px solid #2000ff; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #2000ff;
	 
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 13px;
	color: #200020;
} 
         /* style des divers titres    */   
		 
h2,h3,h4 {
color:#200060;
font-family: Verdana, Georgia, Arial, sans-serif;
}
 
.imiseajour  {
  text-align: right;
  font-family: Verdana, Georgia, Arial, sans-serif;
 }

.alertes  {
 text-align: center;
 font-family: Verdana, Georgia, Arial, sans-serif;
 color: #ff4020;
}
.cartevisa  {
 text-align: center;
 font-family: Verdana, Georgia, Arial, sans-serif;
 }
 
.convention  {
 text-align: center;
 font-family: Verdana, Georgia, Arial, sans-serif;
 color: #ff4020;
}

.action  {
  text-align: right;
  font-family: Verdana, Georgia, Arial, sans-serif;
  color: #ff4020;
}

.indexdroit  {
 text-align: right;
 font-family: Verdana, Georgia, Arial, sans-serif;
 }
.indexcentre  {
 text-align: center;
 font-family: Verdana, Georgia, Arial, sans-serif;
 } 
.pointdevue  {
font-variant: small-caps;
font-family: Verdana, Georgia, Arial, sans-serif;
 } 

h5,h6  {
text-align: center;
font-variant: small-caps;
font-size: 10px;
color:#200060;
}
h7  {
text-align: center;
font-variant: small-caps;
font-size: 13px;
color:#200060;
}
          /*  texte des paragraphes   */  
p  {
text-align: justify;
}

          /*  style des puces de listes et retrait du texte   */  
ul  {
list-style-type: circle;

}
/*  ajout de code "inutile" dansles adresse mèl pour les rendre inutilisables par un spammeur, mais lisible par un être humain
<span class="noSpam">tim<span class="spam">SP</span>@<span class="spam">M</span>banquise.com</span>	 */
.noSpam .spam {
	display:none;
}
/* Rendre un texte invisible mais laisser le bloc toujours activable */

.invisibleText {
	letter-spacing:-1000em;
}
.invisibleTextButton {
	border:0px;
	letter-spacing:-1000em;
	cursor:pointer;
}

           /*  style général du pied de page   */ 
		   
#pied_de_page  { 	  /*    à placer à côté du thème RI de l'année en cours  */ 

width: 70%;
display: block;
margin-left: 15.2%;
margin-right: auto;		 
margin-top: 15px;
padding: 2px;
 
border-left: 1px dotted #2000ff; /* couleur du cadre */
border-right: 1px dotted #000000;
border-bottom: 1px dotted #0000a0;
border-top: 1px dotted #2000ff;
 
    font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
    color: #200020;
}