/* general */
*{margin:0; padding:0;}
html{font-size:62.5%;}
body{background:url(../img/trame.jpg) repeat-y #000; text-align:center;}
body{font:1.1em Verdana, Arial, Helvetica, sans-serif; color:#eee;}
body,select,textarea{line-height:1.6em;}
input, textarea{background:#eee;}



/* Liens */
a img {border:0;}
a:link,a:visited{color:#fd6102; text-decoration:none; font-weight:bold;}
a:hover{color:#fd6102; text-decoration:underline;}
a:active{text-decoration:none;}

/* Layout */
#bande_bg{background:url(../img/bande_bg.png) repeat-x;}
#halteres_bg{height:754px; background:url(../img/halteres.jpg) no-repeat right; background-position:100% 170px;}

#conteneur{width:765px; margin:0 auto; text-align:left;}

#visuel{position:absolute; margin:170px 0 0 540px;}

#header{height:90px;}
#header img{float:left; margin:6px 0 0 0;}
#header div{float:right; margin:12px 0 0 0; border:1px solid #ccc;}

#menu{clear:both; list-style:none; height:100px; padding:20px 0 0 0; font-size:10px; line-height:1.4em;}
#menu li{float:left; height:60px; padding:0 22px 0 6px; border-left:1px solid #ccc;}
#menu li a{color:#fff; font-weight:bold;}
#menu li a:hover{color:#ccc; text-decoration:none;}
#menu li a.current{color:#000;}

#content{clear:both; width:535px; padding:10px; background:#000;}
#footer{background:url(../img/footer_bg.png) no-repeat; margin:10px 0; padding:10px 0; text-align:center;}
#footer a{color:#fff; font-weight:normal;}
#footer ul{margin:10px 80px; text-align:center;}
#footer ul li{color:#999; display:inline; line-height:2.0em;}
#footer ul li a{color:#fff; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}

#listprog{list-style:none;}
#listprog li{background:url(../img/puce.jpg) no-repeat; background-position:20px 12px; padding:10px 0 0 50px;}
#listprog li a{color:#fff;}
#listprog li a:hover{color:#fd6102; text-decoration:none;}

#retour{background:url(../img/puce_retour.jpg) no-repeat; background-position:0 5px; margin:0 0 10px 0; padding:0 0 0 10px; font-size:1.2em;}
#btprint{float:right; background:url(../img/icone_print.png) no-repeat; padding:0 0 0 20px; font-size:10px;}

#mentionprint_top{display:none;}
#mentionprint_bottom{display:none;}

#identification{margin:60px 0 0 0;}

/* newsletter */
#newsletter{background:url(../img/newsletter_bottom.png) bottom no-repeat; margin:10px auto 0 auto; padding:0 0 10px 0; text-align:left; width:765px;}
#newsletter h1{display:none;}

#newsletter-inner{background:#ff5100; color:#fff; font:0.9em Arial, Helvetica, sans-serif; margin:0 90px 0 50px; padding:10px;}
#newsletter div.titre{background:url(../img/arrow_up.jpg) no-repeat 0 2px; cursor:pointer; font-size:1.4em; padding:0 0 0 15px;}
#newsletter .titre strong{font-size:1.2em;}
#newsletter .titre em{font-weight:bold; text-decoration:underline;}
#newsletter .titre.open{background:url(../img/arrow_down.jpg) no-repeat 0 2px;}
#newsletter .content{border-top:1px solid #fff; display:none; margin:10px 0 0 0;}
#newsletter .content p{color:#333; font-size:1.4em; margin:10px 0 0 0;}
#newsletter .content p strong{font-weight:bold;}
#newsletter .content p em{color:#fff; font-size:0.8em; font-style:normal; line-height:1.0em;}
#newsletter .content div{font-size:1.2em; margin:10px 0 0 0;}
#newsletter .content div label{display:block; float:left; padding:0 10px 0 0; text-align:right; width:150px;}
#newsletter .content div input{background:#fff; border:0;}
#newsletter .content div span{color:#111; font-weight:bold; padding:0 0 0 10px;}


/* Formulaires  */
.formulaire label{display:block; float:left; text-align:right; margin:5px 10px 5px 0; width:100px; font-weight:bold;}
.formulaire input, .formulaire textarea, .formulaire select{margin:5px 0;}
.formulaire select option{padding:0 10px;}
.formulaire br{clear:left;}

.radio, .checkbox{float:left; margin:5px 0;}
.radio input, .checkbox input{margin:0px;}

.small label{width:50px;}
.medium label{width:80px;}
.large label{width:150px;}
.extralarge label{width:200px;}



/* 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 */