@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;}
body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; background-color:#001e30;padding:12px 0 0 0;}
.clear {clear:both;}

#header {width:960px; height:auto; margin:auto; position:relative;}
#header #head {margin:auto; width:960px;height:219px;}

#left {width:215px; height:auto; float:left;} 
#left #boite {width:200px; height:auto; margin:50px auto 0 auto; background:#001e30; border:1px solid #afb6bc; color:#afb6bc; }
#left #boite ul li {list-style:none; margin-left:10px;}
#left #boite p {text-align:center; margin-top:10px;}
#left #boite a {color:#FFCC00; text-decoration:none; margin:0 0 15px 85px;display:block; }
#left #boite a:hover {text-decoration:underline;}

#left #menu {color:#afb6bc; font-size:16px; height:100%; padding-top:30px; width:215px;}
#left #menu ul li {list-style:none; border-bottom:1px solid #afb6bc; padding:0 0 0 5px;}
#left #menu ul li.last_one {border:none;}
#left #menu a { width:115px; height:35px; display:block; padding:15px 0 0 80px; }
#left #menu a:hover {color:#FFCC00; text-decoration:underline;}

#menu1 {background:url(/images/menu_01.jpg) no-repeat;color:#afb6bc; text-decoration:none;}
#menu2 {background:url(/images/menu_02.jpg) no-repeat;color:#afb6bc; text-decoration:none;}
#menu3 {background:url(/images/menu_03.jpg) no-repeat;color:#afb6bc; text-decoration:none;}
#menu4 {background:url(/images/menu_04.jpg) no-repeat;color:#afb6bc; text-decoration:none;}
#menu5 {background:url(/images/menu_05.jpg) no-repeat;color:#afb6bc; text-decoration:none;}

#menu1:hover, #menu1_active {background:url(/images/menu_01_hover.jpg) no-repeat;color:#FFCC00; text-decoration:underline;}
#menu2:hover, #menu2_active {background:url(/images/menu_02_hover.jpg) no-repeat;color:#FFCC00; text-decoration:underline;}
#menu3:hover, #menu3_active {background:url(/images/menu_03_hover.jpg) no-repeat;color:#FFCC00; text-decoration:underline;}
#menu4:hover, #menu4_active {background:url(/images/menu_04_hover.jpg) no-repeat;color:#FFCC00; text-decoration:underline;}
#menu5:hover, #menu5_active {background:url(/images/menu_05_hover.jpg) no-repeat;color:#FFCC00; text-decoration:underline;}

#content {width:960px; height:auto; margin:auto; background:#5c6f7b;}
#content #middle {width:745px; float:left; color:#FFFFFF; background-color:#001e30;}
#content #middle #accueil h1 {font-size:20px; text-decoration:none;}
#content #middle #accueil h2 {background:url(/images/barre_bleue.jpg) no-repeat; width:720px; height:42px; padding:12px 0 0 12px; font-size:16px; text-decoration:none;}

#content #middle #sites_list #pagination {display:block;margin:10px 0px 15px 0px;text-align:center ;}
#content #middle #sites_list #pagination a {display:inline-block;padding:5px;background:#001e30;color:#FFFFFF;font-weight:bold;text-decoration:none;font-size:16px; border:1px solid #afb6bc; margin-left:5px;}
#content #middle #sites_list #pagination a:hover {background:#5c6f7b;}
#content #middle #sites_list #pagination .active {background:#5c6f7b;}
#content #middle #sites_list #pagination a.selected {background: #5c6f7b;}

#content #middle #contact h2, #content #middle #liens h2{background:#5c6f7b; width:722px; height:30px; border:1px solid #afb6bc; padding-left:10px; }
#content #middle #equipe h2 {background:#5c6f7b; width:535px; height:30px; border:1px solid #afb6bc; padding-left:10px; }
*html #content #middle #equipe h2 {width:520px;}
#content #middle #contact table, #content #middle #equipe table {width:730px; margin:auto;}
#content #middle #contact a, #content #middle #equipe a, #content #middle #accueil #coeur .site p a, #content #middle #accueil #nouveautes .site p a, #content #middle #sites_list .site p a, #content #middle #liens a {color:#FFCC00; text-decoration:none;}
#content #middle #contact a:hover, #content #middle #equipe a:hover, #content #middle #accueil #coeur .site p a:hover, #content #middle #accueil #nouveautes .site p a:hover, #content #middle #sites_list .site p a:hover, #content #middle #liens a:hover {text-decoration:underline;}

