/*											 BALISES HTML															 */
/* __________________________________________________________________  */

*{margin: 0;	padding: 0;}

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	background: #fff; /* Pour régler le problème d'arrière plan sur les pages d'accueil, il faut mettre l'image d'arrière plan sur la balise html et non sur body.  */
}
body {
	/* Pour régler le problème d'arrière plan sur les pages d'accueil, il faut mettre l'arrière plan sur la balise html et non sur body.  */
	font-family: Arial, Helvetica, sans-serif;
	min-width: 980px;
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	font-size: 100%;
	color: #4d4c4c; /* Couleur du texte par défaut */

}
a:link, a:visited {
	color: #d65100;
}
a:link:hover, a:visited:hover, a:focus, a:active {
	text-decoration: none;
	color: #9d1f01;
}
a img {border: none;}

a[name] { /* On masque les ancres nommées (lien d'évitement) - NE PAS EFFACER */
	visibility: hidden;/* HACK POUR IE => VOIR FEUILLE DE STYLE spip_ie_home.css */
}
h2 {
	color:#6F6F6F;
	font-size:1.3em;
}
/* 														LISTES														 */
/* __________________________________________________________________  */
ul {list-style-type: none;}/* Masquage des puces par défaut - NE PAS EFFACER */

acronym { border: 0; } /* Masquage de la bordure par défaut - NE PAS EFFACER */

@font-face {
    font-family: 'champagne__limousinesbold';
    src: url(squelettes/images/fonts/champagne__limousines_bold-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines_bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesBdIt';
    src: url(squelettes/images/fonts/champagne__limousines_bold_italic-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines_bold_italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesitalic';
    src: url(squelettes/images/fonts/champagne__limousines_italic-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines_italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url(squelettes/images/fonts/champagne__limousines-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

/* 											ACCESSIBILITE 														*/
/* __________________________________________________________________  */
#liensevitement { /* Block contenant les liens d'evitement */
	text-align: right;
	margin: 5px 0;
	color: #b9b9b9;
	font-size: 0.6em;
	background:#2780ad url(squelettes/images/bg_liens_evitement.jpg) no-repeat bottom center;
	width: 987px;
	margin: 0 auto;
	min-height: 18px;
}

#bloclienevitement{
	background: #267fb2;
}
#liensevitement a { /* Les liens d'evitement */
	color: #cecece; /* Même couleur que le background du body */
	line-height: 18px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d'evitement */
	color: #fff;
}

#larecherche {
	right: 0;
	top: 0;
	position: absolute;
}

#menuprincipal {
	position: absolute;
	top: 17px;
	left: 227px;
}

#wrappermain{
	background: url(squelettes/images/bg_body.jpg) repeat-x top left;
}

h2.access, legend.access {  /* Balise H2 masquee */
	position: absolute;
	z-index: 100;
	top:-10000px;
	left:-10000px;
	visibility: hidden;
	font-size : 0px;
	letter-spacing: -50px;
}
/* 											CONTENEUR GLOBAL												 */
/* __________________________________________________________________  */

#conteneur {
	width: 987px;
	min-height: 645px; /* hauteur de la page d'accueil à centrer verticalement */
	background: url("squelettes/images/fond_wrapper_main.jpg") no-repeat top center ;

	margin: 0 auto;
	text-align: left;
	overflow: hidden; /* Ne pas supprimer : utilise si on veut un margin entre le footer et le bas de la page (sous ie) */
	position: relative;

}
h1{
	margin: 26px 0 0 3px;
	font-size: 1.4em;
	width: 200px;
	text-align: center;
}
/* 										FORMULAIRE DE RECHERCHE										 */
/* __________________________________________________________________  */
form#formrecherche {  /* Formulaire */
	padding: 0;
	margin:  0 3px 0 0;
	right: 0;
	top: 0;
	background: url("squelettes/images/sprite_general.png") no-repeat -2px -1px;
	width: 164px;
	height: 31px;
	display: block;
	position: absolute;
	z-index: 5;

}
#formrecherche label { /* Label */
	display: none;
}
#formrecherche input {
	vertical-align: middle;
	border: none;
	width: auto;
}
#formrecherche input#recherche { /* Champ de saisie */
	color: #505251;
	font-size: 0.75em;
	width: 105px;
	line-height: 17px;
	min-height: 17px;
	margin: 7px 8px 0 7px;
	text-align: left;
	background: #fff;
	-moz-box-shadow: 0 0 2px #AAA inset;
	-webkit-box-shadow: 0 0 2px #AAA inset;
	box-shadow: 0 0 2px #AAA inset;
	padding: 1px 7px;
}
#formrecherche input#bouton_ok { /* Bouton de validation */
	margin-top: 6px;
	vertical-align: top;
}
/* 												MENU PRINCIPAL 												*/
/* __________________________________________________________________  */
ul#nav_principale {
	display: block;
	position: absolute;
	top: 17px;
	left: 227px;
}

