/* CSS Document */


h1#logo strong { text-transform:none}

.embed-responsive { margin:0px 0 10px 0}
.wrapper-embed { margin:10px 0 40px 0}

.migx1logo  { margin-bottom:50px}
.migx1logo  img { background-color: #FFF;  padding: 20px;}

.aside_societes.innerGris { padding:50px 50px 55px 40px}
.aside_societes.innerGris + .innerGris { margin-top:100px}
.migx1logo:after {position: absolute; left: 50%; bottom: -27px; width: 1px; height: 17px; content: ""; background: #1a1a1a;}
.migx1logo .h2 { margin-top:10px}

/*.template6 #content h1 { margin-top:50px}
.template6 #content blockquote h1 { margin-top:-8px}*/

.template6 #content .innerGris { margin-left:0}

.error { color:#bf1e2e}
.form-control.error {border-color:#bf1e2e !important}

.template9 #maincontent {
    padding: 17px 0 0px;
}
.template9 .innerGris { margin-left:0}
.template9 .migx1personne .illustration:after { display:none}
.template9 .migx1personne .illustration { margin-bottom: 10px; }

.aside_diaporama .innerGris { padding-bottom:0}

.template7 .illustration {background-color:#FFF; padding: 20px 0}

.list-logos .migx1logo .illustration {/*background-color:#FFF*/}


/* step

-------------------------------------------------------------------*/

#content .step li {position:relative; margin:-17px 0 0; padding:2px 27px 0; overflow:hidden; font-size:1em; line-height:1em; background:url('images/step.png') no-repeat 0 0;}
#content .step li.step1 {margin-top:0;}
#content .step li.step2 {background-position:0 -174px;}
#content .step li.step3 {background-position:0 -357px;}
#content .step li.step4 {background-position:0 -540px;}
#content .step li.step5 {background-position:0 -723px;}
#content .step li.step6 {background-position:0 -906px;}
#content .step li.step7 {background-position:0 -1089px;}
#content .step li.step-results {background-position:0 -1272px;}


#content .step li .inner {display:table-cell; position:relative; padding-left:28px; height:181px; width:256px; vertical-align:middle;}
.ie7 #content .step li .inner {padding-top:25px; height:156px;}

#content .step li.step1 .inner {height:172px;}
.ie7 #content .step li.step1 .inner {padding-top:25px; height:147px;}

#content .step li.step-results .inner {height:244px; vertical-align:bottom; background:url('images/results.png') no-repeat 4px 50%;}
.ie7 #content .step li.step-results .inner {padding-top:0;}
#content .step li.step-results h4 {position:absolute; bottom:90px; margin-left:64px;}
.oldie #content .step li.step-results h4 {bottom:auto; top:95px; left:92px; margin-left:0;}

#content .step li.step-results h4 strong {float:left; margin-top:-0.1em; font-size:3.8em;}
#content .step li.step-results p {margin-bottom:15px;}
.ie7 #content .step li.step-results p {position:absolute; bottom:0; left:28px;}


#content .step h4 {margin:0 0 2px; font-size:2em; line-height:1em;}
#content .step h4 strong {display:block; margin-bottom:4px; font-size:3em; line-height:0.8em;}
#content .step h4 span {display:block; font-size:0.55em; line-height:0.9em;}
#content .step p {margin:0; font-size:1.2em; line-height:1.3em; color:#797979;}
#content .step a {text-decoration:underline; color:#797979;}
#content .step a:hover, #content .step a:focus {color:#bf1e2e;}


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

/* Custom, iPhone Retina XS SM MD LG */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones XS SM MD LG */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets SM MD LG */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops  MD LG */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens LG */
@media only screen and (min-width : 1200px) {

}


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

/* Large Devices, Wide Screens XS SM MD */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops XS SM */
@media only screen and (max-width : 991px) {
	/*#header .container {padding-left: 200px;}*/
}

/* Small Devices, Tablets XS */
@media only screen and (max-width : 767px) {
}

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

}

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