/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyright (c) 2009 MINISTERE DE LA DEFENSE | Webdesign : Smart Agence | http://www.smartagence.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ______________________[ 00 | META declarations ]________________________ */ body {margin:0;padding:0;font:76% Arial,sans-serif;background-color:#FFF;background-repeat:no-repeat;background-position:50% 0;text-align:center;} img {border:none;} #ContainerCols img {max-width: 100%; max-height: 100%;} acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #dedede;} hr {display:none;clear:both;} a { color: #0b4e7a; } 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;} .bandeauNotifications { width: 980px; margin: 0 auto; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; 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; -webkit-transition: margin .3s ease, max-height .2s ease .1s; -moz-transition: margin .3s ease, max-height .2s ease .1s; -o-transition: margin .3s ease, max-height .2s ease .1s; -ms-transition: margin .3s ease, max-height .2s ease .1s; transition: margin .3s ease, max-height .2s ease .1s; border: 0; vertical-align: baseline; display: block; } .bandeauNotifications .notificationHide { 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; margin-left: 930px; right: auto; text-decoration: none; vertical-align: baseline; } .bandeauNotifications .message { margin: 0 auto; padding: 0 20px 0 10px; box-sizing: border-box; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color: #666; text-align: left; } .invisible { display: none; } /* 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-center {text-align: center;} /*.attribute-long .object-center img { width: 100%; }*/ .attribute-long .object-duo { margin-bottom: 20px;} .attribute-long .object-duo .content-view-embed { width: 50%; float: left; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .attribute-long .object-duo .content-view-embed+.content-view-embed { padding-right: 0; padding-left: 10px;} .attribute-long .object-duo .content-view-embed img { width: 100%; height: auto; } .attribute-long .object-left:after, .attribute-long .object-right:after, .attribute-long .object-center:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .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 .object-right .content-view-embed {padding:0 15px 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;} /* 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(../images/ico_photo.gif);background-position:0 0;} #ContainerCols a.video {background-image:url(../images/ico_video.gif);background-position:0 0;} #ContainerCols a.audio {background-image:url(../images/ico_audio.gif);background-position:0 0;} #ContainerCols a.publication {background-image:url(../images/ico_publication.gif);background-position:0 0;} #ContainerCols a.logo {background-image:url(../images/ico_logo.gif);background-position:0 0;} #ContainerCols a.economiseurs{background-image:url(../images/ico_economiseurs.gif);background-position:0 0;} #ContainerCols a.livre1 {background-image:url(../images/ico_livre1.gif);background-position:0 0;} #ContainerCols a.livre2 {background-image:url(../images/ico_livre2.gif);background-position:0 0;} #ContainerCols a.fond {background-image:url(../images/ico_fond.gif);background-position:0 0;} #ContainerCols a.visite {background-image:url(../images/ico_visite.gif);background-position:0 0;} #ContainerCols a.documentaire {background-image:url(../images/ico_documentaire.gif);background-position:0 0;} #ContainerCols a.diapo {background-image:url(../images/ico_diapo.gif);background-position:0 0;} #ContainerCols a.application {background-image:url(../images/ico_application.gif);background-position:0 0;} #ContainerCols a.pdf {background-image:url(../images/ico_pdf.gif);background-position:0 0;} #ContainerCols a.jeux1 {background-image:url(../images/ico_jeux1.gif);background-position:0 0;} #ContainerCols a.jeux2 {background-image:url(../images/ico_jeux2.gif);background-position:0 0;} #ContainerCols a.vid {background-image:url(../images/ico_video.gif);background-position:0 0;} #ContainerCols a.pix {background-image:url(../images/ico_photo.gif);background-position:0 0;} #ContainerCols a.doc {background-image:url(../images/ico_doc.gif);background-position:0 0;} #ContainerCols a.lien {background:url(../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;} #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 auto;padding:0;text-align:left;width:980px;background:url(../images/bg_ok.gif) #161616 repeat-y 0 0;} #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:3px 0 0;padding:0px 0 0px 0; width:342px;} #EnTete .FormRecherche label {text-transform:uppercase;color:#FFF;} #EnTete .FormRecherche input {border:1px solid #B5B7B8;font:1em Arial, Helvetica, sans-serif;} #EnTete .FormRecherche input.button {border:1px solid #000;background:url(../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;} #EnTete .FormRecherche form.gsc-search-box { padding: 2px 0 0 0; margin-bottom: 6px; } #EnTete .FormRecherche .gsc-clear-button {display: none;} /* Choix localisation */ #EnTete #Localisation {float:right;background-color:#FFF;margin:0;padding:4px 0 3px 0;} #EnTete #Localisation ul {margin:0;padding:0;list-style:none;} #EnTete #Localisation ul li {float:left;margin:0 0 0 7px;text-transform:uppercase;font-size:.9em;} #EnTete #Localisation ul li a {display:block;padding:0 5px;color:#000;border:1px solid #D1D1D1;background-color:#EAEBEB;} #EnTete #Localisation ul li a:hover, #EnTete #Localisation ul li a:active, #EnTete #Localisation ul li a:focus {} #EnTete #Localisation ul li strong {display:block;padding:0 5px;color:#999;border:1px solid #D1D1D1;background-color:#EAEBEB;font-weight:normal;} /* Masthead */ #MastHead {position:relative;height:126px;} #MastHead #BG {position:absolute;z-index:5;top:0;width:980px;} #MastHead #BG img {position:absolute;z-index:5;top:-7777em;left:-7777em;} #MastHead #CT {position:absolute;z-index:50;top:0;width:980px;} #MastHead #CT {background-color:transparent;background-repeat:no-repeat;background-position:0 100%;} #MastHead #CT .inner {height:126px;background-color:transparent;background-repeat:no-repeat;background-position:0 0;cursor:pointer;} #MastHead #Logo {float:left;padding:0;margin:6px 20px 0px 10px;} #MastHead #Logo img#logoMarianne {width:110px;height:110px;position:absolute;float:left;} #MastHead #Logo img#logoDefense {width:83px;height:55px;position:absolute;margin-top:55px;float:left;} #MastHead #TT {letter-spacing: 0px;color:#FFF;font-weight:bold;padding:10px 0 0 0;position:relative;margin:0 0 0 140px;width:835px;} #MastHead #Motto {position:absolute;top:-7777em;left:-7777em;} #MastHead #pause {float:right;height:18px;width:18px;margin:5px;} #MastHead #pause #pause1 {display:block;background:url(../images/bt_pause.gif) #FFF no-repeat 0 0;height:18px;width:18px;} #MastHead #pause #pause1.on {background:url(../images/bt_play.gif) #FFF no-repeat 0 0;} #MastHead #pause #pause1 strong {position:absolute;top:-7777em;left:-7777em;} /* ______________________[ Navigation principale ]________________________ */ #ContainerNav {} #NavigationPrincipale {list-style:none;text-align:left;border-width:4px 0 0 0;border-style:solid;color:#FFF;margin:0 auto;padding:0;width:980px;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;margin:0;position:relative;display:block;background-color:transparent;background-repeat:no-repeat;background-position:0 100%;} #NavigationPrincipale li a {display:block;margin:0;padding:5px 10px 10px 13px;color:#FFF;} #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 .5em;} #NavigationPrincipale li ul li a {color:#262D30;padding:0 0 0 12px;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;} /*mon test*/ #fil_dariane_mobile {display: none;} /* ______________________[ Navigation mobile ]________________________ */ #navigationMobile { padding: 20px 10px 20px 60px; text-align: left; position: relative; z-index: 200; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationMobile #LogoMobile { font-size: 0; text-align: left; display: inline-block;} #navigationMobile #LogoMobile img { display: inline-block; vertical-align: top; height: 40px;width: 40px;} #navigationMobile .action-menu { position: absolute; left: 10px; top: 27px; z-index: 1; font-size: 2em; color: #FFF; } #navigationMobile .action-search { position: absolute; right: 10px; top: 27px; z-index: 1; font-size: 2em; color: #FFF; } #navigationMobile .close-menu, #navigationMobile .close-search { display: none; } #navigationMobile .menuSearch { display: none; margin-top: 30px; } #navigationMobile .search { text-align:left; padding: 0 10px; color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationMobile .search label { display: block; padding-bottom: 6px } #navigationMobile .search input { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationMobile .search input[type="text"] { width: 80%; height: 34px; border: 1px solid #FFF; float: left; border-radius:0; background: #FFF; } #navigationMobile .search input[type="submit"] { width: 20%; height: 34px; border: 1px solid #FFF; float: left; border-radius:0; background: #F0F0F0;} #navigationMobile .menuMobileOpen { text-align:left; display: none; position: absolute; top: 60px; z-index: 1000; overflow: auto; left: 0; width: 100%; background: #FFF; height: calc(100vh - 134px); padding: 20px 0 54px;} #navigationMobile nav { clear:both; } #navigationMobile nav ul { padding: 0; } #navigationMobile nav ul li a { font-family:Arial; font-weight: bold; font-size: 1.1em; } #navigationMobile nav > ul > li { display: inline-block; vertical-align: top; width: 50%; } #navigationMobile nav > ul > li.full { width: 100%; background: #FFF; } #navigationMobile nav > ul > li.full a { color: #1D2224; } #navigationMobile nav > ul > li.full > div { display: none; padding: 10px 0;} #navigationMobile nav > ul > li a.current, #navigationMobile nav > ul > li a.current:hover, #navigationMobile nav > ul > li.on a { background: #004EA2; color: #FFF;} #navigationMobile nav > ul > li a { display: block; padding: 10px; } #navigationMobile nav > ul > li a .glyphicon { float: right;} #navigationMobile nav > ul > li a .glyphicon.glyphicon-menu-up { display: none; } #navigationMobile nav > ul > li.full ul li+li { border-top: 1px solid #ccc; } #navigationMobile .acces-direct-menu { background: #E0E2E2; } #navigationMobile .acces-direct-menu .link { background: #FFF; display: block; padding: 10px; font-family:Arial; font-weight: bold; font-size: 1.1em; color: #1D2224; } #navigationMobile .acces-direct-menu .link:hover { text-decoration: none; } #navigationMobile .acces-direct-menu .link .glyphicon { float: right; } #navigationMobile .acces-direct-menu .link .glyphicon-menu-up { display: none; } #navigationMobile .acces-direct-menu > div { border-bottom: 2px solid; } #navigationMobile .acces-direct-menu .listing { display: none; padding: 15px 5px; text-align: center; } #navigationMobile .acces-direct-menu .listing ul { list-style: none; margin:0; padding: 0; } #navigationMobile .acces-direct-menu ul li { display: inline-block; width: 33.33%; text-align: center; padding: 5px 0;} #navigationMobile .acces-direct-menu ul li img { width: 100%; max-width: 90px; } #navigationMobile .acces-direct-menu ul li a { color: #1D2224; } #navigationMobile .acces-direct-menu ul li a:hover { text-decoration: none; } #navigationMobile .acces-direct-menu ul li span { display: block; } #navigationMobile .acces-direct-menu .full ul { margin: 0;} #navigationMobile .acces-direct-menu .full ul li { display: block; width: 100%; text-align: left; padding: 4px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationMobile .acces-direct-menu .thematics-menu ul { padding: 0 5px; } #navigationMobile .acces-direct-menu .thematics-menu ul li { background: url(../images/bullet_8.gif) no-repeat 0 5px; padding: 4px 10px 4px 20px; } #navigationMobile .acces-direct-menu .thematics-menu ul li:hover { background: url(../images/bullet_9.gif) no-repeat 0 5px; } #navigationMobile .acces-direct-menu .profils-menu ul { padding: 0 5px; } #navigationMobile .acces-direct-menu .profils-menu ul li { padding: 0; } #navigationMobile .acces-direct-menu .profils-menu ul li a { display: block; background-image: url(../images/ico-profils.gif); background-repeat: no-repeat; padding: 10px 10px 10px 37px;} #navigationMobile .acces-direct-menu .profils-menu ul li a span { display: inline-block; } #navigationMobile .acces-direct-menu .profils-menu ul li+li { border-top: 1px solid #FFF;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil1 a {background-position:0 4px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil2 a {background-position:0 -46px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil3 a {background-position:0 -96px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil4 a {background-position:0 -146px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil5 a {background-position:0 -296px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil6 a {background-position:0 -246px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil7 a {background-position:0 -396px;} #navigationMobile .acces-direct-menu .profils-menu ul li.profil8 a {background-position:0 -346px;} #navigationMobile .acces-direct-menu .listing .more { display: inline-block; margin-top: 20px; color: #1D2224; font-weight: bold; text-decoration: underline;} #navigationMobile .buttons-bottom { background:#E0E2E2; color: #FFF; width: 100%; padding:10px 0; } #navigationMobile .buttons-bottom a { display: inline-block; vertical-align: top; width: 25%; text-align: center; } #navigationMobile .buttons-bottom a:hover { text-decoration: none; } #navigationMobile .buttons-bottom a span { display: block; font-size: 20px; margin-bottom: 5px; } #navigationMobile .buttons-bottom a { color: #1D2224;} #fil_dariane_mobile {display: none;} /* ______________________[ Navigation tablette ]________________________ */ #navigationTab { padding: 20px 10px; text-align: left; padding-left: 60px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #navigationTab #LogoMobile { font-size: 0; text-align: left; display: inline-block; vertical-align: middle; float: left;} #navigationTab #LogoMobile img { display: inline-block; vertical-align: top; height: 40px; width: 40px;} #navigationTab .action-menu { position: absolute; left: 10px; top: 27px; z-index: 1; font-size: 2em; color: #FFF; } #navigationTab .action-menu:hover { text-decoration: none; } #navigationTab .action-menu .glyphicon-remove { display: none; } #navigationTab .action-menu.active .glyphicon-remove { display: block; } #navigationTab .action-menu.active .glyphicon-menu-hamburger { display: none; } #navigationTab .search { padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationTab .search input { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationTab .search input[type="text"] { width: 80%; height: 34px; border: 1px solid #FFF; float: left; border-radius:0; background: #FFF; } #navigationTab .search input[type="submit"] { width: 20%; height: 34px; border: 1px solid #FFF; float: left; border-radius:0; background: #F0F0F0;} #navigationTab nav { clear:both; text-align: left; } #navigationTab nav ul { padding: 0; } #navigationTab nav ul li a { font-family:Arial; font-weight: bold; font-size: 1.1em; } #navigationTab nav > ul > li { display: block; width: 100%; } #navigationTab nav > ul > li+li > a { border-top: 1px solid #ccc; } #navigationTab nav > ul > li > ul { display: none; width: 100%; background: #FFF; } #navigationTab nav > ul > li > ul > li > a { color: #1D2224; } #navigationTab nav > ul > li a { display: block; padding: 10px; } #navigationTab nav > ul > li a .glyphicon { float: right;} #navigationTab nav > ul > li a .glyphicon.glyphicon-menu-up { display: none; } #navigationTab nav > ul > li > ul > li+li { border-top: 1px solid #ccc; } #navigationTab .menuTabOpen { overflow: auto; } #navigationTab .buttons-bottom { background:#E0E2E2; color: #FFF; width: 100%; padding:10px 0; margin-bottom: 78px; } #navigationTab .buttons-bottom a { display: inline-block; vertical-align: top; width: 50%; color: #FFF; text-align: center; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigationTab .buttons-bottom a:hover { text-decoration: none; } #navigationTab .buttons-bottom a span { display: block; font-size: 20px; margin-bottom: 5px; } #navigationTab .buttons-bottom a { color: #1D2224;} .cbp-spmenu { background: #47a3da; position: fixed; } .cbp-spmenu-vertical { width: 230px; height: 100%; top: 78px; z-index: 1000; } .cbp-spmenu-left { left: -230px; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px!important; } .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } .cbp-spmenu-push-toright { left: 230px; } .cbp-spmenu-push-toleft { left: -230px; } .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* ______________________[ Colonne contextuelle ]________________________ */ #ColContextuelle {text-align:left;margin:0 10px 0 0;padding:0;float:right;font-size:1em;} /* Contenu standard */ #ColContextuelle .contenu, #ColContenu .contenu {margin:0 0 1.8em 0;} #ColContextuelle .contenu h2, #ColContenu .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, #ColContenu .contenu p {margin:0 0 1em 0;} #ColContextuelle .contenu a, #ColContenu .contenu a {color:#C51414;} #ColContextuelle .contenu ul, #ColContenu .contenu ul {margin:0 0 1em 0;padding:0;list-style:none;} #ColContextuelle .contenu ul li, #ColContenu .contenu ul li {background:url(../images/bullet_5.gif) transparent no-repeat 0 .2em;line-height:1.1em;margin:0 0 .8em 0;} #ColContextuelle .contenu ul li a, #ColContenu .contenu ul li a {padding:0 0 0 13px;display:block;color:#000;} #ColContextuelle .contenu h3, #ColContenu .contenu h3 {background:url(../images/bullet_4.gif) transparent no-repeat 0 .4em;padding:0 0 0 11px;font-size:1.1em;margin:1em 0 .3em 0;} /* 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, #ColContenu a.photo, #ColContenu a.video, #ColContenu a.audio, #ColContenu a.publication, #ColContenu a.logo, #ColContenu a.economiseurs, #ColContenu a.livre1, #ColContenu a.livre2, #ColContenu a.fond, #ColContenu a.visite, #ColContenu a.documentaire, #ColContenu a.diapo, #ColContenu a.application, #ColContenu a.pdf, #ColContenu a.jeux1, #ColContenu a.jeux2, #ColContenu a.vid, #ColContenu a.pix, #ColContenu a.doc {padding:0 0 6px 26px !important;background-color:transparent;background-repeat:no-repeat;} #ColContextuelle a.photo, #ColContenu a.photo {background-image:url(../images/ico_photo.gif);background-position:0 0;} #ColContextuelle a.video, #ColContenu a.video {background-image:url(../images/ico_video.gif);background-position:0 0;} #ColContextuelle a.audio, #ColContenu a.audio {background-image:url(../images/ico_audio.gif);background-position:0 0;} #ColContextuelle a.publication, #ColContenu a.publication {background-image:url(../images/ico_publication.gif);background-position:0 0;} #ColContextuelle a.logo, #ColContenu a.logo {background-image:url(../images/ico_logo.gif);background-position:0 0;} #ColContextuelle a.economiseurs, #ColContenu a.economiseurs {background-image:url(../images/ico_economiseurs.gif);background-position:0 0;} #ColContextuelle a.livre1, #ColContenu a.livre1 {background-image:url(../images/ico_livre1.gif);background-position:0 0;} #ColContextuelle a.livre2, #ColContenu a.livre2 {background-image:url(../images/ico_livre2.gif);background-position:0 0;} #ColContextuelle a.fond, #ColContenu a.fond {background-image:url(../images/ico_fond.gif);background-position:0 0;} #ColContextuelle a.visite, #ColContenu a.visite {background-image:url(../images/ico_visite.gif);background-position:0 0;} #ColContextuelle a.documentaire, #ColContenu a.documentaire {background-image:url(../images/ico_documentaire.gif);background-position:0 0;} #ColContextuelle a.diapo, #ColContenu a.diapo {background-image:url(../images/ico_diapo.gif);background-position:0 0;} #ColContextuelle a.application, #ColContenu a.application {background-image:url(../images/ico_application.gif);background-position:0 0;} #ColContextuelle a.pdf, #ColContenu a.pdf {background-image:url(../images/ico_pdf.gif);background-position:0 0;} #ColContextuelle a.jeux1, #ColContenu a.jeux1 {background-image:url(../images/ico_jeux1.gif);background-position:0 0;} #ColContextuelle a.jeux2, #ColContenu a.jeux2 {background-image:url(../images/ico_jeux2.gif);background-position:0 0;} #ColContextuelle a.vid, #ColContenu a.vid {background-image:url(../images/ico_vid.gif);background-position:0 0;} #ColContextuelle a.pix, #ColContenu a.pix {background-image:url(../images/ico_pix.gif);background-position:0 0;} #ColContextuelle a.doc, #ColContenu a.doc {background-image:url(../images/ico_doc.gif);background-position:0 0;} #ColContextuelle a.lien, #ColContenu a.lien {background:url(../images/bullet_6.gif) no-repeat 0 1px;font-weight:bold;} /* Liste medias */ #ColContextuelle ul.medias li, #ColContenu ul.medias li {background-image:none;} #ColContextuelle .contenu#AccesDirect a, #ColContextuelle .contenu#AccesCible a, #ColContextuelle .contenu#Present a, #ColContextuelle .contenu#carte a , #ColContextuelle .contenu#autopromotion a, #ColContextuelle .contenu#facebook a, #ColContextuelle .contenu#liste a, #ColContextuelle .contenu#thematique a {color:#000;} #ColContextuelle .contenu#AccesDirect h2, #ColContextuelle .contenu#AccesCible h2, #ColContextuelle .contenu#block-thematiques h2, #ColContextuelle .contenu#block-profils h2, #ColContextuelle .contenu#Present h2, #ColContextuelle .contenu#carte h2, #ColContextuelle .contenu#autopromotion h2, #ColContextuelle .contenu#facebook h2, #ColContextuelle .contenu#liste h2, #ColContextuelle .contenu#thematique 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, #ColContextuelle .contenu#autopromotion h3, #ColContextuelle .contenu#facebook h3, #ColContextuelle .contenu#thematique h3 {margin:0;padding:0;} #ColContextuelle .contenu#AccesDirect h4, #ColContextuelle .contenu#AccesCible h4, #ColContextuelle .contenu#Present h4, #ColContextuelle .contenu#carte h4, #ColContextuelle .contenu#autopromotion h4, #ColContextuelle .contenu#facebook h4, #ColContextuelle .contenu#thematique 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 {} #ColContextuelle .contenu#autopromotion {} #ColContextuelle .contenu#facebook {} #ColContextuelle .contenu#thematique {} /* 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:10px;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(../images/bg-slider-top.gif) no-repeat 0 0 / 100%;height:1%} #ColContextuelle .contenu#AccesDirect .slider .inner-slider {padding:0 10px;margin:0;background:url(../images/bg-slider-bas.gif) no-repeat 100% 100% / 100%;} #ColContextuelle .contenu#AccesDirect .slider h3 {background:url(../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;height:1%;} #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;margin:0;display:none;} #ColContextuelle .contenu#AccesDirect h3.tog {background-image:url(../images/fup.gif);} #ColContextuelle .contenu#AccesDirect .slider h3:hover, #ColContextuelle .contenu#AccesDirect .slider h3.hover {background-image:url(../images/fup.gif);} #ColContextuelle .contenu#AccesDirect .slider ul {overflow:hidden;padding:5px 0;margin:0;height:1%;font-size:1em;} #ColContextuelle .contenu#AccesDirect .slider ul li {float:left; width:50%; text-align:center;margin:0 0 10px 0;background-image:none;padding:0;} #ColContextuelle .contenu#AccesDirect .slider ul li a {color:#000;text-decoration:none;padding:0;} #ColContextuelle .contenu#AccesDirect .slider ul li a:hover, #ColContextuelle .contenu#AccesDirect .slider ul li a:active, #ColContextuelle .contenu#AccesDirect .slider ul li a:focus {text-decoration:underline;} #ColContextuelle .contenu#AccesDirect .slider ul li span {display:block;margin:2px 0 0 0;} /* 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(../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(../images/bg-slider-bas.gif) no-repeat 100% 100%;} #ColContextuelle .contenu#AccesCible .slider h3 {background:url(../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(../images/fup.gif);} #ColContextuelle .contenu#AccesCible .slider ul {overflow:hidden;padding:5px 0;margin:0;height:1%;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;} /* Thematiques */ #ColContextuelle #block-thematiques {} #ColContextuelle #block-thematiques .inner {background-color:#E0E2E2;padding:2px 10px 2px 10px;} #ColContextuelle #block-thematiques ul {overflow:hidden;padding:5px 0;margin:0;height:1%;font-size:.9em;} #ColContextuelle #block-thematiques ul li {float:none;width:auto;text-align:left;margin:0 0 .2em 0;background:url(../images/bullet_8.gif) transparent no-repeat 0 .1em;padding:2px 0 2px 18px;display:block;height:1.15em;} #ColContextuelle #block-thematiques ul li a {color:#000;text-decoration:none;padding:0;} #ColContextuelle #block-thematiques ul li a:hover {text-decoration:underline;} #ColContextuelle #block-thematiques ul li:hover, #ColContextuelle #block-thematiques ul li.hover {background:url(../images/bullet_9.gif) transparent no-repeat 0 .1em;} /* Profils */ #ColContextuelle #block-profils {} #ColContextuelle #block-profils .inner {background-color:#E0E2E2;padding:2px 10px 2px 9px;} #ColContextuelle #block-profils ul {overflow:hidden;padding:2px 0;margin:0;height:1%;font-size:.9em;} #ColContextuelle #block-profils ul li {float:none;width:auto;text-align:left;margin:0;background:url(../images/filet-profils.gif) transparent no-repeat 0 100%;padding:5px 0 0 0;font-weight:bold;} #ColContextuelle #block-profils ul li.last {background-image:none;} #ColContextuelle #block-profils ul li a {display:block;color:#000;text-decoration:none;padding:7px 10px 13px 37px;background-image:url(../images/ico-profils.gif);background-color:transparent;background-repeat:no-repeat;height:1.15em;} #ColContextuelle #block-profils ul li a:hover, #ColContextuelle #block-profils ul li a.hover, #ColContextuelle #block-profils ul li a:active, #ColContextuelle #block-profils ul li a:focus {text-decoration:underline !important;} #ColContextuelle #block-profils ul li.profil1 a {background-position:0 0;} #ColContextuelle #block-profils ul li.profil2 a {background-position:0 -50px;} #ColContextuelle #block-profils ul li.profil3 a {background-position:0 -100px;} #ColContextuelle #block-profils ul li.profil4 a {background-position:0 -150px;} #ColContextuelle #block-profils ul li.profil5 a {background-position:0 -200px;} #ColContextuelle #block-profils ul li.profil6 a {background-position:0 -250px;} #ColContextuelle #block-profils ul li.profil7 a {background-position:0 -300px;} #ColContextuelle #block-profils ul li.profil8 a {background-position:0 -350px;} #ColContextuelle #block-profils ul li.profil1 a:hover, #ColContextuelle #block-profils ul li.profil1 a:active, #ColContextuelle #block-profils ul li.profil1 a:focus {background-position:-850px 0;} #ColContextuelle #block-profils ul li.profil2 a:hover, #ColContextuelle #block-profils ul li.profil2 a:active, #ColContextuelle #block-profils ul li.profil2 a:focus {background-position:-850px -50px;} #ColContextuelle #block-profils ul li.profil3 a:hover, #ColContextuelle #block-profils ul li.profil3 a:active, #ColContextuelle #block-profils ul li.profil3 a:focus {background-position:-850px -100px;} #ColContextuelle #block-profils ul li.profil4 a:hover, #ColContextuelle #block-profils ul li.profil4 a:active, #ColContextuelle #block-profils ul li.profil4 a:focus {background-position:-850px -150px;} #ColContextuelle #block-profils ul li.profil5 a:hover, #ColContextuelle #block-profils ul li.profil5 a:active, #ColContextuelle #block-profils ul li.profil5 a:focus {background-position:-850px -200px;} #ColContextuelle #block-profils ul li.profil6 a:hover, #ColContextuelle #block-profils ul li.profil6 a:active, #ColContextuelle #block-profils ul li.profil6 a:focus {background-position:-850px -250px;} #ColContextuelle #block-profils ul li.profil7 a:hover, #ColContextuelle #block-profils ul li.profil7 a:active, #ColContextuelle #block-profils ul li.profil7 a:focus {background-position:-850px -300px;} #ColContextuelle #block-profils ul li.profil8 a:hover, #ColContextuelle #block-profils ul li.profil8 a:active, #ColContextuelle #block-profils ul li.profil8 a:focus {background-position:-850px -350px;} /* Present sur */ #ColContextuelle .contenu#Present ul li {margin:0 10px 0 0;padding:0 !important;background-image:none;} .wrap-carousel .caroufredsel_wrapper {padding:0 0 0 10px;} .wrap-carousel {margin:0 0 1em 0;padding:12px 0 0 0;background:#E0E2E2 url(../images/jcarousel/bg-container.gif) no-repeat 0 0;height:38px;position:relative;} .wrap-carousel ul {margin:0;padding:0;list-style:none;display:block;} .wrap-carousel li {font-size:30px;color:#666;text-align:center;background-color:#f0f0f0;width:88px;height:26px;padding:0;margin:0 10px 0 0;display:block;float:left;} a.play, a.pause {background:url(../images/bg_jCarouselOnoff.gif) transparent no-repeat 0 0;width:15px;height:16px;display:block;position:absolute;top:-20px;left:197px;cursor:pointer;} a.play {background-position:0 -16px;} a.pause {background-position:0 0;} a.play span, a.pause span {display:none;} div.scrollingHotSpotLeft {min-width:75px;width:10%;height:100%;position:absolute;z-index:200;left:0;} div.scrollingHotSpotLeftVisible {background-color:#fff;background-repeat:no-repeat;opacity:0.35;-moz-opacity:0.35; filter:alpha(opacity = 35);zoom:1;} div.scrollingHotSpotRight {min-width:75px;width:10%;height:100%;position:absolute;z-index:200;right:0;} div.scrollingHotSpotRightVisible {background-color:#fff;background-repeat:no-repeat;opacity:0.35;filter:alpha(opacity = 35);-moz-opacity:0.35;zoom:1;} div.scrollWrapper {position:relative;overflow:hidden;width:200px;height:100%;margin:0 0 0 6px;} div.scrollableArea {position:relative;width:auto;height:100%;} div.wrap-carousel {width:212px;height:38px;position:relative;} div.wrap-carousel div.scrollableArea * {float:left !important;padding-left:10px !important;} .wrap-share { text-align:center; margin:0 0 1em 0;padding:12px 0 0 0;background:#E0E2E2 ;height:38px;position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .wrap-share ul.share { margin: 2px 0!important;} .wrap-share ul.share li { display: inline-block; margin: 0!important; padding: 0!important; } .wrap-share ul.share li a { display: block; margin: 0!important; padding: 0 4px!important; } /* 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 .content-toggle a {text-decoration:underline;} #ColContextuelle .contenu#carte .content-toggle a:hover {text-decoration:none;} #ColContextuelle .contenu#carte h2 {background:none;} #ColContextuelle .contenu#carte .inner {margin:0;padding:10px 0 10px 0;background:url(../images/bg-carte.gif) #E0E2E2 no-repeat center 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(../images/agrandir.gif) transparent no-repeat 100% 50%;} #ColContextuelle .contenu#carte .inner .agrandir a {padding:10px 40px 10px 0;text-align:right;display:block;} .scroll-pane {width:354px;height:225px;overflow:auto;float:left;} .scroll-pane-large {width:708px;height:225px;overflow:auto;float:left;} .jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack {position:absolute;cursor:pointer;right:0;top:0;height:100%;background:url(../images/jscrollpanetrack.gif) repeat-y 50% 0;} .jScrollPaneDrag {position:absolute;background:url(../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(../images/basic_arrow_up.gif) repeat-x 0 0;} a.jScrollArrowDown {background:url(../images/basic_arrow_down.gif) repeat-x 0 100%;} a.jScrollArrowUp {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:18px;} a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:18px;} /* ______________________[ 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 {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;} #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(../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;} #PiedDePage.mobile { background-color:#E0E2E2; padding: 10px 0; margin: 0; } #PiedDePage.mobile .col-left { float: left; width: 50%; text-align:left; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #PiedDePage.mobile .col-right { float: right; width: 50%; text-align:left; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #PiedDePage.mobile .copyright { clear: both; padding: 0 10px; text-align: center; padding-top: 20px; } #PiedDePage.mobile .copyright a { color: #000; } #PiedDePage.mobile ul li { background:none; display: block; float: none; padding: 6px 0; margin: 0; } #PiedDePage.mobile .col-right h3 { font-size:12px; line-height:1; margin-bottom: 7px; margin-top: 0; padding-top: 4px; } #PiedDePage.mobile #Localisation2 { clear:both; } #PiedDePage.mobile #Localisation2 ul li { display: inline-block; } ul.share li a { display:block; text-decoration: none;} ul.share li a:hover { text-decoration: none!important;} ul.share li [class^="icon-"], ul.share li [class*=" icon-"] { display: inline-block; height:20px; width: 20px; margin-right: 5px; vertical-align: text-bottom;} ul.share li span.icon-facebook { background: url(../images/share/logo-facebook.png) no-repeat 0 0 / 100%;} ul.share li span.icon-twitter { background: url(../images/share/logo-twitter.png) no-repeat 0 0 / 100%;} ul.share li span.icon-dailymotion { background: url(../images/share/logo-dailymotion.png) no-repeat 0 0 / 100%;} ul.share li span.icon-youtube { background: url(../images/share/logo-youtube.png) no-repeat 0 0 / 100%;} ul.share li span.icon-calameo { background: url(../images/share/logo-calameo.png) no-repeat 0 0 / 100%;} /* icones reseaux sociaux - subparts*/ .facebk24 {width: 17px; height: 17px;} .twitter24 {width: 17px; height: 17px;} .linkedin24 {width: 17px; height: 17px;} /* bloc reseaux sociaux affichage mobile*/ #mobileToolBox {display:none;} #mobileToolBox.display {display:block;} #mobileToolBox {bottom: 0;right: 0;top: auto;left: auto;position: fixed;margin-top: 1.5em;font-size: 1.3em;z-index: 840;margin-right: 1%;} #mobileToolBox ul {display: flex;float: left;flex-direction: column-reverse;} #mobileToolBox ul li {display: none;padding: 0!important;background: #fff;border-radius: 50% 50%;width: 2em;height: 2em;text-align: center;box-shadow: 0 0 1em 0 #083e6c;margin-bottom: 1rem;float: none;} #mobileToolBox ul li:first-child {display: block;} #mobileToolBox ul.on li {display: block;} #mobileToolBox ul.on li:first-child {color: #fff;background: #083e6c;} #mobileToolBox ul.on li:first-child a {color: #fff!important;} #mobileToolBox ul li a {text-decoration: none;color: #000!important;padding-top: 7px;} @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%;} .imageflow .button {cursor:pointer;height:17px;position:relative;width:17px;} .imageflow .caption {color:#FFF;font-weight:normal;position:relative;text-align:center;z-index:10001;padding:6px 0 0 0 !important;line-height:1.2em;} .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(../images/button_right.png) top left no-repeat;float:right;margin:-7px -30px 0 30px;} .imageflow .previous {background:url(../images/button_left.png) top left no-repeat;float:left;margin:-7px 0 0 -30px;} .imageflow .scrollbar {border-bottom:1px solid #FFF;height:1px;position:relative;visibility:hidden;z-index:10002;margin-left:15px !important;} .imageflow .slider {background-image:url(../images/slider.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;cursor:pointer;} .imageflow p {margin:0 auto;text-align:center;} .imageflowlarge {overflow:hidden;position:relative;text-align:left;visibility:hidden;width:100%;} .imageflowlarge .button {cursor:pointer;height:17px;position:relative;width:17px;} .imageflowlarge .caption {color:#FFF;font-weight:normal;position:relative;text-align:center;z-index:10001;padding:6px 0 0 0 !important;line-height:1.2em;} .imageflowlarge .images {overflow:hidden;white-space:nowrap;} .imageflowlarge .loading {border:1px solid white;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;visibility:visible;width:200px;} .imageflowlarge .loading_bar {background:#fff;height:15px;visibility:visible;width:1%;} .imageflowlarge .navigation {z-index:10000;padding:25px 0 0 0 !important;margin:0 !important;} .imageflowlarge .next {background:url(../images/button_right.png) top left no-repeat;float:right;margin:-7px -30px 0 30px;} .imageflowlarge .previous {background:url(../images/button_left.png) top left no-repeat;float:left;margin:-7px 0 0 -30px;} .imageflowlarge .scrollbar {border-bottom:1px solid #FFF;height:1px;position:relative;visibility:hidden;z-index:10002;margin-left:15px !important;} .imageflowlarge .slider {background-image:url(../images/slider.png);background-repeat:no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px;z-index:10003;} .imageflowlarge img {border:none;-ms-interpolation-mode:bicubic;position:absolute;top:0px;visibility:hidden;cursor:pointer;} .imageflowlarge p {margin:0 auto;text-align:center;} } /** * 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:1;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(../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(../images/lytebox/blank.gif) no-repeat;display:block;left:0;float:left;} #lbPrev.grey:hover, #lbPrev.grey:visited:hover {background:url(../images/lytebox/prev_grey.gif) left 15% no-repeat;} #lbNext {width:49%;height:100%;background:transparent url(../images/lytebox/blank.gif) no-repeat;display:block;right:0;float:right;} #lbNext.grey:hover, #lbNext.grey:visited:hover {background:url(../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:80%;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(../images/lytebox/close_grey.gif) no-repeat;} #lbPlay {width:20px;height:20px;float:right;margin-bottom:1px;background:url(../images/lytebox/play_grey.gif) no-repeat;} #lbPause {width:20px;height:20px;float:right;margin-bottom:1px;background:url(../images/lytebox/pause_grey.gif) no-repeat;} #lbIframe {border:none !important;} #ColContenu h1 a {color:#FFF;} #TT strong {font-size:1.8em;color:#FFF;} #ColContenu h1 { font-size:2.4em; color : #000000; } #ColContenu .nav-tabs { margin: 20px 0 0;} #ColContenu .nav-tabs li { background: none; padding: 0; border: none; margin: 0 0 -2px;} #ColContenu .nav-tabs > li.active > a, #ColContenu .nav-tabs > li.active > a:hover, #ColContenu .nav-tabs > li.active > a:focus { background: #1d2224; color: #FFF; border: none;} #ColContenu .nav-tabs > li > a { padding: 7px 15px; } #ColA #laune h1 { font-size:1.6em; line-height:1.6em; font-family: 'Open Sans', sans-serif; } #ColA .termes h1, #ColA #laune #slider-thumbs h1 { font-size:2.3em; line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight:normal; letter-spacing: -1px; } #ColA .termes h1 a, #ColA #laune #slider-thumbs h1 a { text-decoration:none; color:#FFFFFF; } #ColA .termes h1 a:link, #ColA #laune #slider-thumbs h1 a:link { color:#FFFFFF } #ColA .termes h1 a:hover, #ColA #laune #slider-thumbs h1 a:hover { text-decoration:underline; color:#FFFFFF; } #ContainerCols .cell h2 { font-size:1.6em; line-height:1.6em; font-family: 'Open Sans', sans-serif; } #ColContextuelle .contenu#AccesDirect h2, #ColContextuelle .contenu#AccesCible h2, #ColContextuelle .contenu#block-thematiques h2, #ColContextuelle .contenu#block-profils h2, #ColContextuelle .contenu#Present h2, #ColContextuelle .contenu#Nuage h2, #ColContextuelle .contenu#carte h2, #ColContextuelle .contenu#autopromotion h2, #ColContextuelle .contenu#facebook h2, #ColContextuelle .contenu#thematique h2, #ColContextuelle .contenu#liste h2, #ContainerCols .row .r-bloc h2 { font-size:1.6em; line-height:1.6em; font-family: 'Open Sans', sans-serif; } /* onglets */ #ContainerCols .onglet {margin:0;padding:0;} #ContainerCols .onglet ul.menu-onglet {margin:0;padding:0;background:url(../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 {display:inline-block;list-style:none;margin:0 3px 0 0;padding:0;float:left;background:url(../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(../images/onglet-right.gif) no-repeat 100% 0;z-index:200;} #ContainerCols .onglet ul.menu-onglet li.active {background-image:url(../images/onglet-left-on.gif);margin-bottom:-2px;} #ContainerCols .onglet ul.menu-onglet li.active a {background-image:url(../images/onglet-right-on.gif);color:#000;} #ContainerCols .onglet .box-onglet {margin:0;padding:21px 11px 10px 11px;background:url(../images/bg_box-onglet.gif) no-repeat 0 0;z-index:1;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;} #ContainerCols ul.lien-flech {margin-left:0;} #ContainerCols ul.lien-flech li {/* background:none; *//* padding:0; *//* list-style:none; */} #ContainerCols ul.lien-flech li a, #ContainerCols a.lien-flech {display:block;background-repeat:no-repeat;background-position:0 1px;padding:0 0 0 23px;margin:0;color:#000;} /* bloc thématique Jeunes Accueil central*/ #ColA .row #Thematique ul li img {vertical-align: middle;} #ColA .row #Thematique #th2 {float:left;width:369px;} #ColA .row #Thematique #th1 {float:left;width:369px;} #ColA .row #Thematique ul {margin:0 0 0 20px;padding:0;list-style:none;} #ColA .row #Thematique ul li {background-image:none; background-position:0 0;background-repeat:no-repeat;padding:0 0 0 0px;margin:0 0 0.6em 0;} /* bloc thématique Jeunes Colonne droite*/ #ColContextuelle .contenu#thematique a img {vertical-align: middle;} /* cartographie */ #ColContenu .carte-filtre { border: 1px solid #E0E2E2; width : 486px; margin: 0 0 0.5em; padding: 0 10px 10px 10px; background: url("../images/bg-dest.gif") repeat-y; } #ColContenu .carte-filtre .region, #ColContenu .carte-filtre .departement, /*#ColContenu .carte-filtre .organisme { padding: 10px; float: left; width: 220px; line-height: 20px;}*/ #ColContenu .carte-filtre .zoneDefense { padding: 10px; float: left; width: 300px; line-height: 20px;} #ColContenu .carte-filtre .adresse { width : 460px; padding: 10px 0 0 10px;} #ColContenu .carte-filtre .adresse input { width : 460px; } #ColContenu .carte-filtre .region select, #ColContenu .carte-filtre .departement select, /*#ColContenu .carte-filtre .organisme select {width : 200px; }*/ #ColContenu .carte-filtre .zoneDefense select {width : 200px; } #ColContenu .orgacheck { padding: 10px; line-height: 20px; display: block;} #ColContenu .carte-filtre .send-button { padding: 10px; margin-left:330px; margin-top:17px;} #ColContenu .carte-filtre .send-button input { background-color: #373737; background-image: url("../images/bg-button.gif"); background-position: 0 50%; background-repeat: repeat-x; border: 1px solid #000000; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; vertical-align: middle;} #ColContenu .cartoLabel { font-weight:bold; } #ColContenu .cartoValue { margin-left : 10px; } #ColContenu .cartoPhoto { float : right; } #ColContenu .cartes_zone_base div {float : left; margin-bottom: 15px; margin-top: 10px;} #ColContenu .cartes_zone_base div.zone {margin-right: 20px;} #ColContenu .cartes_zone_base div.base {float: right;} #ColContenu #map {width: 506px; height: 550px; } #ColContenu ul.changepays { margin: 0; overflow: hidden; padding: 0 0 25px; width: 507px; } #ColContenu ul.changepays li {color: #191919; float: left; font-size: 10px; height: 18px; line-height: 18px; margin-right: 2px; overflow: hidden; text-align: center; background: #E0E2E2; padding: 0;} #ColContenu ul.changepays li.last {margin-right: 0px;} #ColContenu ul.changepays li.open { background: #C51414;} #ColContenu ul.changepays li p a { color: #000000; text-decoration: none; } #ColContenu ul.changepays li.open p a { color: #FFFFFF;} #ColContenu ul.changepays li p { padding: 0 5px; } #ColContenu .infobulle * { margin:0;} #ColContenu div.infobulle {width: 200px;} #ColContenu .infobulle .title {display: block; font-size: 1.25em; font-weight: bold; padding: 0 0 5px;} #ColContenu .infobulle a { display: block; font-size: 0.92em;} .checkbox { width: 32px; height: 32px; margin: 0 5px 0 0; background-position: 0 0; display: block; float : left; cursor: pointer; } .checkbox:checked { background-position : 0 32px; } input[type=checkbox].styled {display : none; } .gmap-dicod {font-family:Arial; width:213px;} .gmap-dicod a{ text-decoration:none; } .gmap-dicod .title{ color:#000; font-size:1.25em; font-weight:bold; padding:0 0 10px; } .gmap-dicod img{ float:right; } .gmap-dicod span{ display:block; font-size:0.917em; text-align:left; } .gmap-dicod a.green{ color:#47a559; display:block; font-size:0.917em; font-weight:bold; padding:5px 0 0; text-decoration:underline; } #ColContenu #ongletList {width: 460px; float: left;} .jspPane { position: absolute; } .jScrollPaneContainer, .jspContainer {position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack, .jspTrack {position:relative;cursor:pointer;right:0;top:0;height:100%;background:url(../images/jscrollpanetrack.gif) repeat-y 50% 0;} .jScrollPaneDrag, .jspDrag {position:relative;background:url(../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;} .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } a.jScrollArrowUp, .jspVerticalBar .jspArrowUp {background:url(../images/basic_arrow_up.gif) repeat-x 0 0;} a.jScrollArrowDown, .jspVerticalBar .jspArrowDown {background:url(../images/basic_arrow_down.gif) repeat-x 0 100%;} .jspHorizontalBar .jspArrowLeft {background:url(../images/left.png) repeat-x 0 0;} .jspHorizontalBar .jspArrowRight {background:url(../images/right.png) repeat-x 0 0;} a.jScrollArrowUp, a.jScrollArrowDown, .jspArrow {display:block;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:18px;cursor:pointer;width:13px;} .jspVerticalBar .jspArrow:focus { outline: none; } .jspCap { display: none;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } div.jspHorizontalBar { margin-bottom: 5px;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ display: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 19px;} .jspHorizontalBar .jspCap { float: left; } #onglet a.jspArrowLeft, #onglet a.jspArrowRight{ width: 14px; float: left; height: 35px; } #onglet a.jspArrowLeft {background:url(../images/left.png) repeat-x 0 50%; float: left;margin-right: 7px;} #onglet a.jspArrowRight {background:url(../images/right.png) repeat-x 0 50%; float: left;margin-left: 7px;} #navBreve { margin-top: 50px; display: block; position: relative;} div.pbreve, div.nbreve {display: inline-block; postion: relative;width:50%; vertical-align: top;} div.pbreve a, div.nbreve a {text-decoration:none;} div.nbreve {text-align: right; float: right;} div.pbreve img,div.nbreve img {vertical-align: middle;} div.pbreve div, div.nbreve div {display: inline;} div.pbreve div#titre { margin-left : 30px; font-weight:bold; margin-bottom: 10px; display : block; } div.nbreve div#titre { margin-right : 30px; font-weight:bold; margin-bottom: 10px; display : block;} div#bcontent {width: 210px} .bname a { display: block; position: relative; min-height: 40px; padding-left: 30px; } .bname a img { position: absolute; left: 0; top: 50%; margin-top: -20px; } .nbname a { display: block; position: relative; min-height: 40px; padding-right: 30px; } .nbname a img { position: absolute; right: 0; top: 50%; margin-top: -20px; } #carouselDiaporama { background: #e0e2e2; } .row.deux #carouselDiaporama .carousel-inner > .item { height: 236px; text-align: center;} .row.une #carouselDiaporama .carousel-inner > .item { height:409px; max-height: 100%; max-width:100%; text-align: center;} #carouselDiaporama .carousel-inner img { height: 100%; max-width: 100% } #carouselDiaporama .carousel-indicators { width: 100%; left: 0; bottom: -5px;} #carouselDiaporama .carousel-indicators li { border: none; background-color: #E0E2E2; } #carouselDiaporama .carousel-indicators li.active { background-color: #9A9EA1; height: 10px; width: 10px; margin: 1px; } #carouselDiaporama .carousel-control { color: #FFF!important; background: none;} #carouselDiaporama2 { background: #e0e2e2; margin-top: 30px; } #carouselDiaporama2 .carousel-inner > .item { max-height: 100%; text-align: center;} #carouselDiaporama2 .carousel-inner img { height: 100%; max-width: 100% } #carouselDiaporama2 .carousel-indicators { width: 100%; left: 0; bottom: -5px;} #carouselDiaporama2 .carousel-indicators li { border: none; background-color: #E0E2E2; } #carouselDiaporama2 .carousel-indicators li.active { background-color: #9A9EA1; height: 10px; width: 10px; margin: 1px; } #carouselDiaporama2 .carousel-control { color: #FFF!important; background: none;} #modalLightbox .modal-dialog .modal-body img { max-width: 100%;} #modalLightbox .modal-dialog .modal-header { position: relative;} #modalLightbox .modal-dialog .modal-header .close { width: 38px!important; border: none; background: none; font-size: 40px; position: absolute; right: 3px; top: 3px} #modalLightbox .modal-dialog .modal-header .modal-title { padding-top: 10px; text-align: left;} /* menu dropdown */ .menu-drop { margin: 10px;} .menu-drop .drop-toggle { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #1D2224!important; text-align: left; background: #E0E2E2; border:1px solid #E0E2E2; font-size: 1.1em; margin: 0; display: block; padding: 10px;} .menu-drop .drop-toggle:hover { text-decoration: none; } .menu-drop .drop-toggle.open { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .menu-drop .drop-menu, .menu-drop .drop-submenu { display: none; margin: 0!important; padding: 0!important; } .menu-drop .drop-menu { border:1px solid #E0E2E2; list-style:none!important; margin: 0!important; } .menu-drop .drop-menu li { display: block; background: none!important; margin: 0!important; padding: 0!important; } .menu-drop .drop-menu > li+li { border-top: 1px solid #F2F2F2; } .menu-drop .drop-menu li a { display: block; padding: 8px 10px; color: #1D2224!important; } .menu-drop .drop-menu li a:hover { text-decoration: none; background: #F2F2F2;} .menu-drop .drop-submenu li a { padding: 8px 20px;} .menu-drop .open .drop-toggle-submenu { background: #F2F2F2;} .menu-drop .drop-submenu li a:hover { background: #F2F2F2;} .menu-drop .glyphicon { float: right;} .menu-drop .glyphicon-menu-up { display: none; } #html5-elem-data-box { max-height: none!important; box-sizing: border-box; position: relative; width: 100%; height: auto; padding: 0px 0px 8px; background-color: rgb(255, 255, 255); text-align: left; max-height: 64px; display: block; } /* liste manuelle */ #ColContextuelle ul li a { background-repeat: no-repeat; }