/* ---[ Mise en page/Structure des pages ]--------------------- */

body {
	background: #f5f2eb url(/www/images/franc/bg_contenant.gif) repeat top center;	
	font-family: arial, geneva, sans-serif;
	font-size: 76%;
	color: #615e56;
	line-height: 125%;
	font-weight: normal;
	}
	
body.nobg{
background-image:none;
}

#headerSections {
	width: 100%;
	height: 109px;
	background: url(/www/images/franc/bg_header_sectionsFR.jpg) no-repeat top center;
	}	

#contenant {
	clear: left;
	margin: 0 auto; /* pour centrer le contenant, ne marche pas dans IE */
	width: 901px;
	margin-top: 5px;
	text-align: left;
	}

#navGaucheWrapper {
	float: left;
	width: 170px; 
	display: inline; 
	}	
		
#contenu { 
	position: relative;
	float: right;
	display: inline;
	width: 705px;
	min-height: 400px;
	margin-top: 10px;
	}

/* Accueil - babillard*/	

#contenu.accueil5zones { 
	position: relative;
	width: 699px;
	height: 501px;
	background: url(/www/images/franc/bg_babillard_5zones.gif) no-repeat top left;
	z-index: 1;
	font-size: 90%;
	margin: 0 15px 0 0;
	}	
		
#contenu.accueil4zones { 
	position: relative;
	width: 699px;
	height: 501px;
	background: url(/www/images/franc/bg_babillard_4zones.gif) no-repeat top left;
	z-index: 1;
	font-size: 90%;
	margin: 0 15px 0 0;
	}	
	
	#contenu.accueil4zones #zonePromo1 {display: none;}
	
	#zonePromo1 {
		position: absolute;
		top: 29px;
		left: 319px;
		width: 300px;
		height: 80px;
		z-index: 2;
		text-align: center;
		}
		
	#zoneCommuniques { /*faire disparaitre ceci*/
		position: absolute;
		top: 250px;
		left: 33px;
		width: 290px;
		height: 195px;
		z-index: 2;
		overflow: hidden;
		}
		
	#zoneAsignaler {
		position: absolute;
		top: 155px;
		left: 300px;
		width: 345px;
		height: 190px;
		z-index: 2;
		overflow: hidden;
		}	
		
	#zonePromo2 {
		position: absolute;
		top: 380px;
		left: 279px;
		width: 300px;
		height: 80px;
		z-index: 2;
		text-align: center;
		}
	
	img#bt_ordonLing {
		position: absolute;
		top: 247px;
		left: 84px;
		}	
		
	img#bt_coinOffice  {
		position: absolute;
		top: 375px;
		left: 17px;
		}

/*nouveaux styles pour babillard*/
#contenu.accueil6zones { 
	position: relative;
	width: 699px;
	height: 501px;
	background: url(/www/images/franc/bg_babillard_6zones.jpg) no-repeat top left;
	z-index: 1;
	font-size: 90%;
	margin: 0 15px 0 0;
	}
	
	#contenu.accueil6zones #zonePromo1 {
		position: absolute;
		top: 38px;
		left: 45px;
		width: 242px;
		height: 110px;
		z-index: 2;
		
		}
		
		#contenu.accueil6zones #zonePromo2 {
		position: absolute;
		top: 39px;
		left: 358px;
		width: 300px;
		height: 80px;
		z-index: 2;
		
		}
		
		#contenu.accueil6zones #zoneAsignaler {
		position: absolute;
		top: 215px;
		left: 29px;
		width: 299px;
		height: 249px;
		z-index: 2;
		overflow: hidden;
		}
		
		#contenu.accueil6zones #zonePromo3 {
		position: absolute;
		top: 154px;
		left: 358px;
		width: 300px;
		height: 80px;
		z-index: 2;
		
		}
		
		#contenu.accueil6zones #zonePromo4 {
		position: absolute;
		top: 269px;
		left: 358px;
		width: 300px;
		height: 80px;
		z-index: 2;
		
		}
		
		#contenu.accueil6zones #zonePromo5 {
		position: absolute;
		top: 384px;
		left: 358px;
		width: 315px;
		height: 95px;
		z-index: 2;
		
		}
		


