/* FDL ALL MEDIA STYLESHEET  - Phil Essing VDL2 14 jan 2008 - 
/* LC/FDL juillet 2011 (bfr) */
/* LC/FDL juillet 2011 "object outline none : pas de bordure autour des animations flash SWobject) */
/* LC/FDL mai 2012 (bandeau plus haut, menu moins serre) */
/* LC/FDL dec 2012 (width lang, footer) */
/* LC/FDL jan 2013 (ajour rbpi gbpi - modif header) */
/* LC/FDL oct 2013 (test roundedCorners css3+pie) */
/* LC/FDL jan 2017 modification class #editoContenus pour publication Molior */
/* LC/FDL mar 2017 ajout class #editoContenusBis pour Machine for Taking Time page 2159 */
/* LC/FDL avr 2022 nouveau style body background-image, #header div.texteLogo, overflow-y, rechAccu */
/* gradient: rgba(250,215,170,1), rgba(130,120,100,1) */

html, body {
	margin: 0; 
	padding:0
}

html {
    overflow-y: scroll;
}

body {
	background-color: #fdfdf4; 
	color: #827763; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 15px; 
	background-image: -webkit-gradient(linear, left top, right top, from(#FAD7AA), to(#827864)); 
	background-image: -webkit-linear-gradient(to right, #FAD7AA, #827864);
	background-image: -moz-linear-gradient(to right, #FAD7AA, #827864);
	background-image: -ms-linear-gradient(to right, #FAD7AA, #827864);
	background-image: -o-linear-gradient(to right, #FAD7AA, #827864);
	background-image: linear-gradient(to right, #FAD7AA, #827864); 
	background-repeat: repeat-x;
	background-size: 110% 114px;
}

object { 
	outline:none; 
} 

.roundedCorners img {
/*  -moz-border-radius: 7px;*/
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

/* ------------------- DEBUT LAYOUT STYLES ------------------- */

#container {width: 100%; margin: 0; padding: 0}
	#wrapper {position: relative; width: 1000px; margin: 0 auto 0 auto; padding: 0; } /* background-color: #fdfdf4; LC2022 */
				
		/* HEADER  */
		#header { position: relative; width: 1000px; padding: 0; margin: 0; height: 114px;border-bottom: 0; } /* background-color: #827763; LC2022 */
			
			/* Logo - globale */
			#header div.logo {position: absolute; left: 16px; top: 0}
			
			/* Module d'inscription - page accu seulement*/
			#header div.insc {position: absolute; left: 306px; top: 38px; width: 300px}
				#header div.insc h2 {font-size: 13px; color: #fdfdf5; padding: 0 0 0 10px; margin: 0; letter-spacing: 1px}
				#header div.insc div.boiteTextBox {float: left; width: 257px; height: 42px; padding: 0; margin: -5px 0 0 0; background-image: url(../images/ui/acc_form_accu_head_bck.gif); background-repeat: no-repeat}
					#header div.insc div.boiteTextBox input {display: block; font-size: 11px; letter-spacing: 1px; line-height: 11px; color: #fff; width: 235px; padding: 2px 0 0 0; margin: 12px 0 0 14px; border: 0px solid #827763; background-color: #9f9583}
				#header div.insc div.boiteSubmitBox {float: left; width: 38px; height: 42px; padding: 0; margin: -5px 0 0 0}
						#header div.insc div.boiteSubmitBox input {padding: 0; margin: 0; border: none}

			/* Module explorez - pages int seulement */
			#header div.expl {position: absolute; left: 294px; top: 25px; width: 270px}
				#header div.expl h2 {font-size: 16px; color: #FFFFFF; padding: 0 0 3px 0; margin: 0; letter-spacing: 2px}  /* color: #e2e2d8; LC2022 */
						
			/* Fondation Daniel Langlois */
			#header div.texteLogo {position: absolute; left: 125px; top: 11px; width: 180px;  border: 0px; } /* border: 1px solid black; */
				#header div.texteLogo h2 { font-family: helvetica, sans-serif; font-weight: normal; font-size: 20px; line-height: 25px; color: #FFFFFF; padding: 8px 0 0 0; margin: 0; letter-spacing: 1.5px; }  /*LC2022 */

			/* Module explorez - pages recherche seulement */
			#header div.explCherche {position: absolute; left: 390px; top: 20px; width: 270px}
				#header div.explCherche h2 {font-size: 16px; color: #FFFFFF; padding: 0 0 3px 0; margin: 0; letter-spacing: 2px}  /* color: #e2e2d8; LC2022 */

			/* Module de recherche - pages int seulement (ancienne version VDL2) */
			#header div.rech {position: absolute; left: 429px; top: 16px; width: 270px}
				#header div.rech h2 {font-size: 16px; color: #e2e2d8; padding: 0 0 2px 0; margin: 0; letter-spacing: 2px}
				#header div.rech div.boiteTextBox {float: left; height: 20px; padding: 0 8px 0 8px; margin: 1px 0 0 0; background-image:url(../images/ui/acc_form_bck_small_brun.gif); background-repeat: no-repeat; background-position: left top}
					#header div.rech div.boiteTextBox input {width: 117px; height: 14px; letter-spacing: 1px; font-weight: normal; margin: 1px 0 0 0; font-size: 11px; border-width: 0; border-style: solid; border-color: #ff0000; background-color: #f0f0e6}
				#header div.rech div.boiteSubmitBox {float: left; width: 28px; height: 19px; padding: 0; margin: 0}
					#header div.rech div.boiteSubmitBox input {border: none; font-weight: normal; background-color: #827763; }			
			
			/* Module d'inscription - pages int seulement (nouvelle version FDL) */
			#header div.rech-glob {position: absolute; left: 460px; top: 25px; width: 280px}
				#header div.rech-glob h2 {font-size: 16px; color: #FFFFFF; padding: 0 0 2px 0; margin: 0; letter-spacing: 2px} /* color: #e2e2d8; LC2022 */
				#header div.rech-glob div.boiteTextBox {float: left; height: 20px; padding: 0px 2px 0px 2px; margin: 0px 0 0 0; background-image: url(../images/ui/acc_form_rech_head_bck.gif); background-repeat: no-repeat} 
					#header div.rech-glob div.boiteTextBox input {width: 117px; height: 14px; display: block; font-size: 11px; letter-spacing: 1px; line-height: 11px; color: #fff; padding: 2px 0 0 0; margin: 1px 0 0 0; border: 0px solid #827763; background-color: #9f9583}
				#header div.rech-glob div.boiteSubmitBox {float: left; width: 38px; height: 42px; padding: 0; margin: 0 0 0 5px} /* margin: -11px 0 0 5px */
						#header div.rech-glob div.boiteSubmitBox input {padding: 0; margin: 0; border: none}
			
			/* Menu - global */
			#header div.menu {position: absolute; left: 636px; top: 8px; color: #e2e2d6}
				#header div.menu div.lang {width: 364px; font-size: 9px; padding: 2px 0 2px 0; margin: 0 0 5px 0; text-transform: uppercase; color: #FFFFFF; letter-spacing: 2px; line-height: 13px; } /* was width 400; background-image: url(../images/ui/lang_bck.gif); background-repeat: repeat-y; color: #c4c0b5; LC2022*/
					#header div.menu div.lang a {padding: 0 5px 0 5px; margin: 0; color: #FFFFFF; } /* color: #c4c0b5; LC2022 */
				#header div.menu ul {padding: 0; margin: 0}
					#header div.menu ul li {font-size: 11px; font-weight: bold; letter-spacing: 1px; padding: 3px 0 0 12px; margin: 0; background-image: url(../images/ui/bullet_menu_entete_transp.gif); background-repeat: no-repeat; background-position: 0 1px; line-height: 12px} /* bullet_menu_entete.gif LC2022 */
					#header div.menu ul li a {padding: 0; margin: 0; color: #FFFFFF; } /* color: #e1e2da; LC2022 */
							
		/* H1 Accueil */
		#h1Accu {left: 40px; top: 139px; position: absolute; z-index: 999; }
			#h1Accu h1 {font-size: 45px; color: #827763; margin: 0; padding: 0; line-height: 47px; letter-spacing: 4px}
		
		/* Module de recherche accueil */
		#rechAccu {left: 637px; top: 134px; width: 350px; position: absolute; z-index: 999; }	/* top: 126px; LC2022 */
			#rechAccu h2 {font-size: 26px; letter-spacing: 2px; margin: 0; padding: 0 0 2px 0}
			#rechAccu div.boiteTextBox {float: left; height: 24px; padding: 0 8px 0 8px; margin: 1px 2px 0 0; background-image:url(../images/ui/acc_form_bck.gif); background-repeat: no-repeat; background-position: left top}
				#rechAccu div.boiteTextBox input {width: 230px; height: 18px; letter-spacing: 1px; font-weight: normal; margin: 1px 0 0 0; font-size: 14px; border-width: 0; border-style: solid; border-color: #ff0000}
			#rechAccu div.boiteSubmitBox {float: left; width: 34px; height: 24px; padding: 0; margin: 0}
				#rechAccu div.boiteSubmitBox input {border: none}
			#rechAccu p {color: #ff0000; font-size: 11px; clear: both; margin: 0; padding: 2px 0 0 0; letter-spacing: 1px; font-weight: bold}
			#rechAccu a {color: #ff0000; font-size: 11px; font-weight: bold; text-decoration: underline}
			#rechAccu a:hover {text-decoration: none}
		
		/* Module Flash accueil */
		#accuFlash {width: 1000px; height: 422px; left: 0; top: 180px; position: absolute; z-index: 999; }
		
		#wrapperAccu {position: relative; width: 1000px; margin: 0; padding: 0}
			#wrapperAccu #colonne1 {float: left; width: 326px; margin: 0; padding: 0; overflow: visible}
				#wrapperAccu #colonne1 div.contenus {padding: 0 0 0 50px; margin: 0} 
			#wrapperAccu #colonne2 {float: left; width: 323px; margin: 0; padding: 0; overflow: visible}
				#wrapperAccu #colonne2 div.contenus {padding: 0 0 0 47px; margin: 0}
			#wrapperAccu #colonne3 {float: left; width: 351px; margin: 0; padding: 40px 0 0 0; overflow: visible}			
				#wrapperAccu #colonne3 div.contenus {padding: 0 28px 0 47px; margin: 0}
		/* Fin Accueil seulement */
	
		/* Breadcrumbs */
		#breadcrumbs {font-size: 11px; font-weight: bold; text-align: right; letter-spacing: 2px; padding: 20px 28px 30px 0; margin: 0}
			#breadcrumbs ul {padding: 0; margin: 0}
			#breadcrumbs ul li {display: inline; list-style-image: none; list-style-type: none; margin: 0; padding: 0; background-image: none}
			#breadcrumbs ul a {padding: 0 15px 0 0; margin: 0 5px 0 0; background-image: url(../images/ui/breadcrumb_sep.gif); background-repeat: no-repeat; background-position: right 4px}
		
		/* Module de Recherche (remplace les breadcrumbs sur la template de recherche) */
		#recherche {font-size: 11px; height: 25px; font-weight: bold; letter-spacing: 1px; padding: 0 28px 0 50px; margin: 20px 0 30px 0}
			#recherche label {padding: 0 5px 0 3px}
			#recherche div.radios {float: left; margin: 0 20px 0 0; width: 570px;} /* ajout width nov 2008 (bug safari) */
			#recherche div.boiteTextBox {float: left; height: 19px; padding: 0 8px 0 8px; margin: 1px 2px 0 0; background-image:url(../images/ui/acc_form_bck_small.gif); background-repeat: no-repeat; background-position: left top}
				#recherche div.boiteTextBox input {width: 230px; height: 13px; letter-spacing: 1px; font-weight: normal; margin: 1px 0 0 0; font-size: 11px; border-width: 0; border-style: solid; border-color: #ff0000}
			#recherche div.boiteSubmitBox {float: left; width: 34px; height: 19px; padding: 0; margin: 0 30px 0 0}
				#recherche div.boiteSubmitBox input {border: none; font-weight: normal}
			#recherche div.boiteSelect {float: left; width: 210px; height: 19px; padding: 0; margin: 1px 0 0 0; background-image:url(../images/ui/acc_select_bck_small.gif); background-repeat: no-repeat; background-position: left top}
				#recherche div.boiteSelect div {position: relative; overflow: hidden; height: 16px; margin: 2px 0 0 12px; border: 0}
					#recherche div.boiteSelect div select {color: #837663; border: 0; position: absolute; left: -2px; top: -2px; border: 1px solid #827763; font-weight: bold}	
	
		/* Debut Wrapper 1 colonne (pour commentaires) - ajout LC aout 2009 */
		#wrapper1col {width: 1000px; margin: 0; padding: 0}			
			#wrapper1col #commentaire {float: left; width: 649px; margin: 0; padding: 0; overflow: visible;}
				#wrapper1col #commentaire div.contenus {padding: 0 0 0 46px; margin: 0; font-size:11pt;} /* LC : was padding: 0 0 0 50px; = italic bug fix !!! */
		/* Fin Wrapper 1 colonnes */
		
		/* Debut Wrapper 2 colonnes */
		#wrapper2col {width: 1000px; margin: 0; padding: 0}			
			#wrapper2col #colonne1 {float: left; width: 649px; margin: 0; padding: 0; overflow: visible}
				#wrapper2col #colonne1 div.contenus {padding: 0 0 0 46px; margin: 0} /* LC : was padding: 0 0 0 50px; = italic bug fix !!! */
			#wrapper2col #colonne2 {float: left; width: 351px; margin: 0; padding: 5px 0 0 0; overflow: visible}
				#wrapper2col #colonne2 div.contenus {padding: 0 28px 0 47px; margin: 0}
		/* Fin Wrapper 2 colonnes */
		
		/* Debut Wrapper 3 colonnes */
		#wrapper3col {width: 1000px; margin: 0; padding: 0; clear: both}
			#wrapper3col h1 {padding-left: 50px}
			#wrapper3col #colonne1 {float: left; width: 326px; margin: 0; padding: 0; overflow: visible}
				#wrapper3col #colonne1 div.contenus {padding: 0 0 0 50px; margin: 0}
			#wrapper3col #colonne2 {float: left; width: 323px; margin: 0; padding: 0; overflow: visible}
				#wrapper3col #colonne2 div.contenus {padding: 0 0 0 47px; margin: 0}
			#wrapper3col #colonne3 {float: left; width: 351px; margin: 0; padding: 0; overflow: visible}			
				#wrapper3col #colonne3 div.contenus {padding: 0 28px 0 47px; margin: 0}		
		/* Fin Wrapper 3 colonnes */
		
		/* Footer */
		#footer {clear: both; width: 100%; position: relative; color: #fdfdf5; text-align: center; padding: 20px 0 0 0; margin: 0} /* width missing */
			#footer ul {background-color: #827763; padding: 3px 0 5px 0}
			#footer ul li {display: inline; color: #fdfdf5; background-image: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0 8px 0 8px}
			#footer ul a {color: #fdfdf5; font-size: 10px; letter-spacing: 1px; line-height: 10px; font-weight: bold; text-decoration: none; padding: 0; margin: 0}
			#footer ul a:hover {text-decoration: underline}
		/* Footer */
	
/* ------------------- FIN LAYOUT STYLES ------------------- */

/* ------------ DEBUT TEMPLATE CONTENUS LISTE ----------- */
#contenusListe {width: 599px; padding: 0 0 40px 0; margin: 0}
	#contenusListe div {clear: both; padding: 0; margin: 0}
		#contenusListe div img {float: left; margin: 0 20px 25px 0}
		#contenusListe div span {float: left; display: block; width: 425px; padding: 0; margin: 0 0 25px 0} /* LC : was width: 430px; = italic bug fix !!! */
/* ------------- FIN TEMPLATE CONTENUS LISTE ------------ */

/* --------------- DEBUT TEMPLATE DOCUMENT -------------- */
#document {clear: both; width: 599px; padding: 0; margin: 0}
	#document div.document {width: 599px; padding: 0; margin: 0 0 20px 0}
	#document div.caption {float: left; width: 549px; padding: 0; margin: 0; font-size: 14px; } /* modif LC was width: 400px; */
	#document div.navigation {float: left; width: 199px; text-align: right; padding: 0; margin: 0}
		#document div.navigation img {margin: 0 0 0 10px}

#mediaslies {clear: both; width: 599px; padding: 0 0 40px 0; margin: 0}
	#mediaslies div.titre {float: left; width: 400px; padding: 0; margin: 0 0 10px 0}
		#mediaslies div.titre h2 {padding: 0; margin: 0}
	#mediaslies div.lien {float: left; width: 199px; text-align: right; padding: 0; margin: 0}
	#mediaslies div.medias {clear: both; width: 599px; padding: 0; margin: 0}		
		#mediaslies div.medias img {float: left; display: block; padding: 0; margin: 0 1px 1px 0}
/* ---------------- FIN TEMPLATE DOCUMENT --------------- */

/* ---------------- DEBUT TEMPLATE EDITO ---------------- */
#editoTitre	{clear: both; width: 599px; padding: 0; } 						/* ajout LC was padding: 0px 0 10px 0*/
	#editoTitre	h1 {font-size: 18px; padding: 0; line-height: 22px} 		/* modif LC */
	#editoTitre	h2 {font-size: 16px; padding: 0; line-height: 20px} 		/* ajout LC */

#editoGrand {float: left; width: 411px; padding: 10px 0 0 0; margin: 0}		/* modif LC was padding 0 */
	#editoGrand h1 {padding: 0 0 5px 0}
	#editoGrand img {display: block; padding: 0; margin: 0}
	#editoGrand div {font-size: 12px; padding: 5px 0 0 0; margin: 0}

#editoThumb {float: right; width: 148px; padding: 10px 0 0 0; margin: 0 0 0 40px; } 	/* padding: 27px 0 0 0; modif LC */
	#editoThumb img {display: block; padding: 0; margin: 0 0 1px 0;} 					/* margin: 0; modif LC */
	#editoThumb div {font-size: 11px; padding: 5px 0 0 0; margin: 0}

#editoContenus {clear: both; font-size: 14px; line-height: 17px; padding: 20px 0 0 0; margin: 0; text-align: justify; } /*   z-index: 5; ajout z-index, voir page 570 */
	#editoContenus p {clear: both}
	#editoContenus div.thumbs {padding: 0; margin: 0} /* LC: was padding: 0; margin: 10px 0 20px 0 */
		#editoContenus div.thumbs img {float: left; display: block; padding: 0; margin: 0 1px 1px 0}
		
		/* publication molior 2017/01 et Naniki 2021/06 */
		#editoContenus ul { list-style-type:disc; margin: 0 0 -17px 0; padding:0; } /* margin:0; */ 
		#editoContenus ol { margin: 0 0 -17px 0; padding:0; } /* 2021 */
/*		#editoContenus li { background-image: none; list-style-image: none; margin: 0 0 10px 15px; padding: 0 0 0 10px;}  /* top right bottom left */
		#editoContenus li { background-image: none; list-style-image: none; margin: 0 0 2px 15px; padding: 0 0 0 10px;}   /* 2021 */
		#editoContenus ol > li::marker { font-weight: bold; } /* 2021 */
		#editoContenus h2 { margin: 0 0 -17px 0; padding:0; } /* 2021 */
		
		/* publication molior 2017/03 */
		#editoContenusBis ul { list-style-type: disc;  margin:0; padding:0; }
		#editoContenusBis li { background-image: none; list-style-image: none; margin: 0 0 5px 15px; padding: 0 0 0 10px;}  /* top right bottom left */
		
#editoContenuCRD {clear: both; font-size: 14px; line-height: 17px; padding: 20px 0 0 0; margin: 0; } /* ajout LC, style pour detail fiche DOC/EVE */
	#editoContenuCRD p {clear: both}
	
#editoContenuDroite {clear: both; font-size: 14px; line-height: 17px; padding: 20px 0 0 0; margin: 0; text-align: justify; } /*  Publication Bardiot, voir page 585 et 589 */
	#editoContenuDroite p {clear: both}
	
#editoFootNotes	{clear: both; font-size: 11px; padding: 20px 0 10px 0; margin: 0;}
#editoFootNotes p {padding: 0; margin: 0}
/* ----------------- FIN TEMPLATE EDITO ----------------- */

/* --------- DEBUT TEMPLATE EDITO DOSSIER LISTE --------- */
#editoDossierListe {width: 599px; padding: 0 0 40px 0; margin: 0}
	#editoDossierListe div {clear: both; padding: 0; margin: 0}
		#editoDossierListe div img {float: left; margin: 0 20px 25px 0}
		#editoDossierListe div span {float: left; display: block; width: 430px; padding: 0; margin: 0 0 25px 0}
/* ---------- FIN TEMPLATE EDITO DOSSIER LISTE ---------- */

/* --------- DEBUT TEMPLATE EDITO DOSSIER TEXTE -------- */
#editoDossierTexte {font-size: 14px; line-height: 17px; width: 599px; padding: 0; margin: 0; text-align: justify} /* was padding: 0 0 40px 0 */
/* ---------- FIN TEMPLATE EDITO DOSSIER TEXTE --------- */

/* --------------- DEBUT TEMPLATE VOIRTOUT ------------- */
#voirtout {width: 599px; padding: 0 0 40px 0; margin: 0} 
	#voirtout h1 {padding: 0}
	#voirtout h2 {padding: 0} /* was padding: 15px 0 0 0} */
	#voirtout h1 span {display: inline; color: #cf0202; padding: 0 0 0 10px; margin: 0; font-size: 14px; line-height: 16px; letter-spacing: 1px}
	#voirtout h1 a {color: #cf0202}
	#voirtout h3 {margin: 20px 0 10px 0; border-bottom: 1px solid #bdbcb8; text-transform: uppercase} /* was margin: 20px 0 10px 0 */
	#voirtout p {font-size: 12px; padding-left: 0px} /* was padding-left: 20px */
	
	/* ajout LC */
	#voirtout div {clear: both; padding: 0; margin: 0}
	#voirtout div img {float: left; margin: 0 10px 10px 0} 
	#voirtout div span {float: left; display: block; width: 450px; padding: 0; margin: 0 0 10px 0}
	#voirtout div img.voirtout {float: none; margin: 5px 0 0 0}
	
/* ---------------- FIN TEMPLATE VOIRTOUT -------------- */


/* -------------------- DEBUT MODULES -------------------- */

/* styles global pour les modules  */
div.module {clear: both; width: 276px; font-size: 12px; line-height: 14px;}

/* module Autres contenus dans cette section */
#btautrescontenus {padding: 0 0 20px 0; margin: 0}
	#btautrescontenus div {clear: both; padding: 0 0 10px 0; margin: 0}

/* module Documents du CR-D */
#btdocuments {padding: 0; margin: 0}
	#btdocuments div {clear: both; padding: 0; margin: 0}
		#btdocuments div img {float: left; margin: 0 10px 20px 0}
		#btdocuments div span {float: left; display: block; width: 172px; padding: 0; margin: 0 0 20px 0}

#btindexation {padding: 0 0 20px 0; margin: 0}

/* module Nouvelles et communiques - Primeur */
#btnouvellePrime {padding: 0 0 10px 0; margin: 0}	
	#btnouvellePrime div {padding: 0; margin: 0}
		#btnouvellePrime div img {display: block; margin: 0 0 5px 0}

/* module Nouvelles et communiques */
#btnouvelles {padding: 0 0 10px 0; margin: 0}	
	#btnouvelles div {padding: 0 0 10px 0; margin: 0}
	#btnouvelles div.rss {padding: 10px 0 0 0; margin: 0}

/* module evenements (colonne 1) */
#btevenements {padding: 0 0 20px 0; margin: 0} /* was padding: 0 0 20px 0 */
	#btevenements div {clear: both; padding: 0; margin: 0}
		#btevenements div img {float: left; margin: 0 10px 10px 0}
		#btevenements div span {float: left; display: block; width: 176px; padding: 0; margin: 0 0 10px 0} /* LC: was width 179 : IE italic bug fix !*/

/* module DOCAM */	
#btdocam {padding: 0; margin: 0}	
	#btdocam div.docam {padding: 0 0 10px 0; margin: 0}

/* module Documents et publications */
#btpublications {padding: 0; margin: 0}		
	#btpublications div {padding: 0 0 10px 0; margin: 0}
	#btpublications div.rss {padding: 0; margin: 0}

/* module Textes lies */
#bttexteslies {padding: 0 0 20px 0; margin: 0; } 
	#bttexteslies div {clear: both; padding: 0; margin: 0; margin-bottom: 5px;} /* ajout margin-bottom LC */
		#bttexteslies div img {float: left; margin: 0 10px 10px 0}
		#bttexteslies div span {float: left; display: block; width: 176px; padding: 0; margin: 0 0 10px 0}	/* LC: was width 179 : IE italic bug fix ! 28 may 2008*/	

/* module Documents lies */
#btdocumentslies {padding: 0 0 20px 0; margin: 0}
	#btdocumentslies div {clear: both; padding: 0; margin: 0}
		#btdocumentslies div img {float: left; margin: 0 10px 10px 0}
		#btdocumentslies div span {float: left; display: block; width: 176px; padding: 0; margin: 0 0 10px 0}	/* LC: was width 179 : IE italic bug fix ! 28 may 2008*/	

/* module Ailleurs sure le site  (colonne 2) */
#btsurcesite {padding: 0 0 20px 0; margin: 0; } 
	#btsurcesite div {clear: both; padding: 0; margin: 0}

/* module [titre] au CR+D */
#btaucrd {padding: 0 0 20px 0; margin: 0}
	#btaucrd div {clear: both; padding: 0; margin: 0}
		#btaucrd div img {float: left; margin: 0 10px 10px 0}
		#btaucrd div span {float: left; display: block; width: 179px; padding: 0; margin: 0 0 10px 0}
		#btaucrd div img.voirtout {float: none; margin: 5px 0 0 0}	

/* module [titre] sur le web */
#btsurleweb {padding: 0 0 20px 0; margin: 0}
	#btsurleweb div {clear: both; padding: 0; margin: 0}

/* module tag cloud */
#tagcloud {padding: 0 0 20px 0; margin: 0; text-align: center}

/* module Liens externes */
#btliensexternes {padding: 0 0 20px 0; margin: 0}
	#btliensexternes div {clear: both; padding: 0 0 10px 0; margin: 0}

/* module Table des matieres */
#bttabledesmatieres {padding: 0 0 20px 0; margin: 0}

/* module Medias au CR+D */
#btmediasaucrd {padding: 0 0 20px 0; margin: 0}
	#btmediasaucrd div.medias {clear: both; padding: 0; margin: 0}		
		#btmediasaucrd div.medias img {float: left; display: block; padding: 0; margin: 0 3px 3px 0}

/* module Archives des bulletins */
#btarchives {padding: 0 0 20px 0; margin: 0}

/* --------------------- FIN MODULES --------------------- */


/* ------------------- DEBUT GLOBAL STYLES ------------------- */

/* lien global - lien rouge - pas souligne */
a:link {color: #cf0202; text-decoration: none}
a:visited {color: #cf0202; text-decoration: none}
a:hover {color: #827763; text-decoration: underline}
a:active {color: #cf0202; text-decoration: none}

/* lien rouge - bold - pas souligne */
a.rbp {color: #cf0202; text-decoration: none}
a.rbp:link {color: #cf0202; font-weight: bold; text-decoration: none}
a.rbp:visited {color: #cf0202; font-weight: bold; text-decoration: none}
a.rbp:hover {color: #827763; font-weight: bold; text-decoration: underline}
a.rbp:active {color: #cf0202; font-weight: bold; text-decoration: none}

/* lien rouge - bold - pas souligne DANS INDEX PAGE */
span.rbpi {color: #cf0202; text-decoration: none; font-weight: bold;}
a.rbpi {color: #cf0202; text-decoration: none; line-height:20px}
a.rbpi:link {color: #cf0202; font-weight: bold; text-decoration: none}
a.rbpi:visited {color: #cf0202; font-weight: bold; text-decoration: none}
a.rbpi:hover {color: #827763; font-weight: bold; text-decoration: underline}
a.rbpi:active {color: #cf0202; font-weight: bold; text-decoration: none}

/* lien gris - bold - pas souligne DANS INDEX PAGE */
span.gbpi {color: #827763; text-decoration: none; font-weight: bold;}
a.gbpi {color: #827763; text-decoration: none; line-height:20px}
a.gbpi:link {color: #827763; font-weight: bold; text-decoration: none}
a.gbpi:visited {color: #827763; font-weight: bold; text-decoration: none}
a.gbpi:hover {color: #cf0202; font-weight: bold; text-decoration: underline}
a.gbpi:active {color: #827763; font-weight: bold; text-decoration: none}

/* lien rouge - bold - souligne */
a.rbs {color: #cf0202; text-decoration: underline}
a.rbs:link {color: #cf0202; font-weight: bold; text-decoration: underline}
a.rbs:visited {color: #cf0202; font-weight: bold; text-decoration: underline}
a.rbs:hover {color: #827763; font-weight: bold; text-decoration: none}
a.rbs:active {color: #cf0202; font-weight: bold; text-decoration: underline}

/* lien gris - normal - souligne */
a.gns {font-weight: normal; text-decoration: underline}
a.gns:link {color: #827763; font-weight: normal; text-decoration: underline}
a.gns:visited {color: #827763; font-weight: normal; text-decoration: underline}
a.gns:hover {color: #cf0202; font-weight: normal; text-decoration: none}
a.gns:active {color: #827763; font-weight: normal; text-decoration: underline}

/* lien gris - normal - pas souligne */
a.gnp {text-decoration: underline}
a.gnp:link {color: #827763; font-weight: normal; text-decoration: none}
a.gnp:visited {color: #827763; font-weight: normal; text-decoration: none}
a.gnp:hover {color: #cf0202; font-weight: normal; text-decoration: none} /* LC: was underline */
a.gnp:active {color: #827763; font-weight: normal; text-decoration: none}

/* lien gris - bold - pas souligne */
a.gbp {text-decoration: none}
a.gbp:link {color: #827763; font-weight: bold; text-decoration: none}
a.gbp:visited {color: #827763; font-weight: bold; text-decoration: none}
a.gbp:hover {color: #cf0202; font-weight: bold; text-decoration: underline}
a.gbp:active {color: #827763; font-weight: bold; text-decoration: none}

/* lien blanc sur fond rouge - bold - pas souligne */
a.bfr {color: #ffffff; background-color: #BB0102;text-decoration: none; padding:1px 6px 1px 6px;}
a.bfr:link {color: #ffffff; background-color: #BB0102; font-weight: bold; text-decoration: none}
a.bfr:visited {color: #ffffff; background-color: #BB0102; font-weight: bold; text-decoration: none}
a.bfr:hover {color: #ffffff; background-color: #cf0202; font-weight: bold; text-decoration: none}
a.bfr:active {color: #ffffff; background-color: #cf0202; font-weight: bold; text-decoration: none}

h1 {font-size: 18px; color: #827763; margin: 0; padding: 0 0 15px 0; line-height: 26px; letter-spacing: 2px} /* Modif LC font-size was 20px */
h2 {font-size: 16px; color: #827763; margin: 0; padding: 15px 0 10px 0; line-height: 20px}
h3 {font-size: 14px; color: #827763; margin: 0; padding: 0; line-height: 18px}
h4 {font-size: 12px; color: #827763; margin: 0; padding: 0; line-height: 16px}

h1 span {display: block; padding: 0; margin: 3px 0 0 0; font-size: 14px; line-height: 16px}

/* H2 pour les boites contenus */
h2.boiteAccu {font-size: 18px; clear: both; padding: 0 0 5px 0}
h2.boiteAccu span {font-style: italic}
h2.boite {font-size: 16px; clear: both; padding: 0 0 5px 0} /* padding: 0 0 5px 0*/
h2.boite span {font-style: italic}
h2.boite img {margin: 0 0 0 5px}

/* H2 avec lien */
h2 a:link {color: #827763; text-decoration: none}
h2 a:visited {color: #827763; text-decoration: none}
h2 a:hover {color: #cf0202; text-decoration: underline}
h2 a:active {color: #827763; text-decoration: none}

p {margin: 0; padding: 0 0 10px 0}

img {border: none}

a.bullet {padding: 0 0 0 10px; background-image: url(../images/ui/bullet.gif); background-repeat: no-repeat; background-position: left 5px}

form {margin: 0; padding: 0}
input, select {background-color: #ffffff; font-family: verdana; border: 1px solid #aaabad; font-size: 11px; padding: 1px 2px 1px 2px}
input.bouton {background-color: #cf0202; color: #fdfdf4; font-size: 11px; font-weight: bold; padding: 3px; border: none; text-align: center}
input.boutonOff {background-color: #cf0202; color: #fdfdf4; font-size: 11px; font-weight: bold; padding: 3px; border: none; text-align: center}
input.boutonOn {background-color: #ff0000; color: #fdfdf4; font-size: 11px; font-weight: bold; padding: 3px; border: none; text-align: center}
input.rad {border: none}
input.chk {border: none}

ul {list-style-type: none; padding: 0; margin: 0}
ul li {background-image: url(../images/ui/bullet.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0; padding: 0 0 15px 15px}
ul li ul {list-style-type: none; padding: 0; margin: 10px 0 0 20px}
li.off {background-image: url(../images/ui/bullet.gif); background-repeat: no-repeat; background-position: 0 3px; font-weight: normal}
li.on {background-image: url(../images/ui/bullet_on.gif); background-repeat: no-repeat; background-position: 0 3px; font-weight: bold}

hr {border: 0; height: 1px; color: #bdbcb8; background-color: #bdbcb8; margin: 5px 0 5px 0}

table.data {width: 460px; margin: 10px 0 20px 0;  background-color: #cc0000;}  /* was margin: 10px 0 20px 0 */
table.data th {background-color: #e9ecf0; color: #1f4063; font-size: 12px; font-weight: bold; text-align: left; padding: 5px 5px 5px 5px; margin: 0; border-width: 0 0 1px 0; border-style: solid; border-color: #c3cbd4}
table.data td {background-color: #ffffff; color: #565555; padding: 5px 5px 5px 5px; border-width: 0 0 1px 0; margin: 0; border-style: solid; border-color: #c3cbd4}
table.data td a {color: #82a0b8; font-weight: bold; text-decoration: underline}

table.form {width: 590px; margin: 10px 0 0 0;} /* was width: 550px; margin: 10px 0 20px 0 */
table.form th {width: 290px; font-size: 12px; color: #827763; font-weight: bold; text-align: right; padding: 0 20px 2px 0}  /* was width: 250px; */
table.form th span {color: #BB0000; font-weight: normal; padding: 0 5px 0 0}
table.form td {width: 300px; color: #000000; padding: 0 20px 10px 0} /* was padding: 0 20px 20px 0 */

label em { position: absolute; left: 620px; color: #cf0202; } /* LC was 580 */

span.note {color: #827763; font-size: 11px;} /* was #545454 */
span.obl {color: #BB0000}

fieldset {border: 1px solid #c3cbd4; padding: 0 10px 10px 10px; margin: 0 0 20px 0}
legend {padding: 2px 10px 2px 10px; margin: 0 0 10px 0; color: #ffffff; background-color: #587593; border: 1px solid #c3cbd4; font-size: 10px; font-weight: bold}


/* des classes pour regler les largeurs des champs dans les formulaires */
.x01 {width: 25px}
.x02 {width: 50px}
.x03 {width: 75px}
.x04 {width: 100px}
.x05 {width: 125px}
.x06 {width: 150px}
.x07 {width: 175px}
.x08 {width: 150px} /* was 200px - modif LC */
.x09 {width: 225px}
.x10 {width: 250px}
.x11 {width: 275px}
.x12 {width: 300px}
.x13 {width: 325px}
.x14 {width: 350px}
.x15 {width: 375px}
.x16 {width: 400px}
.x17 {width: 425px}
.x18 {width: 450px}
.x19 {width: 475px}
.x20 {width: 500px}

/* les elements SELECT prend 6px de plus */
.x04-select {width: 106px}
.x08-select {width: 156px} /* was 206px - modif LC */
.x12-select {width: 306px}
.x16-select {width: 406px}
.x20-select {width: 506px}

/* ------------------- FIN GLOBAL STYLES ------------------- */

/* --------------- BEGIN TMT VALIDATOR STYLES -------------- */
.invalid {background-color: #ffffd9; border: 1px solid #BB0000}

/*
Requires modification to /js/script_tmt_validator.js
OLD: var strongNode = document.createElement("strong");
NEW: var strongNode = document.createElement("div");
 */
label div {background-image: url(../images/ui/alert.gif); background-repeat: no-repeat; background-position: right top; padding: 0 25px 5px 0; color: #790000; text-align: right}
/* ---------------- END TMT VALIDATOR STYLES --------------- */