/*   Couleurs du site
gris pale #ccc > fond de page
gris moyen #999 > cadre
noir #000 > texte
bleu #6494C5 > ligne

bourgogne #A22A05
bourgogne foncé #5A1802

*/

/* =configuration pour affichage à l'écran
	----------------------------- */
@media screen {

/* base
	----------------------------- */
	* { }
	html, body { margin:0; padding:0; }
	img, img a { border:none; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.small { font-size: 75%; }
	.moyen { font-size: 90%; }
	.bold { font-weight: bold; }
	.normal {font-weight: normal; }
	.center { text-align: center; }
	.left { text-align: left; }
	.clear { clear: both; }
	.none { display:none;}
	.bourgogne {color: #A22A05;}
	.jaune {background-color: #ffff00;}
	hr { color: #A22A05; background-color: #A22A05; height: 1px; border: 0; margin:  0 1em  .5em 1em;/*width: 80%; text-align: center;*/}
	
body{font: 76% Verdana, Arial, Helvetica, sans-serif;text-align:center; background: url(design/bg.jpg) repeat-x #FFFFFF; color: #000;}
a:link, a:active, a:visited { color:#A22A05; text-decoration:none;  }
a:hover { color:#5A1802; text-decoration:underline; }
	
div#header{position:relative; width: 100%; height: 276px; background: url(design/ban-fr.jpg) no-repeat;}
#logo{position:absolute; top:0; left:0; /*width: 540px; height: 230px;*/ display:block;}
#eng {position:absolute; right:2em; top:20px; text-align: right; color: #FFF6E5; text-decoration:none;}
#eng a:hover{color:#FFC655; text-decoration:underline;}

/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 0 1em; color: #000; font-weight: bold;}
	#fil a:link, #fil a:active, #fil a:visited { color:#000; text-decoration:none; }
	#fil a:hover { color:#5A1802; text-decoration:underline; }

div#div1{width: 100%; height: 1000px; z-index: 3000; position: absolute; margin: 0px auto 0; background: url(design/bg.jpg) repeat-x #FFFFFF;}
div#alerte2{z-index: 3001; width: 990px; height: 800px; padding: 1em 0; margin: 0 auto;}
div#alerte3{width: 760px; height: 650px; margin:0 auto; overflow:auto; text-align:justify; padding: 1em; background-color: #fff; border: 1px solid #000;}

/*
div#alert{position: absolute; top: .5em; left: 1em; width:96%; height: 800px; padding: 1em; text-align:justify; overflow:auto; border: 1px solid #000; background: #FFF; } 
#noalert p{position: absolute; top: 0; left: 0; width: 100%; height: 600px; z-index: 800; background: #fff; text-align: center; text-transform: uppercase; padding-top: 5em; overflow: hidden;}
*/


div#container{width:990px; margin:0 auto;}
div#wrapper{float:left;width:710px;}

div#contenu{float:right; width:440px; margin-bottom: 1em; text-align:justify;}
div#contenu p{line-height:1.4; margin:0 .5em 0 .5em;}
div#contenu h1, h2, h3, h4, h5, h6 { margin:.5em 0 .5em .4em; font-size: 120%; color:/*#A22A05*/#1E313C;}
div#contenu h1 a, div#contenu h2 a, div#contenu h3 a { color :#A22A05; text-decoration:none; }
div#contenu p a:link, div#contenu p a:active, div#contenu p a:visited { color:#A22A05; text-decoration:none; background: transparent;  }
div#contenu p a:hover { color:#1E313C; text-decoration:underline; background: #D3E7F2; }
div#contenu p { padding: .5em 0; }
div#contenu li { padding: .2em 0; }
div#contenu li a:link, div#contenu li a:active, div#contenu li a:visited { color:#A22A05; text-decoration:none; background: transparent; }
div#contenu li a:hover { color:#5A1802; text-decoration:underline; background: transparent; }

/* --- accordeon ---*/
.navigation {list-style: none; color: #fff; margin:0 .5em 0 .5em; padding:0;} 
.navigation a, .navigation span {display: block; color: #000;} 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {} 
.navigation .open a, .navigation .open span  {} 
.navigation a:hover, {} 
.navigation .subMenu {list-style: none; margin:0; padding:0;} 
.navigation ul.subMenu a {background: none; padding: 0; display: inline;}
.navigation li {margin-bottom:1em; padding:0; color:#000;}
.toggleSubMenu {border-bottom: 1px dotted #ccc; }
.puce{list-style: disc;}
/* fin accordeon */

/* menu de gauche */
div#menu { float:left; width:250px; text-align:left; background: url(design/bg-menu.jpg) repeat-y; }
div#menu ul { margin:0 0 0 1em; padding:0;}
div#menu li { list-style-type: none; margin:0 0 .3em 0; padding:.3em 0; font-weight: bold; width:220px; border-bottom:dotted 1px #CCC;}
div#menu li a:link, div#menu li a:active, div#menu li a:visited { text-decoration:none;  background: url(design/bullet.jpg) no-repeat 0 -28px; width:7px; height:7px; padding-left: 1.5em;}
div#menu li a:hover { color:#1E313C; text-decoration:none; background: url(design/bullet.jpg) no-repeat 0 0px; width:7px; height:7px; }

div#menu p { margin:0 0 .2em 0; padding:.3em 0 .3em 1.5em; font-weight: bold;}

/* sous menu */
.menu { position:absolute; margin: .2em 0 0 4em; background: #FFF; border:double 3px #1E313C; }
*:first-child+html .menu { position: absolute; margin-top:1.5em; min-height: 50px; width:500px; left: 100px; background: #FFF; border:double 3px #1E313C; }/* IE 7 */

.sub_nav { float:left; margin:0; padding:.5em 0 0 0; }
.sub_nav dt { padding:.2em 1em; text-align:left; }
.sub_nav dt a { font-weight: normal; }

li .menu { display:none; }
li:hover .menu { display:block; }
li.over .menu { display:block; }


div#droite {width:254px; float:right; margin:0; text-align:left; background: url(design/bg-menu.jpg) repeat-y;}

div#droite ul { margin: 0; padding: 0;}
div#droite li { list-style-type: none; margin:0; padding: 0 2em 1em 1em; }
div#droite li a:link, div#menu li a:active, div#menu li a:visited { color:#A22A05; text-decoration:none;  }
div#droite li a:hover { color:#1E313C; text-decoration:underline;;  }


/* boutons menu de droite */
#btd1 a { display:block; width:205px; height:141px; background:url(design/menu-droite-fr.jpg) no-repeat 0 0;  text-indent:-999em; }
#btd1 a:hover { background:url(design/menu-droite-fr.jpg) no-repeat 0 -141px; }
#btd2 a { display:block; width:205px; height:40px; background:url(design/menu-droite-fr.jpg) no-repeat 0 -282px; text-indent:-999em; }
#btd2 a:hover { background:url(design/menu-droite-fr.jpg) no-repeat 0 -322px; }
#btd3 a { display:block; width:205px; height:40px; background:url(design/menu-droite-fr.jpg) no-repeat 0 -362px; text-indent:-999em; }
#btd3 a:hover { background:url(design/menu-droite-fr.jpg) no-repeat 0 -402px; }
#btd4 a { display:block; width:205px; height:40px; background:url(design/menu-droite-fr.jpg) no-repeat 0 -442px; text-indent:-999em; }
#btd4 a:hover { background:url(design/menu-droite-fr.jpg) no-repeat 0 -482px; }
#btd5 a { display:block; width:205px; height:40px; background:url(design/menu-droite-fr.jpg) no-repeat 0 -522px; text-indent:-999em; }
#btd5 a:hover { background:url(design/menu-droite-fr.jpg) no-repeat 0 -562px; }


div#droite p a:link, div#droite p a:active, div#droite p a:visited { color:#A22A05; text-decoration:none; background: transparent;  }
div#droite p a:hover { color:#5A1802; text-decoration:underline; background: transparent; }
div#droite p {line-height:1.4; margin:0 1.2em 0 .8em; padding: .5em 0; }


div#pied{clear:both; color: #FFF; background: url(design/bg-pied.jpg) repeat-x #1E313C; height:135px; text-align:center;}
div#pied p{padding:1em 0;/*font-size: 80%;*/color: #FFF;}
div#pied li{display:inline; margin:1em 0;}
div#pied a:link, div#pied  a:active, div#pied  a:visited {color: #FFF; text-decoration:none; background: transparent; }
div#pied a:hover { color:#FFF; text-decoration:underline; background: transparent; }

div#dubuismedia {text-align:left;width:990px; margin:0 auto;}


}
/* fin configuration pour affichage à l'écran
	----------------------------- */

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	
	* {font-family : Verdana, Arial, Helvetica, sans-serif; }
	img, img a { border: none; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.small { font-size: 75%; }
	.moyen { font-size: 90%; }
	.bold { font-weight: bold; }
	.center { text-align: center; }
	.left { text-align: left; }
	.clear { clear: both; }
	.bourgogne {color: #A22A05;}
	hr { color: #6494C5; background-color: #6494C5; height: 1px; border: 0; margin:  0 1em  .5em 1em;/*width: 80%; text-align: center;*/}
	
	div#header { display:none;}
	div#droite { display:none;}
	div#gauche { display:none;}
	div#pied { display:none;}
	
	div#contenu p{line-height:1.4; margin:0 .5em 0 .5em;}
	div#contenu h1, h2, h3, h4, h5, h6 { margin:.5em 0 .5em .4em; font-size: 120%; color:#A22A05;}
	div#contenu h1 a, div#contenu h2 a, div#contenu h3 a { color :#A22A05; text-decoration:none; }
	div#contenu p a:link, div#contenu p a:active, div#contenu p a:visited { color:#A22A05; text-decoration:none; background: transparent; font-weight: bold; }
	div#contenu p a:hover { color:#5A1802; text-decoration:underline; background: transparent; }
	div#contenu p { padding: .5em 0; }
	div#contenu li { padding: .2em 0; }
	div#contenu li a:link, div#contenu li a:active, div#contenu li a:visited { color:#A22A05; text-decoration:none; background: transparent; font-weight: bold; }
	div#contenu li a:hover { color:#5A1802; text-decoration:underline; background: transparent; }

	}