/*START boite contenu avec inner-shadow*/	
	
	/*Haut de la boite > différents bouts de chat dans l'entête*/
	div.noCat {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topNocat.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat1 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat1.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat2 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat2.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat3 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat3.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat4 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat4.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat5 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat5.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat6 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat6.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat7 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat7.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat8 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat8.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat9 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat9.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat10 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat10.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat11 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat11.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat12 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat12.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat13 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat13.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat14 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat14.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat15 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat15.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat16 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat16.gif) 0 0 no-repeat; padding-top: 15px;}
	div.chat17 {width: 703px; margin: -10px 0 15px 0; background: transparent url(/www/images/franc/box-background-topChat17.gif) 0 0 no-repeat; padding-top: 15px;}
	

div.noCat div.box-content,
div.chat1 div.box-content,
div.chat2 div.box-content,
div.chat3 div.box-content,
div.chat4 div.box-content,
div.chat5 div.box-content,
div.chat6 div.box-content,
div.chat7 div.box-content,
div.chat8 div.box-content,
div.chat9 div.box-content,
div.chat10 div.box-content,
div.chat11 div.box-content,
div.chat12 div.box-content,
div.chat13 div.box-content,
div.chat14 div.box-content,
div.chat15 div.box-content,
div.chat16 div.box-content,
div.chat17 div.box-content {		
	padding: 5px 15px 25px 15px;
	background: transparent url(/www/images/franc/box-background-bottom.gif) 0 100% no-repeat;
	}	
	
/*END boite contenu avec inner-shadow*/		


/*layout sur 2 colonnes pour les listes de pdf*/

div.colDroite {
	float: right;
	width: 329px;
	margin: 5px 0 0 0;
	}

div.colGauche {
	float: left;
	width: 329px;
	margin: 5px 0 0 0;
	}
	
/*résultats de recherche sur 3 colonnes*/

div.threeCols {
	float: left;
	width: 212px;
	margin-right: 10px;
	}		

/* Pages jeux*/	

div.thumb {
	float: left;
	width: 85px;
	}
	
	div.thumb img {padding: 5px 0;}

div.descrip {
	float: right;
	width: 575px;
	}	

#contenuNoMenu {
	position: relative;
	width: 900px;
	text-align: center;
	}
	
img#logoPgJeu {position: absolute; top: 0; left: -73px;}	

#jeuFlash {
	width: 750px;
	height: 550px;
	}	
	
#flashCapsules {
	float: right;
	width: 500px;
	height: 400px;
	margin: 0 60px 0 0;
	}	

#menuJeux {
	clear: both; 
	width: 900px; 
	/*height: 650px;*/
	}

#espaceJeux	{
	clear: both; 
	margin: 10px auto;
	width:320px; 
	}
	
/*footer*/

#footerSections {
	float: right;
	width: 485px;
	height: 15px;
	background: none;
	margin: 50px 0 0 0;
	}	
	
	#footerNavAccueil {margin: 0;}		

body#pageAmelioFrAccueil #footerSections {margin: 5px 25px 0 0;}

img#btnRss {margin: 0 0 0 15px; vertical-align: text-bottom;}

/* ---[ Barre de navig de la colonne gauche ]--------------------- */	
	
/* Root = Vertical, Secondary = Vertical */

ul#navGauche {
	width: 170px;
	min-height: 352px;
	}

ul#navGauche li {
	width: 170px; /*For KHTML tous les boutons, peu importe le niveau*/
	list-style: none;
	}

ul#navGauche:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navGauche li { /*tous les boutons, peu importe le niveau*/
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	z-index: 99;
	}
	
	ul#navGauche li#b_recherche {height: 38px; margin-top: 3px; }
		ul#navGauche li#b_recherche a {display: block; height: 38px; background: url(/www/images/franc/b_recherche2.gif) no-repeat; text-indent:-9999px;}
		
		ul#navGauche li#b_recherche a.active, ul#navGauche li#b_recherche.iehover a.active {border: none;}	

