* { margin:0; padding:0; }
body { margin:5px; background-attachment:inherit; text-align:left; color:#000; font:12px Verdana, sans-serif; background:url("../img/fond-droite.jpg") no-repeat right top #CCCCCC; }
a { color:#3399FF; font-weight:bold; text-decoration:none; border-bottom:1px dashed #3399FF; outline:0; }
a:hover { border-bottom:1px solid #3399FF; outline:0; }
ul { list-style-type:none; }
img { border:0; }
h1 { font-size:30px; color:#FFF; }
h2 { font-size:18px; color:#3399FF; }
h3 { margin:15px 0 15px 0; color:#0066CC; font-size:15px; }
h4 { margin:15px 0 0 0; font-size:12px; font-weight:bold; }
p { margin-top:10px; }
form { padding:15px 0 0 0; }
label { background:#FFF; display:block; width:350px; float:left; padding:0 10px 0 0; text-align:left; font-weight:bold; }
input,textarea { background:#3399FF; border:3px solid #0066CC; width:400px; color:#FFF; }
input:hover, textarea:hover, input:focus, textarea:focus { background:#FFF; border:3px solid #3399FF; color:#000; }
acronym { border-bottom:2px dotted #990000; }

#header { background:url("../img/fond-gauche.jpg") no-repeat left top; width:100%; height:118px; }
 #header h1 { margin:0 0 0 149px; padding:29px 0 0 0; }
 #header h2 { margin:30px 0 0 150px; }
 #logo_webmaster { float:left; margin:25px 0 0 25px; }
 
#menu { text-align:left; padding:40px 0 0 0; background:#FFF; height:20px; }
 #menu li { display:inline; font-size:16px; text-align:center; }
 #menu li a { border:0; text-align:center; color:#FFF; width:160px; height:26px; display:block; float:left; margin:-20px 0 0 0; padding:14px 0 0 0; background:url("../img/bouton-menu.jpg") no-repeat left top #FFF;}
 #menu li a:hover { border:0; background:url("../img/bouton-menu.jpg") no-repeat left -40px #FFF; }

 #marge_div { width:100%; height:30px; background:#0066CC; color:#FFF; font-weight:bold; }
 #marge_div div { height:13px; border-left:2px solid #0066CC; background:url("../img/coin-marge.jpg") no-repeat left top #3399FF; }
 #marge_1 { margin:0 0 0 4px; padding:7px 0 3px 18px; }
 #marge_2 { margin:0 0 0 164px; padding:7px 0 3px 22px; }
 #marge_3 { margin:0 0 0 324px; padding:7px 0 3px 35px; }
 #marge_4 { margin:0 0 0 484px; padding:7px 0 3px 29px; }
 #marge_5 { margin:0 0 0 644px; padding:7px 0 3px 41px; }

#contenu { padding:5px 15px 5px 15px; background:#FFF; clear:both; }
#contenu p { margin:5px 0 0 0; } 

#liste_photos { margin-top:20px; text-align:center; }
#liste_photos li { display:inline; padding:5px; }
#liste_photos li a { border:0; }
#liste_photos img { border:3px solid #0066CC; }

.capture_ecran { border:3px solid #0066CC; float:left; margin:0 15px 0 0; }
.clear_both { clear:both; }

#tata { display:none; }
#rouge { color:red; }
#vert { color:green; font-size:15px; font-weight:bold; }
#envoyer { width:406px; }

#footer_droite { width:100%; height:118px; background:url("../img/fond-droite-bas.jpg") no-repeat right top; }
#footer_gauche { width:100%; height:48px; background:url("../img/fond-gauche-bas.jpg") no-repeat left top; padding:70px 0 0 0; text-align:center; color:#FFF; font-weight:bold; }
#footer_gauche img { vertical-align:bottom; }