body{margin:0; background-color:#FFFFFF;}
#page{ position: absolute; width: 830px; margin-left: -410px; left: 50%; height: 470px; margin-top: -235px; top: 42%; }
#content { padding: 10px; margin:5px; border: 1px solid #666; background-color: #fff; }
#menu{ position:relative; width : 800px; margin-left:-400px; left:50%; font-family:Verdana, Arial,sans-serif; font-size:10px; color:#666;}
#langues{ position:absolute; width : 40px; left:-24px; top:360px; font-family:Verdana, Arial,sans-serif; font-size:12px; color:#666; }
#phone{ position:absolute; width : 800px; margin-left:-400px; left:50%; bottom:10px; font-family:Verdana, Arial,sans-serif; font-size:11px; font-style:italic; color:#999;}
a{ color:#666; text-decoration: none;}
a:hover{ text-decoration: underline;}

/* ----------  FORM CONTACTS */
#global{ text-align: left; position: relative; width: 650px; height:auto; margin-left: auto; margin-right: auto; padding-bottom:30px; background-color:#42192c; overflow: visible;}
#header{ width: 650px; height: 860pxpx;}
#header a img{ display: block; border: none; width: 650px; height: 96px;}
#header p{ display:block; padding:0; margin:0;}
p#etape{ display:block; background-color:#333300; width:80px; height:74px; margin:0; padding:80px 10px 0px 10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#FFFFFF; font-weight:bold;}
p#middle img{ display:block; background-color:#000000; width:300px; height:154px; margin:0; padding:0; float:left}
p#accroche{ display:block; background-color:#000000; width:230px; height:134px; margin:0; padding:10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:18px; color:#FFFFFF; font-weight:normal; font-style:italic;}
p#basg{ display:block; background:url(../images/basg.jpg) no-repeat bottom #333300; width:80px; height:750px; margin:0; padding:10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#FFFFFF; font-weight:bold;}
p#basd{ display:block; background-color:#42192c; width:530px; height:25px; margin:0; padding:15px 10px 10px 10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#FFFFFF;}
#form{ display:block; background-color:#42192c; width:530px; height:700px; margin:0; padding:15px 10px 10px 10px; float:left; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#FFFFFF;}
p.motif{ font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#e96ea2; }
/* ---------  */
form{padding :0px; margin:0px; background-color:#42192c;}
div#form div.l{ width:510px; height:30px; border:none; margin:0px; padding:0px; color:#FFFFFF; background-color:#42192c;}
.accueilOn { border:1px solid #000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:180px;margin:0px; background:#ccc;}
.accueilOff { border:1px solid #000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px;  width:180px;margin:0px; background:#fff;}
.accueilEOn { border:1px solid #ff0000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:180px; margin:0px; background:#ccc;}
.accueilEOff { border:1px solid #ff0000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px;  width:180px; margin:0px; background:#fff;}
option{width:100%;}
textarea.accueilOn { border:1px solid #000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:260px; height:90px; margin:0px; background:#ccc;}
textarea.accueilOff { border:1px solid #000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:260px; height:90px; margin:0px; background:#fff;}
textarea.accueilEOn { border:1px solid #ff0000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px; width:260px; height:90px;margin:0px; background:#ccc;}
textarea.accueilEOff { border:1px solid #ff0000; font-family:Trebuchet MS, Verdana, Arial; font-size:12px;  width:260px; height:90px; margin:0px; background:#fff;}
h3.oublie {font-family:Trebuchet MS, Verdana, Arial; font-size:11px; color:#FF0000; margin:0px; padding:0px;}
.champG{ float:left; margin:0px; padding:0px; width:200px; /*height:30px;*/ color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; padding-left:10px; background-color:#42192c;}
.champD{ float:right; margin:0px; padding:0px; width:270px; /*height:30px;*/ color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; padding-left:10px; background-color:#42192c;}
.champAll{ float:left; margin:5px 0 0 0; padding:10px 0 0 0; width:510px; background-color:#42192c;}
.requis{color:#FF0076;}

#form p.success{color:#fff; background:url(../images/button_ok.png) no-repeat 2% 50% #338301; width:auto; padding:8px 5px 8px 53px; border:1px solid #fff; margin:0; text-align:left;}
#form p.erreur{color:#fff; background:url(../images/button_cancel.png) no-repeat 2% 50% #b42728; width:auto; padding:8px 5px 8px 40px; border:1px solid #fff; margin:0; text-align:left;}
/*------------------*/