* { padding: 0px; margin: 0px; } body { background-image: url(../images/fon.jpg); background-repeat: repeat; background-attachment: fixed;} #contener { border: 1px solid black; margin-left: auto; margin-right: auto; width: 980px; background-color: white;} #head { background-image: url(../images/head.jpg); height: 194px; width: 994px; background-repeat: no-repeat; margin-left:auto; margin-right: auto; } #menu-global { height: 280px; float: left width: 980px; background-color: #fff; border-bottom: 2px solid #000;} margin-left:auto; margin-right: auto; } #menu-global ul { padding-top:20px;} #menu-global li { margin-left:20px; } #global-gauche { position:absolute; float: left;} #global-droite { margin-right:210px;float: right;padding-top:20px; } #date_1_haut { padding-top:30px; width: 495px; height:30px; border-right: 4px dotted #ccc;} #date_1_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_1_haut a:visited { color:green;} #date_1_haut a:link { color:green;} #date_1_haut a:hover { color:black; border-bottom: 5px solid black;} #date_2_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_2_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_2_haut a:visited { color:green;} #date_2_haut a:link { color:green;} #date_2_haut a:hover { color:black; border-bottom: 5px solid black;} #date_3_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_3_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_3_haut a:visited { color:green;} #date_3_haut a:link { color:green;} #date_3_haut a:hover { color:black; border-bottom: 5px solid black;} #date_4_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_4_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_4_haut a:visited { color:green;} #date_4_haut a:link { color:green;} #date_4_haut a:hover { color:black; border-bottom: 5px solid black;} #date_5_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_5_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_5_haut a:visited { color:green;} #date_5_haut a:link { color:green;} #date_5_haut a:hover { color:black; border-bottom: 5px solid black;} #date_6_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_6_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_6_haut a:visited { color:green;} #date_6_haut a:link { color:green;} #date_6_haut a:hover { color:black; border-bottom: 5px solid black;} #date_7_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_7_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_7_haut a:visited { color:green;} #date_7_haut a:link { color:green;} #date_7_haut a:hover { color:black; border-bottom: 5px solid black;} #date_8_haut { padding-top:30px; width: 495px; height:30px;border-right: 4px dotted #ccc;} #date_8_haut li { display: inline; margin-left:20px; float: left; font: bold 14px Helvetica , Sans-Serif; } #date_8_haut a:visited { color:green;} #date_8_haut a:link { color:green;} #date_8_haut a:hover { color:black; border-bottom: 5px solid black;} #date_2 { padding-left:50px; width: 495px; height: 316px;} #date_2 li { display: inline; margin-left:30px; float: left;} #gallery { background-color: #000; padding: 10px; width: 520px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } .form-style { padding-bottom: 20px;} #onglet { padding-top: 0px; } #onglet a { color: green; font: bold 16px Helvetica , Sans-Serif; margin-left: 10px;} #onglet a:hover { color: #000; } #map_canvas { height: 450px;width: 450px;} #gallerie_1 { margin-left:60px; margin-top:-2px;} #gallerie_1 img { padding:1px; border: 2px solid green; } #gallerie_1 img:hover { border: 2px solid #ccc; } #gallerie_2 { margin-left:70px} #gallerie_2 img { padding:1px; border: 1px solid green; } #gallerie_2 img:hover { border: 1px solid #ccc; } #gallerie_3 { margin-left:70px} #gallerie_3 img { padding:1px; border: 1px solid green; } #gallerie_3 img:hover { border: 1px solid #ccc; } #gallerie_4 { margin-left:70px} #gallerie_4 img { padding:1px; border: 1px solid green; } #gallerie_4 img:hover { border: 1px solid #ccc; } #gallerie_5 { margin-left:70px} #gallerie_5 img { padding:1px; border: 1px solid green; } #gallerie_5 img:hover { border: 1px solid #ccc; } #gallerie_6 { margin-left:70px} #gallerie_6 img { padding:1px; border: 1px solid green; } #gallerie_6 img:hover { border: 1px solid #ccc; } #gallerie_7 { margin-left:70px} #gallerie_7 img { padding:1px; border: 1px solid green; } #gallerie_7 img:hover { border: 1px solid #ccc; } #gallerie_8 { margin-left:70px} #gallerie_8 img { padding:1px; border: 1px solid green; } #gallerie_8 img:hover { border: 1px solid #ccc; } #divdate_1 { padding-top: 5px; padding-left:60px; color: #5b6b77; } #divdate_1 ul li { padding-top:6px;padding-right:80px;} #divdate_1 ul li a:visited { color: #5b6b77;} #divdate_1 ul li a:link { color: #5b6b77;} #divdate_1 ul li a:hover { color:black;border:none;} #map_canvas_1 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_1 li { display: inline; margin:10px; } #map_canvas_1 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_1 a:hover img { border: 4px solid #ccc; } #map_canvas_1 a:hover { border:none; color: #fff;border:none;} #divdate_2 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_2 ul li { padding-top:11px;padding-right:80px;} #divdate_2 ul li a:visited { color: #5b6b77;} #divdate_2 ul li a:link { color: #5b6b77;} #divdate_2 ul li a:hover { color:black;border:none;} #map_canvas_2 { margin-left:50px; float: left; margin-top: 30px; color: #5b6b77; } #map_canvas_2 li { display: inline; margin:10px; } #map_canvas_2 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_2 a:hover img { border: 4px solid #ccc; } #map_canvas_2 a:hover { border:none; color: #fff;border:none;} #divdate_3 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_3 ul li { padding-top:11px;padding-right:80px;} #divdate_3 ul li a:visited { color: #5b6b77;} #divdate_3 ul li a:link { color: #5b6b77;} #divdate_3 ul li a:hover { color:black;border:none;} #map_canvas_3 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_3 li { display: inline; margin:10px; } #map_canvas_3 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_3 a:hover img { border: 4px solid #ccc; } #map_canvas_3 a:hover { border:none; color: #fff;border:none;} #divdate_4 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_4 ul li { padding-top:11px;padding-right:80px;} #divdate_4 ul li a:visited { color: #5b6b77;} #divdate_4 ul li a:link { color: #5b6b77;} #divdate_4 ul li a:hover { color:black;border:none;} #map_canvas_4 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_4 li { display: inline; margin:10px; } #map_canvas_4 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_4 a:hover img { border: 4px solid #ccc; } #map_canvas_4 a:hover { border:none; color: #fff;border:none;} #divdate_5 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_5 ul li { padding-top:11px;padding-right:80px;} #divdate_5 ul li a:visited { color: #5b6b77;} #divdate_5 ul li a:link { color: #5b6b77;} #divdate_5 ul li a:hover { color:black;border:none;} #map_canvas_5 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_5 li { display: inline; margin:10px; } #map_canvas_5 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_5 a:hover img { border: 4px solid #ccc; } #map_canvas_5 a:hover { border:none; color: #fff;border:none;} #divdate_6 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_6 ul li { padding-top:11px;padding-right:150px;} #divdate_6 ul li a:visited { color: #5b6b77;} #divdate_6 ul li a:link { color: #5b6b77;} #divdate_6 ul li a:hover { color:black;border:none;} #map_canvas_6 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_6 li { display: inline; margin:10px; } #map_canvas_6 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_6 a:hover img { border: 4px solid #ccc; } #map_canvas_6 a:hover { border:none; color: #fff;border:none;} #divdate_7 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_7 ul li { padding-top:11px;padding-right:150px;} #divdate_7 ul li a:visited { color: #5b6b77;} #divdate_7 ul li a:link { color: #5b6b77;} #divdate_7 ul li a:hover { color:black;border:none;} #map_canvas_7 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_7 li { display: inline; margin:10px; } #map_canvas_7 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_7 a:hover img { border: 4px solid #ccc; } #map_canvas_7 a:hover { border:none; color: #fff;border:none;} #divdate_8 { padding-top: 11px; padding-left:60px; color: #5b6b77; } #divdate_8 ul li { padding-top:11px;padding-right:80px;} #divdate_8 ul li a:visited { color: #5b6b77;} #divdate_8 ul li a:link { color: #5b6b77;} #divdate_8 ul li a:hover { color:black;border:none;} #map_canvas_8 { margin-left:50px; float: left; margin-top: 30px;color: #5b6b77; } #map_canvas_8 li { display: inline; margin:10px; } #map_canvas_8 img { padding:2px; border: 4px solid green; margin-bottom:20px;} #map_canvas_8 a:hover img { border: 4px solid #ccc; } #map_canvas_8 a:hover { border:none; color: #fff;border:none;} .texte-intro { text-decoration: none; float:right; line-height: 20px; letter-spacing: 1px; padding:-85px 25px 50px 180px; text-align: center; font-family:"Times New Roman", Times, serif; font-size:16px;} #footer { width: 990px; margin-left: auto; margin-right: auto; list-style: none; } #footer ul { margin-left:237px;} #footer li { display:inline;} #footer a:hover img { border-bottom: 2px solid #ccc; margin-top: -2px; }