/*******Disable responsive*********/
div:not(#modal_theme) iframe#iframe_tpl_basic .container {
    width: 1170px !important;
}
.navbar-nav>li {
    float: left !important;
}
/*******Elements communs***********/
.nom_etude {
    color: #fff;
}
.nom_etude span {
	display: block;
    font-size: 15px;
}
label {
    position: relative;
}
label + .input-group {
    width: 100%;
}
label .alert-danger {
    background-color: transparent;
    position: absolute;
    top: -3px;
    right: -9px;
}
textarea {
    resize: none;
}
fieldset .alert-danger {
    background-color: transparent;
}
#contact p, #contact .alert, #acte .alert {
    max-width: 660px;
    margin: 0 auto 15px auto;
}
.required-field {
    text-align: right;
    margin-bottom: 10px;
    font-size: 12px;
}
.required-field:before {
    position: relative;
    font-size: 13px;
    right: .2em;
    top: -.4em;
}
form .has-feedback>label:after,
.required-field:before {
    content: "*";
    color: #a94442;
}
form .has-feedback>label:after {
    position: absolute;
    font-size: 13px;
    right: -10px;
    top: -6px;
    z-index: 0
}
form .has-feedback .glyphicon-info-sign {
    left: 12px;
}
form .has-feedback.none .glyphicon-info-sign {
    left: 5px;
}
.form-group.has-feedback.none label:after {
    content: "";
}
#map {
    position: relative;
    height: 530px;
    width: 100%;
    border: 1px solid;
    margin-top: 10px;
}
#map_canvas {
    position: relative;
    height: 400px;
    border: 1px solid #333333;
    margin: 0px;
}
#map .glyphicon-refresh,
#map_canvas .glyphicon-refresh {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 24px;
    margin-left: -12px;
    margin-top: -12px;
}
#tab_comp {
    width: 100%;
}
.adp-directions {
    width: 100%;
}
#modules_base a {
    display: block;
    text-decoration: none;
    transition: 0.2s all ease;
}
/**********Page accueil**********/
#texte_accueil {
    text-align: center;
}
/**********Footer**********/
footer {
	background-color: #3e3e3e;
}
footer ul {
	list-style: none;
	padding-left: 0;
	text-align: center;
	color: #fff;
	padding: 7px 15px;
}
footer li {
	display: inline-block;
}
footer li:after {
	content: "-";
	margin-left: 2px;
}
footer li:last-child:after {
	display: none;
}
footer a {
	color: #fff;
}
/********************/
/*Formulaires wizard*/
/********************/
#steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#steps li:before {
    content: "";
    display: none;
}
#makeWizard {
    background-color: #b0232a;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 18px;
}
#makeWizard:hover {
    background-color: #000;
}
#dem_constat #steps {
    margin-top: 20px;
    margin-bottom: -25px;
    margin-left: 0;
    margin-right: 0;
    width: auto;
}
#steps .number {
    border-radius: 50%;
    width: 40px; 
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 60px;
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 25px;
    border-width: 1px;
    border-style: solid;
    z-index: auto;
}
#steps li {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
#steps li.current {
    color: #000;
}
#steps span.title {
    position: absolute;
    left: 50%;
    top: 45px;
    width: 140px;
    font-size: 10px;
    margin-left: -70px;
    text-align: center;
}
#steps span.prefixe {
    position: absolute;
    top: 10px;
    left: 5px;
}
/*#step1commands, 
#step2commands, 
#step3commands {
    margin-top: 15px;
}*/
/*.form-group.last {
    margin-bottom: 0;
}*/
#steps li.current .number {
    color: #fff;
    position: relative;
}
.next, #bt_envoyer {
    float: right;
}
#bt_envoyer {
    margin-top: 15px;
}
.form-group .form-group {
    margin-bottom: 0;
}
#steps li.current .number,
#steps li.current .number:after, 
#steps li.current .number:before {
    background-color: #ddd;
}
#steps li .number:after,
#steps li.current .number:after, 
#steps li.current .number:before {
display: block;
content: "";
width: 110px;
height: 5px;
position: absolute;
top: 17px;
}
#steps li .number:after {
background-color: #ddd;
left: 40px;
}
#steps li.current .number:after {
left: 30px;
}
#steps li.current .number:before {
right: 30px;
}
#steps li:first-child .number:before,
#steps li:last-child .number:after {
display: none;
content: "";
}
#steps li {
padding: 0;
}
/**********************/
/*Formulaires : loader*/
/**********************/
#loader_city {
    position: absolute;
    display: none;
    right: 30px;
    top: 35px;
    z-index: 10;
    color: #999;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}
