body { background: #04122f url('../images/background_left2.jpg') no-repeat; color:#fff; }
#container {}
#header {position:absolute;top:0px;left:200px;right:0px;height:200px; background: #333333 url('../images/banner0.png') repeat;overflow:hidden; }
#logo{position:absolute;top:0px;left:0px;z-index:10;}
#lang{position:absolute;top:200px;left:10px;width:180px;line-height:1.6em;text-align:center;}
#lang ul{list-style-type: none;}
#lang li { display:inline; padding: 0px 10px; }
#menu{position:absolute;top:200px;left:210px;margin:0 0 6em;text-align:center;z-index:10;}
#left{position:absolute;top:230px;left:10px;width:180px;line-height:2em;font-size:90%;}
#contenu{position:absolute;top:230px;left:210px;right:10px;line-height:2em;font-size:90%;background-color:#04122f;}
#contenu li {margin: 0 2em; }

#infos p{margin:0 1em;}

/*.safari #menu{position: fixed; z-index:20;bottom:0px; height:20px;text-align:center;width:100%;background-color:#fff;-webkit-box-shadow:0px -3px 5px rgba(100,100,100,0.4);}
.safari #menu ul{ margin-top:0px;list-style-type: none; text-align: center; } 
#menu .cache{display:none;}
#menu p{}
#menu ul{ margin-top:10px;list-style-type: none; text-align: center; } 
#menu li { display:inline; padding: 0px 10px; }*/
.detail {position: absolute;top:100px; left:350px;background-color:#fff; width:650px;height:90px;text-align:left; z-index:10;}/*-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.3);*/
.titre-page {position: absolute;top:130px; left:350px;background-color:#fff; width:650px;text-align:left; z-index:8;}/*-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.3);*/
.section{margin-left:5px;}
.section p{margin-left:24px;margin-bottom:10px;}
.detail p{margin:0 10px;}
#infos{margin:1em 0 1em 0;color:#333;background-color:#fff;padding:0.5em;font-size:80%;}
#infos p{}
#lang a, #left a, #menu a, #contenu a{color: #b44b14;text-decoration: none;}
#lang a:hover, #left a:hover, #contenu a:hover{color: #fff;}
#lang a.on, #left a.on, #contenu a.on{color: #fff;}	
a#logo:hover{border-bottom:0px transparent solid;}
#logo,.pictos{float:left;}
h2{color: #ddd;font-weight:normal;margin:11px 0;border-top: 1px solid #999;font-weight:normal;}
h3{color: #ddd;font-weight:normal;margin:0;border-top: 1px solid #999;font-weight:normal;text-indent:.5em;}
h4{color:#aaa;margin:5px 0;padding:0 5px;cursor:pointer;border-top: 1px solid #999;font-weight:normal;}
h5{color:#b44b14;cursor:help;border-bottom:#b44b14 1px dotted;display:inline;}
.cache{background-color:#eee;color:#333;}
.bouton{display:block;float:left;background-color:#b44b14;border:1px solid #666;border-top:1px solid #eee;border-left:1px solid #eee;font-size:150%;font-weight:bold;color:#fff;cursor:pointer;padding:5px 10px;}
.important{color:#445a08;}
.error{color:#880f21;}
.big{font-size:200%;padding:0 1em;}
.imgleft{float:left;margin-right:1em;}
.imgright{float:right;margin-left:1em;}
.size12{font-size:100%;}
.box {float:left;width:110px;height:110px;}
.fl {float:left;margin-right:8px;margin-bottom:8px;}
.note{background-color:#ed6;margin:1em 0 0;color:#222;}
.note h3{color:#000;}
.note_body{margin:0 1em;}

#form_newsletter{background-color:#ccc;margin-top:1em;}
#form_newsletter fieldset{padding:1em;}
#form_newsletter input[type='text']{margin:1em 0;width:300px;}
#form_newsletter input[type='submit']{background-color:#b44b14;color:#fff;width:300px;font-size:1.2em;}
 
#contenu a img{border: 1px #b44b14 solid;} 
#modal { position: fixed; background: #b44b14; z-index: 102; color:#fff; display:none; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align:left; top:100px; left:50%; width:300px; text-align:center; } 
hr{border:1px #b44b14 solid;}