/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyright (c) 2009 MINISTERE DE LA DEFENSE | Webdesign :Smart Agence | http://www.smartagence.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* _____[ 00 | META declarations | Haut de page :logo, recherche, etc. | Navigation principale ]__________ */ /* cf. common.css */ /* ______________________[ 03 | Mise en colonnes ]____________________*/ #ContainerCols {width:980px;margin:0 auto;padding:0;display:block;text-align:left;background-color:#FFF;} #ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ContainerCols {display:inline-block;} /* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */ /* Une seule colonne */ #ContainerCols.une #ColContenu {width:980px;} /* Deux colonnes */ #ContainerCols.deux #ColMenu {width:232px;} #ContainerCols.deux #ColContenu {width:738px;} /* Trois colonnes */ #ContainerCols.trois #ColMenu {width:232px;} #ContainerCols.trois #ColContenu {width:506px;} #ContainerCols.trois #ColContextuelle {width:212px;} /* thematiques actualites */ #thematiques {margin:0 0 0 0;padding:6px 10px 10px 20px; background:url(../images/thematiques.gif) no-repeat -5px 0;font-weight:bold;} #thematiques span {padding:0;} #thematiques a {margin:0 5px 0 5px;padding:0;color:#4C6BB4;} /* FIL d'ARIANE */ #FildAriane {background-color:#FFF;padding:4px 9px 7px 9px;color:#565758;font-size:.9em;} #FildAriane a, #FildAriane strong {padding:0 .35em;} #FildAriane a {color:#565758;} #FildAriane a:hover, #FildAriane a:active, #FildAriane a:focus {color:#000;} #FildAriane strong {font-weight:normal;color:#999;} /* toolBox*/ #ColContenu #toolBox {margin:0 0 0.5em 0;padding:0 0 8px 0;width:auto;border-bottom:1px solid #D1D1D1;} #ColContenu #toolBox ul {margin:0 -5px 0 0;padding:0;list-style:none;height:auto;} #ColContenu #toolBox ul li {float:left;background:url(../images/toolbox/bg-li.gif) no-repeat 100% 3px;padding:0;margin:0 5px 0 0;font-size:.9em;} #ColContenu #toolBox ul li a {display:block;background-position:0 2px;background-repeat:no-repeat;width:auto;height:16px;padding:0;} #ColContenu #toolBox ul li a.fa {display:inline-block;width:16px;height:16px;color:#000;text-decoration: none;} #ColContenu #toolBox ul li a.fa:hover {color:#006ec7;} #ColContenu #toolBox ul li a span {display:none;} #ColContenu #toolBox ul li a.addthis_button { margin-top: -1px; } #toolBox ul li a#print {width:19px;background-image:url(../images/toolbox/print.gif);} #toolBox ul li a#Tplus {width:23px;background-image:url(../images/toolbox/Tplus.gif);} #toolBox ul li a#Tmoins {width:23px;background-image:url(../images/toolbox/Tmoins.gif);} #toolBox ul li a#ami {width:90px;background-image:url(../images/toolbox/ami.gif);padding:0 0 0 20px;background-position:0 0;} #toolBox ul li a#rss {width:25px;background-image:url(../images/toolbox/rss.gif);padding:0 0 0 16px;} #toolBox ul li a#partage {background-color:#FFF;padding-left:8px;} #toolBox ul li a#print:hover{background-image:url(../images/toolbox/print_over.gif);} #toolBox ul li a#Tplus:hover {background-image:url(../images/toolbox/Tplus_over.gif);} #toolBox ul li a#Tmoins:hover {background-image:url(../images/toolbox/Tmoins_over.gif);} #toolBox ul li a#favoris:hover {background-image:url(../images/toolbox/favoris_over.gif);} #toolBox ul li a#ami:hover {background-image:url(../images/toolbox/ami_over.gif);} /* [ 03.1 | INTÉRIEUR — Colonne de menu secondaire ]________________________ */ #ColMenu {float:left;margin:0;padding:0;text-align:left;} #ColMenu .menuCont {padding:0 20px 16px 0;background:url(../images/bg_menuCont.gif) transparent no-repeat 0 100%; background-size: 100%; margin:0 0 1.5em 0;} #ColMenu .menuCont .titreRubrique {font-size:1.4em;font-weight:bold;color:#FFF;padding:11px 0 5px 10px;} #ColMenu .menuCont .inner {margin:0;padding:25px 0 0 0;list-style:none;background-repeat:no-repeat;background-position:0 0; background-size: 100%;} #ColMenu .menuCont .inner #MenuSecondaire {margin:0;padding:0 0 20px 0;background-repeat:no-repeat;background-position:0 100%;list-style:none; background-size: 100%;} #ColMenu .menuCont .inner #MenuSecondaire li {background-image:url(../images/bg_menugauche_li.png);background-color:transparent;background-repeat:no-repeat;background-position:0 0;} #ColMenu .menuCont .inner #MenuSecondaire li.firstChild {background-image:none;} #ColMenu .menuCont .inner #MenuSecondaire li a {color:#FFF;text-decoration:none;display:block;padding:.25em 0 2px 11px;} #ColMenu .menuCont .inner #MenuSecondaire li a:hover, #ColMenu .menuCont .inner #MenuSecondaire li a:active, #ColMenu .menuCont .inner #MenuSecondaire li a:focus {text-decoration:underline;} #ColMenu .menuCont .inner #MenuSecondaire li strong {border-left:3px solid #FFF;display:block;} #ColMenu .menuCont .inner #MenuSecondaire li strong a {padding:2px 0 2px 8px;} #ColMenu .menuCont .inner #MenuSecondaire ul {margin:0 0 0 21px;padding:.3em 0 .7em 0;list-style:none;font-size:.9em;} #ColMenu .menuCont .inner #MenuSecondaire ul li {background:url(../images/bullet_7.gif) transparent no-repeat 0 .3em !important;margin:0 0 .1em 0;} #ColMenu .menuCont .inner #MenuSecondaire ul li a {padding:0 0 0 14px;} #ColMenu .menuCont .inner #MenuSecondaire ul li a:hover, #ColMenu .menuCont .inner #MenuSecondaire ul li a:active, #ColMenu .menuCont .inner #MenuSecondaire ul li a:focus {} #ColMenu .menuCont .inner #MenuSecondaire ul li strong {border:none;font-weight:bold;} /* liens dossiers, autopromo */ #ColMenu .ad {margin:0 22px 1.2em 0;border:1px solid #B0AFAF;} /* [ 03.2 | INTERIEUR — Colonne de contenu principal ]________________________ */ #ColContenu {text-align:left;margin:0;padding:0;float:left;background-color:#FFF;} #ColContenu p, #ColContenu h2, #ColContenu ol {margin:0 0 1em 0;} /* liste ul par defaut */ #ColContenu ul {margin:0 0 1em 15px;padding:0;list-style:none;} #ColContenu ul li {background-image:url(../images/bullet_0.gif);background-repeat:no-repeat;background-position:0 7px;padding:0 0 0 6px;margin:0 0 8px 0;} #ColContenu ul.flech li {background-position:0 4px;padding:0 0 0 15px;} /* Titraille */ #ColContenu h1 {font-family:'Open Sans', sans-serif; font-size:2em; font-weight:bold; line-height:1.1em; margin:0 0 0.5em 0;background-position:0 100%;background-repeat:no-repeat;background-image:url(../images/bg_h1.gif);padding:0 0 6px 0;color:#43494C;} #ColContenu h2 {font-size:1.5em;font-weight:normal;margin:1em 0 .7em 0;background:url(../images/bg_h2.gif) transparent no-repeat 100% 100%;padding:0 0 .1em 0;} #ColContenu h3 {font-size:1.2em;font-weight:bold;margin:1.3em 0 .7em 0;background:url(../images/bg_h3.gif) transparent no-repeat 0 .2em;padding:0 0 0 17px;} #ColContenu h4 {font-size:1em;font-weight:bold;margin:1.4em 0 .7em 17px;background:url(../images/bg_h4.gif) transparent no-repeat 0 .5em;padding:0 0 0 17px;} /* Chapo */ .chapo {background:url(../images/bg_chapo.gif) #E0E2E2 no-repeat 100% 100%;padding:20px 24px 5px 24px;margin:0;} #ContainerCols .chapo {margin:0 20px 20px 0;padding-top:5px;} /* retour */ #ColContenu p.retour {text-align:right;margin:0 0 .5em 0;padding:0;color:#000;} #ColContenu p.retour a {color:#000;background-position:0 4px;background-repeat:no-repeat;background-image:url(../images/bg_retour.gif);padding:0 0 0 12px;font-size:.9em;} /* mise a jour */ .mise-a-jour {margin:1em 0 .3em 0;paddding:0;} /* liens vers */ #ColContenu p.liens-vers a {text-decoration:underline;} #ColContenu p.liens-vers a:hover {text-decoration:none;} /* date */ #ColContenu p.date {margin:0 0 .3em 0;padding:0;} /* source */ #ColContenu p.source {font-family:Arial;font-size:11px;} /* video */ #ColContenu .video {background-position:100% 100%;background-repeat:no-repeat;background-image:url(../images/bg_video.gif);padding:0 6px 6px 0;} #ColContenu .video .inn-video {margin:0;padding:15px;border:1px solid #E0E2E2;text-align:center} #ColContenu .left .video .inn-video, #ColContenu .right .video .inn-video {padding:5px;} #ColContenu .video img {padding:0;margin:0;} /* Positionnements */ #ColContenu .align-center {text-align:center;} #ColContenu .align-left {text-align:left;} #ColContenu .align-right {text-align:right;} #ColContenu .justify {text-align:justify;} #ColContenu .middle {display:block;margin:0 auto;} /* page TV_liste */ #ColContenu .chapo h2 {margin:0 0 .9em 0;background-image:url(../images/bg_h2_alt.gif);} #ColContenu a.lien-flech {background-position:0 4px;background-repeat:no-repeat;padding:0 0 0 12px;font-weight:bold;} #ColContenu .chapo .blocTxt p a.lien-flech {padding:0 0 0 20px;background-position:0 .1em;} #ColContenu #la-une {margin:0;} #ColContenu #la-une .lien-flech {font-size:1.6em;font-weight:normal;padding:0 0 0 18px;} #ColContenu .TV {margin:0;padding:15px 15px 5px 15px;} #ColContenu .TV img {margin-bottom:0;} #ColContenu .TV .blocVisu {width:110px;text-align:center;} #ColContenu .TV .blocTxt {width:350px;float:left;} #ColContenu .impair {background-color:#F6F6F6;} #ColContenu p.tous {text-align:right;margin:.5em 0 .5em 0} #ColContenu p.tous a {text-decoration:underline;} #ColContenu p.tous a:hover {text-decoration:none;} /* page TV detail */ #ColContenu .bl-video {margin:0;padding:0 10px 11px 0;background:url(../images/bg-la-une.gif);background-position:100% 100%;background-repeat:no-repeat;height:1%;} #ColContenu .bl-video .inn-bl-video {margin:0;padding:15px 20px 0 15px;border:1px solid #E0E2E2;} /* page actualite 02 */ .two-bloc {margin:0 0 1em 0;padding:0;background:url(../images/carre.gif) repeat-y 50% 0;overflow:hidden;} .two-bloc .bl-left {width:225px;float:left;padding:0 28px 0 0;} .two-bloc .bl-right {width:225px;float:left;padding:0 0 0 27px;} .two-bloc .txtVisu .blocVisu {margin:0 auto 15px 0;text-align:left;} .actus {margin:0;padding:15px 0 0 15px;} .actus .blocVisu {width:110px;text-align:center;} .actus .blocTxt {width:345px;float:left;} /* page onglets */ #ColContenu #onglet {margin:0 0 1em 0;padding:10px 0 0 0;} #ColContenu #onglet ul {margin:0;padding:6px 0 25px 0;list-style:none;background:#CF3;background:url(../images/bg_box.gif) no-repeat 100% 100%;} #ColContenu #onglet ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu #onglet ul {display:inline-block;} /* \*/ * html #ColContenu #onglet ul {height:1%;} #ColContenu #onglet ul {display:block;} /* */ #ColContenu #onglet ul li {width:auto;float:left;margin:0;padding:0;border-right:1px solid #FFF;} #ColContenu #onglet ul li a {display:block;padding:5px 8px;margin:0;} #ColContenu #onglet ul li.current {font-weight:bold;background:url(../images/bg_onglet_g.gif) no-repeat 0 0;margin:-6px 3px 0 2px;z-index:100;border:none;} #ColContenu #onglet ul li.current a {background:url(../images/bg_onglet_d.gif) no-repeat 100% 0;padding:10px 8px;} #ColContenu #box {clear:both;margin:-1px 0 0 0;padding:0 0 20px 0;background:url(../images/bg_box_bas.gif) no-repeat 0 100%;} #ColContenu #box h2{margin:0 0 1em 0;padding:0;} /* formulaire standard */ #ColContenu form {margin:0;padding:0;} #ColContenu div.formw {margin:0 0 1em 0;padding:0;} #ColContenu form input.txt {border:1px solid #B5B7B8;color:#000;font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:1px 5px;vertical-align:middle;} #ColContenu form input.button {color:#FFF;background-image:url(../images/bg-button.gif);background-position:0 50%;background-repeat:repeat-x;border:none;font-family:Arial, Helvetica, sans-serif;background-color:#373737;vertical-align:middle;border:1px solid #000;} #ColContenu form label {margin:0 5px 0 0;} #ColContenu a#avance {color:#565758;text-decoration:underline;} #ColContenu a#avance:hover {text-decoration:none;} /* page contact */ #ColContenu .headerContact {padding:0 15px 10px 25px;} #ColContenu .headerNote {color:#000;margin:0 0 .4em 0;text-align:right;} #ColContenu .contact {margin:0 0 .5em 0;padding:0 40px 10px 23px;border:1px solid #E0E2E2;} #ColContenu .contact .dest {background:url(../images/bg-dest.gif) no-repeat 0 50%;padding:10px 0 10px 23px;margin:0 0 1em -23px;} #ColContenu .contact .naturequestion {background:url(../images/bg-dest.gif) no-repeat 0 50%;padding:10px 0 10px 23px;margin:0 0 0 -23px;} #ColContenu .contact .nature2 {background:url(../images/bg-dest.gif) no-repeat 0 50%;padding:10px 0 10px 23px;margin:0 0 1.7em -23px;} #ColContenu .contact .dest label, #ColContenu .contact .naturequestion label, #ColContenu .contact .nature2 label {font-weight:bold;margin-bottom:3px;} #ColContenu .contact .naturequestion select, #ColContenu .contact .nature2 select {width:440px;} #ColContenu .contact label {display:block;margin-bottom:3px;} #ColContenu .contact .radio label, #ColContenu .contact .ck label {display:inline;} #ColContenu .contact .dest select {width:455px;} #ColContenu .contact select {border:1px solid #CFCFCF;} #ColContenu .contact input.txt {width:190px;} #ColContenu .contact #question-concerne {width:440px;} #ColContenu .contact textarea {width:435px;height:140px;border:1px solid #CFCFCF;} #ColContenu .contact .reponse {background:#E0E2E2;padding:8px 10px 10px 10px;margin:2em 0 1em 0;} #ColContenu .contact .reponse label {display:inline;font-weight:bold;} #ColContenu .contact .reponse input.txt {width:60px;} #ColContenu .contact .reponse strong {margin-right:22px;} #ColContenu input.button {float:right;} #ColContenu span.etoil {color:#C51414;} #ColContenu .note {color:#565758;} #ColContenu .contact .limite {float:right;font-size:.9em;margin:0;} #ColContenu .add label {display:inline;} #ColContenu .short {margin-bottom:.4em !important;} #ColContenu img.captcha1 {display:block;float:left;margin:0 10px 0 0;} #ColContenu img.captcha2 {display:block;float:left;margin:5px 10px 0 0;} #ColContenu img.captcha3 {display:block;float:left;margin:5px 30px 0 0;} #ColContenu .special {padding:0 0 0 8px !important;} /* page FAQ */ #ColContenu .faq {margin:0 0 3em 0;padding:15px 10px 10px 23px;border:1px solid #E0E2E2;} #ColContenu .faq:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .faq {display:inline-block;} /* \*/ * html #ColContenu .faq {height:1%;} #ColContenu .faq {display:block;} /* */ #ColContenu .faq .cocher {background:url(../images/bg-dest.gif) transparent no-repeat 0 50%;margin:0 0 1.7em -23px;display:none;} #ColContenu .faq .cocher .inner {background:url(../images/bg_faq_coche.gif) transparent no-repeat 0 0;} #ColContenu .faq .cocher .inner .inner2 {background:url(../images/bg_faq_coche.gif) transparent no-repeat 0 100%;padding:10px 0 10px 23px;} #ColContenu .faq .set1, #ColContenu .faq .set2, #ColContenu .faq .set3 {float:left;width:33.33%;} #ColContenu .faq .line {clear:both;margin:0 0 1em 0;} #ColContenu .faq .line:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .faq .line {display:inline-block;} /* \*/ * html #ColContenu .faq .line {height:1%;} #ColContenu .faq .line {display:block;} /* */ #ColContenu .faq .line input {float:left;margin:0 0 1em 0;} #ColContenu .faq .line label {float:left;width:80%;padding:0 0 1px 3px;} #ColContenu .validation {clear:both;} /* sliders FAQ */ #faqSlider h2 {margin:1.7em 0 1.2em 0;} #faqSlider .slider {padding:0 0 0 25px;} #faqSlider .slider .inner-slider {margin:0 0 5px 0;padding:0;height:1%;} #faqSlider .slider .inner-slider h3 {font-size:1em;padding:0 0 0 21px;margin:0;background-position:0 .1em;background-repeat:no-repeat;cursor:pointer;} #faqSlider .slider .inner-slider h3 strong {display:block;border-bottom:1px solid #E0E2E2;padding:0 0 .7em 0;} #faqSlider .slider .inner-slider h3.tog {background-image:url(../images/fup2.gif);} #faqSlider .slider .inner-slider .inner-content {background-color:#F6F6F6;padding:12px 15px 10px 15px;margin:0 0 1.3em 21px;} .hidden {display:none;} #faqSlider .slider .inner-slider .inner-content p {} #faqSlider .slider .inner-slider .inner-content p a {} #faqSlider .slider .inner-slider .inner-content p.tous {text-align:left;} /* page rechercher resultat */ #ColContenu .chapo .recherche {margin:0 0 20px 0;padding:0;} #ColContenu .chapo .recherche input.txt {width:180px;} #ColContenu .chapo .recherche input.button {margin:0 15px 0 0;float:none;} .nb-resultats {text-align:right;margin:0 0 1.5em 0;padding:0;} .nb-resultats select {width:50px;} #ColContenu .resultat {margin:0 0 1.5em 0;padding:0;} #ColContenu .resultat .titre {margin:0 0 .5em 0;padding:0 0 5px 0;background:url(../images/bg_h2.gif) transparent no-repeat 100% 100%;} #ColContenu .resultat .titre span {margin:0;padding:0;min-width:40px;display:inline-block;} #ColContenu .resultat .detail {padding:0 0 0 68px;margin:0;} #ColContenu .resultat .annexe {margin:0 0 10px -5px;padding:0;font-size:11px;color:#999999;} #ColContenu .resultat .annexe a {color:#565758;margin:0 5px 0 5px;} #ColContenu .resultat .annexe span {margin:0 5px 0 5px; display: inline-block;} #ColContenu .pagination {color:#999;text-align:center;margin:2em 0 1em 0;} #ColContenu .pagination a {color:#000;text-decoration:underline;padding:0 .2em;} #ColContenu .pagination a:hover, #ColContenu .pagination a:focus, #ColContenu .pagination a:active {text-decoration:none;} /* Retour Haut de Page */ #PiedDePage {margin-top:50px;} #PiedDePage #RetourHaut {font-size:.9em; } #PiedDePage #RetourHaut a {background:#E0E2E2 url(../images/bullet_2.gif) no-repeat 5px 8px;padding:5px 0 8px 10px;width:30px;display:inline-block;position:relative;} #PiedDePage #RetourHaut a:hover, #PiedDePage #RetourHaut a:focus, #PiedDePage #RetourHaut a:active {text-decoration:underline;} /* plan du site */ #sitemap {margin:0 0 1em 0;padding:10px 0 0 34px;} #sitemap p#toggle {margin:0 0 1em 0;padding:0;text-align:right;font-size:.9em} #sitemap p#toggle a {color:#c51414;text-decoration:underline;} #sitemap p#toggle a:focus, #sitemap p#toggle a:active, #sitemap p#toggle a:hover {text-decoration:none;} #sitemap ul {margin:0;padding:0 42px 0 0;list-style:none;} #sitemap ul li a {color:#000;} #sitemap ul li a span.fx {display:none;} #sitemap ul li {margin:0;padding:9px 0;background:url(../images/plan/bg.gif) no-repeat 100% 100%;} #sitemap ul li a {padding:3px 0 0 20px;background:url(../images/plan/bullet-1.gif) no-repeat 0 3px;} #sitemap ul li.hasMenu {padding:8px 0 10px 0;} #sitemap ul li.hasMenu a {background:none;padding:0;} #sitemap ul li a.open-close {margin:0 3px -3px 0;padding:0;display:inline-block;width:15px;height:15px;background:url(../images/plan/plus-1.gif) no-repeat 0 0;} #sitemap ul li a.open-close.off {background-image:url(../images/plan/moins-1.gif);} #sitemap ul li a {font-weight:bold;color:#000;} #sitemap ul li ul {margin:0 0 0 20px;padding:0;} /* niveau 2 */ #sitemap ul li ul li {margin:.5em 0 0 0;padding:0 0 0 15px;background-image:url(../images/plan/bullet-2.gif);background-position:0 .3em;} #sitemap ul li ul li.hasMenu {padding:0;background:none} #sitemap ul li ul li a {font-weight:normal;background:none;padding:0} #sitemap ul li ul li a.open-close {margin:0 0 -2px 0;padding:0;width:11px;height:11px;background-image:url(../images/plan/plus-2.gif);} #sitemap ul li ul li a.open-close.off {background-image:url(../images/plan/moins-2.gif);} /* niveau 3 */ #sitemap ul li ul li ul {margin:.5em 0 .5em 20px;} #sitemap ul li ul li ul li{background-image:url(../images/plan/bullet-3.gif);padding-left:10px;margin:0;background-position:0 .45em;} #sitemap ul li ul li ul li a.open-close {width:5px;height:5px;background-image:url(../images/plan/plus-3.gif);vertical-align:middle;} #sitemap ul li ul li ul li a.open-close.off {background-image:url(../images/plan/moins-3.gif);} #sitemap ul li ul li ul li a {font-size:.9em;} /* phototeque */ .bl-photo {width:507px;padding:0 0 12px 0;background:url(../images/ad-gallery/bg.png) no-repeat 100% 100%;} .ad-gallery{width:495px;border:1px solid #e0e2e2} .ad-gallery,.ad-gallery * {margin:0;padding:0;} .ad-gallery .ad-image-wrapper {width:450px;background-color:#1D2224;height:300px;margin:22px auto 6px;position:relative;overflow:visible;} .ad-gallery .ad-image-wrapper .ad-loader {position:absolute;z-index:10;top:48%;left:48%;border:1px solid #CCC;} .ad-gallery .ad-image-wrapper .ad-next {position:absolute;right:-22px;top:0;width:22px;height:100%;cursor:pointer;display:block;z-index:100;} .ad-gallery .ad-image-wrapper .ad-prev {position:absolute;left:-23px;top:0;width:22px;height:100%;cursor:pointer;display:block;z-index:100;} .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background:url(non-existing.jpg)\9;} .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(../images/ad-gallery/ad_prev.png);width:19px;height:19px;display:none;position:absolute;top:47%;left:3px;z-index:101;} .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(../images/ad-gallery/ad_next.png);width:19px;height:19px;right:0;left:auto;} .ad-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:9;} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0;left:0;text-align:left;width:450px;z-index:2;color:#FFF;padding:7px 7px 0;} html>body .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background:url(../images/ad-gallery/opa75.png);} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description p {margin:0 0 7px 0 !important;} .ad-gallery .ad-controls{height:23px;width:450px;margin:0 auto;border-bottom:1px solid #ADB9C2;} .ad-gallery .ad-info{float:left;font-weight:bold;} .ad-gallery .ad-slideshow-controls{float:right;} .ad-gallery .ad-slideshow-controls .ad-slideshow-start,.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left:5px;cursor:pointer;} .ad-gallery .ad-slideshow-controls span {background-repeat:no-repeat;background-image:url(../images/ad-gallery/play_stop.png);width:13px;height:18px;float:left;margin:0 0 0 5px;} .ad-gallery .ad-slideshow-controls span span, .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {position:absolute;top:-7777px;left:-7777px;} .ad-gallery .ad-slideshow-controls .ad-slideshow-start {background-position:0 0;} .ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor:default;font-style:italic;background-position:0 100%;} .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {background-position:100% 0;} .ad-gallery .ad-nav {width:100%;position:relative;overflow:hidden} .ad-gallery .ad-forward,.ad-gallery .ad-back {position:absolute;top:0;height:100%;z-index:10;} * html .ad-gallery .ad-forward,.ad-gallery .ad-back {height:100px;} .ad-gallery .ad-back {cursor:pointer;left:0;width:23px;display:block;background:url(../images/ad-gallery/ad_scroll_back.png) 50% 22px no-repeat;} .ad-gallery .ad-forward {cursor:pointer;display:block;right:0;width:23px;background:url(../images/ad-gallery/ad_scroll_forward.png) 50% 22px no-repeat;} .ad-gallery .ad-nav .ad-thumbs {overflow:hidden;width:450px;margin:0 auto !important;} .ad-gallery .ad-thumbs .ad-thumb-list {float:left;width:9000px;list-style:none;padding:0 !important;margin:0 !important} .ad-gallery .ad-thumbs li {float:left;padding:0 16px 0 0 !important;background:none !important;} .ad-gallery .ad-thumbs li a img {border:3px solid #FFF;display:block;} .ad-gallery .ad-thumbs li a.ad-active img {border:3px solid #adb9c2;} .ad-preloads {position:absolute;left:-9000px;top:-9000px;} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title,.ad-gallery .ad-thumbs li a {display:block;} /* Phototheque mosaique */ #ColContenu .thumbnailWrapper {padding:14px 0 0 0;margin:0 0 2em 0;} #ColContenu .thumbnailWrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .thumbnailWrapper {display:inline-block;} /* \*/ * html #ColContenu .thumbnailWrapper {height:1%;} #ColContenu .thumbnailWrapper {display:block;} /* */ #ColContenu .thumbnailWrapper ul {margin:0;padding:0;list-style:none;} #ColContenu .thumbnailWrapper ul li {float:left;position:relative;overflow:hidden;padding:0 !important;margin:0 1px 1px 0;background-image:none !important;} #ColContenu .thumbnailWrapper ul li a img {width:168px;position:relative;border:none;} #ColContenu .thumbnailWrapper .caption {position:absolute;bottom:0;left:0;width:100%;display:none;background:#000;color:#FFF;opacity:0.7;font-weight:bold;text-align:center;} #ColContenu .thumbnailWrapper .caption .captionInside {padding:10px;margin:0;} #ColContenu .thumbnailWrapper ul li.nomargin {margin:0 0 1px 0 !important;} .messagepop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; margin-top: 15px; position:absolute; text-align:left; width:394px; z-index:50; padding: 25px 25px 20px; } .messagepop p, .messagepop.div { padding-bottom: 2px; } .messagepop #validation { float : right; } .title-toggle .glyphicon { display: none; }