/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}


/*TEMPLATE*/
html{text-align:center;background-color:#BEC3C7}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#FFFFFF}

h1{margin:0px 0 0px 0px;}
h2{margin:5px 0 10px 0px;font-size:1.8em;text-align:right}
h3{margin:0px 0 10px 0px;}

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

a{color:#FFFFFF;text-decoration:none}
a:hover{text-decoration:underline}

em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}

table {width:100%}
table tr td{border:1px solid #000000;padding:5px;text-align:left}
table tr th{color:#000000;background-color:#CCCCCC;}

/***********************STRUCTURE**********************************************************************/

div#left{width:243px;float:left;}
div#content{width:619px;float:left;}

div#menu{float:left;width:141px;}
div#menu ul {margin:50px 0 0 9px}
div#menu ul li{float:left;margin-right:25px}

div#content div#content_sup, div#content div#content_inf{width:100%;position:relative}

div#content div#content_inf div#foot{font-size:0.75em;text-align:center}

div#content ul li{list-style:outside disc;margin-left:10px}
a.retour{position:relative;font-size:1.5em;font-weight:bold}


#htmlElement,#htmlElement2,#mentions{color:#666666;float:left;position:absolute}
#htmlElement h2,#htmlElement2 h2,#mentions h2{margin:0 0 22px 0;float:none;text-align:left;color:#FCE90A;padding-top:20px;}
#htmlElement li{margin:0 120px 7px 20px;float:none;text-align:left;list-style:outside disc;font-size:0.9em}
div#htmlElement2 p{margin-right:15px;text-align:justify}
div#htmlElement2 div{width:445px;height:243px;position:absolute;left:65px;top:60px;overflow:auto;font-size:0.9em}


div#mentions{width:553px;height:323px;background-color:#000000;background:#000000 url('../images/mentions_bg.png') no-repeat;padding:0 0 0 50px}
div#mentions div{width:445px;height:243px;position:absolute;left:65px;top:60px;overflow:auto;font-size:0.9em}
div#mentions a{color:#666666}
div#mentions h4{margin-top:15px;margin-bottom:5px;}
div#mentions p{margin-right:15px;text-align:justify}
#mentions h4{margin:0 0 10px 0;float:none;text-align:left;color:#666666;}

/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */