/* CSS Document */


img{ border:0px;}

body{
margin : 0px;
padding: 0px;

}
h2 {
margin:0px;;	
}

h1 {
margin:0px;
}

h3 {
margin:0px;
}

.ligne
{
margin : 0px;
width : 100%;
height: 50px;
position:relative;
}


/* *************************************************************** */
/* MOBILE*/
/* *************************************************************** */
@media only screen and (max-width: 600px) 
{
	
    .logo_accueil{
        
        height:230px;
        margin-bottom:50px;
    }
    
    
    .espace_page_accueil
    {
    height:0px;   
        
    }
    
    .menu-normal
    {
    visibility:hidden;
	display:none;	
    }
    
    .menu-mobile
    {
    visibility:visible;
	display:visible;	
    }
    
h1 {
    font-size:30px
    }
h2 {
    font-size:25px
    }
    
.container 
{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
    
	
}


.container > div 
{
float : none;
height : auto;
    
}
.bloc-1col,  .bloc-2col, .bloc-3col, .bloc-4col, .bloc-5col, .bloc-6col, .bloc-7col, .bloc-8col,  .bloc-9col, .bloc-10col, .bloc-11col, .bloc-12col, .bloc-13col, .bloc-14col, .bloc-15col 
{
	
	width : 98%;
	margin : 0 1%;
}



}

/* Medium devices (landscape tablets, 768px and up) */
/*
@media only screen and (min-width: 768px)  {
.ligne > div {
background-color:yellow;
}
}
*/

/* *************************************************************** */
/* PC */
/* *************************************************************** */
@media only screen and (min-width: 601px)  and (max-width : 1199px) {
    
    
    
     .logo_accueil{
        
        height:500px;
    }
    
     .espace_page_accueil
    {
    height:130px;   
        
    }
    
     .menu-normal
    {
    visibility:visible;
	display:visible;	
    }
    
    .menu-mobile
    {
    visibility:hidden;
	display:none;	
    }
	
h1 {
    font-size:50px
    }
    
 h2 {
    font-size:40px
    }   
.container 
{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}
.container > div 
{
float : left;
margin : 0 0.5%;


}

.bloc-1col {width : 7.3%;}
.bloc-2col {width : 15.6%;}
.bloc-3col {width : 24%;}
.bloc-4col {width : 32.3%;}
.bloc-5col {width : 40.6%;}
.bloc-6col {width : 49%;}
.bloc-7col {width : 57.3%;}
.bloc-8col {width : 65.6%;}
.bloc-9col {width : 74%;}
.bloc-10col {width : 82.3%;}
.bloc-11col {width : 90.6%;}
.bloc-12col {width : 99%;}



}
/* *************************************************************** */
/* ECRAN LARGES */
/* *************************************************************** */
@media only screen and (min-width: 1200px)   
{
     
     .logo_accueil{
        
        height:500px;
    }
    
    .espace_page_accueil
    {
    height:130px;   
        
    }
      .menu-normal
    {
    visibility:visible;
	display:visible;	
    }
    
    .menu-mobile
    {
    visibility:hidden;
	display:none;	
    }
	
h1 {
    font-size:50px
    }
    
h2 {
    font-size:40px
    }

.container{
width : 1200px;
margin : 0px auto;
height : 5px;
}

.container > div {
float : left;
margin : 0 10px;
 
}


.bloc-1col {width : 80px;}
.bloc-2col {width : 180px;}
.bloc-3col {width : 280px;}
.bloc-4col {width : 380px;}
.bloc-5col {width : 480px;}
.bloc-6col {width : 580px;}
.bloc-7col {width : 680px;}
.bloc-8col {width : 780px;}
.bloc-9col {width : 880px;}
.bloc-10col {width : 980px;}
.bloc-11col {width : 1080px;}
.bloc-12col {width : 1180px;}


}