ul#nav_principale li {
	display: inline-block;
	position: relative;
	width: 202px;
}
ul#nav_principale > li {
	min-height: 87px;
}
ul#nav_principale ul li a:link, ul#nav_principale ul li a:visited {
	display: block;
	line-height: 15px;
	width: 147px;
	left: 4px;
	padding: 5px 5px 5px 28px;
	text-decoration: none;
	font-size: 0.75em;
	background: url('squelettes/images/sprite_general.png') no-repeat -675px 1px;
	color: #025387;
}
ul#nav_principale ul li{
	background: url("squelettes/images/bordure-li-menu-principal.png") no-repeat 11px bottom;
}
ul#nav_principale ul li a:hover, ul#nav_principale ul li a:focus, ul#nav_principale ul li a:active{
	color: #FFF;
	text-decoration: underline;
	background: #e4171c url('squelettes/images/sprite_general.png') no-repeat -647px -41px;
}
/* 												COLONES										*/
/* __________________________________________________________________  */
div.grid3{
	width: 256px;
	min-height: 300px;
	float: left;
	margin-left:20px;
}
div.grid3.left{
	width: 206px;
	margin-bottom: -20px;
	margin-left: 0;
}
div.grid3.slider{
	width: 443px;
	margin-bottom: -20px;
	margin-left: 62px;
}
/* 												EN PRATIQUE								*/
/* __________________________________________________________________  */
#en-pratique{
	position: relative;
	top: 119px;
	left: 15px;
}
#en-pratique h2{
	position: relative;
	left: 11px;
}

#en-pratique li a{
	display: block;
	width: 208px;
	height: 62px;
	line-height: 62px;
	text-indent: 10px;
	background-image: url('squelettes/images/sprite_general.png');
	background-repeat: no-repeat;
	background-position: 0 -140px;
}
#en-pratique li a:hover , #en-pratique li a:focus , #en-pratique li a:active{
	background-position: 0 -75px;
}
#en-pratique li a img{
	position: relative;
	top: 13px;
}
#en-pratique+a{
	display: block;
    margin-left: 12px;
    margin-top: 175px;
    width: 140px;
}
/* 												ANYTHING SLIDER							*/
/* __________________________________________________________________  */
h2.actus{
	display: none;
}
.bloc_anythingslider_alaune{
	margin-top: 300px;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}
