/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyright (c) 2009 MINISTERE DE LA DEFENSE | Webdesign : Smart Agence | http://www.smartagence.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PTO 29/05/2012 : suppression du height du logo pour cause de nouveau logo (ligne 195) */ /* ______________________[ 00 | META declarations ]________________________ */ body {padding:0;font-family: HelveticaNeue LightCond; background-color:#FFF;background-position:50% 0;text-align:center; max-width: 1160px; margin: auto; min-width: 1000px;} img {border:none;} acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #dedede;} hr {display:none;clear:both;} a {text-decoration:none;} a:hover {text-decoration:underline;} sup {vertical-align:top;} .error, .erreur {color:#F00;} .horscadre, .horschamp, .hidden {display:none;} p.text-left {text-align: left;} p.text-right {text-align: right;} p.text-center {text-align: center;} p.text-justify {text-align: justify;} /* Positionnement Blocs */ .txtVisu {display:inline-block;margin:0;} .txtVisu:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* \*/ * html .txtVisu {height:1%;} .txtVisu {display:block;} /* */ .topCenter {text-align:center;} .topCenter .blocVisu {margin:0 auto 15px 0;text-align:left;} .topCenter .blocTxt {text-align:left;} .topRight .blocVisu {float:right;clear:both;} .topRight .blocTxt {clear:both;} .topLeft .blocVisu {} .topLeft .blocTxt {} .bottomCenter {text-align:center;} .bottomCenter .blocVisu {margin:0 auto;text-align:left;} .bottomCenter .blocTxt {text-align:left;} .bottomRight .blocVisu {float:right;clear:both;} .bottomRight .blocTxt {clear:both;} .bottomLeft .blocVisu {} .bottomLeft .blocTxt {} .right {} .right .blocVisu {float:right;margin:0 0 15px 15px;} .right .blocTxt {} .left {} .left .blocVisu {float:left;margin:0 15px 15px 0;text-align: center} .left .blocTxt {} .right_nowrap {} .right_nowrap .blocVisu {float:right;margin:0 0 15px 15px;} .right_nowrap .blocTxt {} .left_nowrap {} .left_nowrap .blocVisu {float:left;margin:0 15px 15px 0;} .left_nowrap .blocTxt {float:left;} .legende {font-size:.8em;color:#6E6E6E;padding:.1em 0 0 0;} .attribute-long {clear:both;} .attribute-long:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* \*/ * html .attribute-long {height:1%;} .attribute-long {display:block;} /* */ .attribute-long .object-left {float:left;} .attribute-long .object-right {float:right;} .attribute-long .object-left:after, .attribute-long .object-right:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* \*/ * html .attribute-long .object-left, {height:1%;} .attribute-long .object-left, {display:block;} /* */ /* \*/ * html .attribute-long .object-right, {height:1%;} .attribute-long .object-right, {display:block;} /* */ .attribute-long .object-left .content-view-embed {padding:0 15px 15px 0;} .attribute-long .object-right .content-view-embed {padding:0 0 15px 15px;} .attribute-long .content-view-embed .class-image {} .attribute-long .content-view-embed .class-image .attribute-image {} .attribute-long .object-left .content-view-embed .class-image .attribute-image {} .attribute-long .object-left .content-view-embed .class-image .attribute-image {} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* */ /* liens medias */ #ContainerCols a.photo, #ContainerCols a.video, #ContainerCols a.audio, #ContainerCols a.publication, #ContainerCols a.logo, #ContainerCols a.economiseurs, #ContainerCols a.livre1, #ContainerCols a.livre2, #ContainerCols a.fond, #ContainerCols a.visite, #ContainerCols a.documentaire, #ContainerCols a.diapo, #ContainerCols a.application, #ContainerCols a.pdf, #ContainerCols a.jeux1, #ContainerCols a.jeux2, #ContainerCols a.vid, #ContainerCols a.pix, #ContainerCols a.doc {padding:0 0 6px 26px !important;background-color:transparent;background-repeat:no-repeat;} #ContainerCols a.photo {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_photo.gif);background-position:0 0;} #ContainerCols a.video {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_video.gif);background-position:0 0;} #ContainerCols a.audio {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_audio.gif);background-position:0 0;} #ContainerCols a.publication {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_publication.gif);background-position:0 0;} #ContainerCols a.logo {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_logo.gif);background-position:0 0;} #ContainerCols a.economiseurs{background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_economiseurs.gif);background-position:0 0;} #ContainerCols a.livre1 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_livre1.gif);background-position:0 0;} #ContainerCols a.livre2 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_livre2.gif);background-position:0 0;} #ContainerCols a.fond {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_fond.gif);background-position:0 0;} #ContainerCols a.visite {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_visite.gif);background-position:0 0;} #ContainerCols a.documentaire {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_documentaire.gif);background-position:0 0;} #ContainerCols a.diapo {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_diapo.gif);background-position:0 0;} #ContainerCols a.application {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_application.gif);background-position:0 0;} #ContainerCols a.pdf {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_pdf.gif);background-position:0 0;} #ContainerCols a.jeux1 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_jeux1.gif);background-position:0 0;} #ContainerCols a.jeux2 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_jeux2.gif);background-position:0 0;} #ContainerCols a.vid {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_video.gif);background-position:0 0;} #ContainerCols a.pix {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_photo.gif);background-position:0 0;} #ContainerCols a.doc {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_doc.gif);background-position:0 0;} #ContainerCols a.lien {background:url(/IMG/images_defense/dicod_design/design/dicod/images/bullet_6.gif) no-repeat 0 1px;padding:0 0 0 26px;font-weight:bold;} /* NAV PROVISOIRE */ #navProv {position:absolute;left:0;top:0;width:160px;z-index:1000;overflow:hidden;text-align:left;/*display:none;*/} #navProv ul {margin:0 !important;padding:0 !important;} #navProv li {list-style:none;display:inline-block;height:0.01%;width:120px;float:left;} #navProv .navProvOC a, #navProv .navProvOC a:hover {text-align:center;color:#CCC;text-transform:uppercase;font-weight:bold;background:#3B2E1E;} #navProv .navProvOC a:hover {color:#FFF;text-decoration:none;} #navProv li a {font-family:Verdana, Arial, Helvetica, sans-serif;display:block;padding:2px;background:#756C61;border-bottom:1px solid #CCC;color:#FFF; font-size:10px;height:0.01%;} #navProv li.on a, #navProv li a:hover {background:#F49016;color:#3B2E1E;text-decoration:none;} #siteSelectForm {background-color:#F49016;clear:both;padding:5px;margin:0;width:110px;} #siteSelectForm select {border:1px solid #000;font:11px Arial,sans-serif;width:110px;} /* ______________________[ 01 | Haut de page : logo, recherche, etc. ]________________________ */ /* Navigation interne à la page */ #NavigationInterne {position:absolute;top:-7777em;left:-7777em;} #EnTete {margin:0;padding:0;width:760px;} #EnTete #Annexe {margin:0;padding:0 0 3px 0;text-align:left;background-color:#161616;background-repeat:repeat-x;background-position:0 100%;} #EnTete #Annexe .inner {background-color:#FFF;background-repeat:repeat-y;background-position:0 0;} #EnTete #Annexe .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #EnTete #Annexe .inner {display:inline-block;} /* \*/ * html #EnTete #Annexe .inner {height:1%;} #EnTete #Annexe .inner {display:block;} /* */ /* Raccourcis rubriques */ #EnTete #Raccourcis {width:410px;padding:5px 0 2px 0;float:left;} #EnTete #Raccourcis:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #EnTete #Raccourcis {display:inline-block;} /* \*/ * html #EnTete #Raccourcis {height:1%;} #EnTete #Raccourcis {display:block;} /* */ #EnTete #Raccourcis ul {margin:0;padding:0;list-style:none;} #EnTete #Raccourcis ul li {float:left;margin:0 8px 0 0;text-transform:uppercase;font-size:.9em;} #EnTete #Raccourcis ul li a {display:block;padding:0 5px;color:#FFF;border-width:1px;border-style:solid;} /* Formulaire de recherche */ #EnTete #FormRecherche {font-size:.9em;float:left;margin:0;padding:3px 0 1px 0;} #EnTete #FormRecherche label {text-transform:uppercase;color:#FFF;} #EnTete #FormRecherche input {border:1px solid #B5B7B8;font:1em Arial, Helvetica, sans-serif;width:135px;} #EnTete #FormRecherche input.button {border:1px solid #000;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg_ok.gif) #161616 repeat-x 0 0;text-transform:uppercase;color:#FFF;padding:0;width:auto;margin:0 14px 0 0;} #EnTete #FormRecherche a {color:#565758;text-decoration:underline;} #EnTete #FormRecherche a:hover, #EnTete #FormRecherche a:active, #EnTete #FormRecherche a:focus {color:#000;} /* Choix localisation */ #Localisation {margin:0 auto;padding:4px 0 3px 0; width:95%} #Localisation ul {margin:0;padding:0;list-style:none;} #Localisation ul li {float:right;margin:0 0 0 7px;} #form_login ul li {float:left;margin:0 0 0 7px;font-size:.9em; color:#0F78AA;} #form_login ul li input.text{ width:100px;vertical-align:middle} #form_login ul li input#head{ margin : 0px;} #form_login ul li img, #form_login ul li img a{vertical-align:middle} /*#Localisation ul li a {display:block;padding:8px 5px;}*/ #Localisation ul li a {display:block;padding:2px 2px;} #Localisation ul li a:hover, #Localisation ul li a:active, #Localisation ul li a:focus {} /* Masthead */ #MastHead {position:relative;height:126px; } #MastHead #BG {position:absolute;z-index:5;top:0;width:760px;} #MastHead #BG img {position:absolute;z-index:5;top:-7777em;left:-7777em;} #MastHead #CT {position:absolute;z-index:50;top:0;width:760px;} #MastHead #CT .inner {height:126px;background-color:transparent;background-repeat:no-repeat;background-position:0 0;} #MastHead #Logo {float:left;padding:0;margin:6px 20px 9px 10px;} #MastHead #Logo img#logoMarianne {width:83px; /*height:56px;*/ position:relative;} #MastHead #Logo img#logoDefense {width:83px;height:55px;position:relative;} #MastHead #TT {color:#FFF;font:bold 2em Georgia,"Times New Roman",Times,serif;padding:17px 0 0 0;position:relative;margin:0 0 0 113px;width:835px;} #MastHead #Motto {position:absolute;top:25px;left:140px;color:#FFFFFF;font:bold 2em Georgia, "Times New Roman", Times, serif;} #MastHead #pause {float:right;height:18px;width:18px;margin:5px 10px;} #MastHead #pause #pause1 {display:block;background:url(/IMG/images_defense/dicod_design/design/dicod/images/img_ixarm/btn-Pause.png) no-repeat 0 0;height:24px;width:24px;} #MastHead #pause #pause1.on {background:url(/IMG/images_defense/dicod_design/design/dicod/images/img_ixarm/btn-Lecture.png) no-repeat 0 0; } #MastHead #pause #pause1 strong {position:absolute;top:-7777em;left:-7777em;} /* ______________________[ Navigation principale ]________________________ */ #ContainerNav {} #NavigationPrincipale {list-style: none; margin: 0 auto; padding: 0; font-size: 1.1em;} #NavigationPrincipale:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #NavigationPrincipale {display:inline-block;} /* \*/ * html #NavigationPrincipale {height:1%;} #NavigationPrincipale {display:block;} /* */ #NavigationPrincipale li {float: left; padding: 0; font-size: 19px; display: block; height: 100%;} #NavigationPrincipale li a {display: block; margin: 0; padding: 5px 10px 10px 13px; color: black; font-family: HelveticalNeue LighCond; padding-top: 15px;} #NavigationPrincipale li a:hover, #NavigationPrincipale li a:active, #NavigationPrincipale li a:focus, #NavigationPrincipale li.on a, #NavigationPrincipale li.over a, #NavigationPrincipale li:hover a {background-color:#FFF;text-decoration:none;color:#000;} /* sous liste 02 */ #NavigationPrincipale li ul {display:none;position:absolute;left:0;list-style:none;margin:0 0 0 -1px;padding:5px 0;width:15em;background-color:#FFF;border-width:0 1px 1px 1px;border-style:solid;z-index:900;font-size:.8em;} #NavigationPrincipale li ul li {float:none;margin:0;padding:2px 10px !important;background-color:transparent;background-repeat:no-repeat;background-position:10px 1em;} #NavigationPrincipale li ul li a {color:#262D30;background-color:transparent !important;} #NavigationPrincipale li.on ul li a {} #NavigationPrincipale li:hover ul, #NavigationPrincipale li.over ul {display:block;} #NavigationPrincipale li ul li a:hover, #NavigationPrincipale li ul li a:active, #NavigationPrincipale li ul li a:focus {text-decoration:underline;} #NavigationPrincipale>li:first-child, #NavigationPrincipale li.firstChild {/*background-image:none;border:none;*/} /*#NavigationPrincipale li#NavItem3 {background-image:none;margin:0 0 0 58px;}*/ #NavigationPrincipale li#NavItem9 a {padding-right:5px;} /* ______________________[ Colonne contextuelle ]________________________ */ #ColContextuelle {text-align:left;margin:0 10px 0 0;padding:0;float:right;font-size:1em;} /* Contenu standard */ #ColContextuelle .contenu {margin:0 0 1.8em 0;} #ColContextuelle .contenu h2 {font-size:1.25em;border-width:0 0 1px 0;border-style:solid;margin:0 0 1em 0;padding:0 0 .1em 0;} #ColContextuelle .contenu p {margin:0 0 1em 0;} #ColContextuelle .contenu a {color:#C51414;} #ColContextuelle .contenu ul {margin:0 0 1em 0;padding:0;list-style:none;} #ColContextuelle .contenu ul li {background:url(/IMG/images_defense/dicod_design/design/dicod/images/bullet_5.gif) transparent no-repeat 0 .2em;line-height:1.1em;margin:0 0 .8em 0;} #ColContextuelle .contenu ul li a {padding:0 0 0 13px;display:block;color:#000;} #ColContextuelle .contenu h3 {background:url(/IMG/images_defense/dicod_design/design/dicod/images/bullet_4.gif) transparent no-repeat 0 .4em;padding:0 0 0 11px;font-size:1.1em;margin:1em 0 .3em 0;} #ColContextuelle .contenu h3 a {} /* Liste standard */ #ColContextuelle ul {margin:0 0 1.5em 0;padding:0;list-style:none;} #ColContextuelle ul li {} #ColContextuelle ul li a {} /* liens medias */ #ColContextuelle a.photo, #ColContextuelle a.video, #ColContextuelle a.audio, #ColContextuelle a.publication, #ColContextuelle a.logo, #ColContextuelle a.economiseurs, #ColContextuelle a.livre1, #ColContextuelle a.livre2, #ColContextuelle a.fond, #ColContextuelle a.visite, #ColContextuelle a.documentaire, #ColContextuelle a.diapo, #ColContextuelle a.application, #ColContextuelle a.pdf, #ColContextuelle a.jeux1, #ColContextuelle a.jeux2, #ColContextuelle a.vid, #ColContextuelle a.pix, #ColContextuelle a.doc {padding:0 0 6px 26px !important;background-color:transparent;background-repeat:no-repeat;} #ColContextuelle a.photo {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_photo.gif);background-position:0 0;} #ColContextuelle a.video {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_video.gif);background-position:0 0;} #ColContextuelle a.audio {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_audio.gif);background-position:0 0;} #ColContextuelle a.publication {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_publication.gif);background-position:0 0;} #ColContextuelle a.logo {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_logo.gif);background-position:0 0;} #ColContextuelle a.economiseurs{background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_economiseurs.gif);background-position:0 0;} #ColContextuelle a.livre1 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_livre1.gif);background-position:0 0;} #ColContextuelle a.livre2 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_livre2.gif);background-position:0 0;} #ColContextuelle a.fond {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_fond.gif);background-position:0 0;} #ColContextuelle a.visite {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_visite.gif);background-position:0 0;} #ColContextuelle a.documentaire {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_documentaire.gif);background-position:0 0;} #ColContextuelle a.diapo {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_diapo.gif);background-position:0 0;} #ColContextuelle a.application {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_application.gif);background-position:0 0;} #ColContextuelle a.pdf {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_pdf.gif);background-position:0 0;} #ColContextuelle a.jeux1 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_jeux1.gif);background-position:0 0;} #ColContextuelle a.jeux2 {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_jeux2.gif);background-position:0 0;} #ColContextuelle a.vid {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_video.gif);background-position:0 0;} #ColContextuelle a.pix {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_photo.gif);background-position:0 0;} #ColContextuelle a.doc {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/ico_doc.gif);background-position:0 0;} #ColContextuelle a.lien {background:url(/IMG/images_defense/dicod_design/design/dicod/images/bullet_6.gif) no-repeat 0 1px;font-weight:bold;} /* Liste medias */ #ColContextuelle ul.medias li {background-image:none;} #ColContextuelle .contenu#AccesDirect a, #ColContextuelle .contenu#AccesCible a, #ColContextuelle .contenu#Present a, #ColContextuelle .contenu#carte a {color:#000;} #ColContextuelle .contenu#AccesDirect h2, #ColContextuelle .contenu#AccesCible h2, #ColContextuelle .contenu#Present h2, #ColContextuelle .contenu#Nuage h2, #ColContextuelle .contenu#carte h2 {font:normal 2em Georgia, "Times New Roman", Times, serif;margin:0 0 2px 0;padding:0 0 0 10px;line-height:100%;border:none;} #ColContextuelle .contenu#AccesDirect h3, #ColContextuelle .contenu#AccesCible h3, #ColContextuelle .contenu#Present h3, #ColContextuelle .contenu#carte h3 {margin:0;padding:0;} #ColContextuelle .contenu#AccesDirect h4, #ColContextuelle .contenu#AccesCible h4, #ColContextuelle .contenu#Present h4, #ColContextuelle .contenu#carte h4 {margin:0;padding:0;} #ColContextuelle .contenu#AccesDirect {margin:0 0 1.5em 0;} #ColContextuelle .contenu#AccesCible {margin:0 0 1.5em 0;} #ColContextuelle .contenu#Present {margin:0 0 1.5em 0;} #ColContextuelle .contenu#carte {} /* Acces Direct */ #ColContextuelle .contenu#AccesDirect ul, #ColContextuelle .contenu#Present ul, #ColContextuelle .contenu#carte ul {margin:0 0 1.5em 0;padding:0;list-style:none;} #ColContextuelle .contenu#AccesDirect ul li a, #ColContextuelle .contenu#Present ul li a, #ColContextuelle .contenu#carte ul li a {color:#000;} #ColContextuelle .contenu#AccesDirect #ouvrir-fermer-AccesDirect {marign:0;padding:0;position:relative;} #ColContextuelle .contenu#AccesDirect #ouvrir-fermer-AccesDirect a {position:absolute;top:5px;right:0;text-decoration:underline;} #ColContextuelle .contenu#AccesDirect #ouvrir-fermer-AccesDirect a:hover {text-decoration:none;} #ColContextuelle .contenu#AccesDirect .slider {margin:0 0 5px 0;padding:0;background:#E0E2E2 url(/IMG/images_defense/dicod_design/design/dicod/images/bg-slider-top.gif) no-repeat 0 0;height:1%;width:212px} #ColContextuelle .contenu#AccesDirect .slider .inner-slider {padding:0 0 0 10px;margin:0;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg-slider-bas.gif) no-repeat 100% 100%;} #ColContextuelle .contenu#AccesDirect .slider h3 {background:url(/IMG/images_defense/dicod_design/design/dicod/images/fdown.gif) transparent no-repeat 97% 50%;border-bottom:1px solid #FFF;padding:5px 25px 5px 0 !important;margin:0 0 5px 0;cursor:pointer;font-size:1em;width:177px;} #ColContextuelle .contenu#AccesDirect .slider h4 {padding:0 0 10px 0;font-weight:normal;font-size:1em;} #ColContextuelle .contenu#AccesDirect .slider p {margin:0 0 10px 0;padding:0;} #ColContextuelle .contenu#AccesDirect .slider .inner-content {padding:0 10px 5px 0;margin:0;display:none;} #ColContextuelle .contenu#AccesDirect h3.tog {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/fup.gif);} #ColContextuelle .contenu#AccesDirect .slider ul {overflow:hidden;padding:5px 0;margin:0;font-size:1em;} #ColContextuelle .contenu#AccesDirect .slider ul li {float:left;width:90px;text-align:center;margin:0 0 10px 0;background-image:none;padding:0;} #ColContextuelle .contenu#AccesDirect .slider ul li a {color:#000;text-decoration:underline;padding:0;} #ColContextuelle .contenu#AccesDirect .slider ul li a:hover {text-decoration:none;} #ColContextuelle .contenu#AccesDirect .slider ul li img {display:block;margin:0 0 2px 0;} #ColContextuelle .contenu#AccesDirect .slider ul li.impair {margin-right:12px;} /* Acces Cible */ #ColContextuelle .contenu#AccesCible ul, #ColContextuelle .contenu#Present ul, #ColContextuelle .contenu#carte ul {margin:0 0 1.5em 0;padding:0;list-style:none;} #ColContextuelle .contenu#AccesCible ul li a, #ColContextuelle .contenu#Present ul li a, #ColContextuelle .contenu#carte ul li a {color:#000;} #ColContextuelle .contenu#AccesCible #ouvrir-fermer-AccesCible {marign:0;padding:0;position:relative;} #ColContextuelle .contenu#AccesCible #ouvrir-fermer-AccesCible a {position:absolute;top:5px;right:0;text-decoration:underline;} #ColContextuelle .contenu#AccesCible #ouvrir-fermer-AccesCible a:hover {text-decoration:none;} #ColContextuelle .contenu#AccesCible .slider {margin:0 0 5px 0;padding:0;background:#E0E2E2 url(/IMG/images_defense/dicod_design/design/dicod/images/bg-slider-top.gif) no-repeat 0 0;height:1%} #ColContextuelle .contenu#AccesCible .slider .inner-slider {padding:0 0 0 10px;margin:0;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg-slider-bas.gif) no-repeat 100% 100%;} #ColContextuelle .contenu#AccesCible .slider h3 {background:url(/IMG/images_defense/dicod_design/design/dicod/images/fdown.gif) transparent no-repeat 97% 50%;border-bottom:1px solid #FFF;padding:5px 25px 5px 0 !important;margin:0 0 5px 0;cursor:pointer;font-size:1em;width:177px;} #ColContextuelle .contenu#AccesCible .slider h4 {padding:0 0 10px 0;font-weight:normal;font-size:1em;} #ColContextuelle .contenu#AccesCible .slider p {margin:0 0 10px 0;padding:0;} #ColContextuelle .contenu#AccesCible .slider .inner-content {padding:0 10px 5px 0;margin:0;display:none;} #ColContextuelle .contenu#AccesCible h3.tog {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/fup.gif);} #ColContextuelle .contenu#AccesCible .slider ul {overflow:hidden;padding:5px 0;margin:0;font-size:1em;} #ColContextuelle .contenu#AccesCible .slider ul li {float:left;height:67px;width:90px;text-align:center;margin:0 0 10px 0;background-image:none;padding:0;} #ColContextuelle .contenu#AccesCible .slider ul li a {color:#000;text-decoration:underline;padding:0;} #ColContextuelle .contenu#AccesCible .slider ul li a:hover {text-decoration:none;} #ColContextuelle .contenu#AccesCible .slider ul li img {display:block;margin:0 0 2px 0;} #ColContextuelle .contenu#AccesCible .slider ul li.impair {margin-right:12px;} /* Present sur */ #ColContextuelle .contenu#Present ul li {margin:0 10px 0 0;} /* nuage de liens */ #ColContextuelle ul.CloudLinks {padding:1em 10px 1.2em 10px;display:inline-block;margin:0;background-color:#E0E2E2;text-align:center;} #ColContextuelle ul.CloudLinks li {display:inline;background:none;padding:0;} #ColContextuelle ul.CloudLinks li a {background:none;padding:0;display:inline;line-height:1.6em;} /* \*/ * html body #ColContextuelle ul.CloudLinks li a {padding:0 2px;} /* */ #ColContextuelle ul.CloudLinks li.tag1 {font-size:0.9em;font-weight:bold;} #ColContextuelle ul.CloudLinks li.tag2 {font-size:1em;font-weight:bold;} #ColContextuelle ul.CloudLinks li.tag3 {font-size:1.2em;font-weight:bold;} #ColContextuelle ul.CloudLinks li.tag4 {font-size:1.4em;font-weight:bold;} #ColContextuelle ul.CloudLinks li.tag5 {font-size:1.6em;font-weight:bold;} #ColContextuelle ul.CloudLinks li.tag6 {font-size:1.65em;font-weight:bold;} #ColContextuelle ul.CloudLinks li.tag1 a {color:#262D30;padding:0 .3em;} #ColContextuelle ul.CloudLinks li.tag2 a {color:#5C5C60;padding:0 .3em;} #ColContextuelle ul.CloudLinks li.tag3 a {color:#262D30;padding:0 .3em;} #ColContextuelle ul.CloudLinks li.tag4 a {color:#5C5C60;padding:0 .3em;} #ColContextuelle ul.CloudLinks li.tag5 a {color:#262D30;padding:0 .3em;} #ColContextuelle ul.CloudLinks li.tag6 a {color:#262D30;padding:0 .3em;} /* Carte */ #ColContextuelle .contenu#carte {margin:0 0 2em 0;padding:0;} #ColContextuelle .contenu#carte a {text-decoration:underline;} #ColContextuelle .contenu#carte a:hover {text-decoration:none;} #ColContextuelle .contenu#carte h2 {background:none;} #ColContextuelle .contenu#carte .inner {margin:0;padding:10px 0 10px 0;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg-carte.gif) #E0E2E2 no-repeat 0 100%;} #ColContextuelle .contenu#carte .inner .titre {background:#FFF;padding:10px;font-weight:bold;margin:0 1px 155px 1px;font-size:.9em;} #ColContextuelle .contenu#carte .inner .titre span {color:#C51414;} #ColContextuelle .contenu#carte .inner .agrandir {margin:0 10px 0 0;padding:0;text-align:right;background:url(/IMG/images_defense/dicod_design/design/dicod/images/agrandir.gif) transparent no-repeat 100% 50%;} #ColContextuelle .contenu#carte .inner .agrandir a {padding:10px 40px 10px 0;text-align:right;display:block;} #newsContainer { height:370px; width: 100%; /*overflow: auto !important;*/ } .oneNews { height:65px; margin-bottom: 5px; width: 95%; } .oneNews img { float:left; margin-right: 5px; /*height: 65px;*/ height: 37px; /* 16/9ième de 65 px */ width: 65px; } .oneNews span a { color:black; font-size: 13px; font-family: HelveticaNeue LightCond; font-weight: bold; } .oneNews span a:hover { text-decoration: underline !important; } .oneNews span p { color:black !important; font-size: 12px; font-family: HelveticaNeue LightCond; margin-left: 65px; /* text-align: justify;*/ } #n-news { height: 400px; width: 39%; margin-top: 5px; position: relative; left: 7px; float: left; /*overflow: auto;*/ } #titleNews { font-size: 33px; padding-left: 3px; font-family: HelveticaNeue LightCond; position: relative; top: -5px; } /* COOKIES LINE */ .cookieBarContainer { width: 1103px; margin: 0 auto; font: inherit; font-family: 'PT Sans Narrow',sans-serif; background-color: #fff; color: #666; border-top: 1px solid #ccc; line-height: 20px; font-size: 12px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 0; vertical-align: baseline; display: block; } .cookieBarContainer .CBmessage { margin: 0 auto; padding: 0 0px 0 10px; box-sizing: border-box; border: 0; font-size: 13px; vertical-align: baseline; color: #000; text-align: left; margin-left: 11%; /* background-color: #CECECE;*/ background-color: #B0C4DE; } .cookieBarContainer a#CBhide { /* position: absolute;*/ font-size: 17px; font-weight: bold; color: #333!important; font-family: verdana,sans-serif; /* display: block; */ line-height: 16px; width: 20px; text-align: center; /* float: right;*/ right: auto; text-decoration: none; vertical-align: baseline; } div.cookieBarContainer.invisible { display: none; } .scroll-pane-large {width:708px;height:225px;overflow:auto;float:left;} .jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;height:405px;} .jScrollPaneTrack {position:absolute;cursor:pointer;right:1px;top:0;height:100%;background:url(/IMG/images_defense/dicod_design/design/dicod/images/jscrollpanetrack.gif) repeat-y 50% 0;} .jScrollPaneDrag {position:absolute;background:url(/IMG/images_defense/dicod_design/design/dicod/images/jscrollpanedrag.gif) repeat-y 50% 0;cursor:pointer;overflow:hidden;} .jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;} .jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden;} a.jScrollArrowUp {background:url(/IMG/images_defense/dicod_design/design/dicod/images/img_ixarm/btn-scroll-haut.png) no-repeat 0 0;} a.jScrollArrowDown {background:url(/IMG/images_defense/dicod_design/design/dicod/images/img_ixarm/btn-scroll-bas.png) no-repeat 0 100%;} a.jScrollArrowUp {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:18px; width:15px !important} a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:1px;text-indent:-2000px;overflow:hidden;height:18px;width:15px !important} /* ______________________[ 04 | Bas de page : copyright, liens vers informations générales ]________________________ */ #PiedDePage {text-align:right;margin:0 auto 20px auto;padding:4px 0 6px 0;width:980px;background-color:#E0E2E2;} #PiedDePage #RetourHaut a:hover, #PiedDePage #RetourHaut a:active, #PiedDePage #RetourHaut a:focus {text-decoration:none;} #PiedDePage ul {margin:0;padding:0 0 0 2px;list-style:none;} #PiedDePage ul li {float:left;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg_footer_li.gif) transparent no-repeat 0 70%;padding:0 0 0 8px;margin:0 8px 0 0;} #PiedDePage ul li:first-child, #PiedDePage ul li.firstChild {background:none !important;} #PiedDePage a {color:#000;text-decoration:none;} #PiedDePage a:hover {text-decoration:underline;} #PiedDePage #Mentions {padding:0 10px 0 0;} @charset "utf-8"; /* ImageFlow Settings - CSS 2.1 ==================================== */ @media screen, projection { .bl-imgFlow {background-color:#000;margin:0 0 1em 0;padding:0;} .imageflow {overflow:hidden;position:relative;text-align:left;visibility:hidden;width:100%;padding-top:5px; height:270px !important} .imageflow .button {cursor:pointer;height:17px;position:relative;width:17px;} .imageflow .caption {color:#000;font-weight:normal;position:relative;text-align:left;z-index:10001;padding:6px 0 0 15px !important;line-height:1.2em;} .imageflow .caption b { color:#0bbed4; font-weight:bold; margin-right:3px;} .imageflow .images {overflow:hidden;white-space:nowrap;} .imageflow .loading {border:1px solid white;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;visibility:visible;width:200px;} .imageflow .loading_bar {background:#fff;height:15px;visibility:visible;width:1%;} .imageflow .navigation {z-index:10000;padding:25px 0 0 0 !important;margin:0 !important;} .imageflow .next {background:url(/IMG/images_defense/dicod_design/design/dicod/images/button_right.png) top left no-repeat;float:right;margin:-7px -30px 0 30px;} .imageflow .previous {background:url(/IMG/images_defense/dicod_design/design/dicod/images/button_left.png) top left no-repeat;float:left;margin:-7px 0 0 -30px;} .imageflow .scrollbar {border-bottom:1px solid #01bad6;height:1px;position:relative;visibility:hidden;z-index:10002;margin-left:15px !important;} .imageflow .slider {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/img_ixarm/curseur.png);background-repeat:no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px;z-index:10003;} .imageflow img {border:none;-ms-interpolation-mode:bicubic;position:absolute;top:0px;visibility:hidden;} .imageflow p {margin:0 auto;text-align:center;} } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .wrap-jcarousel{margin:0 0 1em;padding:0;} .jcarousel-container{position:relative;} .jcarousel-clip{z-index:2;overflow:hidden;position:relative;margin:0;padding:0;} .jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0;} .jcarousel-list li,.jcarousel-item{float:left;list-style:none;background:none !important;width:auto;height:26px;} .jcarousel-list li a{padding:0 !important;} .jcarousel-skin-tango .jcarousel-container{background:#E0E2E2 url(/IMG/images_defense/dicod_design/design/dicod/images/jcarousel/bg-container.gif) no-repeat 0 0;height:50px;overflow:hidden;} .jcarousel-skin-tango .jcarousel-container-horizontal{width:192px;text-align:center;overflow:hidden;padding:0 5px 0 15px;} .jcarousel-skin-tango .jcarousel-clip-horizontal{width:166px;height:26px;padding:12px 5px 11px;} .jcarousel-skin-tango .jcarousel-item{width:auto;height:26px;} .jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:10px;} .jcarousel-skin-tango .jcarousel-item-placeholder{background:#fff;color:#000;} .jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:5px;right:0;width:6px;height:40px;cursor:pointer;background:transparent url(/IMG/images_defense/dicod_design/design/dicod/images/jcarousel/next.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:5px;left:0;width:6px;height:40px;cursor:pointer;background:transparent url(/IMG/images_defense/dicod_design/design/dicod/images/jcarousel/prev.gif) no-repeat 0 0;} .jcarousel-next,.jcarousel-prev{z-index:3;display:none;} .jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:-6px 0;} .jcarousel-skin-tango .jcarousel-next-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-12px 0;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-18px 0;} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #jquery-lightbox a img{border:none;} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #lightbox-container-image{padding:10px;} #lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav{left:0;} #lightbox-nav a{outline:none;} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1px;display:block;} #lightbox-nav-btnPrev{left:0;float:left;} #lightbox-nav-btnNext{right:0;float:right;} #lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;} #lightbox-container-image-data{color:#666;padding:0 10px;} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;} #lightbox-image-details-caption{font-weight:700;} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;} #lightbox-secNav-btnClose{width:26px;float:right;padding-bottom:0.7em;} /** * jQuery lyteBox plugin */ #lbOverlay {position:fixed;top:0;left:0;z-index:99998;width:100%;height:500px;} #lbOverlay.grey {background-color:#000000;} #lbMain {position:absolute;left:0;width:100%;z-index:99999;text-align:center;line-height:0;} #lbMain a img {border:none;} #lbOuterContainer {position:relative;background-color:#fff;width:200px;height:200px;margin:0 auto;} #lbOuterContainer.grey {/*border:3px solid #888888;*/} #lbDetailsContainer {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;width:100%;line-height:1.4em;overflow:auto;margin:0 auto;} #lbDetailsContainer.grey {/*border:3px solid #888888;*/border-top:none;} #lbImageContainer, #lbIframeContainer {padding:10px;} #lbLoading {position:absolute;top:45%;left:0%;height:32px;width:100%;text-align:center;line-height:0;background:url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/loading.gif) center no-repeat;} #lbHoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lbImageContainer>#lbHoverNav {left:0;} #lbHoverNav a {outline:none;} #lbPrev {width:49%;height:100%;background:transparent url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/blank.gif) no-repeat;display:block;left:0;float:left;} #lbPrev.grey:hover, #lbPrev.grey:visited:hover {background:url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/prev_grey.gif) left 15% no-repeat;} #lbNext {width:49%;height:100%;background:transparent url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/blank.gif) no-repeat;display:block;right:0;float:right;} #lbNext.grey:hover, #lbNext.grey:visited:hover {background:url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/next_grey.gif) right 15% no-repeat;} #lbPrev2, #lbNext2 {text-decoration:none;font-weight:bold;} #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {color:#333333;} #lbPrev2_Off, #lbNext2_Off {font-weight:bold;} #lbPrev2_Off.grey, #lbNext2_Off.grey {color:#CCCCCC;} #lbDetailsData {padding:0 10px;} #lbDetailsData.grey {color:#333333;} #lbDetails {width:60%;float:left;text-align:left;} #lbCaption {display:block;font-weight:bold;} #lbNumberDisplay {float:left;display:block;padding-bottom:1.0em;} #lbNavDisplay {float:left;display:block;padding-bottom:1.0em;} #lbClose {width:17px;height:22px;float:right;margin-bottom:1px;background:url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/close_grey.gif) no-repeat;} #lbPlay {width:20px;height:20px;float:right;margin-bottom:1px;background:url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/play_grey.gif) no-repeat;} #lbPause {width:20px;height:20px;float:right;margin-bottom:1px;background:url(/IMG/images_defense/dicod_design/design/dicod/images/lytebox/pause_grey.gif) no-repeat;} #lbIframe {border:none !important;} /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media print { .sIFR-flash {display:none !important;height:0;width:0;position:absolute;overflow:hidden;} .sIFR-alternate {visibility:visible !important;display:block !important;position:static !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important;} } @media screen { .sIFR-flash {visibility:visible !important;margin:0;padding:0;} .sIFR-replaced,.sIFR-ignore {visibility:visible !important;} .sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;} .sIFR-replaced div.sIFR-fixfocus {overflow:auto;letter-spacing:0;float:none;margin:0;padding:0;} .sIFR-active #ColContenu h1 {font-size:2.4em;} .sIFR-active #ColContenu h1 a {color:#FFF;} .sIFR-active #ColContextuelle .contenu#AccesDirect h2,.sIFR-active #ColContextuelle .contenu#Present h2,.sIFR-active #ColContextuelle .contenu#Nuage h2,.sIFR-active #ColContextuelle .contenu#carte h2 {font-size:2em;color:#493615;} .sIFR-active #ContainerCols .cell h2 {font-size:2.1em;} .sIFR-active #ColA .termes h1 {font-size:3.3em;color:#FFF;} .sIFR-active #TT strong {font-size:1.3em;color:#FFF;} } /* onglets */ #ContainerCols .onglet {margin:0;padding:0;} #ContainerCols .onglet ul.menu-onglet {margin:0;padding:0;background:url(/IMG/images_defense/dicod_design/design/dicod/images/carre.gif) repeat-x 0 100%;width:100%;} #ContainerCols .onglet ul.menu-onglet:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ContainerCols .onglet ul.menu-onglet {display:inline-block;} /* \*/ * html #ContainerCols .onglet ul.menu-onglet {height:1%;display:block;} /* */ #ContainerCols .onglet ul.menu-onglet li {list-style:none;margin:0 3px 0 0;padding:0;float:left;background:url(/IMG/images_defense/dicod_design/design/dicod/images/onglet-left.gif) no-repeat 0 0;} #ContainerCols .onglet ul.menu-onglet li a {font-weight:bold;} #ContainerCols .onglet ul.menu-onglet li a, #ContainerCols .onglet .box-onglet p.tous a {display:block;margin:0;padding:12px 8px 10px 8px;background:url(/IMG/images_defense/dicod_design/design/dicod/images/onglet-right.gif) no-repeat 100% 0;z-index:200;} #ContainerCols .onglet ul.menu-onglet li.active {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/onglet-left-on.gif);margin-bottom:-2px;} #ContainerCols .onglet ul.menu-onglet li.active a {background-image:url(/IMG/images_defense/dicod_design/design/dicod/images/onglet-right-on.gif);color:#000;} #ContainerCols .onglet .box-onglet {margin:0;padding:21px 11px 10px 11px;background:url(/IMG/images_defense/dicod_design/design/dicod/images/bg_box-onglet.gif) no-repeat 0 0;z-index:1px;clear:left;} #ContainerCols .onglet .box-onglet p a {color:#000;background-repeat:no-repeat;background-position:0 5px;background-color:transparent;padding:0 0 0 14px;display:block;} #ContainerCols .onglet .box-onglet p.tous a {background:none;display:inline;padding:0;} /* chat evenementiel */ .chat_button {margin: 5px 5px 5px 5px} .saisie_question {width:450px}