/*
Elts communs 
*/
BODY{ font-family: Arial, Helvetica; font-size: 12px; color: #000000}

INPUT{ font-size:11px; }/* width: 200px}*/
TEXTAREA{ font-size:11px}
BUTTON{ font-size:11px}

A:link,A:visited,A:active{color: #011507; font-style: italic}
A:hover{color:#727073}

.spacer{clear: both; width: 100%; height: 1px;}

/*
HEADER :
*/
#header{ width: 960px; height:195px; background-color: #FFFFFF; }
#header .menuHeader{ height: 30px; text-align:center}
#header .menuHeader A{font-family: Helvetica, Arial; font-weight: 600; font-size: 13px; color: #FFFFFF; font-style:normal; text-decoration:none}
#header .menuHeader:hover{ background-color: #194d86}
#header #headerFT{ border: 2px solid #B6B5BD; background-color: #E9EAEC; color: #000000; font-size: 12px; width: 117px;}
#header #headerFTValid{border: 2px solid #BABEC1; background-color: #D1D1DB; color: #19181E; font-size: 12px; width: 30px; }





/*
Reste de la page :
*/
#allMain { width: 960px}
/* colonne de gauche + contenu */
#allMain #partG{width: 795px; float: left;}
/* col gauche */
#allMain #partG #colgauche{ width:217px; float: left;}


/*
chemin de fer
*/
#cheminFer { padding-left: 10px; color: #81458F; padding-bottom: 10px; color: #81458F; font-size: 12px; font-style: italic; text-decoration:none;}
#cheminFer A:link, #cheminFer A:active, #cheminFer A:visited{ color: #81458F; font-size: 12px; font-style: italic; text-decoration:none;}
/*
Menu :
*/
#allMain #partG #colgauche #menu{ margin-top: -25px;}/*
 height: 400px;}
html>body #allMain #partG #colgauche #menu{ height: auto; min-height: 400px}
*/
#colgauche A:link, #colgauche A:visited, #colgauche A:active{ font-style: normal; text-decoration: none} 
/* niveau 1*/
#colgauche .n1{ font-size: 14px; color: #FFFFFF;
	background-image: url(../img/menu_n1_fond.gif); background-position: top right; background-repeat:no-repeat;  
	background-color: #63356F;
	height: 25px;
	vertical-align:middle;
	text-align:center;
	margin-top: 25px;
	padding-top: 5px;
	}
#colgauche .n1Img{ font-size: 14px; color: #FFFFFF;
	height: 34px;
	vertical-align:top;
	text-align:left;
	margin-top: 25px;
	padding-left: 0px;
	margin-bottom: -0px;
	padding-bottom: 0px;
	}
#colgauche .n1 A:link, #colgauche .n1 A:visited, #colgauche .n1 A:active{ color: #9D80A5; font-size: 20px}  
#colgauche .n1 A:hover{ color: #FFFFFF;}
/* niveau 2 */
#colgauche .n2{ font-size: 14px; color: #1A171B; background-color: #BFB6D6; padding-left: 15px; padding-top: 5px; padding-bottom: 5px;}
#colgauche .n2:hover { background-color: #E9DDEB;}
#colgauche .n2 A:link, #colgauche .n2 A:visited, #colgauche .n2 A:active{ color: #1A171B; font-size: 14px}  
/* niveau 3 */
#colgauche .n3{ color: #1A171B; background-color: #E9DDEB; text-align: left; padding-left: 30px; font-size: 12px}
#colgauche .n3 A:link, #colgauche .n3 A:visited, #colgauche .n3 A:active{ color: #1A171B; font-size: 12px}  
/* niveau 4 */
#colgauche .n4{ color: #1A171B; background-color: #BFB6D6; text-align: left; padding-left: 45px}
#colgauche .n4 A{ color: #1A171B}  
#colgauche .selected{ background-color: #E9DDEB;}
#colgauche .selectedLink, #colgauche .selectedLink A.lien, #colgauche .selectedLink A:link, #colgauche .selectedLink A:active, #colgauche .selectedLink A:visited{ color: #E75D6F;}

#menu{}
#menu2{ margin-top: 10px}
#menu DIV, #menu2 DIV{padding: 2px; padding-left: 5px; padding-right: 5px} 

