@charset "utf-8";
/* CSS Document */
* {margin:0px; border:0px; padding:0px; font-size:11px;}
/**********************************************************************************/
/*	Typo	*/
/**********************************************************************************/
/*
vert clair : 	#99CC00
ver foncé : 	#668866
rose : 			#FF3399
bleu : 			#006699
*/

/*	content default	*/
p,li {line-height:1.3em}

/*	Paragraphes	*/
p {text-align:justify; margin:0em 0em 0.7em 0em;}
p.textLeft {text-align:left}
p:first-letter {font-size:1.1em}
p a {border-bottom:1px dashed #BBBBBB;}
p a:hover {text-decoration:none; border-style:solid}


/*	Listes	*/
ul {margin:0em Oem 0.7em 1em;}
li {margin-bottom:0.3em; list-style-type:circle; margin-left:2em; list-style-position:inside}

/*	Headers	*/
h1 {color:#006699; font-size:1.5em; margin:0em 0em 0.3em 0em; font-weight:normal}
h2 {color:#006699; margin:1.5em 0em 0.7em 0em; font-size:1.7em; font-weight:normal}
h3 {font-weight:bold; margin:1em 0em 0.3em 0em;color:#CC3366; margin:1em 0em 0.3em 0em; }
strong {}

/*	Link */
a {text-decoration:none; color:#334433}
a:hover {text-decoration:underline}

/*	HR	*/
hr {border:1px solid #CCCCCC; height:0px; margin:1em}
hr.mini {border:0px; border-top:1px solid #CCCCCC; height:0px; margin:0.5em}

.stealth {font-size:0.8em; color:#668866}
.bottomborder {border-bottom:1px dashed #A0A0CC; padding-bottom:1em;}

.center {text-align:center}
.miniInfo {background-color:#F8F8FF; margin:0px 0px 5px 0px; border:1px solid #CCCCCC}
.miniInfo td {padding:0.5em}
.miniInfo img.logo {border:1px solid #CCCCCC}
.paddedContent {margin:0em 0.7em 0em 0.7em}
.rightMarged {margin-right:1em;}
.leftMarged {margin-left:1em;}
.small {font-size:9px}
.bold {font-weight:bold}
.smallcaps {font-variant:small-caps}

.clear {clear:both}

/*	color	*/
.grey {color:#668866}
.green {color:#99cc00}
.rose {color:#FF3399}
.blue {color:#006699}
.white {color:#FFFFFF}

/* Cadres */
.cadre {border:1px solid #E6E6EE; padding:5px; background:url(../images/bg_cadre.jpg) repeat-x center bottom #FFFFFF;}
.cadre2 {border:1px solid #99CC00; padding:5px; background:url(../images/bg_cadre2.jpg) repeat-x center bottom #FFFFFF;}

/*	Images	*/
img.imgleft {padding-right:1em}
img.logo {padding:0.5em; padding-right:0px; display:block; float:right}

/*	Tableaux	*/
.wideTable {width:100%}
.paddedTable td {padding:1em;}
.softPaddedTable td {padding:0.3em;}
tr.odd td {}
tr.even td {background-color:#F6F6F6}
tr.listElement td {border-bottom:1px dashed #DDDDDD}
.quoted {}
.quoted .qleft { background:url(../images/quotes.gif) no-repeat left top; width:50px}
.quoted .qright { background:url(../images/quotes.gif) no-repeat right bottom; width:50px}


/*	Typo	*/
.lirelasuite {text-decoration:none; color:#99CC00; font-size:0.8em}
.chapo {font-size:0.9em; color:#668866; margin:1em;}

/**********************************************************************************/
/*	Structure	*/
/**********************************************************************************/
body {background-color:#475F47; font-family: Verdana,Arial; color : #334433; behavior: url("../javascript/csshover3.htc");  }
#background {background:url(../images/background/background.jpg) repeat-x center top #FFFFFF;}
#header {height:170px;background:url(../images/background/header.jpg) no-repeat center top}
#header-top{height:112px}
#page{width:800px;position:relative;margin-left:-400px; left:50%}
#table-content {width:100%; background:url(../images/background/main.jpg) repeat-y center}
#main-content {width:570px; overflow:hidden}
#main-content-right {float:right; margin-left:5px; width:200px}
#right-content {width:220px; padding-left:10px; overflow:hidden}
#footer {background:url(../images/background/footer.jpg) repeat-x center top;}

/**********************************************************************************/
/*	Right slider	*/
/**********************************************************************************/
#reference-slider li {list-style:none; margin:0px; text-align:center; width:200px; margin-bottom:1em}
#reference-slider li .imgContainer {height:150px; overflow:hidden}
#reference-slider ul {margin:0px}
#reference-slider {width:200px; margin-left:auto; margin-right:auto;}
#prevBtn {display:none; float:left}
#nextBtn {display:none; float:right}
/**********************************************************************************/
/*	Menus	*/
/**********************************************************************************/
#menu {width:800px;position:relative;margin-left:-400px; left:50%; z-index:10000}
#menu a {text-decoration:none; color:#668866}
#menu a:hover {text-decoration:underline;}
.level0 {float:left; padding:5px; border-left:1px solid #668866}
.sublevel {position:absolute; background-color:#FFFFFF; border:1px solid #99cc00;display:none; width:180px; margin-top:5px; z-index:10000}
.sublevel a {display:block; font-size:0.9em;padding:0.5em; border-bottom:1px dashed #99cc00}
.level0:hover .sublevel {display:block}

#top-menu-right a {text-decoration:none}

/**********************************************************************************/
/*	Beadcrumb	*/
/**********************************************************************************/
#breadcrumb {width:800px;position:relative;margin-left:-400px; left:50%;margin-top:3px}
#breadcrumb a,#breadcrumb span {text-decoration:none; color:#999999; font-size:0.8em;}

/**********************************************************************************/
/*	Footer	*/
/**********************************************************************************/
#footer-content {width:800px;position:relative;margin-left:-400px; left:50%; font-size:0.8em}
#footer-content td {width:33%; padding:5px;color:#FFFFFF; font-size:0.8em}
#footer-content a {text-decoration:none; color:#FFFFFF}

/**********************************************************************************/
/*	Forms	*/
/**********************************************************************************/
input.box, input.text, select {border:1px solid #CCCCCC;height:21px; line-height:21px; margin:2px;}
textarea {border:1px solid #CCCCCC;margin:2px}
label {height:21px; line-height:21px; margin:3px}
button {background:url(../images/bg_button.png) repeat-x; height:22px; line-height:22px; padding:0px 0.5em 0px 0.5em; color:#FFFFFF; font-weight:bold; margin:2px;}

/**********************************************************************************/
/*	User	*/
/**********************************************************************************/
#userTable {}
#userLeft {width:200px}

/**********************************************************************************/
/*	Slideshow	*/
/**********************************************************************************/
#slider {width:800px;overflow:hidden; height:200px; border:1px solid #E6E6EE}
#slider ul, #slider li{list-style:none; margin:0}
#slider li{ width:800px;height:180px;overflow:hidden;}
#controls li {float:left; width:16px; height:16px; border:1px solid #999999; margin:1px; list-style:none; background-color:#CCCCCC; color:#000000; text-align:center}
#controls li.current { background-color:#EEEEEE; color:#000000}
#controls li a {text-decoration:none}
#controls {display:block; height:20px; position:relative; top:-30px; left:10px}
.sliderContent {margin:10px; width:380px}