/***********************************************************/
/*****************     Small only       ********************/
/***********************************************************/
@media screen and (max-width: 39.9375em) {
h1 {
font-size:3rem;
}
h2 {
font-size:2rem;
}
h3 {
font-size:1.75rem;
}
h4 {
font-size:1.5rem;
}
h5 {
font-size:1.375rem;
}	
div#header div.row {
width:inherit;
max-width:inherit;
}
div#header div.infoFiche a.bouton2 {
padding:0.5rem 1rem;
}
div#header div.infoFiche {
float:inherit;
margin:1rem 0 0 0;
}
div#header div.infoFiche:nth-child(2) {
margin-right:1.5rem;
}
div#header div.infoFiche p {
font-size:1rem;
margin-bottom:0;
}
div#header div.infoFiche:not(:first-child) {
padding-top:0;
}
div#bandeau h1 {
font-size:0.875rem;
margin-left:0;
}
div#bandeau p {
font-size:1rem;
letter-spacing:0;
padding:0.5rem 1rem;
margin-bottom:0.5rem;
}
div#bandeau div.ms-layer {
width:50%;
left:5% !important;
}
div#bandeau a.bouton {
margin:0;
font-size:0.875rem;
text-transform:inherit;
padding:0.75rem 1.5rem;
}
div#secteurs div.small-12 {
height:inherit;
}
div#secteurs h2 {
padding:2.25rem 0 0 0;
}
div#secteurs a.bouton {
margin:1rem 0 0.5rem 0;
}
div#secteurs a.bouton2 {
margin:0 0 1rem 0;
}
ul.wizard li {
width:100%;
}
div#main-content {
padding:0 0 4rem 0;
}
div#main-content div.espacementTitrePrincipal {
padding:4rem 0 0 0;
}
div#main-content div.positionnementTitre {
left:0;
margin:0 1rem;
}
div#main-content h1#titrePage::before {
width:100%;
}
div#engagement h1 {
margin-bottom:1.5rem;
}
div#googleMap {
font-size:1rem;
padding:2rem 0 1.375rem 0;
}
div#googleMap h1 {
margin-bottom:1rem;
}
div#googleMap div.ficheCoordonnee div:first-child {
margin-bottom:0rem;
}
div#googleMap div.ficheCoordonnee div p {
margin-bottom:0.5rem;
}
div#googleMap div.ficheCoordonnee div a.bouton {
margin-top:0rem;
margin-bottom:2rem;
padding:0.375rem 2rem;
font-size:1rem;
}
footer div.small-12:last-child {
text-align:left;
margin-top:1rem;
}
}


/***********************************************************/
/****************     Medium and up       ******************/
/***********************************************************/
@media screen and (min-width: 40em) {

}


/***********************************************************/
/*****************     Medium only       *******************/
/***********************************************************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
h1 {
font-size:3rem;
}
h2 {
font-size:2.25rem;
}
div#header div.row {
width:inherit;
max-width:inherit;
}
div#header div.large-2 {
text-align:center;
}
div#header div.infoFiche a.bouton2 {
padding:0.5rem 0.75rem;
text-transform:inherit;
}
div#header div.infoFiche {
width:33.33%;
text-align:center;
margin:1rem 0 0 0;
padding-left:5%;
}
div#header div.infoFiche:nth-child(2) {
margin-right:1.5rem;
}
div#header div.infoFiche p {
font-size:1rem;
text-align:left;
margin-bottom:0;
}
div#header div.infoFiche:not(:first-child) {
padding-top:0;
}
div#bandeau h1 {
font-size:1.25rem;
margin-left:0;
}
div#bandeau p {
font-size:1.5rem;
letter-spacing:0;
}
div#bandeau div.ms-layer {
width:50%;
left:10% !important;
}
div#bandeau a.bouton {
margin:0;
font-size:1rem;
text-transform:inherit;
padding:0.75rem 1.5rem;
}
ul.wizard li {
width:100%;
}
div#main-content {
padding:0 0 4rem 0;
}
div#main-content div.espacementTitrePrincipal {
padding:4rem 0 0 0;
}
div#main-content div.positionnementTitre {
left:0;
margin:0 1rem;
}
div#main-content h1#titrePage::before {
width:100%;
}
div#googleMap {
font-size:1.25rem;
padding:4.75rem 0 1.75rem 0;
}
footer div.small-12:last-child {
text-align:left;
margin-top:1rem;
}
}


/***********************************************************/
/****************     Large and up        ******************/
/***********************************************************/
@media screen and (min-width: 64em) {

}


/***********************************************************/
/*****************     Large only        *******************/
/***********************************************************/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
h1 {
font-size:3rem;
}
h2 {
font-size:2.25rem;
}
div#header div.large-2 {
width:25%;
}
div#header div.large-10 {
width:75%;
}
div#header div.infoFiche {
margin:1.5rem 0 0 1rem;
}
div#header div.infoFiche p {
font-size:0.875rem;
}
div#header div.infoFiche a.bouton2 {
font-size:0.875rem;
padding:0.75rem 1rem;
}
div#menu div#menuSupplementaire {
position:inherit;
top:inherit;
right:inherit;
}
div#bandeau h1 {
font-size:1.5rem;
}
div#bandeau p {
font-size:3rem;
letter-spacing:0;
}
div#bandeau div.ms-layer {
width:50%;
left:10% !important;
}
div#secteurs h1 {
font-size:1.875rem;
}
div#secteurs h2 {
font-size:2rem;
}
div#secteurs a.bouton {
font-size:0.875rem;
width:100%;
padding:0.75rem 0;
margin:32rem 0 0.5rem 0;
}
div#secteurs a.bouton2 {
font-size:0.875rem;
width:100%;
padding:0.75rem 0;
}
div#main-content div.positionnementTitre {
left:0;
margin:0 1rem;
}
div#main-content h1#titrePage::before {
width:100%;
}
}


/***********************************************************/
/*****************     xLarge only         *****************/
/***********************************************************/
@media screen and (min-width: 75em) and (max-width: 96.875em) {	
div#header div.infoFiche {
margin:0.5rem 0 0 2.375rem;
}
div#menu div#menuSupplementaire {
position:inherit;
top:inherit;
right:inherit;
}
div#bandeau h1 {
font-size:1.5rem;
}
div#bandeau p {
font-size:3rem;
letter-spacing:0;
}
div#bandeau div.ms-layer {
width:50%;
left:10% !important;
}
div#secteurs h1 {
font-size:2.75rem;
}
div#main-content div.positionnementTitre {
left:0;
margin:0 1rem;
}
div#main-content h1#titrePage::before {
width:100%;
}
}


/***********************************************************/
/*****************     xxLarge only         ****************/
/***********************************************************/
@media screen and (min-width: 96.9375em) and (max-width: 108.75em) {
div#bandeau p {
font-size:5rem;
}
div#bandeau div.ms-layer {
width:50%;
left:15% !important;
}
div#secteurs h1 {
font-size:3.75rem;
}
div#main-content div.positionnementTitre {
left:-130px;
}
}