#loader {
    margin:23px;
    float:right;
    display:none;
    color:#999;
}
/**********Page paiement**********/
#paiement > p,
#paiement p.alert-danger {
    max-width: 570px;
    margin: 20px auto;
}
textarea + .alert-danger {
    background-color: transparent;
}
.paiement #modules_base {
    display: none;
}
body[class*="retour"] .alert,
body[class^="retour"] .alert {
    display: inline-block;
}
/*Documents de paiement*/
[id^="modalPaiement"] .modal-dialog {
    height: 90%;
    width: auto;
    max-width: 1170px;
}

[id^="modalPaiement"] .modal-content {
    height: 100%;
}

[id^="modalPaiement"] .modal-body {
    height: 100%;
}

[id^="modalPaiement"] iframe {
    height: 95%;
}
/**********Page depot acte**********/

.depot_acte #modules_base {
    display: none;
}
/*******Module compétence*********/
#competence2017 #map {
    height: 250px;
}
#competence2017 #result_km {
    float: right;
    font-size: 0.9em;
}
#competence2017 .caption {
    background-color: #fff;
}
#competence2017 .icon-competence {
    font-size: 2.7em;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    line-height: 68px !important;
}
#competence2017 .icon-competence .glyphicon {
    left: -2px;
}
#competence2017 .icon-competence svg {
    margin-left: -4px;
}
#competence2017 h4 {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#competence2017 h5 {
    margin: 0;
    font-weight: bold;
}
#competence2017 h4,
#competence2017 p span {
    text-transform: uppercase;
    font-weight: bold;
}
#competence2017 table th {
    color: #fff;
    text-transform: uppercase;
    padding-left: 25px;
}
#competence2017 table ul {
    list-style: none;
    padding-left: 10px;
}
#competence2017 #comp_num_dep {
    display: inline-block;
    margin-left: 3px;
}
#competence2017 [id^="tab_comp_"].caption {
    cursor: pointer;
    padding: 20px 15px;
    margin: 15px 0 0;
    transition: 0.3s all ease;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eee;
}
#competence2017 [id^="tab_comp_"].caption h5,
#competence2017 [id^="tab_comp_"].caption p {
    color: #333;
}
#competence2017 [id^="tab_comp_"].caption.active h5,
#competence2017 [id^="tab_comp_"].caption.active p {
    color: #fff;
}
#competence2017 [id^="tab_comp_"].caption:hover {
    z-index: 1;
     webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    box-shadow: 3px 10px 12px rgba(0, 0, 0, 0.3);
}
#competence2017 [id^="tab_comp_"].caption.active {
    cursor: default;
    box-shadow: none;
     webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
