/******************* REDEFINITION BALISES HTML *******************/
* {margin:0; padding:0; border:0 none; color:#5a2d25}
html {font-size:100%}
body {min-height:100%; height:100%; color:#5a2d25; font:normal 0.625em Arial, Helvetica, sans-serif}
ul {list-style-type:none;}
li {background-image:none;position:relative;}
a {color:#5a2d25; text-decoration:none; outline:none}
#page div#colonne_MD dfn a {font-style:italic; text-decoration:none}
#page div#colonne_MD a{
	text-decoration : underline;
}

div#MultiBoxMediaObject{
	margin-left:10px;
}

a:hover {text-decoration:underline}
input,
select,
textarea {font-size:100%}
dfn {color:#54AFBA}


ul#menu li {position:static}
ul#menu li ul {display:none;}
ul#menu li.actif ul {display:block;}



/******* CLASSES GENERIQUES *******/
.hors_champs {left:-10000px; position:absolute}
.hidden_header,
.hidden {display:none}
.floatLeft {float:left}
.floatRight {float:right}
.efface {clear:both; float:none; font-size:0; line-height:0; height:0; overflow:hidden}


/******* ELEMENTS DE STRUCTURE *******/
#conteneur_principal {position:relative; margin:20px auto; width:940px;}

/*** HEADER ***/
#topNavigation {background:url(../img/topNavBg.png) repeat-y; color:#FFF; position:relative; height:18px; font-family:Verdana, Arial, Helvetica, sans-serif}


#recherche label {display:none}

#outils {float:right; width:190px; padding:1px 0}
/*#outils input {background:#FFF; border:none; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif}*/
#outils input {background:#FFF; border:solid 1px #54afba; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif;height:12px;margin-top:1px;margin-right:0;}
*html #outils input {margin-top:0;}
*+html #outils input {margin-top:0;}
#outils input.btnRechercher {border:none; background:none; color:#FFF; width:auto; cursor:pointer;margin:0;}
*html #outils input.btnRechercher {margin:0 0 1px -5px;}
*+html #outils input.btnRechercher {margin:0 0 1px -5px;}

#langue {float:right; text-align:right; padding:3px 20px 1px 0; width:120px}
#langue a {color:#FFF}
#langue span {display:none}

#bandeau #logo {float:left; width:126px; padding-top:50px}
#bandeau #logo span {display:none}
#bandeau #imageBandeau {float:right; }

#chemin_de_fer {padding-bottom:5px; padding-top:5px; font-size:1.1em; color:#54afba}
#chemin_de_fer a {color:#54afba}


#chemin_de_fer_bis {font-size:1.1em; background:url(../img/ouvrirstorengy.gif) right center no-repeat; padding:5px 5px 5px 0; color:#54afba} /* modif JP */
#chemin_de_fer_bis a {color:#54afba; text-decoration:none}
#chemin_de_fer_bis .lienOuvrirToolbox {float:right; margin-top:-1px; margin-right:3px;} /* modif JP */
#chemin_de_fer_bis .lienOuvrirToolbox a {color:#FFF; background-color:#663333; display:block; font-size:1em;
height:15px;
width:108px;} /* modif JP */

/*** MENU ***/
/* vertical */
ul#menu li ul {display:none;}
ul#menu li.actif ul {display:block;}
#colonne_gauche {float:left; width:180px; height:auto; background:#c7d100 url(../img/triangleTalkMenu.gif) right 25px no-repeat;position:relative;}
#colonne_gauche #colonne_gauche01 {background:#FFF; margin-top:35px; font-size:1.1em;}
#colonne_gauche #colonne_gauche01 ul li {padding-bottom:6px;} 
#colonne_gauche #colonne_gauche01 ul li a {font:normal; padding-left:15px; position:relative;}
#colonne_gauche #colonne_gauche01 ul li a.on {font-weight:bold;padding-left:15px;color:#c7d100;}
#colonne_gauche #colonne_gauche01 ul li a.puce {background:url(../img/menuPuceOff.png) left center no-repeat}
#colonne_gauche #colonne_gauche01 ul li a.puceOn {background:url(../img/menuPuceOn.png) left center no-repeat;
	font-weight:bold;color:#c7d100;}
#colonne_gauche #colonne_gauche01 div {background:#c7d100 url(../img/menuSeparateur.gif) no-repeat 0 0;	width:180px;height:15px;margin-top:10px;position:relative;}
#colonne_gauche #colonne_gauche01 ul li ul li {padding-left:35px;line-height:normal;margin-top:6px;padding-bottom:0;}
#colonne_gauche #colonne_gauche01 ul li ul li a { padding-left:0;padding-right:3px;}
#colonne_gauche #colonne_gauche01 ul li ul li a.on {line-height:normal;display:block;color:#FFF;padding-right:3px;padding-left:35px;font-weight:normal;width: auto;background:#c7d100 url(../img/menuBgOn.gif) no-repeat right top;margin:2px 0 2px -35px;}
*html #colonne_gauche #colonne_gauche01 ul li ul li a.on {position:relative;width:142px;}








/* horizontal */
#page #menuHorizontal {background:#c7d100 url(../img/menuHorBg.png) no-repeat; width:750px; height:35px; margin:0 0 0 10px}
#page #menuHorizontal div {text-align:right; padding-right:195px; padding-top:4px}
#page #menuHorizontal div span {color:#ffffff; font-weight:bold;font-size:1.3em;padding:0 5px;}
#page #menuHorizontal div a {font-size:1.3em; font-weight:bold; padding:0 5px}

#page #menuHorizontal div a.on {color:#FFF}

#page #menuHorizontal.sansTrame {background:#c7d000 url(../img/menuHorSansTrameBg.png) no-repeat 0 bottom;}
#page #menuHorizontal.sansTrame div {text-align:right; padding-right:5px;}

#page #menuHorizontal.sansTrame div h2 {color:#ffffff;text-transform:none;}









/*** STRUCTURE ***/
#colonne_milieu_footer {float:left; width:760px; min-height:400px; _height:400px; position:relative}
#colonne_MD {margin:0 0 0 10px;min-height:400px;_height:400px;}


/*** FOOTER ***/
#footer {position:absolute; right:0; padding:25px 0 20px 0; }
#footer img {vertical-align:top; margin-left:5px;}

/*** CONTENU HOME ***/
	#accueil #colonne_milieu {float:left; width:370px; margin-right:10px} 
	#accueil #colonne_droite {float:left; width:370px} 
	#accueil .mea {position:relative; width:370px; height:190px; overflow:hidden;} 

	#accueil .mea h2 {font-weight:bold; font-size:1.3em; text-transform:uppercase; height:30px; padding-top:5px; background:#c7d100 url(../img/triangleTalk.gif) right bottom no-repeat; text-align:right; color:#FFF; padding-right:12px;width:358px;position:absolute;z-index:200;padding-bottom:0;}
	#accueil .mea h2 a {color:#ffffff;}
*html #accueil .mea h2 {padding-bottom:0;}
	#accueil .client img, #accueil .riverain img  {padding-top:35px;}
	#accueil .dossier img {position:absolute; z-index:10; top:35px}

	#accueil .mea div {position:absolute; z-index:15; top:40px; left:164px;font-size:1.2em;}
	#accueil .mea div ul {list-style:none; margin-bottom:4px; margin-top:-4px;}
	#accueil .mea div ul li {margin-bottom:-1px; background:url(../img/puceMarron5x5.gif) no-repeat 0 7px;padding-left:12px;}
	#accueil .mea div p.cadenas a {background:url(../img/puceCadenas.png) no-repeat 0 2px; padding-left:13px;padding-bottom:0;font-size:0.9em;}
	#accueil .mea div ul li a {padding:0; background:none}

#accueil .riverain div {left:25px}
#accueil .mea.riverain div ul li {width:140px;float:left;padding-right:20px;}


	#accueil .video {height:229px;margin-bottom:10px;overflow:hidden;}
	#accueil .video h2 {background-color:#938579; background-image:none;height:20px;}
	

	
	#accueil .video #triangleVideo {position:absolute;top:25px;left:335px;background:url(../img/triangleVideo.gif) no-repeat;width:14px;height:16px;z-index:20;}
/*	#accueil .video .conteneur div {left:240px; height:170px; top:20px;}*/
	#accueil .video div.conteneur {position:relative; left:auto; top:29px; height:200px; color:#907f79; width:370px; background:url(../img/homeVideoBg.png) repeat;display:block;}
	#accueil .video .conteneur p {font-size:1em; font-weight:normal; position:static; bottom:124px; width:356px;}
	#accueil .video .conteneur .player {position:absolute; bottom:0; top:auto; left:25px; height:auto; width:80px}
	#accueil .video .conteneur .player a {background:none; margin:10px 7px 0 0; padding:0}
	#accueil .video .conteneur .player img {position:relative; left:auto; top:auto}
	
	#accueil .question {height:229px;margin-bottom:10px;overflow:hidden;}
	#accueil .question h2 {background-color:#aca196; background-image:none;height:20px;}
	#accueil .question div {width:370px; height:200px; position:relative; left:auto; top:29px;display:block;}
	#accueil .question #triangleQuestion {position:absolute;top:25px;left:335px;background:url(../img/triangleQuestion.gif) no-repeat;width:14px;height:16px;z-index:20;}
	
	#accueil .etudiant {float:left; background:#54AFBA url(../img/entreeBg.png) no-repeat; width:180px; height:56px; margin-right:10px}
	#accueil .etudiant h2 {background:url(../img/pictoEtudiant.gif) left 10px no-repeat; font:bold 1.2em Arial, Helvetica, sans-serif; position:relative;padding-bottom:0;}
	#accueil .etudiant h2 a {cursor:pointer; text-transform:uppercase; height:48px; width:180px; text-align:right; display:block; padding-top:8px}
	#accueil .etudiant h2 a span {display:block; width:123px; float:right}
	

	
	#accueil .curieux {float:left; background:#54AFBA url(../img/entreeBg.png) no-repeat; width:180px; height:56px}
	#accueil .curieux h2 {background:url(../img/pictoCurieux.gif) left 10px no-repeat; font:bold 1.2em Arial, Helvetica, sans-serif; position:relative;padding-bottom:0;}
	#accueil .curieux h2 a {cursor:pointer; text-transform:uppercase; height:48px; width:180px; text-align:right; display:block; padding-top:8px}
	#accueil .curieux h2 a span {display:block; width:117px; float:right}
		
	#accueil .journaliste {float:left; background:#54AFBA url(../img/entreeBgJournaliste.png) no-repeat; width:370px; height:56px}
	#accueil .journaliste h2 {background:url(../img/pictoJournaliste.gif) left 10px no-repeat; font:bold 1.2em Arial, Helvetica, sans-serif; position:relative;padding-bottom:0;}
	#accueil .journaliste h2 a {cursor:pointer; text-transform:uppercase; height:48px; width:370px; text-align:right; display:block; padding-top:8px;}
	#accueil .journaliste h2 a span {display:block; width:123px; float:right}
	
	
	
	/* Nouvelle home */
	#accueil .bandeauLienBas {float:left; background:#54AFBA url(../img/bg_bandeauLienBas.gif) no-repeat; width:100%; height:56px;color:#54afba;}
	#accueil .bandeauLienBas h2 {background:url(../img/pictoJournaliste.gif) left 10px no-repeat; font:bold 1.2em Arial, Helvetica, sans-serif; position:relative;padding-bottom:0;color:#54afba;}
	#accueil .bandeauLienBas h2 a {cursor:pointer; text-transform:uppercase; height:48px; width:100%; text-align:right; display:block; padding-top:8px}
	#accueil .bandeauLienBas h2 a span {display:block; width:123px; float:right;color:#54AFBA;}
	

	#accueil .etudiant h2 a, #accueil .curieux h2 a, #accueil .journaliste h2 a, #accueil .bandeauLienBas h2 a {color:#54AFBA;}
	
	

/*** CONTENU PAGE ***/	

#page .largeur1-4 {float:right; width:180px}
#page .largeur1-4 p {font-size:1.2em; color:#5a2d25; padding-bottom:4px}
	
	
	#page .largeur3-4 {float:left; width:560px}
	#page .largeur3-4 .titre {background:#5a2d25 url(../img/barreContenuBg.png) left bottom repeat-x; padding-bottom:9px; width:560px}
	#page .largeur3-4 .titre h3 {font-size:1.4em; min-height:15px; _height:15px; padding:4px 0 12px 35px; font-weight:bold; text-transform:uppercase; background:#5a2d25 url(../img/titrePuce.png) no-repeat}
	#page .largeur3-4 .contenu a {text-decoration:underline;}
	#page .largeur3-4 .contenu h4 { font-weight:bold; }
	#page .largeur3-4 .contenu p {line-height:normal;padding-bottom:10px;}	
	#page .largeur3-4 .contenu .bloc {float:left; width:256px; }		
	#page .largeur3-4 .contenu .bloc p {font-size:1.2em;padding-bottom:10px;}
	#page .largeur3-4 .contenu .bloc ul li {margin-top:5px;}
	#page .largeur3-4 .contenu .blocDroite {padding-left:15px; float:right}
    #page .largeur3-4 .contenu .bloc h4 {font-size:1.2em;font-weight:bold;}	
	#page .largeur3-4 .visuel {position:relative}
	#page .largeur3-4 .visuel div {background:url(../img/triangleTalk3-4.png) left bottom no-repeat; width:560px; height:10px; position:absolute; bottom:2px}

	#page .largeur2-4 {float:left; margin-right:30px; width:360px}
	#page #colonne_milieu.largeur2-4 {float:left; margin-right:30px; width:360px}
	#page #colonne_droite.largeur2-4 {float:right; margin-right:0; width:360px}
	#page #colonne_droite.largeur2-4 img {border:solid 1px #c7d000;}
	
	#page .largeur2-4 .titre {background:#5a2d25 url(../img/barreContenuBg.png) left bottom repeat-x; padding-bottom:9px}
	#page .largeur2-4 .titre h3 {font-size:1.4em; min-height:15px; _height:15px; padding:4px 0 12px 35px; font-weight:bold; text-transform:uppercase; background:#5a2d25 url(../img/titrePuce.png) no-repeat}
	#page .largeur2-4 .contenu {padding-top:10px} 
	#page .largeur2-4 h4 {font-weight:bold; }
	
	

	
	#page .largeur4-4 .titre {background:#5a2d25 url(../img/barreContenuBg.png) left bottom repeat-x; padding-bottom:9px; width:750px}
	#page .largeur4-4 .titre h3 {font-size:1.4em; min-height:15px; _height:15px; padding:4px 0 12px 35px; font-weight:bold; text-transform:uppercase; background:#5a2d25 url(../img/titrePuce.png) no-repeat}
	#page .largeur4-4 .contenu a {text-decoration:underline; }
	#page .largeur4-4 .contenu h4 {font-size:1.2em; font-weight:bold; }
	#page .largeur4-4 .contenu p { line-height:normal}
	#page .largeur4-4 {width:750px; margin-right:0}	
	#page .largeur4-4 .contenu {padding:15px 0 0 0; }
	
#page .largeur4-4 .contenu.encadre {padding:15px;}
	
	#page .largeur4-4 .contenu .bloc {float:left;width:367px;}	
	#page .largeur4-4 .contenu.encadre .bloc {float:left;width:352px;}	
	#page .largeur4-4 .contenu .bloc p {font-size:1.2em;padding-bottom:10px;}
	#page .largeur4-4 .contenu .bloc ul li {margin-top:5px;}
	#page .largeur4-4 .contenu .bloc.blocDroite {float:right;width:352px;}
	#page .largeur4-4 .contenu.encadre .bloc.blocDroite {float:right;width:337px;}
    #page .largeur4-4 .contenu .bloc h4 {font-size:1.2em;font-weight:bold;}	
	
	
	

	
	/*#page .encadre {background:#dbde7e url(../img/triangleTalk4-4.png) right bottom no-repeat; padding:15px 15px 25px 15px} */
	#page .visuelFCE2col {float:right; width:360px; margin:0; padding-top:20px}

#page .contenu p a {text-decoration:underline;}
#page .contenu p {text-align:justify;}
#page .contenu p.separateur {padding:0;}

#accueil .pageJournaliste .dossier div {left:20px; padding-top:15px;}
#accueil .pageJournaliste .dossier img {border:1px solid #5a2d25;}
#accueil .pageJournaliste .dossier img.picto {right:5px; top:40px;border:0 none;}
#accueil .pageJournaliste .dossier h2 {font:bold 1.3em Arial, Helvetica, sans-serif; text-transform:uppercase; height:30px; padding-top:5px; background:#5a2d25 url(../img/triangleTalk.gif) right bottom no-repeat; text-align:right; color:#FFF; padding-right:12px; position:absolute; z-index:20; width:358px}
#accueil .pageJournaliste .phototheque h2 {background:#5a2d25 url(../img/triangleTalk.gif) right bottom no-repeat; height:30px}
#accueil .pageJournaliste .phototheque div {width:370px;height:145px; left:auto; top:35px;display:block;clear:right;}
#accueil .pageJournaliste .conteneurActualite .mea {border:1px solid #938579; padding:14px 14px 0 14px; width:340px}
#accueil .pageJournaliste .conteneurActualite .mea p {font-size:1.2em; color:#5a2d25; padding-bottom:14px;text-align:justify;}
#accueil .pageJournaliste .conteneurActualite .mea p.chapo {font-weight:bold}
#accueil .pageJournaliste .conteneurActualite h2 {background:#938579 url(../img/triangleTalk.gif) right bottom no-repeat; height:20px; text-align:right; color:#FFF; text-transform:uppercase; font-size:1.3em; padding-top:5px; padding-right:6px; margin-top:4px}
#accueil .pageJournaliste .conteneurMinute .mea {background:#d7cec4 url(../img/homeJournalisteVisuelCrayon.png) no-repeat right bottom; border:1px solid #D7CEC4; padding:14px 14px 0 14px; width:340px}
#accueil .pageJournaliste .conteneurMinute .mea p {font-size:1.2em; padding-bottom:14px;text-align:justify;}
#accueil .pageJournaliste .conteneurMinute .mea p.chapo {font-weight:bold}
#accueil .pageJournaliste .conteneurMinute h2 {background:#d7cec4 url(../img/triangleTalk.gif) right bottom no-repeat; height:20px; text-align:right; color:#FFF; text-transform:uppercase; font-size:1.3em; padding-top:5px; padding-right:6px; margin-top:4px}



/*** FICHE METIER V1 ***/
#page #ficheMetier li {clear:both;}


	#page #ficheMetier li a {display:block; cursor:pointer}
	#page #ficheMetier li a span {display:block; float:left; width:180px; padding-top:8px; color:#5a2d25; font-size:1.2em; min-height:25px; _height:25px;}
	#page #ficheMetier li a span.efface {clear:both; float:none; font-size:0; line-height:0; height:0; margin:0; padding:0; overflow:hidden; min-height:0}
	#page #ficheMetier li a span.metier {border-top:6px solid #f4f5d0; border-bottom:6px solid #f4f5d0}
	#page #ficheMetier li a span.chapo {width:350px; font-size:1.1em; padding:8px 10px 10px 10px; background:#f4f5d0;margin-left:10px;margin-bottom:10px;min-height:25px;_height:25px;}
	#page #ficheMetier li span.savoirPlus {margin:0; padding:8px 10px 18px 10px; width:160px; background:#d2d67a url(../img/triangleTalkSavoirPlus.png) left bottom no-repeat;margin-left:10px;}
	#page #ficheMetier li span.savoirPlus strong {display:block}
	
	#page #ficheMetier li .conteneurFiche .conteneurDetailMetier {background:#d2d67a url(../img/metierVisuelMetier.png) left bottom no-repeat; float:left; width:550px; color:#5a2d25; margin-right:10px; padding-left:10px}
	#page #ficheMetier li .conteneurFiche .conteneurDetailMetier .metier {float:left; font-size:1.2em; width:170px; padding-right:10px; padding-top:8px}
	#page #ficheMetier li .conteneurFiche .conteneurDetailMetier .detailMetier {float:left; width:350px; min-height:150px; _height:150px; padding:8px 10px 20px 10px; background:#d2d67a url(../img/triangleTalk3-4.png) right bottom no-repeat}
	#page #ficheMetier li .conteneurFiche .conteneurDetailMetier .detailMetier p {font-size:1.1em}
	#page #ficheMetier li .conteneurFiche .conteneurDetailMetier .detailMetier ul {padding-bottom:15px;margin-top:-10px;}
	#page #ficheMetier li .conteneurFiche .conteneurDetailMetier .detailMetier ul li {margin-bottom:0;list-style-type:none; font-size:1.1em; line-height:1.4em; background:url(../img/puceBleue5x5.gif) no-repeat 0 6px;padding-left:12px;text-align:justify;}
	#page #ficheMetier li .conteneurFiche div.savoirPlus {float:left; color:#5a2d25; padding:8px 10px 18px 10px; width:160px; font-size:1.2em; background:#d2d67a url(../img/triangleTalkSavoirPlus.png) left bottom no-repeat}
	#page #ficheMetier li .conteneurFiche div.savoirPlus strong {display:block}
	#page #ficheMetier li .conteneurFiche div.savoirPlus img {margin:0 -10px; padding:10px 0 5px 0}
	#page #ficheMetier li .conteneurFiche div.efface {clear:both; font-size:0; line-height:0; height:0; overflow:hidden}

#page #colonne_droite01 div {margin-bottom:7px;font-size:1.1em;}
#page #colonne_droite01 .encadre {padding:10px 0 12px 0;background-color:#d2d67a;}





/*** FICHE METIER V2 ***/
	#page #ficheMetier2 li {clear:both;display:block;margin:0;padding:0; margin-top:10px; background:url(../img/borderFicheMetier.png) left bottom no-repeat; zoom:1}

	#page #ficheMetier2 li span {display:block; float:left; width:180px; padding-top:10px; color:#5a2d25; font-size:1.2em; min-height:38px; _height:38px; display:block}
	#page #ficheMetier2 li span.efface {font-size:0; line-height:0; height:0; margin:0; padding:0; overflow:hidden; min-height:0; display:block;float:none}
	*+html #page #ficheMetier2 li span.efface {clear:both; float:left}

	/*clear:both; float:none; */
	#page #ficheMetier2 li span.metier {border-top:6px solid #d2d67a}
	#page #ficheMetier2 li span.chapo {width:350px; font-size:1.1em; padding:8px 10px 10px 10px; background:#f4f5d0;margin-left:10px;min-height:42px;_height:42px;}
	
	
	#page #ficheMetier2 li span.savoirPlus {margin:0; padding:8px 10px 18px 10px; width:160px; background:#d2d67a url(../img/triangleTalkSavoirPlus.png) left bottom no-repeat}
	#page #ficheMetier2 li span.savoirPlus strong {display:block}
	
	#page #ficheMetier2 li .conteneurFiche .conteneurDetailMetier {background:#d2d67a url(../img/metierVisuelMetier.png) left bottom no-repeat; float:left; width:550px; color:#5a2d25; margin-right:10px; padding-left:10px}
	#page #ficheMetier2 li .conteneurFiche .conteneurDetailMetier .metier {float:left; font-size:1.2em; width:170px; padding-right:10px; padding-top:8px}
	#page #ficheMetier2 li .conteneurFiche .conteneurDetailMetier .detailMetier {float:left; width:350px; min-height:150px; _height:150px; padding:8px 10px 20px 10px; background:#d2d67a url(../img/triangleTalk3-4.png) right bottom no-repeat}
	#page #ficheMetier2 li .conteneurFiche .conteneurDetailMetier .detailMetier p {font-size:1.1em}
	#page #ficheMetier2 li .conteneurFiche .conteneurDetailMetier .detailMetier ul {padding-bottom:15px;margin-top:-10px;}
	#page #ficheMetier2 li .conteneurFiche .conteneurDetailMetier .detailMetier ul li {margin-bottom:0;list-style-type:none; font-size:1.1em; line-height:1.4em; background:url(../img/puceBleue5x5.gif) no-repeat 0 6px;padding-left:12px;text-align:justify;}
	#page #ficheMetier2 li .conteneurFiche div.savoirPlus {float:left; color:#5a2d25; padding:8px 10px 18px 10px; width:160px; font-size:1.2em; background:#d2d67a url(../img/triangleTalkSavoirPlus.png) left bottom no-repeat}
	#page #ficheMetier2 li .conteneurFiche div.savoirPlus strong {display:block}
	#page #ficheMetier2 li .conteneurFiche div.savoirPlus img {margin:0 -10px; padding:10px 0 5px 0}
	#page #ficheMetier2 li .conteneurFiche div.efface {clear:both; font-size:0; line-height:0; height:0; overflow:hidden}





































#page #colonne_droite01 div {margin-bottom:7px;font-size:1.1em;}
#page #colonne_droite01 .encadre {padding:10px 0 12px 0;background-color:#d2d67a;}





/*** LIENS UTILES ***/
#accueil #MultiBoxContent #colonne_milieu {width:700px;}
#accueil .largeur2-4 .liste, 
#accueil .largeur3-4 .liste, 
#accueil .largeur4-4 .liste ,
#page .largeur2-4 .liste, /* new julien */
#page .largeur3-4 .liste, /* new julien */
#page .largeur4-4 .liste {padding-top:5px} /* new julien */
#accueil .liste h3 , #page .liste h3 {background:#5a2d25 url(../img/puceFichier.png) no-repeat; padding:2px 0 12px 25px; text-transform:none; font-size:1.3em}
#accueil .liste .separateur, #page .liste .separateur {background:#5a2d25 url(../img/barreContenuBg.png) repeat; height:5px; overflow:hidden; margin:0 0 5px 0;}



/*RESULTAT DE RECHERCHE */

#page #encadreRecherche.encadre {padding:10px;background-color:#c7d100;margin-top:-5px;}
#page #encadreRecherche.encadre h3, #page #encadreRecherche.encadre p {color:#ffffff;}
#page #encadreRecherche.encadre h3 {font-size:1.3em;background:none;text-transform:uppercase;padding-left:0;}
#page .contenu .encadre2 {background-color:#d2d67a;padding:10px 0 10px 10px !important;padding:10px 0 0 10px; clear:both;display:block;margin-bottom:20px;}
*+html #page .contenu .encadre2 {padding:10px 0 0 10px;}
#page .contenu .encadre2 p, #page .contenu .encadre2 div {margin:0;padding:0;}
/*#page .contenu .encadre2 .floatLeft {width: 360px;margin-right:20px;}
#page .contenu .encadre2 .floatRight img {margin:0 10px;padding:0;}*/
#page .contenu .encadre2 div {font-size:1.2em;}


#page .liste.recherche h3 {background:#c7d100 url(../img/puceFichier.png) no-repeat; padding:2px 0 5px 25px; text-transform:none; font-size:1.3em;}
#page .largeur4-4 .liste.recherche h3 a {color:#c7d100;}





/* BLOC TRANSPARENT */
#page .conteneurBlocTransparent .blocTransparent {position:absolute; z-index:80; margin:15px 0 -10px 15px; top:0; left:0; width:494px; padding:15px; background:url(../img/blocTransparentBg.png) repeat} 
*html #page .conteneurBlocTransparent .blocTransparent {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/css_global/img/blocTransparentBg.png',sizingMethod='scale'); background:none;} 
#page .conteneurBlocTransparent {position:relative;} 
#page .conteneurBlocTransparent .blocTransparent h3 {text-transform:uppercase; color:#5a2d25; font-weight:bold; font-size:1.6em; padding-bottom:14px} 
#page .conteneurBlocTransparent .blocTransparent p {text-align:justify; font-size:1.2em} 
#page .contenu.blocTransparent ul {margin:0;display:block;}
#page .contenu.blocTransparent ul li {position:relative;}
#page .conteneurBlocTransparent .contenu.blocTransparent ul li a {/*text-decoration:none;*/position:relative;}
#page .conteneurBlocTransparent .contenu.blocTransparent ul li a:hover {text-decoration:underline;}
#page .conteneurBlocTransparent .triangleTalk { bottom:-10px;right:20px; height:20px; position:absolute; width:11px; z-index:500; background:url(../img/blocTransparentTriangleTalk.png) no-repeat right bottom;display:block;} 
*html #page .conteneurBlocTransparent .contenu.blocTransparent .triangleTalk {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/css_global/img/blocTransparentTriangleTalk.png',sizingMethod='crop');background:none;bottom:-20px;}





/*** PLUGINS ***/
/*** plan du site ***/
.tx-dropdownsitemap-pi1 div.expAll {background:url(../img/planSitePointilles.png) repeat-x; height:27px; border:none}
.tx-dropdownsitemap-pi1 {font:normal 1.1em Arial, Helvetica, sans-serif;}
.tx-dropdownsitemap-pi1 a, 
.tx-dropdownsitemap-pi1 a:link, 
.tx-dropdownsitemap-pi1 a:visited, 
.tx-dropdownsitemap-pi1 a:hover, 
.tx-dropdownsitemap-pi1 a:active {color:#5a2d25;}
.tx-dropdownsitemap-pi1 .description {color:#c7d100; font-size:1em}

/*** lightbox ***/
#page .MultiBoxContainer {background:#FFF; padding:20px; border:1px solid #5a2d25}
#page .MultiBoxClose {background:url(../img/lightboxBtnClose.png) no-repeat; height:12px; right:0; top:5px; width:12px}
#page .MultiBoxNumber {background:url(../img/triangleTalkLightbox.png) left bottom no-repeat; bottom:-32px !important; height:34px; margin:0; position:absolute; right:-20px; text-align:right; width:45px}

/*#page .MultiBoxControls {background:none;width:695px;}*/
#page .MultiBoxControlsContainer {height:auto !important}
#page .MultiBoxPrevious {background:none; height:0}
#page .MultiBoxNext {background:none; height:0}
#page .MultiBoxDescription {position:relative; color:#5a2d25; font:normal 1.2em Verdana, Arial, Helvetica, sans-serif; margin:0; padding-top:0; text-align:left}
#page .MultiBoxControlsContainer {overflow:visible}
#page .MultiBoxTitle {position:relative; color:#5a2d25; float:left; font:normal 1em Verdana, Arial, Helvetica, sans-serif; margin:0; padding-bottom:2px; text-align:left;}
/*#page .MultiBoxContent {overflow-x:auto;overflow-y:hidden;}*/
#page .MultiBoxContent {overflow-x:hidden !important; overflow-y:auto}

#accueil .MultiBoxContainer {background:#FFF; padding:20px; border:1px solid #5a2d25}
#accueil .MultiBoxClose {background:url(../img/lightboxBtnClose.png) no-repeat; height:12px; right:0; top:5px; width:12px}
#accueil .MultiBoxNumber {background:url(../img/triangleTalkLightbox.png) left bottom no-repeat; bottom:-32px !important; height:34px; margin:0; position:absolute; right:-20px; text-align:right; width:45px}

#accueil .MultiBoxControls {background:none}
#accueil .MultiBoxControlsContainer {height:auto !important}
#accueil .MultiBoxPrevious {background:none; height:0}
#accueil .MultiBoxNext {background:none; height:0}
#accueil .MultiBoxDescription {position:relative; color:#5c1302; font:normal 1.2em Verdana, Arial, Helvetica, sans-serif; margin:0; padding-top:0; text-align:left}
#accueil .MultiBoxControlsContainer {overflow:visible}
#accueil .MultiBoxTitle {position:relative; color:#5c1302; float:left; font:normal 1em Verdana, Arial, Helvetica, sans-serif; margin:0; padding-bottom:2px; text-align:left;}
/*#accueil .MultiBoxContent {overflow-x:auto;overflow-y:hidden;}*/
#accueil .MultiBoxContent {overflow-x:hidden !important; overflow-y:auto}



/*******Page Resultat recherche ******/
.tx-indexedsearch-browsebox.pointillesRecherche {background:url(../img/pointille3F3E3C_20px.gif); height:31px;}
.tx-indexedsearch-browsebox p {float:left; font-weight:normal; font-weight:bold;font-size:1.1em;}
.tx-indexedsearch-sw {background-color:#d2d67a; font-size:1.2em;}
.tx-indexedsearch-title a {color:#00A49A; font-size:1.1em; text-decoration:none;}
.tx-indexedsearch-title a:hover {color:#00A49A; font-size:1.1em; text-decoration:underline;}
.tx-indexedsearch-text-item-path {margin-bottom:20px;}
ul.browsebox li a {color:#45469; text-decoration:none;margin-left:5px;}
ul.browsebox li a:hover {color:#45469; text-decoration:underline;}
#page .contenu .encadre2 ul.browsebox li {display:inline; padding-left:0px;}
ul.browsebox {text-align:right;}
input#tx-indexedsearch-searchbox-sword {border:1px solid #A7A6AA; background:#FDFAFF; }
input#tx-indexedsearch-searchbox-button-submit {background:#EFF0F1; padding:0.2em}
div.tx-indexedsearch-form {margin-right:5px; float:left; padding-left:340px}
div.tx-indexedsearch-search-submit {text-align:left}
div.tx-indexedsearch-browsebox {background-color:#d2d67a; margin-bottom:15px; margin-top:10px;font-size:1.2em;padding:10px 10px 10px 10px;}
#formulaire-recherche {text-align:center;}
/**Fin Resultat de recheche **/


/*FORMULAIRES*/
form.formulaire {width:auto;font-size:12px;margin-top:10px;}
.formulaire fieldset {display:block;height:auto;padding:12px 15px 12px 35px;background-color:#f4f5d0;margin-bottom:2px;}
.formulaire label, .formulaire input, .formulaire textarea {float:left;display:block;font-family:Arial, Helvetica, sans-serif;}
.formulaire input, .formulaire textarea {border:solid 1px #c7d100;margin-left:15px;width:214px;}
.formulaire label.colonne1 {width:210px;}
.formulaire label.colonne2 {margin-left:15px;}
.formulaire label.colonne3 {width:140px;padding-left:35px;padding-right:15px;}
.formulaire label.date {margin-left:15px;margin-right:-10px;}
.formulaire input {height:17px;margin-bottom:2px;}
.formulaire input.btRadio {border:0 none;margin-right:5px;margin-top:2px;width:auto;}
*html .formulaire input.btRadio {margin-right:0;margin-left:10px;}
*+html .formulaire input.btRadio {margin-right:0;margin-left:10px;}
.formulaire label.btRadio {width:auto;display:inline;clear:right;}
.formulaire textarea {overflow-y:scroll;height:100px;}
.formulaire textarea#commentaire {width:443px;}
.formulaire .formBouton {background-color:#c7d100;color:#FFFFFF;cursor: default;height:20px;text-align:right;width:162px; vertical-align:middle;float:right;padding:0 15px 0 15px;}
.formulaire .etoile {color:#FF0000;}
.formulaire input.champ3 {width:80px;}
.formulaire #ligne input.champ3 {margin-right:0;margin-left:0;width:160px;}
form.formulaire fieldset a {display:block;width:34px;position:relative;height:22px;float:left;top:-2px;margin-left:1px;}
form.formulaire fieldset p a  {float:none;height:auto;width:auto;display:inline;top:0;margin:0;text-decoration:underline;}
.formulaire .boxplus, .formulaire #ligne {position:relative;}
.formulaire .boxplus p {font-size:1em;padding-bottom:5px;}
.formulaire h4 {margin-top:10px;margin-bottom:2px;}
.formulaire fieldset#ligne {padding-left:0;padding-top:0;}
.formulaire div.plus, .formulaire div.moins {position:absolute;clear:both;margin:0;padding:0;}
.formulaire div.plus {top:0;right:0;display:block;}
.formulaire #ligne div.moins {top:0;right:0;display:block;}
.formulaire #ligne label, .formulaire #ligne input {margin-top:12px;margin-bottom:0;}
.formulaire .bouton {margin:0;padding:0;border:0 none;width:auto;height:18px;text-align:center;}
.formulaire .bouton img {margin:0;padding:0;width:18px;height:18px;}

/*FORMULAIRE CONTACT*/

form.formulaire.contact {width:auto;font-size:12px;margin-top:-5px;margin-bottom:10px;padding-bottom:10px;background-color:#f4f5d0;}
.formulaire.contact fieldset {display:block;height:auto;padding:12px 35px 0 35px;background-color:#f4f5d0;margin-bottom:0px;}
.formulaire.contact label, .formulaire.contact input, .formulaire.contact textarea {float:left;display:block;font-family:Arial, Helvetica, sans-serif;}
.formulaire.contact input, .formulaire.contact textarea {border:solid 1px #c7d100;margin-left:15px;}
.formulaire.contact label.colonne1 {width:100px;}
.formulaire.contact input {height:17px;}
.formulaire.contact input.champ2 {width:242px;}
.formulaire.contact input.champ1 {width:560px;}
.formulaire.contact textarea {width:500px;}
.formulaire.contact input.btRadio {border:0 none;margin-right:5px;margin-top:2px;}
.formulaire.contact input.powermail_radio {width:auto;border:0 none;margin-left:5px;margin-right:15px;margin-top:auto;}
.formulaire.contact label.btRadio {width:auto;}
.formulaire.contact textarea {overflow-y:scroll}
.formulaire.contact .formBouton {background-color:#c7d100;color:#FFFFFF;cursor: default;height:20px;text-align:right;width:162px; vertical-align:middle;float:left;padding:0 15px 0 15px;}
.formulaire.contact input.formBouton {margin-left:0;margin-right:15px;}
.formulaire.contact p {margin:0;padding:0 0 5px 0;font-size:1em;}
.formulaire input.hidden {display:none}
.formulaire.contact input.checkbox {border:none;}
.formulaire.contact input.checkbox_left {width:auto;}
form.formulaire fieldset .checkbox_left a {display: inline; float:none; top: 0px;}


/*EMAIL*/
#page .email h4 {margin-top:10px;margin-bottom:10px;}
#page .email ul span {width:225px;float:left;}




/*** GLOSSAIRE ***/
	.glossaire.intro {width:674px;background:#5a2d25 url(../img/triangleTalkFaq.png) right bottom no-repeat; padding:10px 10px 20px 10px;}
*html   .glossaire.intro {width:674px;background:#5a2d25 url(../img/triangleTalkFaq.png) right bottom no-repeat; padding:10px 10px 20px 10px;}

.glossaire h5 a {display:block; color:#FFF}
.glossaire h5.clair {color:#FFF; font-size:1.3em; padding:5px 0 15px 10px; font-weight:bold; background:#8fdbe4 url(../img/triangleTalkFaq.png) right bottom no-repeat}
.glossaire h5.fonce {color:#FFF; font-size:1.3em; padding:5px 0 15px 10px; font-weight:bold; background:#54afba url(../img/triangleTalkFaq.png) right bottom no-repeat}
.glossaire p {width:674px;color:#5a2d25; font-size:1.1em; padding:0 10px 10px 10px; text-align:justify; line-height:1em}
*html .glossaire p {width:664px;}
.glossaire h5 {margin-bottom:0px;width:684px;}

.glossaire.intro h4 {background-color:#5a2d25; background-image:none; font-weight:bold;}
*html .glossaire.intro h4 {background-color:#5a2d25; background-image:none; font-weight:bold;}

.datamints_glossaryindex_index {padding-bottom:10px}
.datamints_glossaryindex_oneitem {display:inline; font-size:14px; padding-right:12px; color:#CCC}

/*.datamints_glossaryindex_index{
	border-top:1px solid #2D1E3F;
	padding-left:5px;
	padding-right:5px;
}
.datamints_glossaryindex_oneitem{
	background:transparent url(../img/etiquetteLexiqueGrisClair.png) no-repeat scroll 0 0;
	color:#B2B2B2;
	float:left;
	font-size:1.4em;
	height:24px;
	margin-right:5px;
	text-align:center;
	width:20px;
}
div#glossary.glossaire{margin-top:30px;}*/


/*** FAQ ***/
.faq.intro  {background-color:#54afba ;background-image:none; padding:10px 10px 0px 10px;color:#FFF; }
.faq.intro h4 {background-color:#54afba ;background-image:none;margin:0;padding:0;font-weight:bold;}
.faq .intro {background:#54afba url(../img/triangleTalkFaq.png) right bottom no-repeat; padding:10px 10px 20px 10px;color:#FFF; } 
.faq .intro a, .intro.faq a {color:#ffffff;}
.faq .intro a:hover:, .intro.faq a:hover{color:#ffffff;}
/*.faq .intro h3, .intro.faq h3 {text-transform:uppercase; color:#FFF; font-weight:bold; font-size:1.3em; padding-bottom:14px}*/

.faq .intro ul li, .intro.faq ul li {background:url(../img/puceBlanche5x5.gif) no-repeat 0 6px;padding-left:12px;}
.faq h5 {width:auto;color:#54afba; font-size:1.3em; padding:2px 10px 0 25px; min-height:20px; _height:20px; font-weight:bold; background:#54afba url(../img/puceFichier.png) no-repeat}
.faq p {padding:0 10px 10px 0px; text-align:justify;width:auto;}
.faq .separation {background:#54afba url(../img/barreContenuBg.png) left bottom repeat; height:4px; overflow:hidden; margin:5px 0 10px 0; clear:both}
.faq .last {background:none; height:auto}
.tx-irfaq-pi1 .faq ul.tx-irfaq-questions-list {margin:0; color:#FFF; font-size:1.3em; font-weight:normal}
.tx-irfaq-pi1 .faq ul.tx-irfaq-questions-list a {color:#FFF}



.intro h4 {color:#FFF; font-size:1.3em; font-weight:normal}
.glossaire, .faq {width:690px;}














*html #page .largeur3-4 .contenu {padding-bottom:10px}
*html #page .largeur3-4 .visuel div {margin-top:-10px; position:relative}


/* BOITE A OUTILS */
#toolbox {position:absolute; width:752px; height:550px; background:#d1f2f5; padding-bottom:20px; z-index:90; left:190px; top:167px; zoom:1}
#toolbox .lienFermerToolbox {background:url(../img/fondFermerToolbox.jpg) no-repeat; padding:1px 0 5px 20px} /* modif JP */
#toolbox .lienFermerToolbox a {color:#FFF; font-size:1.2em; text-decoration:none} /* modif JP */
#toolbox .listeDoc {background:#d1f2f5 url(../img/fondTrameToolbox.gif) right repeat-y; margin-top:30px; zoom:1}
#toolbox ul {float:left; width:342px; background:url(../img/fondTrameToolbox.gif) repeat-y; padding:0 15px; min-height:500px; _height:500px; zoom:1}
#toolbox ul li {text-transform:uppercase; font-size:1.2em; font-weight:bold; line-height:1.7em; padding:0 0 0 2px; zoom:1}
#toolbox ul li ul {float:none; padding:0 0 30px 2px; background:none; margin-top:5px; min-height:0; _height:0}
#toolbox ul li ul li {text-transform:none; font-size:1em; font-weight:normal; list-style-type:square; list-style-position:inside; text-align:left}










