/*Preventtextsizechangeonorientationchange*/html{-webkit-text-size-adjust:100%}
body{font-family:'Roboto', sans-serif;font-weight:400}
body{background-color:#FFF;color:#717171}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{color:#474747;font-weight:600}
@media (min-width:1200px){.container{width:1100px}}
/*SET FONT_SIZE Hx*/
/* OPEN SANS - NORMAL:400 SEMIBOLD:600 BOLD:700 */
/* ROBOTO - NORMAL:400 MEDIUM:500 BOLD:700 */

.h1,h1{font-size:51px}
.h2,h2{font-size:43px}
.h3,h3{font-size:30px}
.h4,h4{font-size:19px}
.h5,h5{font-size:18px}
.h6,h6{font-size:14px}

h1,h2,h3{margin-top:30px;margin-bottom:15px}
.h2,h2{margin-bottom:30px}
h4,h5,h6{margin-top:15px;margin-bottom:15px}
.heroDrop h1{color:#FFF;letter-spacing:2px;margin:0 0 28px 0;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.3);font-weight:400}
.heroDrop h2{color:#FFF;font-size:30px;line-height:1.1;display:inline-block;font-weight:400;text-shadow:none;margin-top:28px;margin:0}
.strong{font-weight:700}
a:focus,a:hover,a:active{outline:none}
.btn:focus,.btn:hover,.btn:active{outline:none}
.simple-pipe li:before{content:"|";}
.simple-pipe li:first-child:before{content:"";}
.simple-pipe li{margin:0;padding:0}
.simple-pipe li a{padding:05px}
.word-break{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto}
.introSection{margin:0 0 30px 0}
.underlinea{text-decoration:underline}
.backgroundWhite{background-color:#FFF}
.backgroundBlue{background-color:#3bafda;color:#FFF}
.backgroundBlue table{color:#717171}
.backgroundWhite h2,.backgroundWhite h3,.backgroundWhite h3 a, .backgroundWhite h4{color:#0ebfdd}
.backgroundBlue h2,.backgroundBlue h3,.backgroundBlue h4{color:#FFF}
.container > div .page-header:first-child{margin-top:0}
.page-header h1{margin-top:0}
.margin-top--10{margin-top:-10px}
.margin-0{margin:0}.margin-5{margin:5px}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-25{margin:25px}.margin-30{margin:30px}
.margin-left-0{margin-left:0}.margin-left-10{margin-left:10px}.margin-left-15{margin-left:15px}.margin-left-20{margin-left:20px}.margin-left-25{margin-left:25px}.margin-left-30{margin-left:30px}
.margin-right-0{margin-right:0}.margin-right-10{margin-right:10px}.margin-right-15{margin-right:15px}.margin-right-20{margin-right:20px}.margin-right-25{margin-right:25px}.margin-right-30{margin-right:30px}
.margin-top-0{margin-top:0}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}
.margin-bottom-0{margin-bottom:0}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}
.padding-0{padding:0}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-25{padding:25px}.padding-30{padding:30px}
.padding-bottom-0{padding-bottom:0}.padding-bottom-10{padding-bottom:10px}.padding-bottom-15{padding-bottom:15px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-25{padding-bottom:25px}.padding-bottom-30{padding-bottom:30px}
.padding-top-0{padding-top:0}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-25{padding-top:25px}.padding-top-30{padding-top:30px}
.padding-left-0{padding-left:0}.padding-left-5{padding-left:5px}.padding-left-10{padding-left:10px}.padding-left-15{padding-left:15px}.padding-left-20{padding-left:20px}.padding-left-25{padding-left:25px}.padding-left-30{padding-left:30px}
.padding-right-0{padding-right:0}.padding-right-5{padding-right:5px}.padding-right-10{padding-right:10px}.padding-right-15{padding-right:15px}.padding-right-20{padding-right:20px}.padding-right-25{padding-right:25px}.padding-right-30{padding-right:30px}
.table{display:table}
.tableCell{display:table-cell}
.container .jumbotron, .jumbotron{padding:0px;margin-bottom:20px;background-color:#FFF;border-radius:4px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}
.jumbotron .jumbotron-contents {color: #434A54;padding:20px}
.jumbotron .jumbotron-contents h4{color:#717171;margin:0}
.makePopoverJs{cursor:pointer}

@media (min-width:1200px){.presentation-steps{position:relative;min-height:55px}}

.popover{color:#FFF;background-color:#262D37;border-color:#000;font-size:12px}
.popover.top .arrow, .popover.top .arrow::after {border-top-color:#262D37}
.popover strong{color:#AAB2BD}

.padding-image-left{padding:0 30px 20px 0}
.navbar{margin-bottom:0}
.side-collapse-container{position:relative;top:72px}
@media screen and (max-width:767px){.side-collapse-container{position:relative;top:50px}}

.scrollup{width:40px;height:40px;position:fixed;bottom:50px;right:10px;display:none;background-color:#FFF;padding:0px 8px;font-size:24px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.scrollup,.scrollup:hover,.scrollup:focus,.scrollup:active{color:#0ebfdd}
.radiusRounded{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px}
section{padding:60px 0}
section p, li{font-size:18px}
.footer{padding:20px 0;background-color:#45494d;color:rgba(255,255,255,0.6)}
.footer .simple-pipe li,.footer .simple-pipe li a{color:rgba(255,255,255,0.6);font-weight:400;font-size:12px}
.footer .simple-pipe li a:hover,.footer .simple-pipe li a:focus,.footer .simple-pipe li a:active{color:rgba(255,255,255,0.8)}

/* ADAPTATIVE MARGIN */
.adaptativeMargin{margin:0 30%}
@media (max-width:999px) and (min-width:766px) {.adaptativeMargin{margin:0 20%}}
@media screen and (max-width:767px) {.adaptativeMargin{margin:20px}}

.stickyHeader .navbar-brand img{height:35px;transition:all.4s ease-out;-moz-transition:all.4s ease-out;-webkit-transition:all.4s ease-out;}


/*headerTop*/
#headerTop{font-family:'Open Sans',sans-serif}
#headerTop{background-color:#FFF;border:none;border-bottom:2px solid rgba(0,0,0,0.1);border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
#headerTop .navbar-brand{text-align:center;height:70px}
#headerTop .navbar-nav > li > a{text-transform:uppercase;margin:20px 10px;padding:5px;font-size:14px;font-weight:600;color:#82868f;background-color:transparent}
#headerTop .navbar-nav > li > a:hover,#headerTop .navbar-nav > li.active > a:hover,#headerTop .navbar-nav > li > a.active:hover{color:#636770}
#headerTop .navbar-nav button{margin:18px 10px;text-transform:uppercase}
@media (max-width:999px) and (min-width:766px) {
	.side-collapse-container{position:relative;top:72px}
}
@media (max-width:2500px) and (min-width:768px){
	.scrollup{right:100px}
	#headerTop .navbar-nav > li > a,#headerTop .navbar-nav button{transition:all.4s ease-out;-moz-transition:all.4s ease-out;-webkit-transition:all.4s ease-out}
}
/*onscroll*/
.stickyHeader #headerTop .navbar-brand{height:50px;padding:8px 15px 0px}
.stickyHeader #headerTop .navbar-nav > li > a{margin:9px 10px}
/*affichagemobile*/
@media screen and (max-width:1000px){
	#headerTop .navbar-brand{height:50px;padding:8px 15px 0px 15px}
	#headerTop .navbar-brand img{height:35px}
	#headerTop .navbar-nav > li > a{margin:9px 10px}
	.side-collapse-container{position:relative;top:50px}
}

/* CUSTOM PAGES */
/* COLOR CAPSULES */
.gratuite{background-color:#78b41e;color:#FFF}
.banalisee{background-color:#91919b;color:#FFF}
.majoree{background-color:#a50f78;color:#FFF}
/* FORMAT CAPSULES */
.capsuleContainer{padding:0 10px;font-size:30px;color:#91919B;border-top:1px solid rgb(145, 145, 155);margin-top:1px;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(145, 145, 155);margin-bottom:1px;height:41px!important;border-left:1px solid rgb(145, 145, 155)}
.capsuleMiddle{width:16px}
.capsuleFin{width:10px;border-top:1px solid rgb(145, 145, 155);margin-top:1px;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(145, 145, 155);margin-bottom:1px;height:41px!important;border-right:1px solid rgb(145, 145, 155);margin-left:-3px!important}
.capsuleAddMiddle{color:#FFF;padding:5px 10px 5px 0px;line-height:16px;text-align:left}

#reponse_Major .capsuleContainer{color:#a50f78}
#reponse_Major .capsuleAddMiddle{background-color:#a50f78}
#reponse_Major .capsuleMiddle{background:url(../img/capsules/majorMidd.png) no-repeat 0 0 transparent}

#reponse_Free .capsuleContainer{color:#78b41e}
#reponse_Free .capsuleAddMiddle{background-color:#78b41e}
#reponse_Free .capsuleMiddle{background:url(../img/capsules/freeMidd.png) no-repeat 0 0 transparent}
 
#reponse_Bann .capsuleContainer{color:#91919b}
#reponse_Bann .capsuleAddMiddle{background-color:#91919b}
#reponse_Bann .capsuleMiddle{background:url(../img/capsules/bannMidd.png) no-repeat 0 0 transparent}

#date_align_right {
  float:right;
}

#search{background-image:url(../img/tools/backgroundForm.jpg);background-repeat:no-repeat;background-size:cover}
#search label.picto{position:absolute;top:0;right:0;color:#fff;font-size:26px;padding:4px 30px 0px 0px;margin:0}
#search .form-group{position:relative;padding:0 12px}

@media (max-width:2500px) and (min-width:768px){
	#search .form-group:first-child{padding-left:0}
	#search .form-group:last-child{padding-right:0}
}
@media screen and (max-width:767px) {#search .form-group .btn{width:100%}}
#search .form-group ::-webkit-input-placeholder {color:rgba(255,255,255,0.6)}
#search .form-group :-moz-placeholder { /* Firefox 18- */color:rgba(255,255,255,0.6)}
#search .form-group ::-moz-placeholder {  /* Firefox 19+ */color:rgba(255,255,255,0.6)}
#search .form-group :-ms-input-placeholder {  color:rgba(255,255,255,0.6)}

#search .form-group .form-control:focus{border-color:#FFF;outline:0;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 8px rgba(255, 255, 255, 0.4);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 8px rgba(255, 255, 255, 0.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0px 0px 8px rgba(255, 255, 255, 0.4)}
#search .boxForm{background-color:rgba(0, 0, 0, 0.3);display:inline-block;padding:28px 35px;margin-top:60px}
#search p.h3{font-weight:400;color:#FFF;margin:0}
#search .form-control{background-color:rgba(255,255,255,0.15);color:#FFF}
#search .input-lg{padding:10px 43px 10px 16px}
#search button.radiusRounded{border:1px solid #DA4453}

#reponse{margin:30px auto 10px auto;transition:all.4s ease-out;-moz-transition:all.4s ease-out;-webkit-transition:all.4s ease-out;}
#reponse .formatCapsule{display:inline-block;height:45px;vertical-align:middle;margin-left:-4px;position:relative}
#reponse .txtSignal{color:#717171;font-size:14px}
#reponse .txtSignalnote{color:#717171;font-size:10px}
#reforme .embed-responsive-16by9 {z-index:10;position:relative}
#reforme .embed-responsive-16by9 iframe{z-index:10;}
#reforme {z-index:10;position:relative}

.modal {z-index : 1000000}


.alert-error{text-align:left;color:#fA4453;background-color:"none";margin:10px 5px}
.capsuleContainer {width:7.0em;font-family: arial;font-weight:bold}
.input-error {border:1px solid #fA4453}
#modal_signalement #signalementconfirm{display: none}
#modal_signalement.confirmed #formSignalement{display: none}
#modal_signalement.confirmed #signalementconfirm{display: block}

@media screen and (max-width:767px) and (min-width:200px) {
	.radiusRounded{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
	#search .boxForm{padding:12px 10px 10px}
	#search .form-group{padding:0}
	#reponse .padding-30{padding:15px}
	.capsuleContainer{font-size:20px;line-height:41px;width:6.2em;padding:0 5px}
	.capsuleAddMiddle{font-size:10px;padding:5px 5px 5px 0}
}

.notification{
    background-color: #71B500;
    border-color: white;
    clear: both;
    color: white;
    height: 4em;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 50%;
    width: 400px;
    z-index: 1000;
}
.form{position: relative;}
.loader{
    display: none;
}
#signalementform.pending .loader{
    display: block;
    height: 100%;
    left: 0;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    top: 0;
    width: 100%
}

.loader>div:before,
.loader>div:after,
.loader>div {
  border-radius: 50%;
  width: 3.5em;
  height: 3.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader>div {
  font-size: 10px;
  margin: 0 auto;
  position: absolute;
  left:45%;
  bottom:60%;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader.loadersmall>div{
     top:-2.5em;
}
.loader>div:before {
  left: -5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader>div:after {
  left: 5em;
}
.loader>div:before,
.loader>div:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 3.5em 0 -1.3em #91919A;
  }
  40% {
    box-shadow: 0 3.5em 0 0 #91919A;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 3.5em 0 -1.3em #91919A;
  }
  40% {
    box-shadow: 0 3.5em 0 0 #91919A;
  }
}



span.titulaire_siren {
  font-style: italic;
  font-size: 12px;
}


.boxForm textarea{
  height:120px;
  width:100%;
}

.bandeau{
  margin:30px;
  text-align:center;
  display:none;
}