@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.7em;
		}
    
    
    .marge-top{margin-top:30px}
    
    .page { width: 96%; }
    .colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12{
        width:100%;
    }
    .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:100%;
    }
    .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:0 !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:100%; }
    
    .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; }
    section{margin-left:0!important;margin-right:0!important;}
    .repousse-colonne-phone-responsive{
        margin-left:9.8333333333333%!important;
    }
    .repousse-colonne-phone-responsive2{
        margin-left:18.166666666667%!important;
    }
    .repousse-colonne-phone-responsive3{
        margin-left:26.5% !important;
    }
    .repousse-colonne-touch-responsive2{
        margin-left:18.166666666667%!important;
    }
    .repousse-colonne-touch-responsive{
        margin-left:9.8333333333333% !important;
    }
    .marge-top-responsive{margin-top:30px;}
    .marge-top-plus{margin-top:0px;}
    .marge-top-plus-touch{margin-top:150px;}
    .sans-marge-responsive{margin-right:0;margin-left:0;}
    .marge-top-interieur{margin-top:5em;}
    h1{font-size:1.7em!important;padding:1em;}
    h2{font-size:1.7em!important;padding:1em;}

}
    

/* 2) Ipad + Tablette ------------------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	body { 
		background-color:;
        
		}
    .page{
        width:94%;
    }
    
    .titre{
        font-size:7em;
    }
    .marge-gauche{margin-left:0!important;}
    p{
        font-size:0.9em;
    }
    
    .rose .fond-image{
        opacity:0.7;
    }
    .rose .interieur, .rose .interieur-grande{
        opacity:1;
    }
    .interieur-grande-texte{
       font-size:1.6em;
    }
    
    
    .marge-touch-responsive{
        margin-top:20px;
    }
    .marge-top-adaptation{
        margin-top:0px;
    }
    .nom{font-size:0.9em;}
    .marge-top-responsive{margin-top:70px;}
    .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-colonne3{margin-left:0!important}
    .repousse-colonne2{margin-left:0!important}
    
    .repousse-colonne-touch-responsive2{
        margin-left:18.166666666667%!important;
    }
    .repousse-colonne-touch-responsive{
        margin-left:9.8333333333333% !important;
    }
    .repousse-colonne-tablet-responsive2{
        margin-left:18.166666666667%!important;
    }
    .repousse-colonne-tablet-responsive3{
       margin-left:26.5% !important;
    }
    .repousse-colonne-tablet-responsive{
        margin-left:9.8333333333333% !important;
    }
    .marge-gauche-paris-plage{margin-left:12.078px!important;}
    .marge-top-tablet{margin-top:70px;}
    
    footer > ul li, ul.liste-sans-puce li {
        margin-left:1em;
    }
}
    

/* 3) affichage PC standard : version 960px --------------------- */
@media screen and (min-width: 1025px) and (max-width: 1299px) {
	body { 
		background-color:;
        
		}
    .page{
        width:1000px;
    }
    
    .titre{
        font-size:5em;
        
    }
    
    .interieur-grande-texte{
       font-size:2.8em;
    }
    .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; }
    .coloris{display:none;}
    
	}

/* 4) Large : affichage HD ------------------------------------------ */
@media screen and (min-width: 1300px) {
	body { 
		background-color:;
		}
    
    .marge-top-image-grande{
        margin-top:45px;
    }
    .marge-colonne-desktop{margin-left:9.8333333333333%;}
    .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; }
    
    .coloris{display:none;}
    
	}