/* contenu */
#allMain #partG #contentmain{ width: 504px; float: left; padding-left: 45px; }






/*
Entete - titrePage
*/
/*
Default :
*/
.titrePage{}
.titrePage .titre{float: left; font-size: 14px}
.titrePage .titre, .titrePage .titre A{ color: #000000; font-style:normal}
.titrePage .srt{float: right}
.titrePage .srt SELECT{font-size:9px; height: 10px}



/*
Titre 1
*/
.titre1{ height: 18px; border-bottom: 1px solid #B0636E; padding-bottom: 5px; background: url(../img/puce_titre1.gif) left no-repeat; padding-left: 35px; margin-left: -20px;}
.titre1 .titre{ float: left; color: #681A55; font-weight: 600; font-size: 18px; font-style: italic; text-transform: uppercase}
.titre1 .titre, .titre1 .titre A{ color: #681A55; font-weight: 600; font-size: 18px; font-style: italic; text-transform: uppercase}
.titre1 .srt{color: #681A55; font-size: 18px; font-style: italic; }

.ipgDetail {position: absolute; left: 230px; top: 80px; width: 600px; height: 450px; overflow: auto; z-index:20; background-color: #FFFFFF; border: 1px solid #333333; visibility: hidden; display:none; font-size: 12px; padding: 3px}
html>body .ipgDetail {position: fixed; }
.ipgDetail .titre1{margin-left: 0px; width: 600px; overflow:hidden;  background: none; padding-left: 0}
.ipgDetail .titreIpg { font-weight: bold; }

/*
Titre 2
*/
.titre2{ }
.titre2 .titre{float: left; font-size: 14px; color: #E34288}
.titre2 .titre, .titre2 .titre A{ color: #E34288; font-size: 14px}
/*
Titre 3
*/
.titre3{ }
.titre3 .titre{float: left; font-size: 14px; color: #7560A3}
.titre3 .titre, .titre3 .titre A{ color: #7560A3; font-size: 18px; font-weight: bold; }




/*
Home - mea
*/
/* default */
.meaGroupe{ margin-bottom: 15px;}
.mea{margin-bottom: 3px; margin-top: 2px;}
.mea .cheminFer{ background-color: #E1EAEC; display: none; visibility: hidden}
.mea .content{ padding: 3px}
.mea .content .image{ float: left; margin: 5px;}
.mea .content .titreArticle, .mea .content .titreArticle A{ font-size: 18px; font-weight: bold; color: #7364A5; text-decoration:none; font-style:normal; padding-top: 5px;}
.mea .content .srt{ font-size: 12px; color: #E74790; padding-top: 5px;}
.mea .content .extrait{ font-size: 12px; padding-top: 5px;}
.mea .content .lien{ width: 100%;  text-align: right; clear: both; }
.mea .content .lien A{ font-style: normal; text-decoration:none; color: #E74790; padding-right: 10px;font-size:13px}
.mea .content .lienarchive A{color: #7364A5}
/* différent type de mea */
.C1{ width: 100%}
.C2Gauche {width: 49%; float: left;}
.C2Droite {width: 49%; float: right;}
.C2Gauche .content, .C2Droite .content{height: 110px}
.C2Gauche .content, .C2Droite .content{height: 110px}
html>body .C2Gauche .content, html>body .C2Droite .content{height: auto; min-height: 110px}
/* traitement particulier de certaines meas : */
/* une 
#mea_home_une{ border-bottom: 1px solid #8D939A; padding-bottom: 5px}
#mea_home_une #mea_home_une_0{ background-color:#D5E1E8; width: 100%;}
#mea_home_une_0:hover{ background-color:#E1EAEC}
#mea_home_une_0 .cheminFer{background-color:#FFFFFF}
*/



/*
colonne de droite
*/
#coldroite{ width: 163px; float: right; min-height: 500px; }
#coldroite, #coldroite A{color: #232027; font-size: 11px}
#coldroite .titre{ display: none; visibility: hidden;}
#coldroite .ipgDetail .titre{display: block; visibility: visible;}

#coldroite UL, #coldroite LI{ margin: 0px; padding: 0px}
#coldroite LI{ padding: 3px; border-top: 1px solid #905494}
#coldroite .sousT{padding-bottom: 5px; padding-top: 5px; border-top: 1px solid #905494; padding-left: 3px; padding-right: 3px}
#coldroite .sousT, #coldroite .sousT A:link, #coldroite .sousT A:visited, #coldroite .sousT A:active, #coldroite .sousT A:hover{ color: #96303E; font-size: 12px; text-align: center; font-weight: normal}
#coldroite .img{ text-align:center}
#coldroite .description{ text-align:center; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;}

#coldroite A{ text-decoration: none; font-style: normal}
#coldroite A:hover{ text-decoration: underline}

/*
Vidéos
*/
#coldroite #videos{ margin-bottom: 10px; width: 163px;  background-image: url(../img/titre/infosEnVideo.gif); background-position:top; background-repeat:no-repeat; background-color: #BFB5D7; padding-top: 27px;}/*
Audios
*/
#coldroite #audios{ margin-bottom: 10px; width: 163px;  background-image: url(../img/titre/reponsesDesExperts.gif); background-position:top; background-repeat:no-repeat; background-color: #BFB5D7; padding-top: 48px;}/*
Pièces jointes
*/
#coldroite #pjs{ margin-bottom: 10px; width: 163px;  background-image: url(../img/titre/fichesPratiques.gif); background-position:top; background-repeat:no-repeat; background-color: #BFB5D7; padding-top: 27px;}
/*
Textes
*/
#coldroite #textes{ margin-bottom: 10px; width: 163px;  background-image: url(../img/titre/enSavoirPlus.gif); background-position:top; background-repeat:no-repeat; background-color: #BFB5D7; padding-top: 27px;}
/*
Témoignages
*/
#coldroite #temoignages{ margin-bottom: 10px; width: 163px;  background-image: url(../img/titre/temoignages.gif); background-position:top; background-repeat:no-repeat; background-color: #BFB5D7; padding-top: 27px;}





/* 
footer 
*/
#footer {width: 960px; text-align: center; padding-top: 0px; padding-bottom: 0px;}
#footer1{ background-color: #BFB6D6; color: #FFFFFF; font-size: 14px}


/*
Si accès non autorisé :
*/
.noaccess { width: 500px; height: 400px}

/*
sommaire
*/
#sommaireNo{}
#sommaireNo LI { list-style-type: none; margin-top: 5px; margin-bottom: 5px}
#sommaireNo UL{ margin-left: 0px; padding-left: 0px; list-style-type: none;}
#sommaireNo LI A:link, #article LI A:visited, #article LI A:active { text-decoration: none; font-weight:bold}
#sommaireNo LI A:hover{ color: #333333;}



/*
template article :
*/
#article{}
#article UL { margin: 0px; padding: 0px; margin-left: 5px;} 	
#article LI { list-style-type: none; margin-top: 5px; margin-bottom: 5px}
#article LI A:link, #article LI A:visited, #article LI A:active { text-decoration: none; font-weight:bold}
#article LI A:hover{ color: #333333;}
#article #envoiAmi{ width: 149px; float: right; text-align:right; vertical-align:top}
#article #articleMain{ padding-top: 0px; clear: both;}
#article #articleMain A{ color: blue; font-style: normal}
#article #auteurs {width: 100%; text-align: right; margin-top: 10px; margin-bottom: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #535353;
		text-decoration: none;
		font-weight: normal;
		line-height: 15px;
		font-style: italic;
	}
#article .encadre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	line-height: 15px;
	font-style: italic;
}
#article .srtArticle{ font-size: 12px; color: #E74790; padding-top: 10px; padding-bottom: 5px; }

.extraitArticle{ font-size: 12px; color: #OOOOOO; padding-top: 5px; font-weight: bold; }

#article .section{border-bottom: 1px dotted #CCCCCC;}
#article #LienPrecLienSuiv{border-top: 1px dotted #CCCCCC;}
#article #LienPrecLienSuiv EM{ font-size: 10px}

#LienPrecSuivRecherche{border-bottom: 1px dotted #CCCCCC;}

/*
Regroupements :
*/
.regroupements{}
.regroupements .rubNom{ margin-left: -15px; padding: 5px; font-size: 16px; color: #681A55; font-weight: bold}
.regroupements .regroupement{ border: 0; margin-top: 5px; margin-bottom: 15px;}
.regroupements .regroupementOk{ border: 1px solid #333333; margin-top: 5px; margin-bottom: 15px;}
.regroupements .titre .srt{ display: none; visibility: hidden}
.regroupements .titreOK .srt{ display: block; visibility: visible}
.regroupements .reference{ display: none}
.regroupements .description{}
.regroupements .detailElements{display: none; visibility: hidden;}
.regroupements .detailElementsOk{display: block; visibility: visible;}
.regroupements .articlesAssocies{ margin-top: 5px; margin-bottom:5px; border-top: 1px dashed #CCCCCC}
.regroupements .articlesAssocies .titre{ font-weight: bold}
.regroupements .articlesAssocies LI{ margin-left: 0px; padding-left: 0px}







/*
référence
*/
#reference {}
#reference H1 {}
#reference #ref_contenu { font-size: 12px}

#referencesListe{ text-align: left; width: 100%; font-size: 11px; border: 0px solid #CCCCCC; margin-bottom: 5px}
#referencesListe H1 {}

/*
Recherche 
*/
#resultats{}
#resultats #resultatsListe{ text-align: left}
#resultats #resultatsListe H4{ font-size: 12px; font-weight: 800;}
#resultats .nomChamps { font-size: 11px; font-weight: bold;}
#resultats SELECT{ font-size: 11px;}
#resultats #resultatsListe UL{list-style: none; margin-left: 0px;}
.result{background-color: #FFFFFF; padding-bottom:3px; padding-top: 2px; border-top: 1px solid #BBBBBB}
.resultover{border: 1px solid #999999; border-left: 0px; background-color:#F0F0EC; padding-bottom:3px; padding-top: 2px; border-bottom: 0px}
#resultats #resultatsListe .numero{}
#resultats #resultatsListe .rubrique{}
#resultats #resultatsListe .titreResultat{font-size: 11px; font-weight: bold;}
#resultats #resultatsListe .extrait{ font-style:italic;}
/* formulaire de recherche avancée */
#resultats #formulaireRechercheAvancee{}


/* ARCHIVES */
#archives{ width: 100%}
#archives LI {padding:8px; margin:0; list-style:none; float: left; width: 190px; height: 285px; vertical-align:bottom; text-align:center; margin-left: 30px}
#archives LI:hover{background-color:#70ba21;}
#archives LI:hover A{color: #ffffff;font-weight: bold}

/*
inscription
*/
#inscription{ width: 100%}
#inscription .msg{ color: #FF0000; font-size: 11px; font-weight: bold;}
#inscription TABLE{ width: 100%}
#inscription .nomChamps{ width: 185px; font-size: 11px; font-weight: 700;}
#inscription .nomChampsLight{ color: #878585;width: 185px; font-size: 11px; font-weight: 700;}
#inscription #submitButton{position: relative; left: 300px;}
#inscription .separateur{ border-top: 1px dashed black; padding: 5px; min-height: 10px;}

/*
annuaire
*/
#annuaire{ font-size: 11px}
#annuaire UL, LI{ padding-left: 4px; margin-left: 4px; list-style-type: none }
#annuaire #intro{}
#annuaire .rubrique{}
#annuaire .rubrique .rubriqueNom{ font-weight:bold}
#annuaire .rubrique .rubriqueNom .noLien{ font-weight:600}
#annuaire .rubrique .rubriqueDescription{}
#annuaire .lien{ font-style: italic; margin-bottom: 10px;}
#annuaire .lien .lienTitre{}
#annuaire .lien .lienDescription{}
/*pour rendre les liens visibles / invisibles*/
#annuaire .liensDefault{visibility: hidden; display: none}
#annuaire .liensAlternative{ visibility: visible; display:block; margin-bottom: 15px; margin-top: 5px; list-style-type: none; padding-left: 3px}

/* recherche */
.search_default{background-color: #FFFFFF}
.search_trouve{background-color: #CCCCFF; padding-left: 0; margin-left: 0;}


/*
formulaire envoi ami 
*/
#envoiAmiForm{}
#envoiAmiForm TD{ border-bottom: 1px dashed black}
#envoiAmiForm .titreElt{ font-weight: bold}
#envoiAmiForm .titreArticle{}