.anythingSlider .start-stop{
	display: none !important;
}
.anythingWindow{
	border: 0!important;
	height: 160px!important;
}
.block_photo_actu{
	text-align: right !important;
}
.panel{
	width: 430px !important;
	height: 160px !important;
}
.zone_texte_actu{
	margin-top: -160px;
	height: 160px !important;
	width: 148px;
	margin-left: 34px;
	font-size: 0.9em;
	word-wrap: break-word;
	overflow: auto;
}
.zone_texte_actu h3{
	color:#00a1e5;
	font-size: 1em;
	margin-top: 6px;
}
.texte_actu{
	font-size: 0.9em;
	min-height: 30px;
	padding-right: 5px;
	line-height: 1.35em;
}
.last_actus{
	height: 160px !important;
}
.block_photo_actu .spip_logos{
	margin-right: 145px;
	margin-top: 30px;
}
.block_photo_actu{
	min-height: 160px !important;
}
.suite_actu{
	text-align: right;
	margin-top: 5px;
}
.suite_actu a, .suite_actu:visited{
	text-decoration: underline;
	color: #487087;
	margin-right: 10px;
}
.suite_actu a:hover, .suite_actu:focus{
	text-decoration: none !important;
		color: #487087;
}
.anythingControls .thumbNav{
	float: right !important;
}
.anythingControls{
	position: relative;
	z-index:6;
	margin-top: -38px;
}
.anythingControls .thumbNav a{
	background: none !important;
	color: #e2001a !important;
	font-size: 18px !important;
	font-weight: 100;
	font-family: 'Arial' !important;
	width: 0.5em;
	line-height: 1em !important;
	height: 1em;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 1em !important;
	height: 1em !important;
	font-size: 0.8em !important;
	padding: 1px !important;
}
.anythingControls .thumbNav a.cur, .anythingControls .thumbNav a:hover, .anythingControls .thumbNav a:focus{
	background: #e2001a !important;
	color: #FFF !important;
}
.anythingSlider + a{
	position: absolute;
	bottom: 23px;
	right: 116px;
}
#slider1 + a{
	bottom: 26px;
	position: relative;
	left: 160px;
}
/* 												EN SAVOIR PLUS ...							*/
/* __________________________________________________________________  */
#carte-france{
	position: absolute;
	top: 64px;
	right: 7px;
}
#en-savoir-plus{
	margin-top:-6px;
	margin-right: 0;
}
#en-savoir-plus h2{
	background: url('squelettes/images/sprite_general.png') no-repeat -1px -504px;
	width: 186px;
	height: 47px;
	display: block;
	z-index:2;
	float: right;
	margin-bottom: -9px;
	float: right;
	margin-top: 125px;
	position: relative;
	z-index: 3;
}
#en-savoir-plus ul{
	width: 188px;
	background: url(squelettes/images/fond_en_savoir_plus_fond.png) no-repeat 2px bottom;
	float: right;
	margin-right: 2px;
	margin-bottom: 94px;
	padding-bottom: 17px;
	position: relative;
	z-index:;
}
#en-savoir-plus ul li{
	background: url(squelettes/images/bordure-li-menu-principal.png) no-repeat 11px bottom;
}
#en-savoir-plus ul li:first-child{
	padding-top: 3px;
}
#en-savoir-plus ul li a{
	color: #025387;
	font-size: 0.85em;
	display: block;
	word-wrap: break-word;
	background: url('squelettes/images/sprite_general.png') no-repeat -673px 2px;
	text-decoration: none;
	left: 6px;
	position: relative;
	padding: 7px 18px 7px 34px;
}
#en-savoir-plus ul li a:hover, #en-savoir-plus ul li a:active, #en-savoir-plus ul li a:focus{
	text-decoration: underline;
}
#en-savoir-plus +.clear + a{
	float: right;
	margin-right: 44px;
	margin-top: -7px;
}
/* 												PIED DE PAGE													 */
/* __________________________________________________________________  */
#footer { /* Block pied de page */
	text-align: right;
	clear: both;
	color: #fff;
	font-size: 0.8em;
	margin-top: -21px;
	position: relative;
	float: left;
	width: 987px;
}
#footer div{
	color: #535353;
	text-align: left;
	width: 300px;
	padding-left: 18px;
	font-size: 0.9em;
}
ul#lesliensdivers{
	z-index: 6;
	position: relative;
	float: right;
	top: -19px;
	width:640px;
	margin: 0 9px 0 0;
}
ul#lesliensdivers li { /* Liste */
	display: inline;
	color: #535252;
	font-weight: bold;
}
ul#lesliensdivers a:link, ul#lesliensdivers a:visited {
	color: #535252;
	font-weight: normal;
	text-decoration: underline;
	margin: 0 17px 0 4px;
	font-size: 0.9em;
}
ul#lesliensdivers a:link:hover, ul#lesliensdivers a:visited:hover, ul#lesliensdivers a:active,  ul#lesliensdivers a:focus {
	text-decoration: none;
}
/* 															DIVERS													 */
/* __________________________________________________________________  */
/* pour "pousser" si presence de float */
.clear {
	clear: both;
	line-height: 1px;
	font-size: 0;
}
.float_left {float: left;}/* Flottant à gauche */
.float_droite {float: right;}/* Flottant à droite */
.bold{
	font-weight: bold;
}


