/* Copyright
/* Cette conception n'est pas un modèle. Vous ne pouvez pas la reproduire 
/* ailleurs sans l'autorisation écrite du concepteur.
/* Cependant, n'hésitez pas à étudier les techniques du CSS afin de les 
/* utiliser ailleurs ...
/* Mise en forme et code css par Gecko
/* http://www.geckoweb.fr
*/

/* Toutes les mises en forme générale dans la page */
#enfants_kdos {background-color: #B1ADFA}  /* bleu ciel = B1ADFA parme = D0B3D1*/
#container {width: 985px; margin: auto;}				 
.Separation {clear: both}
.Ligne01 {background-image: url(img/ligne01.gif); height: 10px}
.Ligne02 {background-image: url(img/ligne02.gif); height: 10px}
.couleur_comme_lien{color: #AA0000;}

/* Définition des cadres pour les rubriques */
.Cadre_Titre1 {background-image: url(img/Cadre_Titre01.gif); color: #FFFFFF; margin: 0; font-family: Tahoma; text-align: center; font-size: 0.75em; height: 20px; padding: 2px 0}
.Cadre_Titre2 {background-image: url(img/Cadre_Titre02.gif); color: #FFFFFF; margin: 0; font-family: Tahoma; text-align: center; font-size: 0.75em; height: 32px; padding: 2px 50px}
.Cadre {background-color: #EEF0C3; border-bottom: #660066; border-right: #660066; border-left: #996699; border-width: 3px; border-style: solid; border-top: none; padding: 1px 5px; margin: 0}
/* Fin de définition des cadres pour les rubriques */

/* Fin de toutes les mises en forme générale dans la page */


/* Mise en forme de l’entête et de son contenu */
#Entete {background-color: #D0B3D1}
#Entete_Banniere {text-align: center; margin: 0; padding-top: 10px}
#Entete_Titre {display: none}
/* Fin de mise en forme de l’entête et de son contenu */
 
/* Mise en forme de la 1ere colonne et de son contenu */
#Colonne_1 {float: right; width: 800px; margin: 25px 0 10px 0;}
/* Mise en forme des sous colonnes dans la 1ere colonne
/* colonne document */
#Corp_Document {float: left; width: 600px; min-height: 500px; margin: 0 8px}
#Corp_Document div {color: #7030A0; font-family: Tahoma; font-size: 0.9em;}

/* colonne info */
#Info {width: 180px; float: right;}
#Information div {color: #7030A0; font-family: Tahoma; font-size: 0.8em;}
#Partenaire {margin-bottom: 15px}
#Partenaire div{color: #7030A0; font-family: Tahoma; font-size: 0.8em;}
/* Fin de mise en forme de la 1ere colonne et de son contenu */


/* Mise en forme de la 2eme colonne et de son contenu */
#Colonne_2 {width: 180px; float: left; margin: 25px 0 10px 0;}
/* colonne annonce */
#Annonce, #Annonce02 {margin: 15px 0;}
#Annonce div, #Annonce02 div, #Annonce03 div 
{color: #7030A0; font-family: Tahoma; font-size: 0.8em;}
#adhesion div {font-family: Tahoma; font-size: 0.7em}
/* Fin de mise en forme de la 2eme colonne et de son contenu */


/* Mise en forme du pied de page et de son contenu */
#footer {background-color: #D0B3D1}
#Visit {float: left; margin: 5px 10px; width: 189px; height: 57px; background-image: url(img/ovocytes.gif); text-align: center; font-size: 0.7em}
#Copyr {width: 730px;; float: right; font-family: Tahoma; font-size: 0.8em; height: 57px; font-weight: bold; margin-right: 20px}
/* Fin de mise du pied de page et de son contenu */

/* Mise en forme du menu d'accès horizontal */
#Entete_Menu {font-family: Tahoma; font-size: 0.7em; font-weight: bold; list-style: none; float: left; margin: 15px;} 
#Entete_Menu li {background-color: #DED2E3; border: #914E8A solid; border-width: 1px; display: inline; margin: 0 1em 0 0;}
/* Fin de mise en forme du menu d'accès horizontal */
 
/* Mise en forme du menu Pays */
#Entete_Pays {list-style: none; float: right; margin: 10px 80px;} 
#Entete_Pays li {display: inline; margin: 0 1em 0 0;}
/* Fin de mise en forme du menu Pays */

/* Mise en forme du menu principal */
#mnuPrincipal {margin: 30px 0; font-family: Tahoma; color: #5A2D6C}

/* Mise en forme des titres du menu principal */
.mnuTitre, .mnuTitreLienDirect 
{height: 30px; color: #FFFFFF; margin: 4px 0 2px 0; padding-top: 4px; padding-left: 20px;}
.btnTitre
{background-image: url(img/btn_titre.gif); background-repeat: no-repeat}

/* Ajoute une mise en forme aux titres si js est actif */
.jsbtnTitre, .jsbtnPlus 
{font-size: 0.8em; font-weight: bold;}

.jsbtnTitre {background-image: url(img/btn_titre.gif); background-repeat: no-repeat}
.jsbtnPlus {background-image: url(img/btn_plus.gif); background-repeat: no-repeat}

.mnuSous {list-style: none; padding: 0; font-size: 0.8em; margin: 10px 0; border-right: 2px solid #660066; border-bottom: 2px solid #660066; border-left: 2px solid #996699; border-top: 2px solid #996699}
.mnuSous li {padding: 4px 0 4px 4px; background-color: #EEF0C3; border-bottom-color: #996699; border-bottom-style: dotted; border-bottom-width: 1px}
/* Fin de mise en forme du menu principal */

/* DEFINITION DES LIENS ET COULEURS */
.mnuSous li a, .mnuTitreLienDirect a, .jsbtnPlus
{display: block;}

/* LIEN link et visited */

/* lien violet (menu entête, li du menu principal) */
#Entete_Menu a:link, #Entete_Menu a:visited,
.mnuSous li a:link, .mnuSous li a:visited 
{color: #5A2D6C; text-decoration: none; }

/* lien blanc (titre menu principal et lien directe du titre menu principal) */
.mnuTitreLienDirect a:link, .mnuTitreLienDirect a:visited,
.mnuTitre:link, .mnuTitre:visited 
{color: #FFFFFF; text-decoration: none;}

/* lien rouge (Cadre Annonce, cadre adhesion, cadre Copyr, cadre information, corp du document, cadre partenaire, liens de class "LienCerise") */
#adhesion a:link, #adhesion a:visited,
#Annonce a:link, #Annonce a:visited,
#Annonce02 a:link, #Annonce02 a:visited,
#Annonce03 a:link, #Annonce03 a:visited,
#Corp_Document a:link, #Corp_Document a:visited,
#Information a:link, #Information a:visited,
#Partenaire a:link, #Partenaire a:visited,
#Copyr a:link, #Copyr a:visited,			 
.LienCerise a:link, .LienCerise a:visited  
{color: #AA0000; text-decoration: none;}

/* LIEN hover, active et focus (a:active = a:focus le 1er pour IE et le 2eme pour FF) */

/* lien hover rouge fond parme (menu entête) */
#Entete_Menu a:hover, #Entete_Menu a:active, #Entete_Menu a:focus 
{background-color: #EDE0F2; color: #AA0000; text-decoration: none;}

/* lien hover rouge fond jaune (li du menu principal) */
.mnuSous li a:hover, .mnuSous li a:active, .mnuSous li a:focus 
{color: #AA0000; background-color: #FBFFCF}

/* lien hover rouge (titre menu principal) */
.mnuTitreLienDirect a:hover, .mnuTitreLienDirect a:active, .mnuTitreLienDirect a:focus 
{color: #AA0000;}

/* lien hover rouge souligné (Cadre Annonce, cadre adhesion, cadre Copyr, cadre information, cadre partenaire, corps du document liens de class "LienCerise") */
#adhesion a:hover, #adhesion a:active, #adhesion a:focus,
#Annonce a:hover, #Annonce a:active, #Annonce a:focus,
#Annonce02 a:hover, #Annonce02 a:active, #Annonce02 a:focus,
#Annonce03 a:hover, #Annonce03 a:active, #Annonce03 a:focus,
#Corp_Document a:hover, #Corp_Document a:active, #Corp_Document a:focus,
#Information a:hover, #Information a:active, #Information a:focus,
#Partenaire a:hover, #Partenaire a:active, #Partenaire a:focus,
#Copyr a:hover, #Copyr a:active, #Copyr a:focus,			 
.LienCerise a:hover, .LienCerise a:active, .LienCerise a:focus   
{color: #AA0000; text-decoration: underline}

/* lien hover blanc souligné (titre menu principal) */
.mnuTitre:hover, .mnuTitre:active, .mnuTitre:focus 
{color: #FFFFFF; text-decoration: underline}

/* FIN DEFINITION DES LIENS ET COULEURS */