/***********************************************************/
/*****************     Small only       ********************/
/***********************************************************/
@media screen and (max-width: 39.9375em) {
h1 {
font-size:2rem;
}
h2 {
font-size:1.75rem;
}
h3 {
font-size:1.5rem;
}
h4 {
font-size:1.375rem;
}
h5 {
font-size:1.25rem;
}
h6 {
font-size:1.125rem;
}
div#header {
padding:2.125rem 0rem 0;
}
div#header img.logo {
max-width:260px;
}
div.bandeau h1 {
font-size:2rem;
color:#f79222;
margin:1rem 0 1rem 0;
}
div.bandeau h2 {
font-size:1.375rem;
color:#705f5a;
margin:1.375rem 0 0 0;
}
div.bandeau p {
margin-bottom:2rem;
}
div.bandeau a.bouton {
margin:0 0 2rem 0;
}
.spacerHorizontal {
padding:0 2rem;
}
div.infoSupplementairesColorees {
padding:0.625rem 0 0 0;
}
div.infoSupplementairesColorees div.large-4 {
padding:2rem 0
}
div.infoSupplementaires {
padding:2rem 0 1rem 0;
}
div.titreSupperpose h1 {
font-size:1.25rem;
}
div.titreSupperpose h1.fondu {
font-size:4rem !important;
top:-90px !important;
}
div.babillard div.titreSupperpose h1.fondu {
top:-55px;
}
div.babillard {
padding:3.5rem 1rem 0.5rem 1rem;
}
div.infoSupplementairesColorees p {
min-height:inherit;
}
div.contenuPage div.titrePage h1 {
padding:1.5rem 0 1rem 0;
font-size:3rem;
}
div#infoBottom {
height:inherit;
background-size:cover;
}
div#infoBottom h1 {
font-size:1.5rem;
}
div#infoBottom div.espacementTop {
margin-top:3rem;
}
div#infoBottom div.large-1 {
margin-top:1rem;
}
div#infoBottom div.large-offset-1 img {
margin:0;
}
div#infoBottom div.large-offset-1 img {
padding-top:0;
}
div#infoBottom ul.liste li {
width:40%;
float:left;
}
div#infoBottom div.large-1 ul li:last-child a i {
margin-top:0;
}
div#infoBottom div.large-1 {
text-align:left;
}
div#imageBackground {
display:none;
}
table tbody td {
display:block;
width:100%;
}
div.logoAEQ {
position:inherit !important;
margin:0 0 3.5rem 0;
}
footer {
padding:1.375rem 0 0.375rem 0;
}
footer p {
margin-bottom:1rem;
}
footer div.medium-6:last-child {
text-align:left;
}
}


/***********************************************************/
/****************     Medium and up       ******************/
/***********************************************************/
@media screen and (min-width: 40em) {

}


/***********************************************************/
/*****************     Medium only       *******************/
/***********************************************************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
div#header {
padding:1.25rem 0rem 0;
}
div.bandeau {
padding:0 0 6rem 0;
}
div.bandeau h1 {
font-size:3.375rem;
margin:2rem 0 2rem 0;
}
div.bandeau h2 {
font-size:1.5rem;
margin:3.375rem 0 0 0;
}
.spacerHorizontal {
padding:0 5rem;
}
div.infoSupplementairesColorees {
padding:4.25rem 0 3.625rem 0;
}
div.infoSupplementairesColorees div.large-4 {
padding:2rem 0
}
div.titreSupperpose h1 {
font-size:2.5rem;
}
div.titreSupperpose h1.fondu {
font-size:4.5rem !important;
top:-105px !important;
}
div.babillard div.titreSupperpose h1.fondu {
top:-90px;
}
div.infoSupplementairesColorees p {
min-height:inherit;
}
div#infoBottom {
height:inherit;
background-size:cover;
}
div#infoBottom h1 {
font-size:2.5rem;
}
div#infoBottom div.espacementTop {
margin-top:3rem;
}
div#infoBottom img.logo {
max-width:400px;
}
div#infoBottom div.large-offset-1 img {
margin:2rem 0;
}
div#imageBackground {
right:0;
}
div.logoAEQ {
position:inherit !important;
margin:0 0 3.5rem 0;
}
div#infoBottom div.large-offset-1 p.droite {
text-align:left;
margin-left:12rem;
}
}


/***********************************************************/
/****************     Large and up        ******************/
/***********************************************************/
@media screen and (min-width: 64em) {

}


/***********************************************************/
/*****************     Large only        *******************/
/***********************************************************/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
div#main-menu ul li a {
font-size:1rem;	
padding:1.5rem 0 0 0.75rem;
}
div.bandeau h1 {
font-size:3.375rem;
margin:3rem 0 3rem 0;
}

div.bandeau h2 {
font-size:1.875rem;
margin:3.375rem 0 0 0;
}

div.bandeau p {
margin-bottom:3rem;
}
div#infoBottom h1 {
font-size:2.75rem;
}
.StepProgress {
font-size:1.375rem;
}
.StepProgress-item::after {
left:-64px;
width:40px;
height:40px;
}
.StepProgress-item.current::after {
width:40px;
height:40px;
top:-4px;
left:-64px;
}
div#infoBottom div.large-offset-1 {
margin-left:0rem;
}
div#infoBottom div.large-offset-1 p.droite {
text-align:left;
margin-left:12rem;
}
}


/***********************************************************/
/*****************     xLarge only         *****************/
/***********************************************************/
@media screen and (min-width: 75em) and (max-width: 96.875em) {	
div#main-menu ul li a {
font-size:1.125rem;
}
div.bandeau {
padding:0 0 15rem 0;
}
.spacerHorizontal {
padding:0 1rem;
}
}


/***********************************************************/
/*****************     xxLarge only         *****************/
/***********************************************************/
@media screen and (min-width: 96.875em) and (max-width: 120em) {	
div.bandeau {
padding:0 0 15rem 0;
}
.spacerHorizontal {
padding:0 1rem;
}
}


/***********************************************************/
/*****************     HD and under         ****************/
/***********************************************************/
@media screen and (min-width: 0em) and (max-width: 120em) {	

}


/***********************************************************/
/*****************     HD and over         ****************/
/***********************************************************/
@media screen and (min-width: 120em) and (max-width: 1200em) {	
div.bandeau {
min-height:778px;
}
}