#competence2017 [id^="tab_comp_"].active * {
    color: #fff;
    border-color: #fff;
    fill: #fff;
}
#competence2017 [id^="tab_comp_"].caption.active .icon-competence .glyphicon-map-marker {
    color: #fff;
}
#competence2017 [id^="tab_comp_"].active .glyphicon-menu-down {
    color: #fff;
    bottom: -15px !important;
    font-size: 33px !important;
}
#competence2017 [id^="tab_comp_"].container-fluid {
    position: relative;
    margin-top: 0;
    color: #fff;
    transition: 0.5s all ease;
    z-index: -1;
    /*height: 0;*/
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition:transform 1s ease;
    z-index: 0;
}
#competence2017 #tab_comp_nationale_content:after,
#competence2017 #tab_comp_locale_content:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    background-color: rgba(255,255,255,0.3);
}
#competence2017 [id^="tab_comp_"].container-fluid .row {
    height: 0;
    overflow: hidden;
}
#competence2017 [id^="tab_comp_"].container-fluid.active .row {
    padding: 20px;
    height: 100%;
    overflow: hidden;
}
#competence2017 [id^="tab_comp_"].container-fluid h6 {
    margin-bottom: 17px;
    font-size: 17px;
    font-weight: bold;
}
#competence2017 [id^="tab_comp_"].container-fluid ul {
    position: relative;
    z-index: 1;
    list-style: none;
    padding-left: 0;
    line-height: 1.8em;
}
#competence2017 [id^="tab_comp_"].container-fluid .glyphicon {
    margin-right: 10px;
}
#competence2017 #tab_comp_nationale_content + p {
    margin-top: 30px;
}
#competence2017 table .glyphicon {
    margin: 5px;
}
#competence2017 #tab_comp_locale_content.active,
#competence2017 #tab_comp_nationale_content.active {
    /*height: auto;*/
    transform: scaleY(1);
}
#competence2017 .bloc_comp_inner [class^="icon-"], 
#competence2017 .bloc_comp_inner [class*=" icon-"] {
    position: static;
    font-size: 45px;
    display: block;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    width: 80px;
    height: 80px;
    line-height: 78px !important;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    transition: all 0.2s ease;
    background-color: transparent;
}
#competence2017 [id^="tab_comp_"].active [class^="icon-"], 
#competence2017 [id^="tab_comp_"].active [class*=" icon-"] {
    border-color: #fff;
}
#competence2017 #map {
    height: 530px;
}
#competence2017 [id^="tab_comp_"].container-fluid.active .row {
    padding: 35px;
}
#competence2017 #tab_comp_nationale,
#competence2017 #tab_comp_locale {
    position: relative;
    z-index: 1;
    height: 250px;   
}
#competence2017 #tab_comp_locale {
    border-right: 1px solid #ddd;
}
#competence2017 [id^="tab_comp_"].caption .glyphicon-menu-down {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    top: auto;
    font-weight: bold;
    font-size: 1.4em;
    transition: 0.3s all ease;
}
 #competence2017 [id^="tab_comp_"].container-fluid.active {
    opacity: 1;
}
/*****************/
/*Compétence 2017*/
/*****************/
#competence2017 [id^="tab_comp_"].container-fluid .glyphicon,
#competence2017 table .glyphicon,
#competence2017 [id^="tab_comp_"].caption .icon-competence,
#competence2017 [id^="tab_comp_"].caption .icon-competence .glyphicon-map-marker,
#competence2017 h4,
#competence2017 p span,
#competence2017 .caption .glyphicon-menu-down {
  color: #3e3e3e;
}
#competence2017 .bloc_comp_inner [class^="icon-"], 
#competence2017 .bloc_comp_inner [class*=" icon-"] {
  border-color: #3e3e3e;
}
#competence2017 table th,
#competence2017 [id^="tab_comp_"].container-fluid .row,
#competence2017 .caption.active {
  background-color: #3e3e3e;
}
#competence2017 .icon-competence svg polygon {
  fill: #3e3e3e;
}
#competence2017 [id^="tab_comp_"].container-fluid .glyphicon.glyphicon-remove {
    position: absolute;
    top: 17px;
    right: 5px;
    bottom: auto;
    left: auto;
    z-index: 1;
    font-size: 1.5em;
    cursor: pointer;
}
#competence2017 [id^="tab_comp_"].container-fluid .glyphicon-remove {
    opacity: 0;
}
#competence2017 [id^="tab_comp_"].container-fluid.active .glyphicon-remove {
    opacity: 1;
}
#services a {
    display: block;
    text-align: center;
    text-decoration: none;
    max-width: 360px;
    margin: auto;
}
#services a [class^="icon-"] {
    font-size: 3.5em;
}
#services h2 {
    text-transform: uppercase;
    font-size: 1.7em;
    color: #333;
}
.page-services #modules_base {
    display: none;
}