/* GENERAL */ * {margin:0;padding:0;font:12px Arial,tahoma,verdana,sans-serif;} body {color:#666666;background:#3C6018 url(../img/commun/bg-page.jpg) repeat-x;} table td {vertical-align:top} #general {position:absolute;width:745px;left:50%;margin-left: -372px;border:0px;padding:0;vertical-align:top;} #header {background: url(../img/commun/header.gif) no-repeat; height:60px} #central {background: url(../img/commun/bg-contenu.gif) repeat-y;} #colonne-gauche {width:192px} #contenu {padding:20px 20px 0 0; width:553px} #contenu2 {padding:20px 0 0 0; width:553px} #footer {background: url(../img/commun/bg-footer.gif) no-repeat; height:79px; text-align:right; color:#FFFFFF; padding:10px 20px 10px 100px} #footer div {padding-top:10px; font-size:11px} #footer a {color:#7EBF3E; text-decoration:none} #footer a:hover {color:#000000;text-decoration:underline} .categorie a {font-weight:normal;display:block;text-align:right; font-size:12px;padding:2px 15px 2px 0;background-color:#FF3300;background: url(img/commun/bg-nav2.gif) bottom right no-repeat;color:#FF3300;text-decoration:none; margin:0 10px 0 10px} .categorie a:hover{color:#FF6600;} /* NAVIGUE-GAUCHE */ #navigue-header{padding:20px 20px 0 0} #navigue-header a{display:block;float:right} /*les rubriques*/ #navigue-header a#menu1{background:url(../img/commun/r1-seminaires.gif) top no-repeat;height: 29px;width:160px;} #navigue-header a#menu1:hover{background:url(../img/commun/r1-seminaires_f2.gif) top no-repeat;} #navigue-header a#menu2{background:url(../img/commun/r2-groupe.gif) top no-repeat;height: 29px;width:113px;} #navigue-header a#menu2:hover{background:url(../img/commun/r2-groupe_f2.gif) top no-repeat;} #navigue-header a#menu3{background:url(../img/commun/r3-roadbook.gif) top no-repeat;height: 29px;width:147px;} #navigue-header a#menu3:hover{background:url(../img/commun/r3-roadbook_f2.gif) top no-repeat;} #navigue-header a#menu4{background:url(../img/commun/r4-contact.gif) top no-repeat;height: 29px;width:78px;} #navigue-header a#menu4:hover{background:url(../img/commun/r4-contact_f2.gif) top no-repeat;} /*Activation*/ body#seminaires a#menu1{background:url(../img/commun/r1-seminaires_f2.gif) top no-repeat;} body#groupe a#menu2{background:url(../img/commun/r2-groupe_f2.gif) top no-repeat;} body#qui-sommes-nous a#menu3{background:url(../img/commun/r3-roadbook_f2.gif) top no-repeat;} body#contact a#menu4{background:url(../img/commun/r4-contact_f2.gif) top no-repeat;} /* NAVIGUE-GAUCHE */ #navigue-lieu{background: #BC0018 url(../img/commun/bg-nav-rouge.gif) left bottom no-repeat;margin-left:17px;width:165px; padding-bottom:15px} #navigue-lieu a{font-weight:normal;display:block;text-align:right; font-size:12px;padding:2px 15px 2px 0;background: url(../img/commun/bg-nav2.gif) bottom right no-repeat;color:#ffffff;text-decoration:none; margin:0 10px 0 10px} #navigue-lieu a:hover{color:#FF6600;} #navigue-lieu-groupe{background: #BC0018 url(../img/commun/bg-nav-rouge.gif) left bottom no-repeat;margin-left:17px;width:165px; padding-bottom:15px} #navigue-lieu-groupe a{font-weight:normal;display:block;text-align:right; font-size:12px;padding:2px 15px 2px 0;background: url(../img/commun/bg-nav3.gif) bottom right no-repeat;color:#ffffff;text-decoration:none; margin:0 10px 0 10px} #navigue-lieu-groupe a:hover{color:#FF6600;} #navigue-blanc {background: url(../img/commun/bg-nav.gif) bottom left no-repeat} #navigue-evenements{margin-left:17px;width:165px; padding-bottom:15px} #navigue-evenements a {font-weight:normal;display:block;text-align:right; font-size:12px;padding:2px 15px 2px 0;background: url(../img/commun/bg-nav1.gif) bottom right no-repeat;color:#000000;text-decoration:none; margin:0 10px 0 10px} #navigue-evenements a:hover{color:#BC0018} #navigue-fin {background: url(../img/commun/nav-fin.gif) no-repeat 7px 0px; height:10px;} /* TETIERE */ #mer1 {width:100%;background: url(../img/tetieres/mer1.jpg) no-repeat;} #mer2 {width:100%;background: url(../img/tetieres/mer2.jpg) no-repeat;} #mer3 {width:100%;background: url(../img/tetieres/mer3.jpg) no-repeat;} #lac1 {width:100%;background: url(../img/tetieres/lac1.jpg) no-repeat;} #lac2 {width:100%;background: url(../img/tetieres/lac2.jpg) no-repeat;} #lac3 {width:100%;background: url(../img/tetieres/lac3.jpg) no-repeat;} #montagne1 {width:100%;background: url(../img/tetieres/montagne1.jpg) no-repeat;} #montagne2 {width:100%;background: url(../img/tetieres/montagne2.jpg) no-repeat;} #montagne3 {width:100%;background: url(../img/tetieres/montagne3.jpg) no-repeat;} #desert1 {width:100%;background: url(../img/tetieres/desert1.jpg) no-repeat;} #desert2 {width:100%;background: url(../img/tetieres/desert2.jpg) no-repeat;} #desert3 {width:100%;background: url(../img/tetieres/desert3.jpg) no-repeat;} #ile1 {width:100%;background: url(../img/tetieres/ile1.jpg) no-repeat;} #ile2 {width:100%;background: url(../img/tetieres/ile2.jpg) no-repeat;} #ile3 {width:100%;background: url(../img/tetieres/ile3.jpg) no-repeat;} #paris1 {width:100%;background: url(../img/tetieres/paris1.jpg) no-repeat;} #paris2 {width:100%;background: url(../img/tetieres/paris2.jpg) no-repeat;} #paris3 {width:100%;background: url(../img/tetieres/paris3.jpg) no-repeat;} #neige1 {width:100%;background: url(../img/tetieres/neige1.jpg) no-repeat;} #neige2 {width:100%;background: url(../img/tetieres/neige2.jpg) no-repeat;} #neige3 {width:100%;background: url(../img/tetieres/neige3.jpg) no-repeat;} #urbain1 {width:100%;background: url(../img/tetieres/urbain1.jpg) no-repeat;} #urbain2 {width:100%;background: url(../img/tetieres/urbain2.jpg) no-repeat;} #urbain3 {width:100%;background: url(../img/tetieres/urbain3.jpg) no-repeat;} #lyon1 {width:100%;background: url(../img/tetieres/lyon1.jpg) no-repeat;} #lyon2 {width:100%;background: url(../img/tetieres/lyon2.jpg) no-repeat;} #lyon3 {width:100%;background: url(../img/tetieres/lyon3.jpg) no-repeat;} /*------------------------tetiere groupe C/E --------------------*/ #rando1 {width:100%;background: url(../img/tetieres/montagne1.jpg) no-repeat;} #rando2 {width:100%;background: url(../img/tetieres/montagne1.jpg) no-repeat;} #rando3 {width:100%;background: url(../img/tetieres/montagne1.jpg) no-repeat;} #vol1 {width:100%;background: url(../img/tetieres/vtt1.jpg) no-repeat;} #vol2 {width:100%;background: url(../img/tetieres/vtt2.jpg) no-repeat;} #vol3 {width:100%;background: url(../img/tetieres/vtt3.jpg) no-repeat;} #vtt1 {width:100%;background: url(../img/tetieres/vtt1.jpg) no-repeat;} #vtt2 {width:100%;background: url(../img/tetieres/vtt2.jpg) no-repeat;} #vtt3 {width:100%;background: url(../img/tetieres/vtt3.jpg) no-repeat;} #grimpe1 {width:100%;background: url(../img/tetieres/grimpe1.jpg) no-repeat;} #grimpe2 {width:100%;background: url(../img/tetieres/grimpe1.jpg) no-repeat;} #grimpe3 {width:100%;background: url(../img/tetieres/grimpe1.jpg) no-repeat;} #meca1 {width:100%;background: url(../img/tetieres/meca1.jpg) no-repeat;} #meca2 {width:100%;background: url(../img/tetieres/meca2.jpg) no-repeat;} #meca3 {width:100%;background: url(../img/tetieres/meca2.jpg) no-repeat;} #itimer1 {width:100%;background: url(../img/tetieres/mer1.jpg) no-repeat;} #itimer2 {width:100%;background: url(../img/tetieres/mer2.jpg) no-repeat;} #itimer3 {width:100%;background: url(../img/tetieres/mer3.jpg) no-repeat;} #vive1 {width:100%;background: url(../img/tetieres/vive1.jpg) no-repeat;} #vive2 {width:100%;background: url(../img/tetieres/lac2.jpg) no-repeat;} #vive3 {width:100%;background: url(../img/tetieres/lac3.jpg) no-repeat;} #defaut {width:100%;background: url(../img/tetieres/lac2.jpg) no-repeat;} /* LIENS */ a {text-decoration:underline;cursor:pointer;color:#000000} a:hover {color:#3C6018} /* BOUTONS */ A.bouton {font-size:12px;display:block; text-decoration:none; font-weight:normal;line-height:17px;padding:1px 2px 2px 23px;color:#000000;;background: url(../img/commun/bouton-off.gif) no-repeat;width:auto} A.bouton:hover {background: url(../img/commun/bouton-on.gif) no-repeat; text-decoration:underline} A.bouton-pdf {display:block; font-weight:normal;line-height:17px;padding-left:25px;height: 20px;background: url(../img/commun/pict-pdf.gif) no-repeat;color:#000000; margin:0.7em 0 0.2em 0;text-decoration:none} A.bouton-pdf:hover {color:#3360AA; text-decoration:underline} .intro{ height:190px; color:#FFFFFF; overflow:hidden; } .txtintro{ text-align:justify; } /* TYPOGRAPHY */ p, ul, ol {margin: 0 0 1.5em;line-height:1.3em; font-size:12px} p{ text-align:justify} h1, h2, h3, h4, h5, h6 {font-family: Arial,verdana,sans-serif;color:#333333;margin:0 0 0.5em 0; padding:0 0 0.5em 0} h1 {font-size: 28px; color:#ffffff; font-weight:lighter;margin:0; padding:10px 0 0 0; width:260px} h2 {font-size: 20px;color:#4A711F; font-weight:lighter;margin-bottom:10px; padding-bottom:10px;background: url(../img/commun/filet.gif) bottom repeat-x} h3 {font-size: 15px; color:#4A711F;padding:0;margin:0 0 1.5em 0; font-weight:bold;background: url(../img/commun/filet.gif) bottom repeat-x} h4 {font-size: 15px; color:#000000;border-bottom: 1px solid #eee;margin:0 0 0.5em 0;font-weight:normal} h5 {font-size: 11px; color:#4A711F;font-weight:normal;text-decoration:none; padding:0; margin:0} h6 {font-size: 11px; color:#000000;font-weight:lighter;margin:0; padding:0} .chapo {color:#000000;font-weight:bold} .mention {color:#666666; font-style:italic;} .erreur{color:#c00;font-weight:bold} .succes {color:#4A711F;font-weight:bold} .caption {color:#999;font-size:11px} .date {font: normal 82% arial;color:#000000;display:block;letter-spacing: 1px} small {font-size:11px} .vert-clair {color:#B5E188;} .specialite{font-size:9px; display:block; position:relative; top:-5px; padding-left:2px; padding-right:2px; line-height:9px; } .diapo_texte{ display:block; position:relative; text-align:center; width:170px; margin:auto; margin-top:-6px; margin-right:16px; } #diapo_1{ background:url(../img/equipe/equipe_01.jpg) center no-repeat; width:194px; height:196px; text-align:center; } #diapo_2{ background:url(../img/equipe/equipe_02.jpg) center no-repeat; width:194px; height:196px; text-align:center; } #diapo_3{ background:url(../img/equipe/equipe_03.jpg) center no-repeat; width:194px; height:196px; text-align:center; } a.lien {background: transparent url(../img/commun/pict-plus.gif) no-repeat 2px;padding-left:10px;color:#000000; text-decoration:underline} a.lien:hover {color:#4A711F;} .lien span {position:absolute;left:-9999px;width:900px;} /* LISTS*/ ul {margin: .3em 0 1.5em 0;list-style-type:none} ul.related {margin-top: -1em} ol {margin: .5em .5em 1.5em} ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} li {padding-left: 25px;background: url(../img/commun/pict-plus.gif) no-repeat 7px} dl {margin: 0 0 1em 0} dt {font-weight:bold;margin-top: 1.3em} dl dl {margin: 0 0 1.5em 30px} /* GENERAL */ img {border:none} hr {margin: 1em 0;background:#d7d7d7;height:1px;color:#d7d7d7;border:none;clear:both} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} /* ACCUEIL */ TD.accueil-fond {background: #3D6018 url(../img/accueil/fond-accueil.gif) top repeat-x; height:300px} TD.accueil-fond-texte {background: url(../img/accueil/bg-texte.gif) top left no-repeat; vertical-align:top; color:#FFFFFF;} #accueil-col-gauche {vertical-align:top; width:178px;} #accueil-col-droite {vertical-align:top; width:176px;} #accueil-nav-evenement {background: url(../img/accueil/nav-blanc.jpg) bottom left no-repeat; padding-bottom:10px;} #accueil-nav-evenement a {font-weight:normal;display:block;text-align:right; padding:2px 15px 2px 0;background: url(../img/commun/bg-nav1.gif) bottom right no-repeat;color:#000000;text-decoration:none;} #accueil-nav-evenement a:hover {color:#BC0018} #accueil-nav-lieu {background: url(../img/accueil/nav-rouge.jpg) bottom right no-repeat; padding-bottom:10px;} #accueil-nav-lieu a {font-weight:normal;display:block;text-align:right; padding:2px 15px 2px 0;background: url(../img/commun/bg-nav2.gif) bottom right no-repeat;color:#ffffff;text-decoration:none} #accueil-nav-lieu a:hover {color:#FF6600;} #accueil-footer div {padding:10px 0 10px 0; font-size:11px;; text-align:center; color:#FFFFFF} #accueil-footer a {color:#8ECF47; text-decoration:none} #accueil-footer a:hover {color:#000000;text-decoration:underline} /* PAGES */ #onglet-top {background: url(../img/commun/onglet-top.gif) bottom left no-repeat; padding:0 10px 10px 10px; height:25px} #contenu-detail {width:330px; padding-right:15px} #contenu-detail h6 {padding-left:20px;} #contenu-detail h2 {padding-left:20px;} #contenu-detail p {padding-left:20px;} .drapeau {float:left; margin:5px 0 0 0} #colonne-droite {width:194px;} #colonne-droite-equipe {/*background: url(../img/commun/bg-equipe.jpg) top left no-repeat;*/ width:194px } #colonne-droite-equipe img {margin:25px 0 5px 0px} #colonne-droite-equipe span {display:block;color:#705F54; text-align:center; margin:5px 0 0 10px;} #bloc-infos {background: url(../img/commun/bloc-blanc.gif) top left no-repeat; padding:10px; height:133px; width:194px} #bloc-infos img {margin-top:8px;} #bloc-prix {background: url(../img/commun/bloc-vert.gif) top left no-repeat; width:194px; height:62px} #bloc-prix TD {color:#D3ECB9; font-weight:normal ; font-size:11px; text-align:center; padding:8px 18px 5px 2px; line-height:11px; vertical-align:middle} #bloc-prix h1 {color:#FFFFFF; font-weight:normal ; font-size:20px; padding:0; margin:0; height:auto; width:auto} .bloc-liste {background: url(../img/commun/onglet-top.gif) bottom left no-repeat; padding:0 10px 10px 10px; height:125px} A.lien-liste {display:block;font-size: 15px; color:#4A711F;padding:0 0 5px 0;margin-bottom:10px; font-weight:bold;background: url(../img/commun/filet.gif) bottom repeat-x; text-decoration:none} A.lien-liste:hover {color:#000000} .drapeau2 {float:left; margin:2px 2px 0 0} .bloc-prix-liste {background: url(../img/commun/bloc-prix.gif) no-repeat; width:90px; height:45px; color:#FFFFFF; font-size:10px; text-align:center; padding:8px 0 5px 0} .bloc-prix-liste h4 {font-size:16px;font-weight:bold; color:#FFFFFF; padding:0; margin:0; border:0} .bloc-infos-liste {background: url(../img/commun/pict-perso.gif) top left no-repeat; width:90px; height:25px;padding:0 5px 0 30px; color:#FFFFFF; font-size:11px; color:#3C6018; line-height:11px; vertical-align:middle} /* NAVIGATION - navigation verticale */ /* NAVIGATION SOUS-RUBRIQUE */ /* FOOTER */ /* FORMULAIRES*/ form {margin: 0; padding:0} input,select,textarea {font-size:12px;font-family: Arial,tahoma,verdana,sans-serif;margin: 2px 0;background-color:#F5FAF1;} fieldset {border: none} /* label {display:block;padding: 5px 0} label br {clear:left} */ /* FORMULAIRE CONTACT */ #formcontainer #formset {padding: 10px;background-color: #FFF;border-top: #EEE 2px solid;border-right: #CCC 2px solid;border-bottom: #CCC 2px solid; border-left: #EEE 2px solid;} #formset p#legend {margin-bottom: 1em;} #formset p#legend em {color: #3360AA;font-style: normal;} #formset #errors {margin: 0 0 10px 0;padding: 5px 10px 5px 35px;border: #3360AA 1px solid;background: url(img/oops.png) #FFC no-repeat 5px 5px;} #formset #errors p {margin: 0;} #formset #errors ul {margin: auto;margin-bottom: 0.5em;list-style: disc;} #formset #errors p em {color: #3360AA;font-style: normal;font-weight: bold;} #formset form p {margin: 0;} #formset form fieldset {margin: 0 0 1em 0;padding: 0.5em;border: #DDD 1px solid;} #formset form fieldset legend {font-weight: bold;color: #3360AA;} #formset form fieldset div {padding: 0.25em 0;} #formset label.error, #formset span.error {color: #3360AA;} #formset label em, #formset span.label em {right: 0;font-size: 120%;font-style: normal;color: #0A246A;} #formset input.error {border-color: #3360AA;background-color: #FFFFCC;} #formset input:focus, #formset input.error:focus, #formset textarea:focus {background-color: #3360AA;border-color: #3360AA;} /*div#formset div ul { margin: 1.25em 0 1em 10em; list-style: none; } */ div#formset div ul li { float: none; } div#formset form fieldset div.controlset label, div#formset form fieldset div.controlset input { display: inline; float: none; } div#formset form fieldset div.controlset div { margin-left: 11em; } div#formset div.buttonrow { margin-left: 12em; } /* FORMULAIRE CONTACT */