body                                                                 /* La page elle-même */
{
 width: 100%;                      	/* largeur en % */
 margin: auto;                      /* Pour centrer la page */
 background-color: #4F6C7F; 		/* couleur de fond */
}





#corp                                                                    /* le cadre principal de la page (contenu) */
{
   min-width: 1024px;
   max-width: 1024px;
   margin: auto; 
   margin-bottom: 2px;                 /* marge entre la page et le bas du navigateur */
   margin-top: 2px;
   background-color: #FFFFFF; 
   padding: 2px;                       /* marge interieure , pour que les cadres no soient pas collés aux bordures de la page */
   border: 1px solid black;            /* bordure d'1px en format solid black */
}






#en_tete								/* Bannière */
{
 height: 95px;
 background-image: url(../images/bg_banniere.gif);
 border: 1px solid #105289;
 margin: auto;
 padding: 2px;
 }
 
 #search-box								/*champ de recherche Google dans la bannière */
{
 /*width: 99%; */
 /*height: 95px;*/
 margin-right: 5px;
 margin-top: 0px;
 text-align: right;
 }

.banniere
{
 margin: 17px;
 
 }
 
 .image_left								/* Utilisé dans entete.php */
 { 
 float: left;
 }
 
 /*.texte-titre
{
 
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 font-size: 12px;
 text-align: center;
 } */

 
 #navigation										/* Menu barre de navigation */
{
 height: 25px;                       				/* hauteur en pixel */
 background-image: url(../images/cellpic.jpg);   	/* Image de fond*/
 /*border: 1px solid #105289;*/
 margin: auto;
 padding: 2px;
 }

.lien-navigation										/* Utilisé dans entete.php */
{
 margin-top: 0.5em; 
 text-align: center;  
 }
 
 #contenu-utile											/* colonne gauche + colonne centre + colonne droite:utilisé dans page6.php */
{

height: 100%;
/*background-image: url("../images/fond1.gif");*/
background-color: #FFFFFF;
border: 1px solid #105289;
margin: auto;
padding: 2px;
}

  
#colone_de_gauche										/* Colonne de gauche */
{
width : 30%;
float: left;                      						/* Le menu flottera à gauche */
border-right: 1px solid #BFBFBF;  						/* Trait de séparation à droite */
}   

.element_gauche                                           					/* Les blocs dans la colonne de gauche */
{
background-image:url(../images/degrad.jpg);				/* Dégradé de la colonne gauche */
background-repeat:repeat-x;
background-position: top left;
background-color: #FFFFFF;
margin-top: 10px;
margin-left:5px;
margin-right: 5px;	
 padding: 5px;  
}


#colone_centrale										/* colonne centrale */
{
 width: 35%;
 overflow: auto;
}


.coeur_centre_degrade                               					/* Les blocs avec dégradé de la colonne du centre */
{                        
  
background-image:url(../images/degrad2.jpg);			/* dégradé */
background-repeat:repeat-x;
background-position: top left;
background-color: #FFFFFF;
margin-left:10px;										/* marge à droite 10 px */
margin-right: 0px;
margin-top: 10px;
padding: 2px;            								/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
overflow: auto;
}



.coeur_centre_bord                               						/* Les blocs de la colonne du centre sans dégradé avec bordure */
{                        
  
 background-color: #FFFFFF; 
 border: 1px solid #BFBFBF;
 margin-left:13px;
 margin-right: 5px;
 margin-top: 5px;
 padding: 5px;                							/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
 overflow: auto;
}




#colone_de_droite										/* Colonne de droite */
{
 float: right;                							/* la colonne flottera à droite */
 width: 34%;
}

.element_droite                                							/* les blocs de la colonne de droite */
{
 float: right;
 background-color: #ffffff; 
 padding: 2px;
 margin: auto;
 overflow: auto;
}

.coeur_droite_degrade                              							/* Les blocs de la colonne de droite avec dégradé */
{                        

background-image:url(../images/degrad2.jpg);					/* dégadé */
background-repeat:repeat-x;
background-position: top left;
background-color: #FFFFFF;
margin-left:0px;												/* marge gauche 0 px */
margin-right: 8px;
margin-top: 5px;
padding: 2px;                
overflow: auto;
}

