/***********************************************************/
/*****************     Small only       ********************/
/***********************************************************/
@media screen and (max-width: 39.9375em) {
h1 {
font-size:3rem;
}
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 ul li a {
font-size:0.75rem;
padding:0.75rem 0.625rem 0.25rem 0.625rem;
}
div#header {
height:inherit;
}
div#header div#logo {
position:inherit;
text-align:center;
}
div#menu {
padding:0;
}
div#main-content div.entetePage h1 {
font-size:2rem;
}
table.formulaire tr td {
display:block;
}
ul.wizard li {
width:49.5%;
}
.emphase {
font-size:1.25rem;
}
div.infoContact div.large-6 {
padding:2rem 1rem;
}
div.infoContact div.large-6 div.flottant {
padding-left:0;
}
div.infoContact div.large-6:last-child {
padding:2rem 0.9375rem;
}
div#calendrierEvenements {
padding-bottom:3rem;
}
div#calendrierEvenements div.large-4 {
padding:3.5rem 0 3.5rem 5%;
}
div#calendrierEvenements div.large-4 a.bouton {
margin-top:2rem;
}
div.vignetteEvenement {
float:inherit;
width:100%;
margin:2.5rem 0 0 0;
}
div.profilEvenementPoster {
height:220px;
}
div.profilEvenementPosterContenu {
height:220px;
}
div.profilEvenementDate {
padding:0.25rem 0.75rem;
font-size:1.25rem;
}
div.profilEvenementDateFin:before {
bottom:0px;
}
div.profilEvenementDateFin {
left:7rem;
}
div.evenementProfil {
margin-top:2rem;
}
.modules li {
width:100%;
}
}


/***********************************************************/
/****************     Medium and up       ******************/
/***********************************************************/
@media screen and (min-width: 40em) {
ul.listeProfil li {
position:relative;
float:left;
width:50%;
}
}



/***********************************************************/
/*****************     Medium only       *******************/
/***********************************************************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
div#header {
height:inherit;
}
div#header div#logo {
position:inherit;
text-align:center;
}
div#header ul li a {
font-size:0.875rem;
}
div#menu {
padding:0;
}
div.menuConteneur div.nav ul li a {
padding:2rem 0.5rem;
}
h1 {
font-size:3.5rem;	
}
.emphase {
font-size:1.25rem;
}
div.infoContact div.large-6,
div.infoContact div.large-6:last-child {
padding:2rem;
}
div#main-content div.entetePage h1 {
font-size:3rem;
}
table.formulaire tr td {
display:block;
}
ul.wizard li {
width:49.5%;
}
div#calendrierEvenements {
padding-bottom:3rem;
}
div#calendrierEvenements div.large-4 {
padding:3.5rem 5% 3.5rem 5%;
}
div#calendrierEvenements div.large-4 a.bouton {
margin-top:2rem;
}
div.vignetteEvenement {
float:inherit;
width:50%;
margin:2.5rem 0 0 0;
}
body.body-evenements div.vignetteEvenement {
min-height:565px;
}
div.profilEvenementPoster {
height:360px;
}
div.profilEvenementPosterContenu {
height:360px;
}
div.evenementProfil {
margin-top:2rem;
}
.modules li {
width:100%;
}
}


/***********************************************************/
/******************     Large and up     *******************/
/***********************************************************/
@media screen and (min-width: 64em) {
div#main-content {
min-height:600px;
}
}


/***********************************************************/
/*******************     Large only     ********************/
/***********************************************************/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
div#header div#logo {
left:5%;
}
div#header div#logo img {
width:140px;
}
div.menuConteneur div.nav ul li a {
padding:2rem 0.75rem;
}
div.infoContact div.large-6 {
padding:3rem 2rem 3rem 2rem;
}
div.infoContact div.large-6:last-child {
padding:3rem 4rem;
}
div#calendrierEvenements div.large-4 h1 {
font-size:2.5rem;
}
div#main-content div.entetePage h1 {
font-size:3rem;
}
body.body-evenements div.vignetteEvenement {
min-height:485px;	
}
.modules li {
width:100%;
}
}


/***********************************************************/
/*******************     xLarge only     *******************/
/***********************************************************/
@media screen and (min-width: 75em) and (max-width: 96.875em) {	
div#header div#logo {
left:5%;
}
div#header div#logo img {
width:180px;
}
div#calendrierEvenements div.large-4 h1 {
font-size:3.25rem;
}
div#main-content div.entetePage h1 {
font-size:3.5rem;
}
body.body-evenements div.vignetteEvenement {
min-height:485px;	
}
}


/***********************************************************/
/*****************     xxLarge only         ****************/
/***********************************************************/
@media screen and (min-width: 97em) and (max-width: 109.875em) {	
div.menuConteneur div.large-10 {
width:90%;
}
div.menuConteneur div.large-offset-2 {
margin-left:10%;
}
div#calendrierEvenements div.large-4 h1 {
font-size:4rem;
}
body.body-evenements div.vignetteEvenement {
min-height:500px;	
}
}


/***********************************************************/
/***************     xxxLarge and up         ***************/
/***********************************************************/
@media screen and (min-width: 110em) {	
div.menuConteneur div.large-10 {
width:100%;
}
div.menuConteneur div.large-offset-2 {
margin-left:0;
}
body.body-evenements div.vignetteEvenement {
min-height:500px;	
}
}