<style type="text/css">
body {font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#ffffff; }

#minMax {min-width:700px; max-width:1100px;;margin:0 auto; background:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif; }

#header {background:#ffffff;}

#outer1 {float:left; width:20%; background:#ffffff;font-family:Verdana, Arial, Sans.serif;}
#outer1_accueil {float:left; width:30%; background:#ffffff;font-family:Verdana, Arial, Sans.serif;}
#outer2 {float:left; width:15%; background:#c0c0c0;}
#outer3 {float:left; width:60%;font-family: Verdana,Arial,Sans-serif;}
#outer_accueil {float:left; margin-left:200px;font-family: Verdana,Arial,Sans-serif;}
#outer_paysage {float:left;width:70%;text-align:center}
#outer_grand_paysage {float:left;width: 100%;text-align:center}
#outer4 {float:right; width:15%; background:#d0d0d0;}
#outer5 {float:right; width:20%; background:#ffffff;}
#outer1, #outer2, #outer3, #outer4, #outer5 {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden;}

#topbar {width:60%; float:left; background:#fff;min-height:450px;}
#topbar_accueil {width:75%; float:right; background:#ffffff;}
#footer {clear:both; background:#ffffff;height:30px}

h1 {font-size:20px; margin:0; padding:10px 0; color:#666;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:10px; overflow:hidden;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer p {color:#999999},
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}


<!--[if lte IE 7]>
<style type="text/css">
/* hack to compensate for IE and percentage widths rounding errors */
#topbar {width:60.6%;}
#outer3 {width:29.8%;}
#outer5 {width:19.2%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
* html #minMax {width: expression(document.body.clientWidth < 702? "700px" : document.body.clientWidth > 1102? "1100px" : "auto");}
</style>
<![endif]-->

#outer1_paysage {float:left; width:20%; background:#ffffff;}
#outer2_paysage {float:left; width:15%; background:#c0c0c0;}
#outer3_paysage {float:left; width:30%;}
#outer4_paysage {float:right; width:15%; background:#d0d0d0;}
#outer5_paysage {float:right; width:20%; background:#c0b0b0;}
#outer1_paysage, #outer2_paysage, #outer3_paysage, #outer4_paysage, #outer5_paysage {padding-bottom:32767px; margin-bottom:-32767px;}
 
 
#topbar_paysage {width:80%; float:left; background:#d8d8d8;}
 
#footer {clear:both; background:#fff;}
 

</style>
 
<!--[if lte IE 7]>
<style type="text/css">
/* hack to compensate for IE and percentage widths rounding errors */
#topbar_paysage {width:60.6%;}
#outer_paysage {width:29.8%;}
#outer_paysage {width:19.2%;}
/* for IE6 */
* html #wrapper {display:inline-block;}
* html #minMax {width: expression(document.body.clientWidth < 702? "700px" : document.body.clientWidth > 1102? "1100px" : "auto");}
</style>
<![endif]-->