@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6889a3;}
.wrapper{margin:0 auto; width:960px;}
.clr{clear:both;}
img{border:0;}
a{color:#ff7e37; text-decoration:none; text-transform:uppercase; font-weight:bold;}
a:hover{color:#000000;}

#header{height:100px; margin-top:10px;}
#header_left{float:left; width:400px; padding:5px 0 0 10px;}
#header_right{float:right; width:500px; text-align:right;}
#header_right img{padding-left:10px;}

#slide{height:300px; background:url(../images/header.jpg) no-repeat; margin-bottom:20px;}
.pic{position:absolute; width:667px; height:339px; top:71px; left:50%; z-index:100; margin-left:-200px;}

#contentarea{min-height:370px;}
#leftcolumn{float:left; width:280px; border:#ededed solid 1px; background:url(../images/leftcolumnbg.png) repeat-x #fffee5; padding:10px; color:#6889a3;}
#leftcolumn h3{text-transform:uppercase; font-size:20px; margin:0;}
#leftcolumn p{font-size:18px; margin:0;}
#leftcolumn .babillard{color:#000000;}
#leftcolumn h4 {color:#ff7e37; font-size:18px; border-top:2px solid #9bc5e6; padding:10px 0; margin:20px 0 0 0; }
#leftcolumn .lien img{padding:20px 10px 5px 0;}

#maincolumn{float:right; width:640px;}
#maincolumn h1{margin:0 0 10px 0;}
#maincolumn p{text-align:justify; padding:0 20px 0 0; line-height:20px;}

.pagetitle{font-size:24px; font-weight:bold; padding:10px 0 20px 150px;}
form{}
.formulaire{margin:0 150px 40px 150px;}
.formulaire label{display:block; /*width:100px; text-align:right;*/ float:left; margin:10px 20px 10px 0;}
.inputbox{/*width:150px;*/}
.error{color:#FF0000; display:block;}


#footer{border-top:1px solid #9bc5e6; padding:10px 0 100px; text-align:center; margin-top:20px;}