/* Root Menu */
ul#navGauche a { /*tous les boutons, peu importe le niveau*/
	padding: 0 6px;
	display: block;
	background: #e9e5dc;
	color: #000;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*height: auto !important;*/
	height: 1%; /*For IE*/
	line-height: 17px;
	border-bottom: 1px #dcd7cc solid;
	}

	ul#navGauche a.sub {
		background: #e9e5dc url(/www/images/franc/bg_menuGauche_fleche_off.gif) no-repeat right;
		border-top: 1px #dcd7cc solid;
		border: 1px #e9e5dc solid;
		border-bottom: 1px #dcd7cc solid;
		}
	
	
/* Root Menu Hover Persistence */
ul#navGauche li a:hover, /*1er niveau sans sous-menu - état hover*/
ul#navGauche li:hover a,
ul#navGauche li.iehover a {
	background: #e3ecf3;
	color: #000;
	}

	ul#navGauche li a.sub:hover,
	ul#navGauche li:hover a.sub,
	ul#navGauche li.iehover a.sub {
		background: #e3ecf3 url(/www/images/franc/bg_menuGauche_fleche_on.gif) no-repeat right;
		color: #000;
		line-height: 17px;
		border: 1px #004f92 solid;
		border-right: 0;
		}


ul#navGauche li a.active,
ul#navGauche li.iehover a.active,
ul#navGauche li#bt-accueil a, /*id spécial pour le bouton Accueil qui reste highlighté sur page d'accueil seulement*/
ul#navGauche li#bt-accueil a:hover { 
	/*highlight selon section / bouton SANS sous-menu */
	background: #004f92;
	color: #FFF;
	line-height: 17px;
	border: 1px #004f92 solid;
	border-right: 0;
	}	
	
	ul#navGauche li a.subactive {
		/*highlight de la section / bouton avec sous-menu */
		background: #004f92 url(/www/images/franc/bg_menuGauche_fleche_over.gif) no-repeat right;
		color: #fff;
		line-height: 17px;
		border: 1px #004f92 solid;
		border-right: 0;
		}	


/* 2nd Menu */

ul#navGauche li ul li a:link,
ul#navGauche li ul li a:visited,
ul#navGauche li ul li a:hover,
ul#navGauche li ul li a:active {
	line-height: 11px;
	padding: 3px 6px;
	}	
	
ul#navGauche li:hover li a,
ul#navGauche li.iehover li a {
	background: #e3ecf3;
	color: #000;
	width: 148px;
	border: 1px #004f92 solid;
	border-bottom: 0;
	}
	
	ul#navGauche li:hover li a.last,
	ul#navGauche li.iehover li a.last {border-bottom: 1px #004f92 solid;}
	

/* 2nd Menu Hover Persistence */
ul#navGauche li:hover li a:hover,
ul#navGauche li:hover li:hover a,
ul#navGauche li.iehover li a:hover,
ul#navGauche li.iehover li.iehover a {
	background: #e3ecf3;
	color: #004f92;
	line-height: 11px;
	}

ul#navGauche ul,
ul#navGauche ul ul,
ul#navGauche ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 170px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navGauche li:hover ul ul,
ul#navGauche li:hover ul ul ul,
ul#navGauche li.iehover ul ul,
ul#navGauche li.iehover ul ul ul {display: block;}

ul#navGauche li:hover ul,
ul#navGauche ul li:hover ul,
ul#navGauche ul ul li:hover ul,
ul#navGauche li.iehover ul,
ul#navGauche ul li.iehover ul,
ul#navGauche ul ul li.iehover ul {display: block;}


ul#navGauche li.niv1 {
	width: 170px;
	height: 17px;
	background: url(/www/images/franc/bg_menuGauche_entete.gif) no-repeat bottom left;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #004f92;
	margin-top: 9px;
	height: auto !important;
	height: 1%; /*For IE*/
	line-height: 17px;
	border-bottom: 1px #dcd7cc solid;
	}	
	
/*Boutons Customs*/

