@charset "utf-8"; /* CSS Document */ /* Pour de l'aide avec le css : http://www.w3schools.com/Css/default.asp */ /* ------------ CSS mise a zero------------------------ */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px; padding:0px;} /*Annule l'effet de float sur les div suivant*/ div#clear {clear:both; float:none;} /*police du site/Gére la taille de base de la police (La taille fonctionne par héritage)/alignement du site/couleur de background*/ body {font-family:arial, sans-serif; font-size:1.0em; text-align:left; background-color:#4f504f; } /*Largeur du site/ marge pour centrer le site / couleur background du contenue*/ div#main {width:955px; margin:auto; background-color:#ffffff; } /* Style de la baniere */ div#main div#header {width:955px; margin-left:0px; margin-right:0px; border:none; color:#000;} div#main div#header div#headerp1 {float:left; display:block; width:945px; height:15px; background-color:#363536; padding-top:4px; padding-bottom:6px; text-align:right; padding-right:10px; } div#main div#header div#headerp1 img {float:left; display:block; } /*Gère Les colonne de contenues */ div#main div#container {float:left; display:block; width:955px; padding:0px; background-color:#ffffff; background-image:url(img/site_bg.jpg); background-repeat:repeat-y;} /*le menu principal*/ div#main div#container div#menu {width:955px; text-align:center; font-weight:bold; color:#000; height:38px; background-image:url(img/menu_bg.jpg); background-repeat:repeat-x; font-size:0.8em;} div#main div#container div#menu ul {width:955px; margin:0px; padding-left:10px; padding-top:10px; } div#main div#container div#menu ul li {display:inline; width:auto; position:relative; list-style:none; height:38px; padding-top:3px; padding-bottom:3px; padding-right:10px; } div#main div#container div#menu ul li a:hover{color:#000;} table {border-collapse:collapse; } table td {border-collapse:collapse; } div#main div#container div#menu ul ul {position:absolute; top:20; left:0px; display:none; padding:0px; width:164px; background-color:#798b79; font-size:0.9em; text-align:center; padding-bottom:2px;} /*Gère la police du sous-menu*/ div#main div#container div#menu ul ul li a {display:block; letter-spacing:normal; font-style:normal; color:#ffffff; } div#main div#container div#menu ul ul li a:hover{color:#ccc; } /*gère la police du menu principal*/ div#main div#container div#menu li a {text-decoration: none; letter-spacing:0.1em; color:#000; } div#main div#container div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;} /*Colonne 1*/ div#main div#container div#colonne1 {float:left; display:block; width:101px; height:300px; background-image:url(img/top_col1.gif); background-repeat:repeat-x; background-position: top; background-color:#a8b8a9;} /* Colonne 2*/ div#main div#container div#colonne2 {float:left; text-align:left; display:block; width:665px; padding-left:20px;} .tx {font-size:0.6em; font-weight:normal; } div#main div#container div#colonne2 h1 {margin-top:10px; float:left; font-weight:bold; border:1px #527254 solid; display:block; height:18px; background-color:#a8b8a9; color:#000; width:100%; padding-left:5px; font-size:0.7em; font-family:arial, serif; padding-top:6px; } div#main div#container div#colonne2 h4 {display:block; float:left; margin-top:5px; width:100%; height:auto; color:#2a292a; font-weight:bold; font-size:0.7em; font-family:arial, sans-serif; padding-bottom:10px; } div#main div#container div#colonne2 h5 {display:block; float:left; margin-top:5px; height:auto; color:#2a292a; font-weight:normal; font-size:0.6em; font-family:arial, sans-serif; } div#main div#container div#colonne2 p { display:block; float:left; text-align:left; width:auto; font-weight:normal; font-family:arial, sans-serif; font-size:0.75em; padding-top :10px; padding-left:20px; } div#main div#container div#colonne2 div#news {display:block; text-align:left; width:526px; height:auto; } div#main div#container div#colonne2 div#news p {display:block; text-align:left; height:auto; } div#main div#container div#colonne2 div#case1 {float:left; display:block; width:590px; padding-left:32px; text-align:left; } div#main div#container div#colonne2 div#case2 {float:left; display:block; width:590px; padding-left:32px; text-align:left;} div#main div#container div#colonne2 div#case3 {float:left; display:block; width:495px; text-align:left; } div#main div#container div#colonne2 div#case3 div#item3 { width:100%; display:block; text-align:left; } div#main div#container div#colonne2 div#case3 div#item3 div#photo3 {float:left; display:block; width:50px; padding-left:10px; } div#main div#container div#colonne2 div#case3 div#item3 div#prix3 {float:left; width:75px; display:block; font-weight:bold; font-size:1.1em; padding-top:15px; padding-left:10px; } div#main div#container div#colonne2 div#case3 div#item3 div#description3 {float:left; width:240px; display:block; font-weight:normal; font-size:0.55em; padding-top:5px; } div#main div#container div#colonne2 div#case3 div#item3 div#nom3 {float:right; display:block; width:100px; padding-left:10px; font-weight:bold; font-size:0.9em; font-family:arial, sans-serif; padding-top:5px;} /*Gestion en liste du plan du site*/ div#main div#container div#colonne2 div#menumap {width:164px; text-align:left; background-position:right; color:#555555; font-size:0.8em; padding-bottom:10px; padding-left:50px; } div#main div#container div#colonne2 div#menumap ul {padding:0; width:164px; margin:0px; margin-left:3px; padding-left:10px; padding-top:10px; } div#main div#container div#colonne2 div#menumap ul li {height:auto; padding-top:3px; padding-bottom:3px; } div#main div#container div#colonne2 div#menumap ul li a:hover{color:#fabb14;} div#main div#container div#colonne2 div#menumap ul ul {width:164px; font-size:0.9em; text-align:left; padding-bottom:2px; list-style:none; } div#main div#container div#colonne2 div#menumap ul ul li a {display:block; letter-spacing:normal; font-size:1.0em; font-style:bold; color:#555555; padding-top:6px; padding-left:10px;} div#main div#container div#colonne2 div#menumap ul ul li a:hover{color:#fabb14; } div#main div#container div#colonne2 div#menumap li a {text-decoration:none; letter-spacing:0.1em; color:#555555; font-weight:normal; } div#main div#container div#colonne2 div#menumap ul ul li a:visited { text-decoration:underline; } div#main div#container div#colonne2 div#menumap li a:visited { text-decoration:underline; } /*Colonne 3*/ div#main div#container div#colonne3 {display:block; float:right; width:168px; height:auto; } /*Pied de page*/ div#footer {display:block; float:left; width:955px; height:77px; background-color:#a8b8ab; border-top:1px #517253 solid; } div#footer div#bord {height:22px; width:955px; background-image:url(img/bg_footer.jpg); background-repeat:repeat-y; } div#footer div#droits {color:#fff; text-align:center; padding-top:5px; font-size:0.6em;} div#main div#footer div#menu_sec{text-align:center; font-size:0.8em; color:#fff; letter-spacing:1px; } /*lien du menu utilitaire (entête)*/ div#header a:link { color:#000; font-family:arial, sans-serif; font-size:0.7em; text-decoration:none; font-weight:bold;} div#header a:hover { color:#a8b8a9; font-size:0.7em; text-decoration:underline; font-weight:bold;} div#header a:visited {text-decoration:none;font-size:0.7em; color:#ccc; font-weight:bold;} /*Lien dans la colonne 2*/ div#colonne2 a:link { display:block; color:#ff9900; font-weight:bold; font-size:1.0em; text-decoration:none;} div#colonne2 a:hover { display:block; font-weight:bold; font-size:1.0em; text-decoration:underline; } div#colonne2 a:visited { display:block; color:#2a292a; font-weight:bold; font-size:1.0em; text-decoration:none; } /*Lien dans la colonne 3*/ div#colonne3 a:link { width:197px; height:auto;display:block; float:left; color:#2a292a; text-decoration:none; font-size:0.7em;} div#colonne3 a:hover { width:197px; height:auto; display:block; float:left; text-decoration:underline; color:#2a292a; font-size:0.7em;} div#colonne3 a:visited { width:194px; height:auto; display:block; float:left; color:#ff9900; text-decoration:none; font-size:0.7em;} /*Lien dans la colonne 3 titre*/ div#colonne3 h2 a:link { width:auto; height:auto;display:block; float:left; color:#2a292a; text-decoration:none; font-size:1em;} div#colonne3 h2 a:hover { width:auto; height:auto;display:block; float:left; color:#FF9900; text-decoration:none; font-size:1em;} div#colonne3 h2 a:visited { width:auto; height:auto;display:block; float:left; color:#FF9900; text-decoration:none; font-size:1em;} /*Lien dans le pied de page*/ div#footer a:link { color:#fff; text-decoration:none; font-size:0.8em; } div#footer a:hover {color:#fff; text-decoration:underline; } div#footer a:visited { text-decoration:none; ; color:#939093; font-size:0.8em; } /*Autre lien dans le pied de page*/ div#footer div#droits a:link { color:#fff; text-decoration:none; font-size:1em; padding-bottom:1px;} div#footer div#droits a:hover {color:#fff; text-decoration:underline; font-size:1em; padding-bottom:1px;} div#footer div#droits a:visited { text-decoration:none; ; color:#939093; font-size:1em; padding-bottom:1px;}