@charset "utf-8";
/* CSS Document */
.spacer{ width:100%; clear:both; height:1px; font-size:1px;}
img.styl{ float:right; margin:24px 0 0 0}
hmlt,body{ margin:0; padding:0;}
body{ background:#4c4c4c url(../images/background/body.jpg) repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;}
div.container{ width:992px; margin:0 auto; padding:0;}
div.sidebar_outter{ background:url(../images/background/sidebar_outter.jpg) repeat-y left top;}
div.sidebar{ width:243px; float:left; background:#8fb0dc url(../images/background/sidebar.jpg) no-repeat left top; min-height:900px; margin:0; padding:10px 0 0 0; text-align:center}
div.contact{width:223px; float:left; text-align:left; padding:0 10px 0 10px;}
div.contact h3{ background:url(../images/background/h3.gif) repeat-x left bottom; margin:0 0 8px 0; padding:0;}
div.layout{ width:746px; float:left;  background:#fff url(../images/background/layout.jpg) repeat-y left top; margin:7px 0 0 0}
div.layout ul, div.contact ul{ margin:0; padding:0; list-style-type:none;}
div.layout ul li{ margin:10px 0 10px 15px }
div.menutop{ background:url(../images/background/menu.jpg) no-repeat left top; width:732px; float:left; font-size:16px; font-variant:small-caps; color:#fff; padding:22px 0 22px 14px; margin:0;}
div.menutop ul li{ margin:0 15px; padding:0; position:relative; float:left;}
div.menutop ul li a, div.menutop ul li a:hover, div.menutop ul li a:hover span, div.menutop ul li a.active span{ background-image:url(../images/background/menu.gif); background-repeat:no-repeat}
div.menutop ul li a{ background-position:left top; float:left; display:block; color:#fff; padding:0 0 0 20px; height:33px; text-decoration:none;  }
div.menutop ul li a span{  float:left; display:block; padding:6px 15px 9px 5px; margin:0; }
div.menutop ul li a:hover,div.menutop ul li a.active{ background-position:left -33px}
div.menutop ul li a:hover span, div.menutop ul li a.active span{ background-position:right -66px}
div.menutop ul li ul.submenu{display:none; float:left; position: absolute; left:0; top: 42px; padding:5px 0 5px 0; background: #4576c2; width:260px; font-size:12px;  }
div.menutop ul li ul.submenu li{ margin: 0; padding: 0 5px;  clear: both; background:none }
div.menutop ul li ul.submenu li a,div.menutop ul li ul.submenu li a:hover,div.menutop ul li ul.submenu li a span{ background-image: none;}
div.menutop ul li ul.submenu li a{ width:230px;}
div.menutop ul li ul.submenu li a:hover{ background:#093e96;}
div.header{ width:746px; height:212px; margin:0; padding:0;}
div.header img{ float:left;} 
h1{ width:22px; font-weight:bold; display:block; color:#cbba5d;}
p{ display:block; line-height:18px; text-align:justify}
div.page{ clear:both; width:720px; min-height: 700px; padding:24px 0 0 25px; float:left; font-size:14px; text-align: justify; }
div.page h1{ width:680px; background:url(../images/background/h1.gif) repeat-x left top; padding:10px 0 10px 20px;}
div.page h1, div.page h2, div.page h3{ clear:both; display: block;}
div.page p, div.page ul, div.liste_actus{ width:630px; float:left; padding:0 0 0 25px;}
div.page img#illustr{ margin:0 0 20px 65px; width:475px; float:left; display:block;}
ul.services li{width:230px; padding-top:20px}
ul.services li img{ background:url(../images/background/cadre_services.jpg) no-repeat left top; padding:15px;}
ul.services li a{ font-size:14px; background:url(../images/background/services_link.jpg) no-repeat left top; color:#4074cb; padding:3px 0 3px 25px; margin:13px 0 0 20px; display:block; text-decoration:none;}
div.downer{ background:url(../images/background/downer.jpg) no-repeat left bottom; text-align:right; padding:20px 20px 15px 0; font-size:11px;}

form.form{ text-align:left; display:block; clear:both; margin:0; padding:0; width:445px; }
.form .input0, .form .input1, .form .input2, .form .input3, .form .input4,.form .other{height:20px; border:1px solid #ccc; float:left; margin-bottom:0; width:inherit}
.form .input0{width:188px}
.form .input1{width:300px}
.form .input2{width:160px}
.form .input3{width:50px}
.form .input4{width:300px; height:120px;}
.form label{width:130px; float:left; display:block; text-align:right; padding-right:10px; }
.form label.error{color:#ff0000; width:280px; margin:0 0 0 130px; text-align:left; font-size:11px }
.form .bouton{ width:110px; height:28px; border:none; cursor:pointer; background:url(../images/background/bouton.jpg) no-repeat left bottom; text-align:center; padding:0 0 4px 0; margin:0; color:#ffffff; font-size:11px;}
.form span{color:#c20d08; display:inline}
form.form input,form.form select,form.form fieldset, form.form div,form.form span{margin:0; padding:0}
form.form fieldset{border:0; margin:5px 0; padding:0;}
div.liste_actus{ margin-bottom: 15px;}
div.liste_actus h4{ margin:0; padding:0;}
div.liste_actus a.more:link, div.liste_actus a.more:visited{ background:url(../images/background/more.gif) no-repeat left top; color:#151515; margin:20px 5px 0 0; width:115px; height:14px; padding:2px 0; clear:both; text-align:center; float:left; text-decoration: none;}
ul#liste1{ list-style-type:none; padding:0;}
ul#liste2 { list-style-image:url(../images/puce.png); }
ul#liste3{ list-style-type:disc;}
.page p img, .page div img, .liste_actu div img{ border:2px solid #f2f2f2; padding:1px;}