/* CSS Document */

img, img a, h1, h2, h3, h4 { margin:0; padding:0; border:0; font-weight: inherit; font-style: inherit;	font-size: 100%; font-family: inherit; }
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
form { margin:0; padding:0; }

body{ top:0; margin:0; padding:0; font-size:12px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; }

a { color:#3366ff  }
img a { border:0 none; }
a:hover { color:#003366; }
ul { padding-top:7px; padding-left:10px; padding-bottom:7px; text-decoration:none; }
li a { color:#276a83; line-height:16px; border:0 none;   }
li a:hover { text-decoration:underline;  }

div#site { position:relative; margin:auto; padding:0; width:750px; margin-top:30px; }

#header { position:relative; height:180px; background:url(../media/background.png) no-repeat; }
#header .logo { position:absolute; top:0; left:200px; }
#header .logo h1 span { display:none; }

div#wrap { margin:auto; position:relative; overflow:auto; width:100%; }
#wrap div.gauche { height:130px; width:382px; background:url(../media/fond-gauche.png) no-repeat #f3f5f6; position:absolute; top:0; left:50px; text-align:center; padding:10px; }
#wrap div.gauche p { margin:0; padding:0; line-height:32px; color:#243a50; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
#wrap div.gauche p strong { font-size:24px; font-weight:bold; }
#wrap div.droite { height:130px; width:260px; position:absolute; top:0px; left:460px; text-align:left; padding:10px; margin-top:5px; }
#wrap div.droite h2 { margin:0; padding:0; list-style:circle; display:list-item; margin-left:20px; }
#wrap div.droite h2, #wrap div.droite h2 a { color:#3366ff; font:Arial, Helvetica, sans-serif; font-size:18px; line-height:40px; font-weight:normal; }
#wrap div.droite h2 a:hover { color:#243a50; text-decoration:none; }
#wrap div.droite p { margin:0; padding:0; color:#3366ff; font:Arial, Helvetica, sans-serif; font-size:16px; line-height:40px; font-weight:normal; text-align:center; }
#wrap div.droite p strong { font-size:18px; font-weight:bold;  }

#wrap div.total { background:url(../media/background-total.png) top left no-repeat #f3f5f6; width:692px; margin:auto; padding:10px;}
#wrap div.total h2 { text-align:center; color:#3366ff; font:Arial, Helvetica, sans-serif; font-size:18px; line-height:40px; font-size:18px; font-weight:bold; }
#wrap div.total h1 { text-align:center; font:Arial, Helvetica, sans-serif; font-size:18px; line-height:40px; font-size:24px; font-weight:bold; }

div#footer { position:relative; padding:0 35px; width:100%; text-align:center; }
div#footer ul li { display:inline; padding-right:10px; text-align:center; line-height:25px; }

div.bloc-form { border:1px solid #243a50; margin-bottom:20px; }
div.form { padding:8px; clear:both; background:white; margin:2px; overflow:auto; }
div.form:hover { background:#dbe6eb; }
div.form h4 {color:#243a50; float:left; padding:3px; font-size:14px; width:200px; font-weight:bold; }
div.form p { margin:0; padding:0; }
div.form div.checkbox { width:47%; float:left; margin-bottom:5px; margin-left:10px;}
div.form div.checkbox input { float:left; }
div.form div.checkbox span { display:block; float:left; padding:2px; width:85%; }
input[type="text"], input[type="password"], textarea { border:1px solid #ccc; background:url(../media/bg-input.png) repeat-x top left #FFF; width:200px; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover { border:1px solid #999; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border:1px solid #999; background:white; }
input[type="submit"] { font-size:14px; padding:4px; }

h3.info { margin:10px; padding:10px; font-weight:bold; font-size:16px; text-align:center; background:#4291c7; color:white; }
h3.alert { margin:10px; padding:10px; font-weight:bold; font-size:16px; text-align:center; background: #f87f7f; color:white; }
h3.alert a, h3.info a { color:white; }