@charset "UTF-8";
/* CSS Document */

/* 1) Smartphones et autres mobiles (767px de large max) ------------- */
@media screen and (max-width: 767px), screen and (max-device-width: 767px) { 
	body { 
		background-color:;
        font-size:0.9em;
		}
    
    .hauteur90{
        height:3em;
        width:auto;
    }
    
    .page { width: 96%; }
    .colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12{
        width:97%;
    }
    .colonne-item1, .colonne-item2, .colonne-item3, .colonne-item4, .colonne-item5, .colonne-item6, .colonne-item7, .colonne-item8, .colonne-item9, .colonne-item10, .colonne-item11, .colonne-item12{
        width:97%;
    }
    .repousse-colonne1,.repousse-colonne2, .repousse-colonne3, .repousse-colonne4,.repousse-colonne5,.repousse-colonne6, .repousse-colonne7, .repousse-colonne8,.repousse-colonne9,.repousse-colonne10, .repousse-colonne11, .repousse-colonne12{
        margin-left:1.5% !important;
    }
    .colonne-phone1 { width:5.3333333333333%; }
    .colonne-phone2 { width:13.666666666667%; }
    .colonne-phone3 { width:22%; }
    .colonne-phone4 { width:30.333333333333%; }
    .colonne-phone5 { width:38.666666666667%; }
    .colonne-phone6 { width:47%; }
    .colonne-phone7 { width:55.333333333333%; }
    .colonne-phone8 { width:63.666666666667%; }
    .colonne-phone9 { width:72%; }
    .colonne-phone10 { width:80.333333333333%; }
    .colonne-phone11 { width:88.666666666667%; }
    .colonne-phone12 { width:97%; }
    
    .visible-phone { display: block; }
	.visible-tablet { display: none; }
	.visible-desktop { display: none; }
	.visible-large { display: none; }
	.hidden-phone { display: none; }
	.hidden-tablet { display: block; }
	.hidden-desktop { display: block; }
	.hidden-large { display: block; }
    .visible-touch { display: block; }
    .hidden-touch { display: none; }
    
 
    .repousse-colonne-phone-responsive1{margin-left:9.8333333333333% !important; }
    .repousse-colonne-phone-responsive2{margin-left:18.166666666667% !important; }
    .repousse-colonne-phone-responsive8{margin-left:68.166666666667% !important;}
    .repousse-colonne-droite-phone-responsive2{margin-right:18.166666666667% !important; }
    .repousse-colonne-droite-phone-responsive3{margin-right:26.5% !important; }
    .repousse-colonne-phone-responsive3{
        margin-left:26.5% !important;
    }
    .repousse-colonne-phone-responsive4{
        margin-left:34.833333333333% !important;
    }
    
    .marge-top{margin-top:6em;}
    
    .taille{width:100%;height:auto;margin-top:12em;}
    
    .adresse{font-size:1.8em;text-align: center; margin-top:1em;}
    .carre{
    position: absolute;
    top:35%;
    right:0%;
    
}
    
	}

/* 2) Ipad + Tablette ------------------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	body { 
		background-color:;
        
		}
    .page{
        width:94%;
    }
    .hauteur90{
        height:4em;
        width:auto;
    }
   
    
    
    .encart-activite-titre{
    background-color:#88afc5;
    font-size:0.5em;
    padding:2em;
    padding-top:5em;
    position:absolute;
    top:23em;
}

.encart-activite{
    background-color:#88afc5;
    font-size:0.9em;
    padding:2em;
    padding-top:3em;
    position:absolute;
    top:14em;
}

    
    .colonne-tablet1 { width:5.3333333333333%; }
    .colonne-tablet2 { width:13.666666666667%; }
    .colonne-tablet3 { width:22%; }
    .colonne-tablet4 { width:30.333333333333%; }
    .colonne-tablet5 { width:38.666666666667%; }
    .colonne-tablet6 { width:47%; }
    .colonne-tablet7 { width:55.333333333333%; }
    .colonne-tablet8 { width:63.666666666667%; }
    .colonne-tablet9 { width:72%; }
    .colonne-tablet10 { width:80.333333333333%; }
    .colonne-tablet11 { width:88.666666666667%; }
    .colonne-tablet12 { width:97%; }
    
    .visible-phone { display: none; }
	.visible-tablet { display: block; }
	.visible-desktop { display: none; }
	.visible-large { display: none; } 
	.hidden-phone { display: block; }
	.hidden-tablet { display: none; }
	.hidden-desktop { display: block; }
	.hidden-large { display: block; }
    .visible-touch { display: block; }
    .hidden-touch { display: none; }
    
    .repousse-colonne-tablet-responsive1{margin-left:9.8333333333333% !important; }
    .repousse-colonne-tablet-responsive8{margin-left:68.166666666667% !important;}
    .repousse-colonne-tablet-responsive3{
        margin-left:26.5% !important;
    }
    .repousse-colonne-tablet-responsive4{
        margin-left:34.833333333333% !important;
    }
    
    h1{
        font-size:2.5em;
    }
    footer {
	    font-size: 0.9em;
        padding:1.6em 0;
	}
     footer > ul li, ul.liste-sans-puce li {
        margin-left:1.2em;
    }
	}

/* 3) affichage PC standard : version 960px --------------------- */
@media screen and (min-width: 1025px) and (max-width: 1299px) {
	body { 
		background-color:;
        
		}
    .page{
        width:1000px;
    }
    .colonne-desktop1 { width:5.3333333333333%; }
    .colonne-desktop2 { width:13.666666666667%; }
    .colonne-desktop3 { width:22%; }
    .colonne-desktop4 { width:30.333333333333%; }
    .colonne-desktop5 { width:38.666666666667%; }
    .colonne-desktop6 { width:47%; }
    .colonne-desktop7 { width:55.333333333333%; }
    .colonne-desktop8 { width:63.666666666667%; }
    .colonne-desktop9 { width:72%; }
    .colonne-desktop10 { width:80.333333333333%; }
    .colonne-desktop11 { width:88.666666666667%; }
    .colonne-desktop12 { width:97%; }
    
    
    .visible-phone { display: none; }
	.visible-tablet { display: none; }
	.visible-desktop { display: block; }
	.visible-large { display: none; } 
	.hidden-phone { display: block; }
	.hidden-tablet { display: block; }
	.hidden-desktop { display: none; }
	.hidden-large { display: block; }
    .visible-touch { display: none; }
    .hidden-touch { display: block; }
	}

/* 4) Large : affichage HD ------------------------------------------ */
@media screen and (min-width: 1300px) {
	body { 
		background-color:;
		}
    .colonne-large1 { width:5.3333333333333%; }
    .colonne-large2 { width:13.666666666667%; }
    .colonne-large3 { width:22%; }
    .colonne-large4 { width:30.333333333333%; }
    .colonne-large5 { width:38.666666666667%; }
    .colonne-large6 { width:47%; }
    .colonne-large7 { width:55.333333333333%; }
    .colonne-large8 { width:63.666666666667%; }
    .colonne-large9 { width:72%; }
    .colonne-large10 { width:80.333333333333%; }
    .colonne-large11 { width:88.666666666667%; }
    .colonne-large12 { width:97%; }
    
    .visible-phone { display: none; }
	.visible-tablet { display: none; }
	.visible-desktop { display: none; }
	.visible-large { display: block; } 
	.hidden-phone { display: block; }
	.hidden-tablet { display: block; }
	.hidden-desktop { display: block; }
	.hidden-large { display: none; }
    .visible-touch { display: none; }
    .hidden-touch { display: block; }
	}