/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */
/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */
/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */


.spip-admin-float{
    right: 66% !important;
}
#responsive-menu-button{
    display: none;
}
.grid3.slider.tab{
    display: none;
}
.all-actus-tab{
    display: none;
}
.rollover.marches.tab{
    display: none !important;
}
#formrecherche input#bouton_ok {
    width: 10%;
}
.pratique-h2-tab{
    display: none;
}
#en-savoir-plus-tab{
    display: none;
}
.colonne-droite{
    display: none;
}
.rollover.tab{
    display: none;
}
.rollover.desktop{
    position: relative;
    left: 160px;
}

@media screen and (max-width: 1000px){
    body{
        min-width: inherit;
        width: 100%;
        background-color: #f3f7fa;
    }
    #conteneur {
        width: 100%;
        max-width: 1000px;
        background-position: right top;
    }
    #bandeau_home{
        width: 100%;
        max-width: 1000px;
    }
    .rollover.desktop{
        position: absolute;
        left: inherit;
        right: 0;
    }
    #bandeau_home h1{
        width: 180px;
        margin: 20px 0 0 3px;
    }
    div.grid3.left{
        max-width: 220px;
    }
    div.grid3.slider{
        width: 100%;
        max-width: 550px;
        margin-left: 0;
    }
    div.grid3.right{
        width: calc(100% - 770px);
        max-width: 210px;
        margin-left: 0;
        position: relative;
    }
    #footer{
        width: 100%;
        max-width: 1000px;
    }
    #bloclienevitement{
        display: none;
    }
    form#formrecherche{
        height: 51px;
        width: 240px;
        top: 10px;
        right: 10px;
        background-image: none;
        background-color: #BFDAE8;
        border-radius: 10px;
    }
    form#formrecherche > div{
        height: 40px;
    }
    #formrecherche input#recherche{
        width: 185px;
        min-height: 38px;
        margin: 5px 8px 0 7px;
    }
    #formrecherche input#bouton_ok {
        margin-top: 10px;
    }
    #en-savoir-plus #carte-france{
        display: none;
    }
    div.anythingSlider{
        height: 185px !important;
    }


    /* ------------------------- MAIN NAV ------------------------- */
    ul#nav_principale {
        top: 65px;
        left: 175px;
    }
    ul#nav_principale > li{
        width: 192px;
    }
}
.all-actus-tab{
    padding: 15px 0;
    border: solid 1px #dcdcdd;
    border-radius: 8px;
    overflow: hidden;
}
.all-actus-tab a{
    text-align: center;
    display: block;
    padding-right: 15px;
    background: url(squelettes/images/fl-red.png) no-repeat 100% 50%;
    width: 167px;
    margin: 0 auto;
    color: #003759;
    font-family: 'champagne__limousinesregular';
    font-size: 20px;
}

@media screen and (max-width: 900px){
    div.anythingSlider {
        margin: 0;
    }
}