#content #middle #tri, #content #middle #sites_list, #content #middle #accueil, #content #middle #contact, #content #middle #plan , #content #middle #equipe, #content #middle #liens {width:725px; margin: auto; margin-top:20px;}
#content #middle #tri table tr td {width:150px; text-align:center;}
#content #middle #sites_list .site table {width:720px;}
#content #middle #sites_list .site img, #content #middle #contact img, #content #middle #equipe img, #content #middle #accueil #coeur .site img, #content #middle #accueil #nouveautes .site img {border:1px solid #5c6f7b; padding:4px; background:#001e30; }
#content #middle #sites_list .site {padding-bottom:15px; border-bottom:1px solid #FFCC00;}
.titre a {text-transform:uppercase; text-decoration:none; color:#FFFFFF;font-weight:bold;}

#content #middle #sites_detail .detail {width:720px; height:auto; margin:30px auto auto 20px;}
#content #middle #sites_detail .detail table#big {width:720px;}
#content #middle #sites_detail .detail table#big tr td {width:360px;} 
#content #middle #sites_detail .detail #acheter p {width:200px; height:30px; border:1px solid #5c6f7b; padding:4px; background:#001e30; float:right; margin-top:15px; }
#content #middle #sites_detail .detail #acheter p a {width:200px; height:30px; font-size:16px; color:#ffcc00; text-decoration:none; display:block; text-align:center; padding:7px 2px 2px 3px; margin-top:-4px; margin-left:-3px;}
#content #middle #sites_detail .detail #acheter p a:hover { text-decoration:underline;}
 
#content #middle #contact #formulaire select {margin-left:9em;margin-bottom:0; }
#content #middle #contact #formulaire fieldset {width:710px; background:#afb6bc; }
#content #middle #contact #formulaire #coordonnees label {position:absolute;font-size:90%;padding-top:.2em;}
#content #middle #contact #formulaire #coordonnees input {margin-left:9em;line-height:1.4em;margin-bottom:.2em;}
#content #middle #contact #formulaire #civilite input {margin-left:9em;}
#content #middle #contact #formulaire #civilite input + input {margin-left:1em;}
#content #middle #contact #formulaire #comments {width:380px;height:300px;}
#content #middle #contact #formulaire textarea {font:.8em "Trebuchet MS", Verdana, sans-serif;width:50em;padding:.2em;}
#content #middle #contact #formulaire input[type="submit"], input[type="reset"] {font:1.2em "Trebuchet MS", Verdana, sans-serif;}
#content #middle #contact #formulaire p#buttons {text-align:center;}

#footer {width:100%; height:35px; margin:auto; background-color:#5c6f7b;}
#footer table {width:960px; height:100%; margin:auto;}
#footer table tr td {text-align:center;}
#footer table tr td.first {width:215px; background-color:#afb6bc; color:#001e30;}
#footer table tr td.first a {color:#001e30; text-decoration:none;}
#footer table tr td.last {color:#FFFFFF; margin:auto;}
#footer table tr td.last a {color:#FFFFFF; text-decoration:none;}

#links {width:960px; height:auto; margin:auto;text-align:center;color:#5C6F7B;}
#links a {color:#5C6F7B;}
#links a:hover {color:#FFF;text-decoratiuon:underline;}


.thumb_accueil {width:220px;height:154px;}
.thumb_acceuil {width:190px; height:140px;}
.thumb1 {width:330px; height:240px; border:1px solid #5c6f7b; padding:4px; background:#001e30;}
.thumb2 {width:160px; height:120; border:1px solid #5c6f7b; padding:4px; background:#001e30; }