@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/******************************************
/* SPECIFIC LUTECE DEFAULT THEME STYLES   *
******************************************/
/* CORE STYLES */
/* Fix for fixed-nav-bar*/

@font-face{font-family:'Avenir';src:url('../fonts/AvenirNextLTPro-Regular.eot');src:local('☺'),url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),url('../fonts/AvenirNextLTPro-Regular.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Avenir';src:url('../fonts/AvenirNextLTPro-Demi.eot');src:local('☺'),url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'),url('../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),url('../fonts/AvenirNextLTPro-Demi.svg') format('svg');font-weight:500;font-style:normal;}
@font-face{font-family:'Avenir';src:url('../fonts/AvenirNextLTPro-Bold.eot');src:local('☺'),url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),url('../fonts/AvenirNextLTPro-Bold.svg') format('svg');font-weight:700;font-style:normal;}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Light-webfont.eot');src:url('../fonts/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Light-webfont.woff2') format('woff2'),url('../fonts/Montserrat-Light-webfont.woff') format('woff'),url('../fonts/Montserrat-Light-webfont.ttf') format('truetype'),url('../fonts/Montserrat-Light-webfont.svg#montserratlight') format('svg');font-weight:300;font-style:normal;}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Regular-webfont.eot');src:url('../fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Regular-webfont.woff2') format('woff2'),url('../fonts/Montserrat-Regular-webfont.woff') format('woff'),url('../fonts/Montserrat-Regular-webfont.ttf') format('truetype'),url('../fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');font-weight:500;font-style:normal;}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Bold-webfont.eot');src:url('../fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat-Bold-webfont.woff2') format('woff2'),url('../fonts/Montserrat-Bold-webfont.woff') format('woff'),url('../fonts/Montserrat-Bold-webfont.ttf') format('truetype'),url('../fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');font-weight:700;font-style:normal;}
@font-face{font-family:'paris-icons';src:url('../fonts/paris-icons.eot?-pleu1o');src:url('../fonts/paris-icons.eot?#iefix-pleu1o') format('embedded-opentype'),url('../fonts/paris-icons.woff?-pleu1o') format('woff'),url('../fonts/paris-icons.ttf?-pleu1o') format('truetype'),url('../fonts/paris-icons.svg?-pleu1o#icomoon') format('svg');font-weight:normal;font-style:normal;}