@media screen and (max-width: 768px){
    #conteneur {
        min-height: inherit;
    }
    .grid3.left.desktop{
        display: none;
    }
    .grid3.right.desktop{
        display: none;
    }
    .rollover.desktop{
        display: none;
    }
    .rollover.tab{
        display: block;
        overflow: hidden;
    }
    .colonne-droite{
        display: block;
        float: right;
        width: 50%;
        padding-right: 5px;
        overflow: hidden;
    }
    #conteneur{
        padding-right: 15px;
        padding-left: 15px;
    }
    #responsive-menu-button{
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -5px;
        right: 10px;
        background-color: #fff;
        background: url(squelettes/images/burger.png) no-repeat 100% 50%;
    }
    ul#nav_principale{
        display: none;
    }
    .sidr-inner li{
        list-style-type: none;
    }
    .sidr ul li{
        line-height: 1.4;
        padding: 10px 0;
    }
    .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{
        line-height: 1.4;
        padding: 10px 0;
        border-top: 1px solid #4d4d4d;
    }
    #bandeau_home{
        position: relative;
        top: -15px;
    }
    form#formrecherche{
        right: 70px;
        top: -10px;
    }
    #bandeau_home h1 {
        width: 180px;
        margin: 35px 0 0 3px;
    }
    div.grid3.slider{
        display: none;
    }
    .grid3.slider.tab{
        display: block;
        width: 50%;
        margin-top: 150px;
        margin-bottom: 20px;
        min-height: inherit;
    }
    div.grid3.slider {
        max-width: inherit;
        background-color: transparent;
        padding-bottom: 15px;
    }
    .grid3.slider.tab > div:nth-child(2),
    .grid3.slider.tab > div:nth-child(3){
        display: none;
    }
    .grid3.slider.tab > div:nth-child(1){
        padding: 10px;
        background-color: #fff;
        min-height: 355px;
    }
    .grid3.slider.tab > img{
        width: 100%;
        height: auto;
    }
    .img_actu_tab{
        width: 100%;
        height: 197px;
    }
    .grid3.slider.tab h2{
        color: #00a1e5;
        margin-top: 15px;
        font-size: 16px;
    }
    .grid3.slider.tab p{
        margin-top: 15px;
        color: #000;
        margin-bottom: 15px;
        font-size: 15px;
    }
    .grid3.slider.tab .lasuite{
        color: #003759;
        padding-right: 20px;
        background: url(squelettes/images/fl-red.png) no-repeat 100% 50%;
        font-family: 'champagne__limousinesregular';
        font-size: 16px;
    }
    div.grid3.right{
        width: 100%
    }
    #en-pratique+a{
        display: none;
    }
    #en-pratique {
        left: 0;
    }
    #en-savoir-plus ul {
        float: none;
        margin-right: 0;
        margin: 0 auto;
        left: -3px;
    }
    div.grid3.left ul li{
        border: solid 1px #dcdcdd;
        border-radius: 8px;
        margin-top: 12px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
    }
    div.grid3.left ul li a{
        background-image: none !important;
        background-color: #fff;
        border-radius: 8px;
        width: 100% !important;
    }
    div.grid3.left {
        max-width: 220px;
        overflow: hidden;
        height: 350px;
        margin-bottom: 0;
    }
    div.grid3.right {
        max-width: 360px;
        padding-left: 30px;
        min-height: inherit;
    }
    #en-savoir-plus {
        overflow: hidden;
        width: 100%;
    }
    #en-savoir-plus h2{
        float: none;
        margin: 0 auto -9px auto;
        width: 100%;
        background: none !important;
    }
    #en-savoir-plus{
        display: none;
    }
    #en-savoir-plus-tab{
        display: block;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        border-radius: 8px;
        border-radius: 8px;
    }
    #en-savoir-plus-tab h2{
        display: block;
        width: 100%;
        height: 35px;
        background: url(squelettes/images/en-savoir-plus-titre-2.png) no-repeat 10px 0;
    }
    #en-savoir-plus-tab .h2-title{
        background: url(squelettes/images/shadow-bottom.png) repeat-x 0 100%;
        height: 45px;
        background-color: #fff;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }
    #en-savoir-plus-tab ul{
        background-color: #fff;
        padding: 10px 15px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    #en-savoir-plus-tab ul li{
        height: 28px;
        background: url(squelettes/images/bottom-li.png) no-repeat 0 100%;
        margin-bottom: 10px;
    }
    #en-savoir-plus-tab ul li a{
        color: #003759;
        text-decoration: none;
        display: block;
        padding-left: 25px;
        background: url(squelettes/images/fl-red.png) no-repeat 0 50%;
        font-family: 'champagne__limousinesregular';
    }
    div.grid3.left{
        width: 100%;
        max-width: inherit;
        padding-left: 30px;
    }
    ul#lesliensdivers {
        float: none;
        width: auto;
    }
    #footer div {
        margin-bottom: 25px;
    }
    #footer{
        margin-top: 40px;
    }
    #en-pratique li a {
        height: 43px;
        text-indent: 5px;
    }
    #en-pratique li a img {
        top: 4px;
    }
    .all-actus-tab {
        display: block;
        margin-top: 10px;
    }
    .rollover.marches.tab {
        display: block !important;
    }
    #footer a img{
        width: 90px;
        height: auto;
        float: left;
    }
    #footer div strong{
        font-size: 16px;
        line-height: 1.4;
    }
    #footer div p{
        font-size: 16px;
        line-height: 1.4;
        font-family: 'champagne__limousinesregular';
    }
    ul#lesliensdivers {
        float: none;
        top: 0;
        width: 100%;
        margin: 15px 0;
        display: block;
        overflow: hidden;
    }
    ul#lesliensdivers li{
        width: 50%;
        display: block;
        float: left;
        text-align: left;
        margin-bottom: 10px;
    }
    ul#lesliensdivers li a{
        font-size: 16px !important;
        font-family: 'champagne__limousinesregular';
    }
} /* ----- fin 768px ----- */