ul#btnCustom {
	width: 160px;
	height: 11px;
	margin: 8px 0 0 0;
	}

ul#btnCustom li {
   	float: left; 
    list-style-image: none;
    list-style-type: none;
    line-height: 0;
    font-size: 1px;
	}
		
ul#btnCustom li a {display:block; text-indent:-9999px; }		

li#b_bottinCafs a {width: 160px; height: 34px; background: url(/www/images/franc/b_bottinCaf.gif) no-repeat;}

li#b_repertoireWeb a {display: block; width: 160px; height: 37px; background: url(/www/images/franc/b_repertoireWeb.gif) no-repeat; margin: 3px 0 5px 0;}


/* ---[ FIN Barre de navig de la colonne gauche ]--------------------- */


/* ---[ Format du texte ]--------------------- */

#zoneCommuniques p, #zoneAsignaler p {padding: 4px 0 8px 0;}

#contenu h1 {
	font-size: 160%;
	font-weight: bold;
	color: #9f4622;
	margin-bottom: 10px;
	}

#contenu h2 {
	font-size: 120%;
	font-weight: bold;
	color: #004f92;
	padding: 5px 0 10px 0;
	}	
	
	#contenu .inlineH2 {display: inline;}
	
	#contenu h2.web {
		font-size: 120%;
		font-weight: bold;
		color: #004f92;
		display: inline;
		margin: 5px 0;
		}

#contenu h3 {
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
	color: #004f92;
	padding: 5px 0 3px 0;
	line-height: 1.3em;
	}	
	
#shadowBox td h3 {
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
	color: #004f92;
	padding: 5px 0 3px 0;
	border-top: 1px #a2a2a2 dotted;
	width: 663px;
	}		
		
#contenu h4 {
	font-size: 95%;
	font-weight: bold;
	color: #000;
	padding: 0 0 3px 0;
	border-bottom: 1px #a2a2a2 solid;
	line-height: 1.3em;
	}		
	

#contenu h2.brun {color: #9f4622;}		

.textebleu {
	color: #004f92;
	font-weight: bold;
	padding: 0px 0 6px 0;}
	}		

#contenu h2.brun_moyen {color: #9f4622;font-size: 100%;}		

/*all-around generic font-size*/	
#contenu,
#contenu p, 
div.box-content, 
#shadowBox,
td, th,
.petit, 
#contenu ul li,
#contenu ul.threeCol li, 
#contenu ul.pdf li, 
#contenu ul.biblio li, 
#contenu ul.biblioliste li, 
#contenu ul.flash li, 
#contenu ul.sit li, 
#contenu ul.sea li, 
#contenu ul.zip li, 
#contenu ul.win li,
#contenu ul.web li {font-size: 98% !important; line-height: 125%;}	

#contenu #shadowBox p, div.box-content p {margin-bottom: -10px;}

