* { padding: 0; margin: 0; list-style-type: none; }
html { height: 100%; }
body { height: 100%; min-width: 960px; max-width: 1260px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 0 auto; background: #edf1f4 url(images/header.png) repeat-x; }
html>body #wrap {height:100%;}
html>body #page-wrap {height:100%;}
html>body #page { padding-bottom: 25px; }
html>body #footer { position:fixed; bottom:0; z-index:3; left: 0; }
hr { clear: both; height: 0px; }
#page { position: relative; z-index: 0; }
#footer { width:100%; height:25px; background: #bfc3a6; }
#header { background: url(images/header.png) repeat-x; height: 165px; position: relative; z-index: 1; }
#menuhaut { line-height: 28px; position: absolute; top: 120px; left: 245px; right: 205px; text-align: center; min-width: 500px;  }
#menuhaut li { float: left; position: relative; margin: 0 10px; }
#menuhaut li:hover ul, #menuhaut li.sfhover ul { display: block; }
#menuhaut li a { color:#FFF; font-size: 17px; font-weight: bold; text-decoration: none; display: block; }
#menuhaut li a:hover, #menuhaut li:hover a, #menuhaut li.sfhover a { color: #152d42; }
#menuhaut li ul { position: absolute; display: none; text-align: left; background: #0f88a2; border-left: 1px solid #CCC; border-right: 2px solid #7e7e7e; padding-bottom: 10px; border-bottom: 2px solid #7e7e7e; padding-bottom: 15px; }
#menuhaut li ul li { float: none; display: block; line-height: 14px; padding: 0; margin: 0 5px; white-space:nowrap; }
#menuhaut li ul li a { font-size: 12px; display: inline; }
#menuhaut li:hover ul li a, #menuhaut li.sfhover ul li a { color: #FFF; }
#menuhaut li:hover ul li a:hover, #menuhaut li.sfhover ul li a:hover { color: #152d42; }
#menuhaut .onglet_hg { background: url(images/onglet_hg.png) no-repeat; width: 10px; height: 15px; position: absolute; left: -10px; top: 0; }
#menuhaut .onglet_hd { background: url(images/onglet_hd.png) no-repeat; width: 10px; height: 15px; position: absolute; right: -10px; top: 0; }
#menuhaut .onglet_bg { background: url(images/onglet_bg.png) no-repeat; width: 15px; height: 15px; position: absolute; left: -1px; bottom: -2px; }
#menuhaut .onglet_bd { background: url(images/onglet_bd.png) no-repeat; width: 15px; height: 15px; position: absolute; right: -2px; bottom: -2px; }
#titre { background: url(images/titre.png) no-repeat; width: 460px; height: 165px; }
#logo { background: url(images/logo.png) no-repeat; height: 165px; width: 220px; float: right; }
#mg { position: absolute; top: 124px; left: 0; background: url(images/mg.png) no-repeat 0 40px; width: 250px; padding: 0 0 0 26px; z-index: 2; }
#content { position: relative; top: 0; margin-left: 250px; text-align: center; z-index: 0; text-align: left; }
.box { float: left; width: 46%; margin: 1% 0 1% 2%; background: #FFF; position: relative; }
.box span { font-weight: bold; display: block; position: absolute; background: #bfc3a6; height: 20px; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); left: -1%; right: -1%; }
.box img { float: left; width: 48%; margin: 0 1%; }
.box .texte { margin: 0 0 0 50%; background: #0C6; padding: 0; }
.box strong { display: block; margin: 20px 0 0 3px; }
.box p { margin: 5px 2px 2px 5px; }