@media screen and (max-width: 720px){
    #conteneur {
        background: url("squelettes/images/fond_wrapper_main-2.jpg") no-repeat top center ;
    }
}

@media screen and (max-width: 640px){
    #conteneur {
        background-position: center top;
        background-size: 169%;
    }
    #wrappermain{
        background: none;
    }
    .all-actus-tab{
        background-color: #fff;
    }
} /* ----- fin 640px ----- */

@media screen and (max-width: 560px){
    #formrecherche{
        display: none !important;
    }
    div.grid3.left {
        padding-left: 18px;
    }
    div.grid3.right {
        padding-left: 18px;
    }
    #en-savoir-plus-tab ul li a {
        font-size: 15px;
    }
}


@media screen and (max-width: 480px){
    div.grid3.left {
        float: none;
        margin: 25px auto 0 auto;
        min-height: inherit;
        max-width: inherit;
        width: 100%;
        overflow: hidden;
    }
    .grid3.slider.tab h2 {
        font-size: 18px;
    }
    div.grid3.right{
        float: none;
        margin: 35px auto 0 auto;
        max-width: inherit;
        min-height: inherit;
    }
    #en-pratique {
        top: 0;
        left: 0;
    }
    #en-pratique+a {
        margin-left: 0;
        margin-top: 0;
    }
    #conteneur{
        min-height: inherit;
    }
    #en-savoir-plus h2 {
        margin-top: 25px;
    }
    .rollover.marches.tab{
        display: block !important;
        height: 50px;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .rollover.marches{
        display: none !important;
    }
    .pratique-h2{
        display: none;
    }
    .rollover.desktop{
        display: none;
    }
    .rollover.tab{
        display: none;
    }

    #footer {
        min-height: 240px;
    }
    #footer div{
        width: 100%;
        padding-left: 0;
    }
    .rollover.tab{
        display: block;
        overflow: hidden;
        margin: 20px 0 30px 0;
    }
    .colonne-droite {
        display: none;
    }
    .grid3.left.desktop {
        display: block;
    }
    .grid3.right.desktop {
        display: block;
    }
    .grid3.slider.tab {
        width: 100%;
    }
    div.grid3.left {
        padding-left: 0;
        height: inherit;
    }
    div.grid3.right {
        padding-left: 0;
    }
    .rollover.marches.tab {
        margin-bottom: 0;
    }
    #footer {
        margin-top: 0;
    }
    .pratique-h2-tab {
        display: block;
    }
    #en-pratique h2 {
        left: 0;
    }
    .grid3.slider.tab > div:nth-child(3) {
        padding: 10px 10px 30px 10px;
    }
} /* ----- fin 480px ----- */

@media screen and (max-width: 360px){
    .grid3.slider.tab {
        margin-top: 80px;
    }
} /* ----- fin 360px ----- */