.container [class^="icon-"], [class*=" icon-"], .links-item:before {font-family:'paris-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.paris-icon {margin-right:5px; position:relative; top:3px; vertical-align:baseline; display:inline-block; font-size:20px;}
.icon-alert:before{content:"\e619"}
.icon-arrow-bottom:before{content:"\e601"}
.icon-arrow-left:before{content:"\e604"}
.icon-arrow-right:before{content:"\e605"}
.icon-arrow-top:before{content:"\e606"}
.icon-arrow-light-bottom:before{content:"\e607"}
.icon-arrow-light-left:before{content:"\e61e"}
.icon-arrow-light-right:before{content:"\e61d"}
.icon-arrow-light-top:before{content:"\e61f"}
.icon-arrow-small-bottom:before{content:"\e614"}
.icon-arrow-small-left:before{content:"\e615"}
.icon-arrow-small-right:before{content:"\e616"}
.icon-arrow-small-top:before{content:"\e617"}
.icon-avatar:before{content:"\e61a"}
.icon-bell:before{content:"\e61c"}
.icon-bicycle:before{content:"\e60f"}
.icon-bus:before{content:"\e60e"}
.icon-close:before{content:"\e612"}
.icon-close-rounded:before{content:"\e613"}
.icon-dailymotion:before{content:"\e620"}
.icon-facebook:before{content:"\e608"}
.icon-favorites:before{content:"\e600"}
.icon-file:before, .links-item.links-item-file:before{content:"\e61b"}
.icon-instagram:before{content:"\e618"}
.icon-link:before, .links-item:before{content:"\e603"}
.icon-mail:before{content:"\e609"}
.icon-marker:before{content:"\e60c"}
.icon-pdf:before, .links-item.links-item-pdf:before{content:"\e602"}
.icon-play:before{content:"\e611"}
.icon-profile:before{content:"\e60b"}
.icon-search:before{content:"\e60d"}
.icon-subway:before{content:"\e610"}
.icon-twitter:before{content:"\e60a"}
.icon-play:before{content:"\e611"}

html {position:relative; min-height:100%;}
body {min-height:100%; height:100%; font-family:"Montserrat",sans-serif; font-weight:300; background-color:#fff; color:#000;} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:"Montserrat",sans-serif;}

.heading-title {/* color:#333; */ color:#fff; font-size:26px; font-weight:700;  float:left; line-height:32px; margin:0px;
border-left: 6px solid #F8E273; padding: 15px 10px 15px 26px;}

/** Bootstrap override **/
.container-fluid {padding:0;}
.container .jumbotron, .container-fluid .jumbotron {padding-right:0; padding-left:0; border-radius:0px;}
a {color:#fff;}
a:hover {color:#fff; text-decoration:none;}
a:focus {outline:unset;}
.btn.focus, .btn:focus, .btn:hover {color:#fff;}
/***********************/

.jumbotron h2 {color:#fff; font-size:52px; width:60%; font-weight:bold;}
.jumbotron {background-color: #FFF; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: table; height:180px; position: relative; text-decoration: none; width:100%; padding:unset;}
.jumbotron-wrapper {display: table-cell; overflow: hidden; position: relative; vertical-align: middle; }
.jumbotron::after {background: transparent linear-gradient(to right, #024377 0%, transparent 150%) repeat scroll 0% 0%;
content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0;}
.jumbotron:hover::after {background: transparent linear-gradient(to right, #024377 15%, transparent 150%) repeat scroll 0% 0%;}
.jumbotron-content {z-index: 1; position:relative; padding-left:15px;}
.jumbotron a:hover, .jumbotron a:focus {text-decoration:none;}

.well {background-image:none; background-color: #0c518a; border: 1px solid #0c518a; border-radius: 0px; box-shadow:none;}

form, .lead, .lead p, legend, legend p {color:#0C518A;}
.lead p {font-size:21px;}
label, .checkbox label, .radio label {font-weight:200;}
legend {padding:0 0 10px 0; margin:30px 0 30px 0; border-width: 0px 0px 0px; font-size:170%; font-weight:500;}

.color-primary{color:#df225a;}
.color-secondary{color:#0C518A;}
.color-tertiary{color:#F8E273;}
.color-primary-background{background-color:#df225a;}
.color-secondary-background{background-color:#0C518A; color:#fff;}
.color-tertiary-background{background-color:#F8E273;}
.black-background{background-color:#000;}
.gray-background{background-color:#F2F2F2; padding:40px 0;}
.gray-medium-background{background-color: #ABB2B9;}

.container{padding-left:0; padding-right:0; min-height:100%; height:100%; }
/* .container:after{content:""; display:block;} */
.row {margin-left:0; margin-right:0;}

.layout-wrapper, .jumbotron-content, .footer{margin:0px auto;}

/* NAVBAR */
.navbar-fixed-top {border-width:0;}
.navbar-inverse {background-image:none; background-color:#032d52; border-color:transparent;}
.navbar-inverse .navbar-toggle {border-color:transparent;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {/* background-color:#af2258; */ background-color:#021e37;}
.navbar-toggle {margin:0; border-radius:0; padding:22px;}
.navbar-collapse, .navbar-form {box-shadow:none;}
.navbar-collapse {max-height:unset;}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {text-shadow:unset;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}
.navbar-nav > li > a, .navbar-nav ul > li > a /* site mairie */ {font-size:13px; font-weight:500; text-transform:uppercase; position:relative; /* padding-top:30px; padding-bottom:30px; */}
.nav > li > a {padding-left:0; padding-right:0;}
/* ! site mairie ! */
.navbar-nav ul > li {float:right;}
.navbar-inverse .navbar-nav ul li > a {color:#fff;}
.navbar-inverse .navbar-nav ul li {list-style-type:none; padding:30px 10px;}
.navbar-nav ul > li > ul, .hidden-infos {display:none;}
/*******************/
.navbar-brand {padding:0;}
.navbar-brand > img {display:unset;}
.navbar-brand h1 {margin: 0px;}

/* MYLUTECE BUTTONS ON NAVBAR */
.mylutece {list-style-type:none; margin:0; padding:0; background-color:#bf2257; transition:all ease 1.3s;}
.mylutece li {background-color:#df225a;}
.mylutece li:hover {background-color:#bf2257;}
.mylutece li a{font-size:13px; text-transform:uppercase; font-weight:400;}

/* LINKS */
ul.links-items {padding-left:0px; margin:20px 0 20px 0;}
.links-items {border-bottom:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3);}
.links-item {list-style:outside none none; margin:0px; padding:0px;}
.links-item+.links-item {border-top:1px solid rgba(255,255,255,0.3);}
.links-item::before {float:left; font-size:1.5em; padding:13px 20px 0px 0px; pointer-events:none;}
.links-item-filesize, .links-item-target {color:#666; display:inline-block; font-size:14px; margin-left:10px; text-decoration:none;}
.links-item > a {color:#fff; display:block; font-size:16px; line-height:20px; text-decoration:none; padding:16px 0px 16px 45px;}

/* Link Parisfilm.fr Rubrique Interventions sur la circulation */

.link-blue, .link-blue:hover {color: #0000ff;}

/* Link Paris.fr Rubrique Stationnement */

.link-red, .link-red:hover {color: #0000ff;}

/* BUTTONS */
.btn {border:medium none; border-radius:5px; color:#fff; cursor:pointer; display:inline-block; font-size:15px; font-weight:500; line-height:20px; overflow:hidden; position:relative; text-align:center; text-decoration:none; vertical-align:middle; z-index:1;}
.btn:after {border-radius:5px; content:""; display:block; height:100%; left:0px; position:absolute; top:0px; transition:width 0.35s ease 0s; width:0px; z-index:-1;}
.btn:hover:after{width:100%}
.btn-group-xs> .btn, .btn-xs {padding:3px 8px;}
.btn-group-sm > .btn, .btn-sm {padding:8px 13px;}
.btn-group-lg > .btn, .btn-lg {padding:15px 20px;}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {text-shadow:none; box-shadow:none; background-image:none;}

/*** BUTTON PRIMARY: ROSE ***/
.btn-primary, .btn-primary:focus, .btn-primary:hover {background-color:#df225a;}
.btn-primary:after {background-color:#b41a48;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active {
color:#fff; background-color:#b41a48; border-color:#b41a48;}

/*** BUTTON DEFAULT: BLANC ***/
.btn-default, .btn-default:focus, .btn-default:hover{background-color:#fff; color:#000;}
.btn-default:after {background-color:#f2f2f2;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover, .btn-default:active {
color:000; background-color:#f2f2f2; border-color:#f2f2f2;}

/*** BUTTON INFO: BLEU ***/
.btn-info, .btn-info:focus, .btn-info:hover{background-color:#00a6d6; color:#fff;}
.btn-info:after {background-color:#007b9f;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info:active {
color:#fff; background-color:#00a6d6; border-color:#00a6d6;}

/*** BUTTON DANGER: ROSE ***/
.btn-danger, .btn-danger:focus, .btn-danger:hover{background-color:#dd275c; color:#fff;}
.btn-danger:after {background-color:#831837;}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active {
color:#fff; background-color:#831837; border-color:#831837;}

/*** BUTTON SUCCESS : VERT ***/
.btn-success, .btn-success:focus, .btn-success:hover{background-color:#43b57e; color:#fff;}
.btn-success.active, .btn-success:active {background-color:#43b57e;}
.btn-success:after {background-color:#2b7250;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .btn-success:active {
color:#fff; background-color:#2b7250; border-color:#2b7250;}

/*** BUTTON WARNING : ORANGE ***/
.btn-warning, .btn-warning:focus, .btn-warning:hover{background-color:#f77f68; color:#fff;}
.btn-warning:after {background-color:#af5949;}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active {
color:#fff; background-color:#af5949; border-color:#af5949;}

/* FORMS */
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
border:1px solid rgba(12,81,138,0.8); border-radius:5px; font-size:16px!important; /* color:#4d4d4d!important; */ color:#0c518a!important; padding:5px 10px!important;}
.navbar .form-control {height:60px;}
.navbar .btn {padding:20px 22px; background-color:#f2f2f2;}
.form-control {border:1px solid rgba(12,81,138,0.8); border-radius:5px; box-shadow:none; color:#0c518a!important; font-size:16px;}
.form-control:focus {background-color:#f2f2f2; border-color:rgba(12,81,138,0.9); box-shadow:none;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {color:#df225a;}
.has-error .form-control, .has-error .form-control:focus {border-color:#df225a;}
.input-sm, select.input-sm {height:50px;}
.input-sm {color:#0c518a; font-size:18px;}
.input-group-addon {background-color:#fff; border:0px solid #fff; color:#0c518a;}
div.map {margin-top:15px!important; border:1px solid #032d52!important;}
.form-comment {font-size:110%;}
.form-group {margin-bottom: 23px;}
.checkbox a {color:#fff; text-decoration:underline;}
.checkbox a:focus, .checkbox a:hover {color:#df225a; text-decoration:underline;}
#form-requirement {margin-top:-80px; background-color:#0C518A; padding:40px 30px;}
#form-requirement p{color:#fff;}
#form-requirement  a {color:#df225a; text-decoration:none;}
#form-requirement  a:focus,  #form-requirement  a:hover {color:#df225a; text-decoration:underline;}
#form_inactive {color:#fff; font-size:140%; margin-top:30px;}
.dropdown-toggle {color:#fff;}
.dropdown-toggle:hover, .dropdown-toggle:focus {color:#fff;}
.dropdown-menu { background-color:#DF225A;}
.dropdown-menu > li > a {color:#fff;}
.dropdown-menu > li > a:hover {color:#fff;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color:#AF2258; background-image:none;}
.btn-group.open .dropdown-toggle {box-shadow:none;}
#form_recap  {border-bottom:1px solid rgba(255,255,255,0.4); font-size:120%; padding-bottom:15px; margin-left:15px; margin-right:15px;}
.help-block {color:#fff;}
.alert {border:0; border-radius:0; padding:8px; text-shadow:unset; box-shadow:none;}
.alert-danger {border-left:4px solid #f8e273; background-image:none; background-repeat:unset; color:#f8e273; background-color:#032d52;}
.alert-danger a {color:#f8e273;}
.alert-danger a:hover {color:#fff;}
.alert-info {border-left:4px solid #3ec2de; background-image:none; background-repeat:unset; color:#fff; background-color:#0092b1;}
#form-validate .error {background:#fff none repeat scroll 0px 0px!important;}

/* Asynchronous Upload javascript file overrides */
.uploaded-image img {padding:20px;}
.fileinput-button button {height:40px; left:0; right:initial!important; z-index:1;}
.file-input input[type="file"] {opacity:0; position:absolute; left:0; right:initial!important; top:initial; height:40px; z-index:10; margin-top:0; cursor:pointer; display:initial; width:40px;}
.file-input-button input {top:initial; margin:initial;}

/* Address Autocomplete overrides*/
.ui-autocomplete {z-index:99999!important;}

/* Alerts */
.alert-error {font-size:120%; color:#fff; text-shadow:none; box-shadow:none;}

/* AGATE : Page d'accueil */
#mainPage {margin-left:-15px; margin-right:-15px; background-color:#0c518a; color:#fff; font-size:115%; padding-top:30px; padding-bottom:30px;}
#mainPage .introGuide {background-color:rgba(255,255,255,0.1); padding:15px; text-align:center; margin-bottom:30px;}
#mainPage h3 {text-transform:uppercase; font-size:120%;}

/* AGATE */
.h1, .h2, .h3, h1, h2, h3 {margin:20px 0;}
.cinema_header {background-color:#5d8de3; background-image:url(../images/local/skin/fond_header.png); background-position:top right,center 50%; background-repeat:no-repeat; height:285px; color:#fff;}
.cinema_header h2 {margin-top:100px;}
.steps .step_index_current, .steps .step_index_next {border-radius:50%; font-size:20px; padding:9px 15px; display:inline-block; text-align:center; width:40px; height:40px; margin-right:10px;}
.steps.substep .step_index_current, .steps.substep .step_index_next {font-size:16px; padding:7px 11px; width:30px; height:30px;}
.steps.substep .step_index_next  {background-color:rgba(255,255,255,0.3); color:#093961;}
.steps .step_index_next {background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.7);}
.steps .step_index_current {background:rgba(255,255,255,1); color:#093961;}
.steps .step_title_current {color:#fff;}
.steps .step_index_next {color:rgba(255,255,255,0.5); background-color:#093961;}
.steps .step_title_next {color:rgba(255,255,255,1);}
.steps .margin{margin-left:-3px;}
.step-row {background-color:#0c518a; border-top:1px solid rgba(255,255,255,0.1);}
.step-row:hover, .step-row:focus {background-color:#1b5e95;}
.step-row.current {background-color:#093961;}
.steps h3 > .fa {float:right; font-size:28px;}
.steps h4 > .fa {float:right; font-size:22px;}
#current_step {margin-top:40px;}
#quiSuisJeStep, #demandeStep, #contactStep, #projetStep, #decorStep, #tournageStep, #equipeStep, #figurantFigurationPoliciereStep, #interventionCirculationStep, #interventionEspacePublicStep, #vehiculeJeuStep, #moyenTechniqueStep, #stationnementStep, #recapDecorStep, #precisionStep {display:block; position:relative; top:-60px; visibility:hidden;}
.table > tbody > tr > th {border-top:1px solid transparent; color:#0c518a;}
.table > tbody > tr > td, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-top: 1px solid rgba(12,81,138,0.5); color:#0c518a;}
.table > tbody > tr:last-of-type {border-bottom:1px solid rgba(12,81,138,0.5);}
.form-group .form-group {margin-bottom:0px;}
.form-horizontal h5 {font-size:16px; margin-top:20px; text-decoration:underline;}
.form-horizontal h6 {font-size:14px; margin-top:15px;}
.form-horizontal p {margin:0; padding:0;}
.file-input > button {margin-bottom:15px;}
[id^=_file_deletion] .btn-danger {margin-top:20px;}
span.recapLabel {font-weight:500;}
.form-control::-moz-placeholder {color:grey; opacity:0.7;}
.form-control:-ms-input-placeholder {color:grey;}
.form-control::-webkit-input-placeholder {color:grey;}

.alert {
	border: 2px solid #df225a; 
	padding: 10px;
	font-size: 100%;
	text-align : center;
	width:40%; 
	margin:auto;
	font-weight: bold; 
}
.arrow_box {position:relative;}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color:rgba(255,255,255,0);
	border-top-color:#093961;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(255,255,255,1);
	border-top-color:#093961;
	border-width: 16px;
	margin-left: -16px;
}

.tooltipLink {color:#0c518a;}
.tooltipLink:focus, .tooltipLink:hover {color:#007acc;}
.tooltip-inner{background-color:#007acc; font-size:13px; font-weight:bold; text-align:left;}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color:#007acc;}
.tooltip.right .tooltip-arrow {border-right-color:#007acc;}
.tooltip.left .tooltip-arrow {border-left-color:#007acc;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color:#007acc;}

/*** FORM SITES FOOTER ***/
footer {background-color:#e6e6e6; padding-top:15px; padding-bottom:15px; position:absolute; bottom:0; width:100%;}
footer ul {list-style-type:none; padding:0; margin:0;}
footer ul li a{display:block; text-decoration:none; color:#333;}
footer ul li a:focus, footer ul li a:hover{color:#333; text-decoration:underline;}


/* 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;}



/*==================================================
=            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) {
body {padding-top:60px; margin-bottom:31px;}
header {margin-bottom:0px;}
.page-header-home .navbar-brand {transform:translateY(20px);}
.page-header-internal-nav {height:60px;}
.page-header-home-nav {min-height:99px;}
.navbar-form {display:none;}
.navbar-nav > li > a:after {display:block; position:absolute; left:0; width:0; height:1px; transition:width 0.3s ease 0s; background-color:#fff; content:"";}
.page-header-home-nav .navbar-nav > li > a:after {bottom:38px;}
.page-header-internal-nav .navbar-nav > li > a:after {bottom:28px;}
.navbar-nav > li > a:hover {color:#fff; text-decoration:none;}
.navbar-nav > li > a:hover:after{width:100%;}
.navbar-nav {float: right;}
.nav > li > a {margin-left:20px; margin-right:20px;}
.page-header-home-nav .nav > li > a {padding:40px 0;}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {/* margin-right:15px; */}
.page-header-internal-nav .navbar-brand {transform:translateY(0px);}
.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; display: block; position:relative; text-align:center; z-index:10;}
.img-paris h1 {margin: 0px;}
.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;}
.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;}
/* MYLUTECE BUTTONS ON NAVBAR */
.mylutece {float:right; margin:0; padding:0;}
.page-header-internal-nav .mylutece li {display:block; float:left; margin-left:1px;}
.page-header-internal-nav .mylutece li {padding:18px;}
.page-header-home-nav .mylutece li {padding:40px;}

.heading {border-left:6px solid #F8E273; overflow:auto; margin-bottom:40px; padding:20px 10px 20px 26px;}
.heading-title {font-size:34px; line-height:40px; margin:20px 20px 20px 0px;}

.layout-wrapper, .jumbotron-content, .footer{max-width:768px;}
.layout-wrapper, .footer{padding-left:0px; padding-right:0px;}
.form-horizontal {text-align:left; margin-bottom:5px;}
.jumbotron {height:320px;}

/*** FORM ELEMENTS ***/
#form_inactive {height:600px;}

/*** SECTIONS LIST ***/
.sections-list-button {height:200px;}

/*** FORM SITES FOOTER ***/
footer {height:50px;}
footer ul li{padding-left:5px;}
footer ul li a{float:left; margin-left:20px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.layout-wrapper, .jumbotron-content, .footer{max-width:992px;}
/* input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input, textarea, select {width:570px!important;}
input[type="text"], .input-group, select {max-width:570px;} */

/* PERSON BLOCK */
.person-block-title {padding-bottom:20px; font-size:22px;}

/*FORMS*/
.form-horizontal .{text-align:right;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.layout-wrapper, .jumbotron-content, .footer{max-width:1200px;}
.layout-content.layout-small-padding.layout-separate-after {padding-bottom:25px;}
.layout-content.layout-small-padding {padding-top:25px;}
.layout-content.layout-separate-after {padding-bottom:40px; border-bottom:1px solid #CCC; position:relative;}
.layout-content + .layout-content {padding-top:40px;}
.layout-content.layout-adjacent-after {padding-bottom:0px;}
.layout-content + .layout-adjacent-before {padding-top:0px;}
.layout-content.gray-background {background-color:#F2F2F2; padding:40px 0px;}
}

@media only screen and (min-width : 1400px) {
.page-header-home .navbar-brand {transform:translateY(10px);}
.navbar-header {position:absolute; left:calc(50% - 635px);}
.navbar {min-height:60px;}
.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;
}
.img-paris {
background-position: 50% 54%;
width: 180px;
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;
}
}


/*==========  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) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
body {padding-top:60px; margin-bottom: 137px;}
.navbar-nav {margin:0px -15px; /* background-color:#DF225A; */ background-color:#0c518a;}
.navbar-brand {
transition:opacity 0.2s ease 0s;
display: block;
height: 60px;
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;
}
.nav > li {/* border-top:1px solid #E54E7B; */border-top:1px solid #0c518a; padding-left:15px;}
.nav > li:hover {background-color:#BF2257;}
.navbar-collapse {border-top: 0px solid transparent; box-shadow:none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color:transparent; background-color:#021e37;/* background-color:rgb(175,034,088); */}
.navbar-nav > li > a {padding-top:15px; padding-bottom:15px;}
/* MYLUTECE BUTTONS ON NAVBAR */
.mylutece li {padding:25px; text-align:center;}
.mylutece {margin-left:-15px; margin-right:-15px;}

.layout-wrapper, .footer{/* padding-left:20px; padding-right:20px; */}
.jumbotron-content h2 {font-size:24px;}
.jumbotron-content {padding-left:35px; padding-right:35px;}
.heading-title {margin: 20px 0px 20px 0;}
/*** TABLES ***/
.table-responsive {border:0px solid #ddd;}
/*** FORM ELEMENTS ***/
#form_inactive {height:500px;}
/*** FORM SITES FOOTER ***/
footer {text-align:center;}
footer ul li a {padding-top:15px;}

/*** AGATE ***/
h3 {font-size:16px;}
h4 {font-size:14px;}
h3 > .fa {font-size:24px; float:right; position:absolute; right:15px;}
.cinema_header {height:200px;}
.cinema_header h2 {margin-top:50px;}
.steps .edit {display:none;}
.steps.substep .step_index_current, .steps.substep .step_index_next {margin-left:10px; padding:4px 7px; width:20px; height:20px; font-size:12px;}
.steps .step_index_current, .steps .step_index_next {border-radius:50%; font-size:16px; padding:6px 10px; width:30px; height:30px; margin-right:5px;}
}

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

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

strong{font-weight: bold;}

.substep h4 {margin: 10px 0;}

.logo_header{
	height: 100%;
}

.mdp_logo{
	height: 40px;
}