ps: toutes ces div doivent être placé sur toutes les pages et sur toutes les maquettes */ #edition{ background-color: #C3D892;} #S_site { position: relative; width: 900px; float: left; left: 50%; margin-left: -450px; background: #2f8031; border:1px solid #2f8031;} #S_bandeau { position: relative; float:left; width: 900px; height: 155px; background: url('bandeau.jpg'); } #S_menu { position: relative; float:left; width: 150px; background: #2f8031; } #S_ariane { position: relative; float:left; width: 750px; background: white; height:20px; } /*#S_conteneur { position: relative; float: left; width: 750px; min-height: 450px; height: auto !important; height:450px; background: white repeat-y url('fond_contenu.jpg') left top; }*/ #S_conteneur { position: relative; float: left; width: 750px; min-height: 450px; height: auto !important; height:450px; background-color: #fff; } #S_foot { position: relative; float:left; width: 900px; height: 29px; background:url('foot.jpg'); } /*--------MENU------*/ dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; top: 0; left: 0; } #S_menu dt { cursor: pointer; margin: 1px 0; height: 25px; line-height: 20px; text-align: left; background:no-repeat url('bouton.jpg'); padding-left:25px; } #S_menu dt a {font: bold 13px/22px 'Trebuchet MS'; color: white;} #S_menu dd { border: 1px solid #2f8031; background-color: #f19301;} #S_menu li { text-align: left; background-color: #f19301; } #S_menu li a {text-decoration: none;display: block;padding-left:25px;font: bold 11px/22px 'Trebuchet MS'; color: #46591c; background-color: #f19301;} #S_menu li a:hover, #menu dt a:hover {background-color: #F9A230;} /* ------ Style du MENU -------------------------- Le style du menu est strictement le même sur le site que sur l'admin, car dans l'admin, l'arborescence se gère sur une page à par, donc, dans l'admin, on affiche simplement le menu tel qu'il est sur le site, voila pourquoi il y a qu'un seule et même style par menu et par thème. Cependant, de part la conception de l'outils, on a imaginé 3 niveau d'arborescence, ce qui signifie qu'il peut y avoir trois type de menu différent sur un site, les voici */ div#S_menu #conteneur_menu { margin-top:30px; width: 150px; } /* style du menu secondaire */ div#S_menu .p1 { background-color: white; padding: 2px 7px 2px 7px; text-align: right; font: bold 14px/22px 'Trebuchet MS'; color: #46591c; } div#S_menu .p1 a { background-color: white; padding: 2px 7px 2px 7px; font: bold 14px/22px 'Trebuchet MS'; color: #46591c; text-decoration:none; } div#S_menu .p1 a:hover, div#S_menu .p1 a.select { background-color:#ACC721; padding: 4px 7px 4px 7px; text-align: right; font: bold 14px/22px 'Trebuchet MS'; color: white; text-decoration:none; } /* style du menu secondaire */ div#S_menu .p2 { background-color: white; padding: 1px 7px 1px 7px; text-align: right; font: bold 12px/22px 'Trebuchet MS'; color: #46591c; } div#S_menu .p2 a { background-color: white; padding: 1px 7px 1px 7px; font: bold 11px/22px 'Trebuchet MS'; color: #46591c; text-decoration:none; } div#S_menu .p2 a:hover, div#S_menu .p2 a.select { background-color:#d1e085; padding: 4px 7px 4px 7px; font: bold 11px/22px 'Trebuchet MS'; color: #46591c; text-decoration:none; } /* style du menu tertiare */ div#S_menu #ssmenu3 { position: relative; float: right; margin-right: 20px; margin-top: 10px;border-top: 1px solid #46591c; padding-top: 10px; } div#S_menu .p3 a { background-color: white; padding: 4px 7px 4px 7px; text-align: right; font: bold 11px/20px 'Trebuchet MS'; color: #46591c; text-decoration:none; } div#S_menu .p3 a:hover, div#S_menu .p3 a.select { background-color:#dee9a6; padding: 4px 7px 4px 7px; text-align: right; font: bold 11px/20px 'Trebuchet MS'; color: #46591c;text-decoration:none; } /* style pour les autres articles/galeries/produits d'une m�me ss rub */ div#S_menu #menu_elem { position: relative; float: right; margin-right: 20px; margin-top: 10px;border-top: 1px solid #46591c; padding-top: 10px; } div#S_menu .p4 a { background-color: white; padding: 4px 7px 4px 7px; text-align: right; font: bold 11px/20px 'Trebuchet MS'; color: #46591c; text-decoration:none; } div#S_menu .p4 a:hover, div#S_menu .p4 a.select { background-color:#dee9a6; padding: 4px 7px 4px 7px; text-align: right; font: bold 11px/20px 'Trebuchet MS'; color: #46591c;text-decoration:none; } /* ARIANE */ div#S_ariane p { font: 13px/20px 'Trebuchet MS'; color: black; text-align: left ;margin-left:10px;} div#S_ariane a { color: #f19306; text-decoration: none; } div#S_ariane a:hover { color: #f19306; text-decoration: underline; } /* CONTENEUR */ /* ARTICLES */ #S_contenu_art { position: relative; float:left; width: 330px; margin: 35px 0px 20px 24px; } div#S_contenu_art .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif');} div#S_contenu_art .sstitre { margin: 10px 0px 10px 0px; font: bold 12px/15px 'Trebuchet MS'; color: #7F3706; } div#S_contenu_art .date { margin-top: 5px; font: 11px/12px 'Trebuchet MS'; color: black; text-align: right; margin-right: 30px; } div#S_contenu_art .description { margin-top: 5px; padding-right:40px; font: 11px/13px 'Trebuchet MS'; color: black; text-align: justify; } div#S_contenu_art .description a { color: #f19306; text-decoration : none; } div#S_contenu_art .description a:hover { color: #f19306; text-decoration : underline; } /* Admin */ div#S_contenu_art #input_titre { font: bold 13px/16px 'Trebuchet MS'; color: black; border: 1px solid #46591C; width: 255px; } /* Admin */ div#S_contenu_art #input_sstitre { font: bold 12px/15px 'Trebuchet MS'; color: black; border: 1px solid #46591C; width: 280px;} /* Admin */ div#S_contenu_art #txt_contenu { font: 11px/13px 'Trebuchet MS'; color: black; text-align: justify; border: 1px solid #46591C; width: 300px; height: 350px; } div#S_menu2 { position: relative; float: left; width: 300px; margin-top: 20px; margin-left: 13px; } div#S_menu2 #liste_lien { position: relative; margin-bottom: 10px; margin-left: 10px; width: 270px; padding-top: 4px; padding-bottom: 7px; } div#S_menu2 #liste_lien .ul_lien { padding-left: 10px; font-family: 'Trebuchet MS'; color: black; margin-top: 7px; font-size: 11px;line-height: 13px; text-align: left; font-weight: bold; } div#S_menu2 #liste_lien .li_lien .tit {display:inline; font: 10px 'Trebuchet MS'; color: #46591c; font-weight:bold;} div#S_menu2 #liste_lien .li_lien { margin-left: 0px; padding-left: 10px; font-family: 'Trebuchet MS'; color: #46591c; font-size: 10px;line-height: 20px; text-align: left; background: no-repeat url('puce1.gif') left top;} div#S_menu2 #liste_lien .li_lien a { font: 10px/20px 'Trebuchet MS'; color: #46591c; text-align: left; text-decoration:none;} div#S_menu2 #liste_lien .li_lien a:hover { font: 10px/20px 'Trebuchet MS'; color: #46591c; text-align: left; text-decoration: underline; } /* Admin */ div#liste_lien .select_even { font: normal 11px 'Trebuchet MS'; color: black; text-align: left; width: 250px; border:0px; height:16px; padding-top: 2px;} /* Admin */ div#liste_lien .select_fich { font: normal 11px 'Trebuchet MS'; color: black; text-align: left; width: 250px; border:0px; height:16px; padding-top: 2px;} /* Admin */ div#liste_lien .select_lien { font: normal 11px 'Trebuchet MS'; color: black; text-align: left; width: 250px; border:0px; height:16px; padding-top: 2px;} /* Admin */ div#liste_lien .select_arti { font: normal 11px 'Trebuchet MS'; color: black; text-align: left; width: 250px; border:0px; height:16px; padding-top: 2px;} #S_photos_art { position: relative; float:left; width: 320px; margin-top: 35px;} div#S_photos_art .titre { position: relative; width: 320px; margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_photos_art .gd_img { position: relative; width: 320px; height: 250px; text-align: right; } div#S_photos_art .barre_min_ind { position: relative; width:100%; height: 100px; } div#S_photos_art .pt_img { position: relative; float: left; margin-right: 25px; margin-top: 45px; width: 90px; height: 90px;} .separation_a { position: relative; width: 300px; height: 7px; background: no-repeat url('separation.gif') 50% 50%; margin-top: 15px; margin-bottom: 15px; } #S_gal_art { position: relative; float:left; width: 700px; margin: 0px 0px 0px 0px; } div#S_gal_art .pt_img { position: relative; float: left; margin-left: 22px; margin-top: 25px; width: 90px; height: 90px;} /* GALERIE */ #S_contenu_gal { position: relative; float:left; width: 680px; margin: 35px 0px 20px 24px; } div#S_contenu_gal .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_gal .pt_img { position: relative; float: left; margin-right: 25px; margin-top: 20px; width: 90px; height: 90px; } /* Admin */ div#S_contenu_gal .div_num_img { position: absolute; top:0px; left: 0px; } /* Admin */ div#S_contenu_gal .input_num_img { border: 1px solid black; width: 15px; height: 15px; font: 11px/15px 'Trebuchet MS';} /* Admin */ div#S_contenu_gal .div_sup_img { position: absolute; top:0px; left: 20px; } /* Admin */ div#S_contenu_gal .input_sup_img { border: 1px solid black; width: 15px; height: 15px;} /* CREDIT */ #S_contenu_cre { position: relative; float:left; width: 680px; margin: 35px 0px 20px 24px; } div#S_contenu_cre .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_cre .description { margin-top: 20px; font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 13px; text-align: justify; padding-right:40px; } /* MENTIONS L */ #S_contenu_mel { position: relative; float:left; width: 680px; margin: 35px 0px 20px 24px; } div#S_contenu_mel .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_mel .description { margin-top: 20px; font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 13px; text-align: justify; padding-right:40px; } /* CONDITIONS G */ #S_contenu_cog { position: relative; float:left; width: 680px; margin: 35px 0px 20px 24px; } div#S_contenu_cog .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_cog .description { margin-top: 20px; font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 13px; text-align: justify; padding-right:40px; } /* AGENDA */ #S_contenu_age { position: relative; float:left; width: 710px; margin-top: 35px; } div#S_contenu_age .titre { margin-left:22px; margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_age .agenda { position: relative; width: 650px; margin-left: 20px; float: left;margin-top: 30px; float: left; } div#S_contenu_age .agenda .image1 { position: relative; float: left; width: 25%; text-align: center;} div#S_contenu_age .agenda .image2 { position: relative; float: left; width: 6%; text-align: center;} div#S_contenu_age .agenda .conte { position: relative; float: left; width: 65%;} div#S_contenu_age .agenda .conte .date { margin-left: 10px; color: #f19306; font: 10px/12px 'Trebuchet MS' ; padding-right:40px; } div#S_contenu_age .agenda .conte .sstitre { margin-left: 10px; color: #f19306; font: bold 12px/12px 'Trebuchet MS'; text-align: justify; padding-right:40px; } div#S_contenu_age .agenda .conte .sstitre a , div#S_contenu_age .agenda .conte .sstitre a:hover { color: #f19306; } div#S_contenu_age .agenda .conte .description { margin-left: 10px; font-family: 'Trebuchet MS'; color: black; margin-top: 5px; font-size: 11px;line-height: 11px; text-align: justify; padding-right:40px; } div#S_contenu_age .agenda .conte .type { margin-left: 10px; color: black; font: 10px/10px 'Trebuchet MS' ; padding-right:40px; } /* LIENS */ #S_contenu_lie { position: relative; float:left; width: 710px; margin-top: 35px; } div#S_contenu_lie .titre { margin-left:25px; margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_lie .lien { position: relative; width: 650px; margin-left: 20px; float: left;margin-top: 30px; float: left; } div#S_contenu_lie .lien .image { position: relative; float: left; width: 10%; text-align: center;} div#S_contenu_lie .lien .conte { position: relative; float: left; width: 90%;} div#S_contenu_lie .lien .conte .sstitre { margin-left: 18px; padding-left:15px; margin-bottom: 4px;font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 17px;font-weight: bold; text-align: justify; background: no-repeat url('puce2.jpg') left ;} div#S_contenu_lie .lien .conte .description { margin-left: 23px; font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 13px; text-align: justify; padding-right:40px; } div#S_contenu_lie .lien .conte .lien_site { padding-left:10px; text-align: left; color: #f19306;; font: italic bold 11px/15px 'Trebuchet MS';} div#S_contenu_lie .lien .conte .lien_site a { color: #f19306; font: bold 10px/15px 'Trebuchet MS'; text-decoration: none; } div#S_contenu_lie .lien .conte .lien_site a:hover { color: #f19306; font: bold 10px/15px 'Trebuchet MS'; text-decoration: underline; } /* FICHIERS */ #S_contenu_fic { position: relative; float:left; width: 710px; margin-top: 35px; } div#S_contenu_fic .titre { margin-bottom: 5px; margin-left:22px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_fic .fichier { position: relative; width: 650px; margin-left: 20px; float: left; margin-top: 30px; float: left; } div#S_contenu_fic .fichier .sstitre { margin-left: 10px; font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 13px;font-weight: bold; text-align: justify; padding-right:40px; } div#S_contenu_fic .fichier .description { margin-left: 10px; font-family: 'Trebuchet MS'; color: black; font-size: 11px;line-height: 13px; text-align: justify; padding-right:40px; } div#S_contenu_fic .fichier .lien_site { padding-left:10px; text-align: left; color: black; font: italic bold 10px/15px 'Trebuchet MS';} div#S_contenu_fic .fichier .lien_site a { color: #f19306; font: normal bold 10px/15px 'Trebuchet MS'; text-decoration: none; } div#S_contenu_fic .fichier .lien_site a:hover { color: #f19306; font: normal bold 10px/15px 'Trebuchet MS'; text-decoration: underline; } /* INDEX */ #S_contenu_art_i { position: relative; float:left; width: 370px; margin: 35px 0px 20px 24px; border-right: 1px solid #f19306;} /* Admin */ #A_contenu_art_i { position: relative; float:left; width: 315px; margin: 35px 0px 20px 24px; border: 1px solid orange; } div#S_contenu_art_i .titre, div#A_contenu_art_i .titre { margin-left: 10px; color: #f19306; font: bold 14px/16px 'Trebuchet MS'; text-align: justify; padding-right:65px; } div#S_contenu_art_i .sstitre, div#A_contenu_art_i .sstitre { margin-left: 10px; color: black; font: bold 11px/12px 'Trebuchet MS'; text-align: justify; padding-right:65px;} div#S_contenu_art_i .description, div#A_contenu_art_i .description { margin-left: 10px; color: black; font: normal 11px/12px 'Trebuchet MS'; text-align: justify; padding-right:65px; } div#S_contenu_art_i .description .img_art_i, div#A_contenu_art_i .description .img_art_i { float: left; margin: 0px 3px 3px 0px; } div#S_contenu_art_i .suivante, div#A_contenu_art_i .suivante { font: italic bold 10px/18px 'Trebuchet MS'; color: black; text-align: right; padding-right: 45px; } div#S_contenu_art_i .suivante a, div#S_contenu_art_i .suivante a:hover, #A_contenu_art_i .suivante a, #S_contenu_art_i .suivante a:hover { color: black; text-decoration: none; } #S_contenu_act_i { position: relative; float:left; width: 315px; margin: 35px 0px 20px 24px; border-right: 0px solid #46591C; } /* Admin */ #A_contenu_act_i { position: relative; float: left; width: 315px; margin: 35px 0px 20px 24px; border: 1px solid orange; } div#S_contenu_act_i .titre, div#A_contenu_act_i .titre { margin-left: 10px; color: #f19306; font: bold 10px/12px 'Trebuchet MS'; text-align: justify; padding-right:40px; } div#S_contenu_act_i .description, div#A_contenu_act_i .description { margin-left: 10px; color: #f19306; font: bold 10px/12px 'Trebuchet MS'; text-align: justify; padding-right:40px; } div#S_contenu_act_i .suivante, div#A_contenu_act_i .suivante { font: italic bold 10px/18px 'Georgia'; color: black; } div#S_contenu_act_i .suivante a, div#S_photos .suivante a:hover, div#A_contenu_act_i .suivante a, div#A_photos .suivante a:hover { color: black; text-decoration: none; } #S_contenu_gal_i { position: relative; float:left; width: 345px; margin: 35px 0px 20px 25px; } /* Admin */ #A_contenu_gal_i { position: relative; float: right; width: 345px; margin: 35px 35px 20px 15px; border: 1px solid orange; } div#S_contenu_gal_i .titre, div#A_contenu_gal_i .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_gal_i #gd_img, div#A_contenu_gal_i #gd_img { position: relative; width: 320px; height: 170px; text-align: center; } div#S_contenu_gal_i .barre_min_ind, div#A_contenu_gal_i .barre_min_ind { position: relative; width:100%; height: 100px; } div#S_contenu_gal_i .barre_min_ind .pt_img2, div#A_contenu_gal_i .barre_min_ind .pt_img2 { position: relative; float: left; margin-right: 25px; margin-top: 5px; margin-bottom: 5px; width: 90px; height: 90px;} div#S_contenu_gal_i .suivante, div#A_contenu_gal_i .suivante { font: italic bold 10px/18px 'Georgia'; color: black; } div#S_contenu_gal_i .suivante a, div#S_photos .suivante a:hover, div#A_contenu_gal_i .suivante a, div#A_photos .suivante a:hover { color: black; text-decoration: none; } #S_contenu_pro_i { position: relative; float:left; width: 345px; margin: 35px 0px 20px 25px; } /* Admin */ #A_contenu_pro_i { position: relative; float:left; width: 345px; margin: 35px 0px 20px 25px; } /* IL FAUT ELABORER LE STYLE POUR PRODUIT */ .separation_i { position: relative; width: 300px; height: 0px; background: no-repeat url('separation.gif') 50% 50%; margin-top: 15px; margin-bottom: 15px; } /* SOUS RUBRIQUE */ #S_contenu_ssr { position: relative; float:left; width: 680px; margin: 15px 0px 20px 0px; } div#S_contenu_ssr .titre {margin-bottom: 5px; font: normal 11px/15px 'Trebuchet MS'; color: #f19306; padding-left: 15px; background: no-repeat url('puce_sst.gif'); } div#S_contenu_ssr .titre a, div#S_contenu_ssr .titre a:hover { color: #f19306; text-decoration: none; } /* SOUS ARTICLES */ #S_contenu_ssa { position: relative; float:left; width: 680px; margin: 15px 0px 20px 0px; } div#S_contenu_ssa .barre_art { } div#S_contenu_ssa .titre {margin-left: 18px; margin-bottom: 5px; font: normal 11px/15px 'Trebuchet MS'; color: #f19306; } div#S_contenu_ssa .titre a { padding-left: 15px; color: #f19306; text-decoration: none; background: no-repeat url('puce2.jpg') left ; } div#S_contenu_ssa .titre a:hover { padding-left: 15px; color: #f19306; text-decoration: underline; background: no-repeat url('puce2.jpg') left ; } div#S_contenu_ssa .date { margin-top: 5px; font: 11px/12px 'Georgia'; color: black; text-align: right; margin-right: 30px; } div#S_contenu_ssa .sstitre { margin-left: 10px; margin-bottom: 5px;font-family: 'Georgia'; color: black; font-size: 11px;line-height: 15px;font-weight: bold; text-align: justify; padding-right:40px; } div#S_contenu_ssa .description { margin-left: 10px; font-family: 'Georgia'; color: black; font-size: 11px;line-height: 13px; text-align: justify; padding-right:40px; } div#S_contenu_ssa .img_art_i { float: left; margin: 0px 3px 3px 0px; } div#S_contenu_ssa .suivante { font: italic bold 10px/18px 'Georgia'; color: black; } div#S_contenu_ssa .suivante a, div#S_photos .suivante a:hover { color: black; text-decoration: none; } /* PRODUIT */ #S_produit_img { float: left; position: relative; width: 250px; margin-top:35px; margin-right: 25px; margin-left: 22px; margin-bottom: 25px; border-right: 1px solid #799C13; } #S_produit_inf { position: relative; float: left; width: 200px; margin-top:35px; } #S_produit_inf .tit_prod { font: normal 15px/20px 'Trebuchet MS'; color: #f19306; } #S_produit_inf .sst_prod { font: normal 13px/15px 'Trebuchet MS'; } #S_produit_inf .res_prod { font: normal 11px/13px 'Trebuchet MS'; } #S_produit_inf .poi_prod { font: normal 10px/11px 'Trebuchet MS'; } #S_produit_inf .pxn_prod { font: normal 12px/15px 'Trebuchet MS'; color: #f19306;} #S_produit_inf .pxp_prod { font: normal 11px/13px 'Trebuchet MS'; } #S_produit_inf .tva_prod { font: normal 10px/12px 'Trebuchet MS'; } #S_produit_inf .fic_prod { font: normal 10px/13px 'Trebuchet MS'; } #S_produit_des { float: left; margin-bottom: 15px; position: relative; margin-left: 22px; font: normal 11px/13px 'Trebuchet MS'; width: 670px; } #S_produit_gal { float: left; margin-bottom: 15px; position: relative; margin-left: 22px; width: 670px; border: 1px solid gray; padding: 5px } #S_produit_gal .img_gal { float: left; margin: 5px; } .S_produit_ref { float: left; background-color: red; position: relative; margin-left: 22px; width: 250px; border: 1px solid white; } /* SOUS GALERIE */ #S_contenu_ssg { position: relative; float:left; width: 345px; margin: 35px 0px 20px 25px; background-color: black; } div#S_contenu_ssg .titre { margin-bottom: 5px; font: bold 18px/22px 'Trebuchet MS'; color: #46591c; padding-left: 22px; background: no-repeat url('puce_titre.gif'); } div#S_contenu_ssg .barre_gal { position: relative; width:100%; height: 100px; } div#S_contenu_ssg .barre_gal .pt_img { position: relative; float: left; margin-right: 25px; margin-top: 5px; margin-bottom: 5px; width: 90px; height: 90px;} div#S_contenu_ssg .suivante { font: italic bold 10px/18px 'Georgia'; color: black; } div#S_contenu_ssg .suivante a, div#S_photos .suivante a:hover { color: black; text-decoration: none; } /* CONTACT */ #S_contenu_for_c { position: relative; float:left; width: 315px; margin: 35px 0px 20px 24px; } div#S_contenu_for_c #presentation { font: normal 11px/14px 'Trebuchet MS'; margin-bottom: 20px; } div#S_contenu_for_c #retour { font: normal 13px/14px 'Trebuchet MS'; font-weight:bold; color: #f19306; margin-bottom: 20px; } div#S_contenu_for_c #retour a { font: normal 13px/14px 'Trebuchet MS'; font-weight:bold; color: #f19306; margin-bottom: 20px; } div#S_contenu_for_c #retour a:hover { font: normal 13px/14px 'Trebuchet MS'; font-weight:bold; color: #f19306; margin-bottom: 20px; text-decoration: underline; } /* Admin */ div#S_contenu_for_c #presentation_textarea { width: 280px; height: 120px; border: 1px solid #f9d08a; font: normal 11px/14px 'Trebuchet MS'; margin-bottom: 20px; } div#S_contenu_for_c .col1_td { width: 100px; } div#S_contenu_for_c .col1_p { font: bold 11px/20px 'Trebuchet MS';} div#S_contenu_for_c .col2_input { line-height: 17px; font-size: 10px; border: 1px solid #f9d08a; width: 180px; height: 17px; } div#S_contenu_for_c .col2_textarea { width: 180px; height: 100px; border: 1px solid #f9d08a; } div#S_contenu_for_c .col2_submit { cursor:pointer; width: 100px; height: 20px; border: 1px solid #f19306; background: #fbcc7c; font: 12px 'Trebuchet MS'; font-weight:bold; color: black; text-align: center; } #S_contenu_img_c { position: relative; float:left; width: 315px; margin: 35px 0px 0px 24px; } #S_contenu_con_c { position: relative; float:left; width: 550px; margin: 35px 0px 20px 25px; } /* Admin */#A_contenu_con_c { position: relative; float:left; width: 315px; margin: 35px 0px 20px 25px; } #S_contenu_con_c .con_p1 { font: normal 11px/14px 'Trebuchet MS'; color: #f19306;} #S_contenu_con_c .con_p2 { font: normal 10px/13px 'Trebuchet MS'; } #S_contenu_con_c .con_p2 a { color: #f19306; text-decoration: none; } #S_contenu_con_c .con_p2 a:hover { color: #f19306; text-decoration: underline; } /* Admin */ #S_contenu_con_c .con_input_p2 { font: normal 12px/15px 'Trebuchet MS'; width: 180px; height: 17px;} /* RESERVATION */ #S_contenu_cal_r{ position: relative; float:left; width: 480px; height: 550px; border-right: 1px solid gray; margin: 35px 0px 0px 24px; text-align: center; } #S_contenu_con_r { position: relative; float:left; width: 315px; margin: 35px 0px 20px 25px; } #S_contenu_con_r .titre { color: #f19306; font: bold 12px/14px 'Trebuchet MS'; margin-bottom: 15px; } #S_contenu_con_r .date { font: bold 11px/17px 'Trebuchet MS'; } #S_contenu_con_r .tarif { font: normal 10px/14px 'Trebuchet MS'; } #S_contenu_for_r { position: relative; float:left; width: 315px; margin: 35px 0px 20px 24px; } #S_contenu_for_r .titre { color: #f19306; font: bold 12px/14px 'Trebuchet MS';margin-bottom: 15px; } div#S_contenu_for_r #presentation { font: normal 11px/14px 'Trebuchet MS'; margin-bottom: 20px; } /* Admin */ div#S_contenu_for_r #presentation_textarea { width: 280px; height: 120px; border: 1px solid #E1DFCF; font: normal 11px/14px 'Trebuchet MS'; margin-bottom: 20px; } div#S_contenu_for_r .col1_td { width: 100px; } div#S_contenu_for_r .col1_p { font: bold 11px/20px 'Trebuchet MS';} div#S_contenu_for_r .col2_input { line-height: 17px; font-size: 10px; border: 1px solid #E1DFCF; width: 180px; height: 17px; } div#S_contenu_for_r .col2_input2 { line-height: 17px; font-size: 10px; border: 1px solid #E1DFCF; width: 165px; height: 17px; } div#S_contenu_for_r .col2_textarea { width: 180px; height: 100px; border: 1px solid #E1DFCF; } div#S_contenu_for_r .col2_submit { width: 100px; padding-top: 3px; height: 20px; border: 1px solid #E1DFCF; font: bold 12px 'Trebuchet MS'; color: #b1a894; text-align: center; } /* ------ Style du pied de page -------------------------- Enfin, le style du footer, c'est à dire le bas de la page ou l'on retrouve généralement, le 'mentions légales...*/ div#S_foot p { width: 900px; height: 20px; line-height: 20px; font-family: 'Trebuchet MS'; font-size: 11px; color: white; text-align: center; margin-top:5px;} div#S_foot a { font: 11px 'Trebuchet MS'; color: #f2b53d; text-decoration: none; } div#S_foot a:hover { font: 11px 'Trebuchet MS'; color: #f2b53d; text-decoration: underline; }