@import url(http://fonts.googleapis.com/css?family=Abel);

@import url(http://fonts.googleapis.com/css?family=PT+Sans);



html,body { min-height:100% }



header, footer,

.navbar-nav, .navbar-toggle,

#soldiers_list h1 , #soldiers_list table th, .year_button, .year_button_active,

#contact_form h1, #search_form h1,

#articles h1, #articles_list h2, #htmlpage h1, article h1, #presentation h1, #presentation h2, .entry-label, .article-player, .article-player h3 {

font-family: 'Abel', sans-serif;

}



a {color:#1b43b6;}

a:focus, a:hover {color:#1b43b6;}



body {

margin:60px 0 0 0;

padding:0;

font-family:'PT Sans',sans-serif;

font-size:18px;

color:#3b3933;

/* background:url("../images/local/skin/background.jpg") no-repeat top fixed;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover; */

border-width:0 50px 10px 50px;

border-style:solid;

border-color:#fff;	

}

.wrapper {

background:url("../images/local/skin/background.jpg") no-repeat top fixed;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover;

}



#header_links {background-color:#fff; text-align:right; font-size:110%; padding:1%;}
#header_links_left{background-color:#fff; text-align:left; font-size:110%; padding:1%;}

#header_links img{width:30px;}

#header_logo_home{margin-top:15%; margin-bottom:5%;}

#header_logo_home img{width:50%;}

#header_logo_internal{margin-top:3%; margin-bottom:3%; padding-left:3%;}

#header_logo_internal img{width:24%;}

#header_mdp_logo img {width:200px; margin-top:1%;}



.container{width:100%; padding:1%;}



.navbar-container{margin-top:100%;}

.navbar-nav {float:initial; font-size:23px;}

.navbar-nav > li {float:none;}

.navbar-nav > li > a {padding:0; margin:0; text-transform:uppercase; line-height:140%;}

.navbar-default .navbar-nav > li > a {color:#000;}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#1b43b6; text-decoration:underline;}

.navbar-form {padding:0; margin:0;}

.navbar-collapse {padding:0;}

.navbar-default {background-image:none; box-shadow:none;}

.navbar-default {background-color:transparent; border-color:transparent;}

.navbar-default .navbar-nav > .active > a {background-image:none; box-shadow:none; background-color:transparent; color:#1b43b6;}

.navbar-default .navbar-nav > .active > a:hover {background-image:none; box-shadow:none; background-color:transparent; color:#1b43b6;}

.navbar-brand, .navbar-nav > li > a {text-shadow: unset;}

.navbar-brand {padding:0;}

.navbar-brand h1 {margin:0px;}

.navbar-inverse {background-image:none; background-color:#bdb8b2; border-color:#bdb8b2;}



/* img list styles */

img.thumblist-mini{width:24px;height:24px;}

img.thumblist-small{width:32px;height:32px;}

img.thumblist-medium{width:64px;height:64px;}

img.thumblist-large{width:128px;height:128px;}

/* END CORE STYLES */



/* avatar default styles */

.avatar{margin:2px; border:1px solid #000;padding:2px;margin-right:10px; }

.avatar-mini{width:18px;height:18px;}

.avatar-small{width:32px;height:32px;}

.avatar-large{width:64px;height:64px;}

.avatar-huge{width:128px;height:128px;}



/* ADMIN STYLES */

/* Lutece admin style do not remove ! */

.btn-group-portlet{float:right;margin:5px 0 0 0;padding:4px;background-color:#DEDEDE;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

.btn-group-portlet form{margin-bottom:2px !important; }

.btn-group-portlet button{opacity:0.6;margin:0 1px;background-color:#DEDEDE !important;}

.btn-group-portlet button:hover{opacity:1;background-color:#DEDEDE !important;}



.form-in-dropdown{color:#555555;padding:5px;margin:0px;}

.form-in-dropdown button{width:100%;}

/*

div.btn-group-portlet + [class^="portlet"]:hover,div.btn-group-portlet + [class*=" portlet"]:hover  > [class^="btn-group-portlet"]{background-color:#DEDEDE; }

*/

/* Lutece admin style do not remove ! */



/*PAGE HEADER STYLES*/



.memorial-content-background {background:rgba(246,244,239,0.4); padding:3%;}

legend {font-size:16px;}



#presentation {text-align:justify;}

#presentation h1 {text-transform:uppercase; color:#1b43b6;}

#presentation h2{color:#000; margin-top:10px; font-weight:bold;}

#presentation img {width:100%; padding-bottom:1%;}

#presentation .presentation_image {float:left; width:40%; margin-right:2%; margin-top:1%;}

#presentation .presentation_caption {font-size:80%; color:#fff; background:rgba(0,0,0,.5); padding:2%; margin-top:65%;}

#presentation blockquote {border-left:none; font-size:85%; margin: 0 6%;}

#presentation .references {margin-top:5%; margin-bottom:3%; font-size:75%;}

#presentation .video-iframe { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;}

#presentation .video-iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%;}



/* Carousel */

.camera_caption > div, .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont  {background:rgba(27,67,182,0.7);}

.camera_caption p {font-size:90%;}

.camera_caption > div:last-of-type {font-size:90%!important;}

.camera_caption {width:auto; height:40%; margin-top:6%;}

.big-title{font-size:150%;margin-top: 0; margin-bottom: 0;}

.text-margin{margin-bottom: 0;}



article {height:300px; overflow-y: scroll;}

article h1 {text-transform:uppercase; color:#1b43b6;}



#soldiers_list{overflow:auto; max-width:100%;}



.vertical-track2 {width:6px;}

.vertical-handle2 {width:6px;}

.vertical-handle2 .top {width:6px; height:6px; background:#fff; background:rgba(255,255,255,0.6);}

.vertical-handle2 .bottom {width:6px; height:100%; position:absolute; bottom:0; clip:rect(6px 6px 9999px 0); background:#fff; background:rgba(255,255,255,0.6);}

.horizontal-track2 {width:100%; height:6px;}

.horizontal-handle2 {height:6px;}

.horizontal-handle2 .left {width:6px; height:6px; background:#fff; background:rgba(255,255,255,0.6);}

.horizontal-handle2 .right {width:100%; height:6px; position:absolute; right:0; top:0; clip:rect(0 9999px 6px 6px); background:#fff; background:rgba(255,255,255,0.6);}

.corner2 {width:6px; height:6px; /* background:#fff; background:rgba(255,255,255,0.6); */}



#soldiers_list h1 {text-transform:uppercase; color:#1b43b6;}

#soldiers_list hr {border:1px solid #fff;}

#soldiers_list .pagination li {background-color:red;}

#soldiers_list table {color:#000; font-size:75%;}

#soldiers_list table th {text-transform:uppercase; padding-bottom:20px; font-size:130%; font-weight:normal;}

#soldiers_list table th, #soldiers_list table td {white-space:nowrap;}

#soldiers_list table .soldiers_names {white-space:initial;}

#soldiers_list .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:0 1% 0 0; border-top:none;}

#soldiers_list .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#fff; border-color:#1b43b6; color:#1b43b6;}

#soldiers_list .pagination > li > a, .pagination > li > span {padding:2px 6px; margin-right:7px; background-color:#1b43b6; border:1px solid #1b43b6; color:#fff; border-radius:3px;}

#soldiers_list .nb_items{margin-top:20px; font-size:70%; color:#000;}

#search_form legend, #soldiers_list legend{color:#333; border-width:0px;}

#title-legend-map.entry-label{

	text-decoration:underline;

	font-weight:bold;

	margin-top:30px;

}

.legend{

	display:inline-block;

	vertical-align:middle;

	float:none;

}

.typeMonument:first-letter{

	text-transform:uppercase;	

}

.imgLegend{

	height:40px;

}
.dataModified{color:#1b43b6;}



#contact_form, #search_form {font-size:80%;}

#contact_form  h1, #search_form  h1, .entry-label {text-transform:uppercase; color:#1b43b6;}

#contact_form  fieldset, #search_form  fieldset {border:none;}

#contact_form  label, #search_form  label {text-transform:uppercase;}

#contact_form  legend{color:#000; font-weight:bold; border-width:0px;}

#contact_form   input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input ,

#search_form  input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {padding:6px 12px; color:#000; border:none; border-radius:0;}

#contact_form .form-control, #search_form .form-control{border-radius:0; color:#000;}

#contact_form .form-control:focus, #search_form .form-control:focus {border-color:transparent; outline: 0px none; box-shadow: 0px 1px 1px rgba(255,255,255,0.075) inset, 0px 0px 8px rgba(255,255,255,0.6);}

#contact_form .btn-primary, #search_form .btn-primary {background-image:none; background:#1b43b6; border-color:#1b43b6;}

#contact_form .btn-danger, #search_form .btn-danger {background-image:none; background:#ff0000; border-color:#ff0000;}

#contact_form .btn-default, #search_form .btn-default {background-image:none; background:#fff; border-color:#fff; color:#000;}

#contact_form .btn-primary:hover, #search_form .btn-primary:hover, #contact_form .btn-primary:focus, #search_form .btn-primary:focus {background-image:none; background-color:#ff3300; border-color:#ff3300;}

#contact_form .btn-danger:hover, #search_form .btn-danger:hover, #contact_form .btn-danger:focus, #search_form .btn-danger:focus {background-image:none; background-color:#ff3300; border-color:#ff3300;}

#contact_form .btn-default:hover, #search_form .btn-default:hover, #contact_form .btn-default:focus, #search_form .btn-default:focus {background-image:none; background-color:#ff3300; border-color:#ff3300;}

#contact_form .btn-default, #search_form .btn-default, #contact_form .btn-primary, #search_form .btn-primary, #contact_form .btn-success, #search_form .btn-success, #contact_form .btn-info, #search_form .btn-info, #contact_form .btn-warning, #search_form .btn-warning, #contact_form .btn-danger, #search_form .btn-danger {text-shadow:none; box-shadow:none; border-radius:0; text-transform:uppercase;}

#contact_form .form-horizontal .control-label {text-align: left;}

.search_form_info {color:#000; padding-bottom:2%;}

#contact_form .input-sm {height:35px;}



.alert-danger {background-image:none; background:rgba(255,0,0,0.5); border-color:rgb(255,0,0); color:#fff;}

.alert {padding: 15px; margin-bottom: 20px; border-radius:0; box-shadow:none;}



#articles h1, #articles_list h2 {text-transform:uppercase; color:#1b43b6;}

#articles h2, #articles_list h3 {background:rgba(0,0,0,0.5); padding:15px; text-transform:uppercase; position:absolute; bottom:0; right:0; margin:0;}

#articles h2 {font-size:95%;}

#articles h2 a {color:#fff;}

#articles_list h2{margin-top:0; padding-left:15px;}

#articles_list h3{font-size:75%;}

#articles_list a{color:#fff;}

#articles .article-une {padding-bottom:2%;}

#articles .article-left, #articles .article-right {padding-bottom:2%;}

#articles .left, #articles .right {/* min-height:280px; */ padding-top:50%; position:relative;}

#articles .une {/* min-height:300px; */ padding-top:35%; position:relative;}

#articles .articles_summary, #articles_list .articles_summary {background-color:#1e1d1b; color:#fff; font-size:95%; text-align:justify; padding:3%; font-size:85%;}

#articles .gauche {float:left; padding-right:10px;}

#articles .droite {float:right; padding-left:10px;}

#articles .gauche, #articles .droite {padding-bottom:10px;}

#articles_list .article {/* min-height:230px; */ padding-top:60%; padding-bottom:2%; position:relative; text-align:right;}

#articles_list .articles_summary {min-height:90px; margin-bottom:30px;}

/* Liste d'articles sous un article */

#articles_list {margin-top:2%;}



.year_button{

    border:none;

    background:#1b43b5;

    color:#fff;

    height: 30px;

    border: 1px solid #1b43b5;

    margin-right: 1%;

	text-transform:uppercase;

}

.year_button_active{

    border:none;

    background:#fff;

    color:#1b43b5;

    height: 30px;

    border: 1px solid #1b43b5;

    margin-right: 1%;

	text-transform:uppercase;

}

#year_buttons span{display:inline-block;}

#year_buttons {margin-bottom:2%;}



#htmlpage h1{text-transform:uppercase; color:#1b43b6;}



/* CARTO */

div.map {border:1px solid #1b43b6!important; height:500px!important;}

div.olMap {margin:15px 0 0 0!important;}

.portlet-map {background-color:#e1faed; padding:15px; margin-top:15px;}

.olControlOverviewMapElement {background-color:rgba(27,67,182,0.5)!important;}

.olControlOverviewMapExtentRectangle {border: 2px dotted #1b43b6!important;}

.markerContent {color:#fff!important;}

#hover_popup { z-index:100000 !important ; }

.olPopup { z-index:100001 !important ; }

.layersDiv {background-color:#1b43b6!important; padding:10px!important; border-radius:0!important; opacity:0.75;}

.labelSpan{

	font-size:12px;

	text-transform:none !important;

	margin-left:3px;

	display: inline !important;

}

.olbutton{

	

	}



/* Directory Record */

#back-search {text-transform:uppercase; margin-bottom:25px; font-size:80%; text-align:right; transition:1s linear 3s;}

#back-search::before {content:"<"; font-size:120%; font-weight:bold; color:#1b43b6;}

.entry-element {margin-bottom:25px;}

.entry-element p{margin:0;}

.entry-label {font-size:115%;}

.entry-value img {border:1px solid rgba(255,255,255,0.4); transition:ease 0.8s; margin-right:3px; margin-bottom:3px;}

.entry-value img:hover {border:1px solid rgba(255,255,255,0.9);}

.entry-value img:after:hover {background-color:red;}



#layersDiv input[type="checkbox"]{margin-right:5px;}



footer {background:#fff; /* position:fixed; */ bottom:0px; text-align: center; padding-bottom:2px; color:#000; font-size:90%;}

footer ul {list-style-type:none; padding:0;}

footer li {display:inline-block; padding-top: 5px;}

footer a {color:#000; text-decoration: none; border-right: 1px solid #fff; padding-right: 10px; padding-left: 10px;}

footer a:hover{text-decoration: underline;}

footer a.last {border-right: none;}

footer img {height:60px;}

.cnil{padding-top: 10px;}



#signature {float:right; font-weight:bold; font-style:italic;}

#liens a {color:#000;  font-size: 87%; font-weight:bold; text-decoration: underline;}



.buttonClicked{

    border:none;

    background-color: #000;

    color:#fff;

    height: 30px;

    border: 1px solid #5a544e;

    margin-right: 20px;

    width: 120px;

}



/*==================================================

=            Bootstrap 3 Media Queries             =

==================================================*/



/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */ 

@media only screen and (min-width : 320px) {



}



/* Extra Small Devices, Phones */ 

@media only screen and (min-width : 480px) {



}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {

.navbar-brand {

border-bottom: 0px none;

width: 285px;

height: 60px;

left: 15px;

position: absolute;

width: 185px;

transition: transform 0.2s ease 0s;

background-color: unset;

border-bottom: 4px solid #F8E273;

display: block;

margin: 0px auto;

overflow: hidden;

position: relative;

text-align: center;

z-index: 10;

}

.img-nef {

background-position:50% 60%;

width:33px;

background:transparent url("../images/local/skin/nef.svg") no-repeat scroll center center / contain;

display:block;

height:100%;

left:0px;

position:absolute;

}

.img-paris {

background-position:50% 60%;

width:140px;

background:transparent url("../images/local/skin/paris.svg") no-repeat scroll center center / contain;

display:block;

height:100%;

position:absolute;

right:0px;

text-indent:-9999px;

}

#articles .article-left {padding-right:1%;}

#articles .article-right {padding-left:1%;}

#articles .articles_summary{min-height:90px;}

}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {

div.navbar {height:60px;}

}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {

/* #soldiers_list {height:600px;} */

#articles_list .articles_summary {min-height:65px;}

}



@media only screen and (min-width : 1400px) {

div.navbar > .navbar-header {position:absolute; left:45px;}

div.navbar > .navbar-header > .navbar-brand {border-bottom:0px none; width:245px; height:60px; left:-18px;}

.img-nef {

background-position:50% 54%;

width:42px;

background:transparent url("../images/local/skin/nef.svg") no-repeat scroll center center / contain;

display:block;

height:100%;

left:0px;

top:0;

position:absolute;

}

.img-nef::after {

background-color:#f8e273;

content:"";

display:block;

height:100%;

left:68px;

position:absolute;

width:6px;

}

}





/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {



}



/* Medium Devices, Desktops */

@media only screen and (max-width : 991px) {

body{border-width:15px;}

#header_logo_home {margin-top:2%;}

#articles_list .articles_summary {min-height:75px;}

}



/* Small Devices, Tablets */

@media only screen and (max-width : 767px) {

body{font-size:160%; border-width:0; background-image:none;}

header {background-color:#fff;}

#header_logo_home, #header_logo_internal {text-align:center; padding:0; margin:0;}

#header_logo_home img, #header_logo_internal img {width:50%; margin-top:8%; margin-bottom:12%;}

#header_links {font-size:120%; padding:20px 8%; line-height:100%;}
#header_links_left{font-size:120%; padding:20px 8%; line-height:100%;}

#header_links img {margin-top:8px;}

.container {padding:0 8%; background:url("../images/local/skin/background.jpg") no-repeat top center fixed;}

.navbar-nav {margin:0; font-size:20px;}

.navbar-toggle{float:initial; border:none; border-radius:0; font-size:20px; padding-left:0; margin-left:0;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent;}

.navbar-default .navbar-toggle {border-color:transparent;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:transparent;}

.navbar-collapse {box-shadow:none;}

.navbar-brand {

transition:opacity 0.2s ease 0s;

border-bottom:4px solid #F8E273;

display:block;

height:60px;

margin:0px auto 0px calc(50% - 75px);

overflow:hidden;

position:relative;

text-align:center;

width:144px;

z-index:10;

}

.img-nef {

background: transparent url("../images/local/skin/nef.svg") no-repeat scroll center center / contain;

display:block;

height:100%;

left:0px;

position:absolute;

width:25px;

}

.img-paris {

background:transparent url("../images/local/skin/paris.svg") no-repeat scroll center center / contain;

display:block;

height:100%;

position:absolute;

right:0px;

text-indent:-9999px;

width:106px;

}

h1, h2, h3 {font-size:230%;}

#articles_list .article {padding-top:30%;}

#articles .articles_summary , #articles_list .articles_summary {min-height:auto; padding:1%;}

#articles .article-left, #articles .article-right {padding-bottom:4%;}

#articles .left, #articles .right {padding-top: 30%;}

#articles .article-une {padding-bottom:4%;}

}



@media screen and (max-width: 560px) {

h1, h2, h3 {font-size:190%;}

body{font-size:180%;}

#presentation .presentation_image {width:100%; margin-right:0; margin-bottom:2%;}

#articles .gauche, #articles .droite {float:none; padding-right:0; padding-left:0; width:100%; height:100%;}

#articles img {max-width:100%; min-height:100%; height:100%;}

}



/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {

body{font-size:160%;}

}



/* Custom, iPhone Retina */ 

@media only screen and (max-width : 320px) {

body{font-size:150%;}

}