/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyright (c) 2009 MINISTERE DE LA DEFENSE | Webdesign : Smart Agence | http://www.smartagence.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ______________________[ 03 | Contenu principal : presentation en 3 colonnes ]____________________*/ #ContainerCols {width:980px;margin:0 auto;padding:0;display:block;text-align:left;} #ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ContainerCols {display:inline-block;} /* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */ /* FIL d'ARIANE */ #FildAriane {width:980px;background-color:#DEDEDE;} #FildAriane a {} #FildAriane a:hover {} /* [ 03.1 | Colonne A ]________________________ */ #ColA {text-align:left;margin:0;padding:0;float:left;width:748px;} #ColA p, #ColA ol {margin:0 0 1em 0;} #ColA h2, #ColA #laune h1 {font:normal 1.8em "Open Sans",sans-serif;background:url(../images/bg_h2.gif) transparent no-repeat 100% 100%;margin:0;padding:0;} #ColA #laune h1 {padding:0; margin: 0; background: none; } #ColA h2 {width:255px; margin: 0 0 0.4em;} #ColA h3 {font-size:1em;} #ContainerCols #ColA .special h3 {background-image:none;padding:0;font:bold 1em Arial,sans-serif;} #ContainerCols #ColA .special h3 a {background-position:0 4px;background-repeat:no-repeat;padding:0 0 0 12px;} #ColA .cell h3 {margin:0 0 .7em 0;} #ColA .special h3 {margin:0 0 10px 0;} #ColA h4 {} #ColA h5 {} #ColA h6 {} #ColA #laune {margin:0 0 1.5em 0;padding:0;background:url(../images/bg-laune.gif) transparent no-repeat 100% 100%;color:#FFF;width:738px;} #ColA #laune a {color:#FFF; display: block;} #ColA #laune p {margin:0;padding:0;font-size:.9em;} #ColA #laune p+p { margin-top: 5px; } #ColA #laune p.title {font-weight:bold;text-transform:uppercase;/*font-size:1em;*/} #ColA #laune:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColA #laune {display:inline-block;} /* \*/ * html #ColA #laune {height:1%;display:block;} /* */ #ColA ul.list-imgs {margin:0;padding:0;float:left;width:auto;border-right:1px solid #FFF;height:320px;overflow:hidden;} #ColA ul.list-imgs li img {margin:0;padding:0;border:none;} #ColA ul.list-imgs li {list-style:none;margin:0;padding:0;display:none;} #ColA ul.list-imgs li.on {display:block;} #ColA #laune .termes {width:242px;float:left;padding:0 0 0 0;margin:0;} #ColA #laune .termes .terme {padding:10px 28px 5px 20px;background:url(../images/bg_terme.gif) transparent no-repeat 20px 0;} #ColA #laune .termes .terme.on {background-position:100% 50%;border-bottom:1px solid #FFF;border-top:1px solid #FFF;margin-bottom:-1px;height:1%;padding:9px 28px 5px 20px;} #ColA #laune .termes .picto {position: relative; float: right; margin:-35px 25px; z-index:99; } /*Laune*/ #ColA #laune { height: 320px; } #ColA #laune #slider { height: 100%; } #ColA #laune #slider #carousel-bounding-box { width: 100%; height: 100%; } #ColA #laune #slider #carousel-bounding-box #carouselUne { width: 100%; height: 100%; } #ColA #laune #slider #carousel-bounding-box #carouselUne .carousel-inner { display:flex; align-items:center; width: 100%; height: 100%; } #ColA #laune #slider #carousel-bounding-box #carouselUne .carousel-inner .item { margin:auto; width:100%; } #ColA #laune #slider-thumbs { float: right; height: 320px; overflow: hidden; width: 242px; padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #ColA #laune #slider-thumbs h1 { margin-bottom: 20px;} #ColA #laune #slider-thumbs ul { list-style: none; margin: 0; padding: 0; } #ColA #laune #slider-thumbs ul li { margin-bottom: -1px; display: none; } #ColA #laune #slider-thumbs ul li.selected { display: block; } #ColA #laune #slider-thumbs ul li a { color: #FFF!important; text-decoration: underline; float: right; margin-top: 30px;} #ColA #laune #slider-thumbs ul li a:hover { background: none; } #ColA #laune #slider-thumbs ul li h2 { color: #FFF!important; background: none; font-size: 1.2em; line-height: 1.2em; margin-bottom: 15px; width: auto;} #ColA #laune #slider-thumbs ul li p { font-size: 1em; line-height: 1.3em;} #ColA #laune #slider { border-right: 1px solid #FFF; float: left; height: 320px; overflow: hidden; width: 495px; text-align: center;} #ColA #laune #slider img { max-height: 100%; max-width: 100%; } #ColA #laune #slider .carousel-caption { background: rgba(0, 0, 0, 0.5); left: 0; right: 0; padding:0; width: 100%; bottom: 10px; text-align: left;} #ColA #laune #slider .carousel-caption .number { display: inline-block; position: absolute; right: 5px; top: 5px; } #ColA #laune #slider .carousel-caption a { display: block; padding: 15px; padding-bottom:25px; text-decoration: none;} #ColA #laune #slider .carousel-caption a p { margin: 0; } #ColA #laune #slider .carousel-caption a p.title { margin-bottom: 5px; text-transform: uppercase; } #ColA #laune #slider .carousel-control { font-size: 30px; opacity: 0.8; background: none; height:80% !important; top: 10%;} #ColA #laune #slider .carousel-inner > .item { max-height: 100%; min-height: 60px;} #ColA #laune p.tous {text-align:right;font-size:.9em;padding:0;margin:0;position:relative; word-spacing: -.15em} #ColA #laune p.tous a {margin:0;padding:0;position:absolute;top:-27px;right:0;} /* Chapo */ .chapo {background:url(../images/bg_chapo.gif) #E0E2E2 no-repeat 100% 100%;padding:20px 24px 5px 24px;margin:0;} /* row */ #ColA .row {margin:0 0 1.5em 0;padding:0;color:#262D30;} #ColA .row:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColA .row {display:inline-block;} /* \*/ * html .row {height:1%;} .row {display:block;} /* */ #ColA .row .special p.tous {text-align:right;font-size:.9em;padding:0;margin:0;position:relative; word-spacing: -.15em} #ColA .row .special p.tous a {margin:0;padding:0;position:absolute;top:-27px;right:0;} #ColA .row .cell {float:left;padding:0;} #ColA .row.une .cell {width:728px;margin:0 0 0 10px;} #ColA .row.deux .cell {width:354px;margin:0 10px 0 10px;} #ColA .row.une .r-bloc {width:708px;} #ColA .row.une .chapo, #ColA .row.une .exergue {margin:0 0 1em 10px;} #ColA .deux .r-bloc {width:334px !important;margin:0 0px 0 0px !important;} .title-toggle .glyphicon { display: none; } /* row -> tv defense */ #ColA .row .tv {margin:0;padding:0;} #ColA .row .tv .lt {width:216px;float:left;margin:0;padding:0 10px 0 0;background:url(../images/carre.gif) repeat-y 100% 0;} #ColA .row .tv .lt .video {padding:0;margin:0;display:none;} #ColA .row .tv .lt .video span {font-weight:bold;margin:0 0 .8em 0;display:block;color:#000;} #ColA .row .tv .rt {margin:0 0 0 -1px;float:left;width:129px;padding:0;} #ColA .row .tv .rt p {background:url(../images/bg_sep.gif) no-repeat 1px 0;padding:5px 10px;margin:0;height:1%;cursor:pointer;font-size:.9em;} #ColA .row .tv .rt p:first-child, #ColA .row .tv .rt p.first {background:none;} #ColA .row .tv .lt .video.on {display:block;} #ColA .row .tv .rt p.on {background-image:none;background-color:#FFF;border-right:1px solid #969A9B;border-top:1px solid #969A9B;border-bottom:1px solid #969A9B;margin-bottom:-1px;z-index:100;position:relative;padding:4px 10px 5px 10px;} #ColA .row .tv .rt p a {color:#262D30;} /* row -> actus */ #ColA .row .actus {margin:0;padding:0;} #ColA .row .actus:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColA .row .actus {display:inline-block;} /* \*/ * html #ColA .row .actus {height:1%;} #ColA .row .actus {display:block;} /* */ #ColA .row .actus .visu {float:left;width:auto;padding:0;margin:0;} #ContainerCols #ColA .row .special .actus .visu {padding:0;margin:0;text-align:left;background-image:none;} #ColA .row .actus .visu img {margin:0 10px 10px 0;padding:0;border:none;display:block;} #ColA .row .actus .desc {padding:0 10px 0 0;margin:0 0 .5em 0;} #ColA .row .actus .desc p {background-color:transparent;background-repeat:no-repeat;background-position:0 3px;padding:0 0 0 12px;overflow:hidden;height:1%;} #ColA .row .actus .desc p span {font-weight:bold;} #ColA .row .actus .desc p a {color:#262D30;} /* row -> acces pratique */ #ColA .row ul {margin:0 0 0 20px;padding:0;list-style:none;} #ColA .row ul li {background-position:0 0;background-repeat:no-repeat;padding:0 0 0 20px;margin:0 0 0.6em 0;} #ColA .row ul li a {color:#262D30;font-weight:bold;} #ColA .row .flech-thin {margin: 0} #ColA .row .flech-thin li {background-position:0 .3em;background-repeat:no-repeat;padding:0 0 0 12px;} #ColA .row .flech-thin li a {font-weight: normal} #ColA .row .zoom {display: block; padding: 1.2em 0 8px 31px; background: url(../images/zoom.gif) no-repeat 0 1.2em; overflow: auto; color: #000} /* \*/ * html #ColA .row .zoom {height:1%;} /* */ #ColA .row .special h3 a {color:#262D30;} #ColA .ad {padding:0 0 0 10px;margin:0 0 30px 0;} /* .left {float:left;margin:.6em 15px 15px 0;} .right {float:right;margin:.6em 0 15px 15px;} */ .center {text-align:center;} .justify {text-align:justify;} .middle {display:block;margin:0 auto;} /* img position */ .right {} .right .blocVisu {float:right;margin:0 0 10px 15px;} .right .blocTxt {} .left {} .left .blocVisu {float:left;margin:0 15px 10px 0;} .left .blocTxt {} .legende {font-size:.8em;color:#6E6E6E;padding:.1em 0 0 0;} /* [ 03.2 | Colonne de contenu contextuel ]________________________ */ #ColContextuelle {width:212px;} #VoilePub { display: none; visibility: hidden; } /* Bloc thematiques */ #thematiques {margin:0 0 0 0;padding:6px 10px 10px 20px; background:url(../images/thematiques.gif) no-repeat -5px 0;font-weight:bold;} #thematiques span {margin:0 5px 0 0;padding:0;} #thematiques span.separator {margin:0 0 0 0;padding:0;} #thematiques a {margin:0 5px 0 5px;padding:0;color:#4C6BB4;} /* row bloc */ #ContainerCols .row .r-bloc {width:465px;padding:4px 5px 0 5px;margin:0;float:left;background:url(../images/bg_r-bloc.gif) transparent repeat-x 0 0;} #ContainerCols .row .r-bloc:first-child, #ContainerCols .row .r-bloc.firstChild {margin:0 10px 0 0;} #ContainerCols .row .r-bloc h2 {background:url(../images/bg_h2_alt.gif) transparent no-repeat 100% 100%; font-weight:normal;margin-top:0;} /* telechargement */ #ContainerCols .row .bl-livre {width:148px;float:left;background:#FFF url(../images/bg_livre-top.gif) no-repeat 0 0;margin-right:6px;display:inline;} /*#ContainerCols .deux .bl-livre {margin-right:18px;}*/ #ContainerCols .row .bl-livre .txtVisu {background:url(../images/bg_livre-bas.gif) no-repeat 0 100%;padding:20px 26px 15px 6px;} #ContainerCols .row .bl-livre .txtVisu .blocTxt p {line-height:1em;} #ContainerCols .row .bl-livre .blocVisu {text-align:center;width:auto;} #ContainerCols .row .bl-livre a {color:#000;font-size:11px;} #ContainerCols .row .bl-livre a.pdf {display:block;} #ContainerCols .row .bl-livre a.doc {display:block;} #ContainerCols .row .bl-livre span {margin:0;padding:0 0 0 26px;display:block;font-size:11px;} /* lien abonnement */ #ContainerCols .r-bloc {width:465px !important;} #ContainerCols .r-bloc:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ContainerCols .r-bloc {display:inline-block;} /* \*/ * html #ContainerCols .r-bloc {height:1%;} #ContainerCols .r-bloc {display:block;} /* */ #ContainerCols .r-bloc .acces {margin:0 0 2.5em 0;padding:0 45px 0 0;} #ContainerCols .deux .r-bloc .acces {margin:0 0 2.5em 0;padding:0 15px 0 0;} #ContainerCols .r-bloc ul {margin:0 0 1em 0;padding:0;} #ContainerCols .r-bloc ul.lien-flech li {background:none;padding:0;list-style:none;margin:0 0 5px 0;} #ContainerCols .r-bloc ul.lien-flech li a, #ContainerCols .r-bloc a.lien-flech {display:block;padding:0 0 0 23px;margin:0;color:#000;font-weight:normal;} #ContainerCols .r-bloc .abonne-rapide {background:url(../images/bg_abonne-rapide.gif) no-repeat 50% 0;color:#DE6324;text-align:center;font-weight:bold;padding:3px 0 4px 0;} #ContainerCols .r-bloc .abonne-liste {margin:0 0 1em -10px;position:relative;background:url(../images/bg_sous-trait.gif) no-repeat 50% 100%;} #ContainerCols .r-bloc .abonne-liste a {margin:0 10px 8px 10px;padding:0 0 3px 24px;display:inline-block;color:#000;vertical-align:top} #ContainerCols .r-bloc a.rss {background:url(../images/ico_rss.gif) no-repeat 0 0;} #ContainerCols .r-bloc a.lettre {background:url(../images/ico_mail.gif) no-repeat 0 2px;} .glyphicon.clickable-title {display: block;float: left;color: darkgray;margin-top: 8px;margin-right: 5px;}