.bleu {color: #004f92;}

sup {line-height: 0; vertical-align: text-top;}


/* ---[ Hyperliens ]--------------------- */

/*Listes de pdf*/
div.box-content div.colGauche a, div.box-content div.colDroite a,
div.box-content div.colGauche a:visited, div.box-content div.colDroite a:visited {text-decoration: none; color: #000;}

div.box-content div.colGauche a:hover, div.box-content div.colDroite a:hover {text-decoration: underline; color: #9f4622;} 

div.box-content a:hover {text-decoration: underline; color: #9f4622;}

a:focus {outline: none;}

/* ---[ Listes ]--------------------- */

/*Standard*/

#contenu ul {padding: 0 0 10px 30px;}
#contenu ul li {list-style-type: square; }


/*Custom*/	

#contenu ul.threeCol, 
#contenu ul.pdf, 
#contenu ul.biblio,
#contenu ul.biblioliste,
#contenu ul.flash, 
#contenu ul.sit, 
#contenu ul.sea, 
#contenu ul.zip, 
#contenu ul.web {padding: 0;}

#contenu ul.threeCol {margin: 0 0 15px 0;}
#contenu ul.threeCol li {
	list-style-type: none; 
	width: 212px;
	color: #716d64;
	}

/* List Bullets Custom*/	
#contenu ul.pdf li, 
#contenu ul.biblio li, 
#contenu ul.flash li, 
#contenu ul.sit li, 
#contenu ul.sea li, 
#contenu ul.zip li, 
#contenu ul.win li,
#shadowBox td.tableContent ul.web li {
	list-style-type: none; 
	padding: 3px 0 4px 30px;
	color: #716d64;
	border-bottom: 1px #ccc dotted;
	margin: 5px 0;
	}	
		
	#contenu ul.pdf li {background: url(/www/images/franc/bullet_pdf.gif) no-repeat top left;}
	#contenu ul.biblio li {background: url(/www/images/franc/bullet_biblio.gif) no-repeat top left; padding: 3px 0 6px 30px;}
	#contenu ul.biblioliste li {background: url(/www/images/franc/bullet_biblio.gif) no-repeat top left; padding: 3px 0 6px 30px;}
	#contenu ul.flash li {background: url(/www/images/franc/bullet_flash.gif) no-repeat top left;}
	#contenu ul.sit li {background: url(/www/images/franc/bullet_sit.jpg) no-repeat top left;}
	#contenu ul.sea li {background: url(/www/images/franc/bullet_sea.jpg) no-repeat top left;}
	#contenu ul.zip li {background: url(/www/images/franc/bullet_win.jpg) no-repeat top left;}
	#contenu ul.win li {background: url(/www/images/franc/bullet_win.jpg) no-repeat top left;}
	
	#shadowBox td.tableContent ul.web li {background: url(/www/images/franc/bullet_web.gif) no-repeat top left; border: 0; margin: 10px 0 5px 0; padding: 2px 0 4px 25px;}
		
	#contenu ul.pdf li.medLength {width: 600px; padding-bottom: 5px;} /*pour le gabarit 1 colonne*/
	
	#contenu ul.biblioliste li {
	list-style-type: none; 
	padding: 3px 0 8px 30px;
	color: #716d64;
	margin: 5px 0;
	}	


/* ---[ Tables ]--------------------- */

/* horrible shadow box table because background length can't be predicted and some pages are just too long. */

#shadowBox {width: 703px;}
	
/*différents bouts de chat dans l'entête*/
	#shadowBox td.noCat {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topNocat.gif) no-repeat bottom;}
	#shadowBox td.chat1 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat1.gif) no-repeat bottom;}
	#shadowBox td.chat2 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat2.gif) no-repeat bottom;}
	#shadowBox td.chat3 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat3.gif) no-repeat bottom;}
	#shadowBox td.chat4 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat4.gif) no-repeat bottom;}
	#shadowBox td.chat5 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat5.gif) no-repeat bottom;}
	#shadowBox td.chat6 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat6.gif) no-repeat bottom;}
	#shadowBox td.chat7 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat7.gif) no-repeat bottom;}
	#shadowBox td.chat8 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat8.gif) no-repeat bottom;}
	#shadowBox td.chat9 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat9.gif) no-repeat bottom;}
	#shadowBox td.chat10 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat10.gif) no-repeat bottom;}
	#shadowBox td.chat11 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat11.gif) no-repeat bottom;}
	#shadowBox td.chat12 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat12.gif) no-repeat bottom;}
	#shadowBox td.chat13 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat13.gif) no-repeat bottom;}
	#shadowBox td.chat14 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat14.gif) no-repeat bottom;}
	#shadowBox td.chat15 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat15.gif) no-repeat bottom;}
	#shadowBox td.chat16 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat16.gif) no-repeat bottom;}
	#shadowBox td.chat17 {width: 703px; height: 61px; background: url(/www/images/franc/tableBox-bg_topChat17.gif) no-repeat bottom;}
		
	
#shadowBox td.leftSide	{
	background: url(/www/images/franc/tableBox-bg_left.gif) repeat-y;
	width: 15px;
	}

#shadowBox td.tableContent	{
	background: #fff;
	width: 673px;
	height: 400px;
	vertical-align: top;
	padding: 10px 0 15px 0;
	
	}
	
