/* ------------------------------------------------------------- OT CERET - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Styles communs Nom fichier: style.css Version: 1.0 Date: 19 Février 2007 ------------------------------------------------------------- */ /* ######################### GALERIE PHOTOS ######################### */ /* ======= Présentation HAUT ======= */ .gal_name{color: #E9CD00; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline; }/*font-variant:small-caps;*/ .gal_categ{color: #E9CD00; font-size: 12px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight:bold;} .galdescrub{color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none} /* ======= Présentation HAUT ======= */ /* ======= NAVIGATION HAUT ======= */ #gal_navht{ float:left; display:block; position:relative; width:100%; height:21px; background-color:#716561; text-align:center; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px;} #gal_flhtg{display:block; position:absolute; top:6px; left:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;} #gal_flhtd{display:block; position:absolute; top:6px; right:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;} .galnav{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;} /* ======= NAVIGATION HAUT ======= */ /* ======= CENTRE GALERIE ======= */ .gal_cont{ float:left; display:block; position:relative; width:100%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;} .gal_cont1{float:left; display:block; position:relative; width:30%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;} .gal_cont2{float:left; display:block; position:relative; width:30%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;} .gal_cont3{float:right; display:block; position:relative; width:30%; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;} .separ_miniature1{float:left; display:block; position:relative; width:5%; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;} .separ_miniature2{float:left; display:block; position:relative; width:4%; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;} .miniature1{display:block; position:relative; width:100%; height:auto; background-color:#716561; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;} .miniature2{display:block; position:relative; width:100%; background-color:#716561; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;} .miniature3{display:block; position:relative; width:100%; background-color:#716561; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;} /* ======= CENTRE GALERIE ======= */ /* Galerie photos */ .galcateg-on {color: #FF6600; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-transform: uppercase;} A.galcateg-off, .galcateg-off {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none; font-weight: bold; text-transform: uppercase;} A:hover.categ-off {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;} .galpage-on {color: #FF6600; font-size: 11px; font-family: Verdana, Arial, Helvetica;} A.galpage-off, .galpage-off {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none;} A:hover.galpage-off {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline;} .galvaleurnav {color: #FF6600; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} /* */ .galdescrub {color: #1FA61C; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold;} .gallegende {color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .gallegrub{color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica;} .galspace {margin-bottom : 3px; margin-left : 5px; margin-right : 5px; margin-top : 3px;} .galttrubrique {color: #ffffff; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold; text-transform: uppercase;} A.galttvign, .galttvign {color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : none; font-weight: bold;} A:hover.galttvign {color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;} .galnav {color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .galphotott{color: #666666; font-size: 15px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .galphotodesc {color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} /* Galerie photos */ /* ********************** */ /* ======= NAVIGATION BAS ======= */ #gal_navbs{float:left; display:block; position:relative; width:100%; height:21px; background-color:#716561; text-align:center; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px;} #gal_flbsg{display:block; position:absolute; top:6px; left:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;} #gal_flbsd{display:block; position:absolute; top:6px; right:4px; width:15px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px;} /* ======= NAVIGATION BAS ======= */ /* ######################### GALERIE PHOTOS ######################### */ /* ######################### Navigation OUTILS ######################### */ .nav_outils_on {margin: 0; padding: 0; display: block; text-align:left; width:160px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; margin-bottom:6px; margin-top:6px;} .nav_outils_off {margin: 0; padding: 0; display: block; text-align:left; width:160px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; margin-bottom:6px; margin-top:6px;} .outils_off{ color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;} A:hover.outils_off{ color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline;} .nav_galcaton {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:170px; color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; font-variant:small-caps;} .nav_galcatoff {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:170px; color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-variant:small-caps;} .galcatoff{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none; font-variant:small-caps;} A:hover.galcatoff{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline; font-variant:small-caps;} .nav_galtton {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:160px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; margin-bottom:4px;} .nav_galttoff {margin: 0; padding: 0; display: block; position:relative; left:0px; text-align:left; width:160px; color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; margin-bottom:4px;} .galttoff{ color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none;} A:hover.galttoff{ color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;} /* .galttvign{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;} A:hover.galttvign{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;} */ .gallegende{color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;} .galphotodesc{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;} .galphotott{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;} .backdownload{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;} .backtitre{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;} A:hover.backdownload{color: #E9CD00; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:none;} .downloadrubrique{color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;font-variant:small-caps;} .downloadtitre{color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; font-variant:small-caps;} .downloadapercu{color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; } A:hover.downloadapercu{color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;font-weight:bold;} .downloadpdf{color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; } A:hover.downloadpdf{color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;} .downloadfleche{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none; } A:hover.downloadfleche{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:none;} /* ######################### Navigation OUTILS ######################### */ /* ######################### FORMULAIRE ######################### */ #cont_form { display:block; padding: 0; position: relative; width: 590px; height:360px; margin-right: auto; margin-left: auto; border: 0px; text-align: center; background-image:url(../images/fd_infos.gif); background-repeat:repeat-y;} .form_valid { display:block; background-color:#A8A5A0; padding: 0; position: relative; width: 590px; height:40px; margin-right: auto; margin-left: auto; border: 0px; text-align: center;} #form_part1{ float:left; display:block; padding: 0; position: relative; left:0px; width: 289px; height:320px; margin-right: auto; margin-left: auto; border: 0px; text-align: center;} #form_part2{ float:right; display:block; padding: 0; position: relative; right:0px; width: 300px; height:320px; margin-right: auto; margin-left: auto; border: 0px; text-align: center;} .cont_champ{ padding: 0; display: block; position:relative; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:0px; text-align:left; width:280px; height:18px;} .champ_ob{margin: 0; padding: 0; float:right; display: block; position:relative; right:0px; top:4px; text-align:center; width:12px; color: #E9CD00; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;} .champ_val{margin: 0; padding: 0; float:left; display: block; position:relative; left:0px; text-align:left; width:186px; color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;} .champ_nom{margin: 0; padding: 0; float:left; display: block; position:relative; left:0px; top:4px; text-align:left; width:82px; color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:none;} .formloi{color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-style:italic;} /* ############################### */ #infos { position: relative; background: #cfe704; width:591px; margin: 0; margin-left: 0px; padding: 0; } .infosbande { position: relative; background: #1fa61b; height: 38px; width: 590px; border-top: 1px solid #fff; } #contact1, #contact2 { position: relative; width: 295px; height: 360px; float: left; color: #413A2A; } .loi { color: #666666; font-style: italic; font-size: 10px !important; color: #666666; } #contact1 { width: 295px; border-left: 1px solid #fff; } #contact2 { border-left: 1px solid #fff; width: 293px; border-right: 1px solid #fff; } .boite { padding: 5px; } .boite h1 { font-size: 15px; margin: 0; text-transform: uppercase; } .boite h2 { font: 12px verdana; margin: 0; } .boite label { display: block; float: left; font-size: 11px; width: 90px; margin-left: 10px !important; margin-left: 5px; margin-top: 9px; } .boite input, .boite select { margin-top: 9px; width: 150px; font: 11px verdana; border: 1px solid black; } .boite h3, .boite p, .boite textarea { font-size: 11px; margin-left: 20px; } .boite textarea { width: 250px; height: 180px; } .haut { height: 350px; } #btnok { margin-top: 10px; background: #DBD0B2; } .etoile { color: #666666; } .center { text-align: center; } .clear { clear: both; } /* ######################### FORMULAIRE ######################### */ .titre { background: #1FA61B; text-align: center; color: #ffffff; font-weight: bold; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; } #download { margin: 0; padding: 0; margin-left: 15px; } #download li { color: #ffffff; margin-bottom: 20px; margin-top: 10px; } #download h3 { margin: 0; font-size: 9px; text-transform: uppercase; color: #ffffff; } #download strong { font-size: 9px !important; margin-right: 30px; } #download em { display: block; background: url(../images/limit.gif) no-repeat; height: 1px; margin-top: 10px; } ul#nivo2 { margin-left: 35px; margin-top: 10px; margin-bottom: 20px; color: #666666; } #nivo2 a { color: #666666; } .paginat { position: relative; background: #E2DCCC; height: 16px; } .absolut1, .absolut2, .absolut3 { position: absolute; } .absolut1 { left: 0px; } .absolut2 { left: 50%; width: 150px; margin-left: -75px; color: #433E33; font-size: 11px; } .absolut2 a { color: #7D8EAB !important; } .absolut3 { right: 0px; } .galerie { position: relative; width: 190px; height: 230px; float: left; margin-right: 5px !important; margin-right: 5px; margin-top: 15px; } .nomargeR { margin-right: 0; } .galerieImg { position: relative; width: 190px; height: 190px; background: #E2DCCC; text-align: center; } .galerieImg img { margin-top: 25px; margin-bottom: 25px; } .galerieLink { position: relative; text-align: center; font-weight: bold; color: #988760; padding-top: 5px; font-size: 11px; } .galerieLink a { text-decoration: none; color: #988760; } .galerieLink a:hover { text-decoration: underline; } #galerieGd { background: #E2DCCC; text-align: center; margin-top: 15px; } #galerieGd img { margin-top: 25px; margin-bottom: 25px; } #GalerieComment { font-weight: bold; color: #988760; font-size: 12px; margin-top: 4px; } .margeTop { margin-top: 20px; } .margeTop2 { margin-top: 10px; } /* ######################### Page outils ######################### */ #cont_nav_outils{ float:left; display:block; position: relative; left: 17px; top: 20px; padding: 0; width: 180px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; border: 0px; text-align:left; } #cont_contenu_outils{ float:right; display:block; position: relative; right: 31px; top: 20px; padding: 0; width: 660px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom:0px; border: 0px; text-align:center; vertical-align:top; } /* ######################### Page outils ######################### */