@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0}

/* Blocs */
#conteneur{ width:1068px; margin:0 auto;}

#gauche {float:left; width:308px;}

#centre {float:left; width:473px; _height:500px; min-height:500px; background:url(../img/gabarits/fond_centre.jpg) top left no-repeat;}

#droite {float:left; width:287px;}

#bas { margin:0 auto; width:1068px;}

hr.separateur { float:none; clear:both; visibility:hidden; margin:0}

/* Mise en forme */
body {font-family:Helvetica, Arial, sans-serif; color:#85878B;}

h1 { margin:0;}

h2 {color:#00A8E2; font-weight:normal; font-size:17px;}

a {color:#00A8E2; font-weight:bold; text-decoration:none}

a:hover{ text-decoration:underline;}

#texte { padding:0 13px; font-size:13px; text-align:justify}

/*menus*/
#menu { list-style-type:none; display:block; margin:0 auto; float:none; clear:both; width:600px; height:72px; padding-left:60px;}
#menu li { float:left;}
#menu li img { border:none;}

#liens { list-style-type:none; display:block; margin:0 auto; float:none; clear:both; width:860px; height:19px;}
#liens li { float:left; margin-right:15px; padding-left:15px; background:url(../img/gabarits/fleche.jpg) center left no-repeat;}
#liens li a { color:#00A8E2; text-decoration:none; font-size:14px; font-weight:normal}
#liens li a:hover{ text-decoration:underline}

#footer{ clear:both; margin-top:10px; font-size:11px; width:720px; margin:15px auto 20px auto; padding-left:35px; display:block; list-style-type:none }
#footer li {}
#footer a{ text-decoration:none; color:#85878B; font-weight:normal}
#footer a:hover{ text-decoration:underline}

/*formulaires*/

#form_conteneur { /*height:880px;*/}

#form {color:#85878B;}

#form label{ display:block; width:210px; float:left; padding-top:4px}
#form label.radio_label{width:170px; margin-top:0}
#form label.commentaires{ display:block; width:290px; float:left}

.radio_container{ float:left}
#form input, #form select{ width:190px; border:1px solid #08ABE3; color:#85878B; }
#form select { width:192px}
#form .radio{width:15px; border:0}
#form textarea{border:1px solid #08ABE3; width:403px; margin-bottom:15px; height:100px; font-family:Helvetica, Arial, sans-serif; color:#85878B;}

#form #connaissance { margin-top:15px}

#form label, #form input, #form select { height:15px; margin:5px 0;}
#form select { height:21px}

#form #submit{ text-align:center; border:0; width:111px; height:39px; border:none; margin:20px 0 20px 150px}

body.form #conteneur { position:relative}
body.form #formulaireerreur, body.form #formulaireMerci, body.form #wait{ width:200px; min-height:120px; _height:120px; background-color:#FFEEFF; border:1px solid #F44; width:383px; color:#F00; cursor:pointer; padding:10px; position:absolute; top:270px; left:321px; }

body.form #wait { color:#00a8e3; border:none; background:none; cursor:default; top:220px; left:380px; text-align:center;}

body.form #formulaireMerci{ color:#85878B; border:1px solid #08abe4; background:#fff; cursor:default; top:220px; left:320px; text-align:center; cursor:pointer; font-size:16px; text-align:left}

/*test*/
#form_test{}
#form_test_conteneur {height:445px;}

#form_test .testNumero { background:url(../img/gabarits/btn_test.gif) top left no-repeat; width:24px; height:21px; padding:6px 0 0 0; margin:0 8px 0 0; text-align:center; color:#FB7E5E; font-weight:bold; float:left;}
#form_test .radio { float:left; margin-top:6px}
#form_test .item { min-height:29px; _height:29px; clear:both; margin:3px 0;}
#form_test .question {margin:7px 5px 0 0 ; float:left; width:315px;}
#form_test #submit {margin:20px 0 20px 160px;}

body.form_test_conteneur #conteneur { position:relative}
#form_test #errorMessage{width:200px; min-height:20px; _height:20px; background-color:#FFEEFF; border:1px solid #F44; width:383px; color:#F00; cursor:pointer; padding:10px; position:absolute; top:270px; left:341px; text-align:center }

#merciMessage{width:200px; min-height:20px; _height:20px; border:1px solid #08abe4; width:383px; color:#85878B; font-weight:bold; cursor:pointer; padding:10px; position:absolute; top:250px; left:341px; text-align:justify; background-color:#FFF; }