#shadowBox td.rightSide	{
	background: url(/www/images/franc/tableBox-bg_right.gif) repeat-y;
	width: 15px;
	}	
	
#shadowBox td.bottom 	{
	background: url(/www/images/franc/tableBox-bg_bottom.gif) no-repeat;
	width: 703px;
	height: 7px;
	}	

	#shadowBox table.coords {
		width: 100%;
		margin: 0 0 10px 0;	
		}
		
	#shadowBox table.coords th {
		color: #004f92;
		font-weight: bold;
		padding: 0 0 5px 0;
		text-align: left;
		}	
		
/* ---[ Forms  ]--------------------- */

#contenu input, #contenu select {font-size: 9px; width: 180px;} 
#contenu input.btRecherche, {font-size: 9px; width: 100px;} 
#contenu input.btSubmit { width: 100px;}
	
	
/* ---[ hr et autres artifices ]--------------------- */	

#contenu .hr { /*remplace la ligne par défaut par une image*/
	width: 663px;
	height: 1px;
	background: url(/www/images/franc/bg_hr_pointille_lg.gif) no-repeat top left;
	margin: 15px 0;
	clear: both;
	}
	
#contenu  hr {display: none;}	/*cache la ligne par défaut*/

	
#contenu .hr { /*remplace la ligne par défaut par une image*/
	width: 663px;
	background: url(/www/images/franc/bg_hr_pointille_med.gif) no-repeat top center;
	margin: 10px 0;
	clear: both;
	}	
	
#contenu hr {display: none;}	/*cache la ligne par défaut*/
	
#contenu .hrSmall { /*remplace la ligne par défaut par une image*/
	width: 329px;
	height: 1px;
	background: url(/www/images/franc/bg_hr_pointille_sm.gif) no-repeat top center;
	margin: 0 0 8px 0;
	clear: both;
	}		
	
.b_indexAlpha {
	float: left;
	margin: 0 1px 15px 0;
	}
	



/* ---[ Gabarits impression ]--------------------- */	
/*concerne le rendu du gabarit à l'écran seulement.  le reste est pris en charge par la css-print*/

#print {background: none; background-color: #fff;}	
#print h1 {font-size: 15px;}
#print h3 {font-size: 13px; border-top: 1px black solid; padding: 10px 0;}
#print table {text-align: left;  font-size: 12px;}		
#print td {width: 33%;}

#contenant ul.web li {
	list-style-type: none; 
	padding: 3px 0 4px 0;
	color: #000;
	margin: 5px 0;
	}	


/* ---[ Hacks for stupid IE bugs ]--------------------- */		
	
#safeZone {
	float: right;
	clear: both;
	width: 525px; 
	margin: 0 auto; 
	text-align: left;
	margin: 0 15px 15px 0;
	}

div.sra0 {
	float: right;
	width: 675px;
	font-size: 120%;
	font-weight: bold;
	color: #004f92;
	padding: 8px 0 3px 0;
	}	

div.sra1 {
	float: right;
	width: 650px;
	font-size: 110%;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	}	
	
div.sra2 {
	float: right;
	width: 625px;	
	font-size: 100%;
	padding: 3px 0px 3px 20px;
	}	

div.sra0_inactif {
	float: right;
	width: 675px;
	font-size: 120%;
	font-weight: bold;
	color: #bcbcbc;
	padding: 8px 0 3px 0;
	}	

div.sra1_inactif {
	float: right;
	width: 650px;
	font-size: 110%;
	font-weight: bold;
	color: #bcbcbc;
	padding: 3px 0 3px 10px;
	}	
	
div.sra2_inactif {
	float: right;
	width: 625px;	
	font-size: 100%;
	color: #bcbcbc;
	padding: 3px 0px 3px 20px;
	}	
	
#contenu #impression input {
	width:3%;
	font-size: 120%;
	text-align: center;
}


.center{
text-align:center;
}

h1.ti_center{
font-size: 160%;
font-weight: bold;
color: #9f4622;
margin-bottom: 10px;
}