.coeur_droite_sansbord                               					/* Les blocs de la colonne de droite sans dégradé et sans bord */
{                        
 background-color: #FFFFFF; 
 margin-left:0px;
 margin-right: 5px;
 margin-top: 8px;
 padding: 2px;                							/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
 overflow: auto;
}



#pied
{
 background-color: white;
}

.pied-page
{
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 color: #000000;
 font-size: 9px;
 }


#colone_unique 											/* Pour les pages avec 2 colonnes (page6 et page 10 */
{
 /*width: 69%;*/
 overflow: auto;
}

.element_unique                               							/* Les blocs de la colonne d'une unique colonne centrale */
{ 
 background-color: #E6EDF0;
 margin-left:2px;										/* marge à droite 2 px */
 margin-right: 2px;
 margin-top: 10px;
 padding: 5px;            								/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
 overflow: auto;
 
}



p, pre, ul                                                						/* Tout ce qui concerne les paragraphes et les listes */
{
 color : black;                  						/* couleur du texte */
 font-size : 12px;              						/* taille du texte */
 font-family: Verdana, Arial, serif;
}





a                                                                 						/* Tout ce qui concerne les liens */
{
   text-decoration: none;        						/* Les liens ne seront plus soulignés comme par defaut */
   
   color: #1B326F;										/* couleur des liens */
   font-family: Verdana, Arial, serif;    				/* police des liens */
   font-size : 11px;
}

a:hover                                                    						/* Ce qui concerne les liens quand on passe le curseur dessus */
{
 color: rgb(227,105,0);          						/* couleur */     
 text-decoration: underline;     						/* le texte sera souligné au passage du curseur */
}

a:active, a:focus                                						/* Quand le visiteur clique sur le lien */
{
 color: rgb(54,138,210);
}





h1                                                              						/* tout ce qui concerne les titres en couleur des blocs */
{
 color : #A52A2A;
 font-size: 14px;                
 font-family: Verdana, arial, serif;
 text-align: center;
}


h2														/* Sous titres en noir */
{
 padding: 5px;
 font-size : 13px;
 font-family: Verdana, Arial, serif;
}


h4														/* Titre des rubriques de la colonne gauche */
{
 background-image: url(/images/cellpic.jpg);
 padding: 5px;
 font-size : 0.8em;
 font-weight: bold;
 font-family: Verdana, Arial,  serif;
}



.important                 										/* tout ce qui a été déclaré comme class="important": gras, rouge, 12 px */
{
  color: #A52A2A;
  font-weight: bold;
  font-family: Verdana, Arial, serif;
  font-size : 12px;
}


.center
{
  margin-left: auto;
  margin-right: auto;
  
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.droite {
float: right;
margin-left:5px;
}

.gauche {
float: left;
margin-right:5px;
}

/* Vidéo Vodeclic */
#table-1
{
/*width: 0px;*/
height: 100%;
margin-right: 0px;
margin-left:5px;
/*text-align: center;*/
}

/* Titres */
.titre-video
{
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align: center;
 color: #A52A2A;
 font-size: 14px;

 }
 /*texte video*/
 .texte-video
{
 padding:0px;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 /*text-align: justify;*/
 color: #3B3B3F;
 font-size: 11px;
 }
 
 /*Gras*/
 .gr
 {
 font-weight: bold;
 } 
 
 .gras-souligne
 {
 font-weight: bold;
 text-decoration:underline;
 }
 
 
 
 .texte-rouge													/*texte video rouge */
{
 
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 color: rgb(221, 41, 127);
 font-size: 11px;
 }
 
 
 .texte-justify  												/*texte justifié*/
{
 
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: justify;
 font-size: 11px;
 }
 
  .texte-droite
{
 
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 font-size: 11px; 
 }
 
 
 .texte-partenaires      /*texte partenaires*/
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #58585B;
 font-size: 12px;
 } 
 
 .texte-donateurs      /*texte donateurs pour remerciement*/
 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 color: rgb(16,82,137);
 font-size: 14px;
 }
 
 .texte-recherche      						/*texte blanc cadré à droite recherche Google dans la bannière*/
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 color: #FFFFFF;
 font-size: 12px;
 }