/* commentaire type à C/C 1*/
/* spans divers */


@font-face {
font-family: 'avenir';
src: url(../font/AvenirLTStd45Book.otf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'butler_medium';
src: url(../font/Butler-Medium.woff2) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'butler_bold';
src: url(../font/Butler-Bold.woff2) format('truetype');
font-weight: normal;
font-style: normal;
}

@media (min-width:1280px) {

body {
		font-size: 18px;
		margin:auto;
}
header h1 {
		padding-top : 40px;
		font-size: 570%
		}

header h2 {
		margin-top: -20px;
		margin-bottom : 100px;
		}

header nav {
		font-size: 125% ;
		Letter-spacing : 7px ;
		margin-bottom: 30px
		}
		
header nav ul li {
		margin-left: 35px ;
        margin-right: 35px ;
}
}

@media (min-width:1050px) and (max-width:1279px) {
body { font-size: 18px}
header h1 {
		padding-top : 40px;
		font-size: 550%}
header h2 {margin-top: -20px;margin-bottom : 50px}
header nav {
		font-size: 125% ;
		Letter-spacing : 7px ;
		margin-bottom: 30px }
header nav ul li {
		margin-left: 30px ;
        margin-right: 30px ;}
}


@media (min-width:900px)  and (max-width:1049px) {
body { font-size: 17px}
header h1 {
		padding-top : 30px;
		font-size: 510%}
header h2 {margin-top: -15px;margin-bottom : 50px;}
header nav {
		font-size: 125% ;
		Letter-spacing : 6px ;
		margin-bottom: 20px}
header nav ul li {
		margin-left: 25px ;
        margin-right: 25px ;}
}

@media (min-width:750px) and (max-width:899px){
body { font-size: 15px}
header h1 {
		padding-top : 20px;
		font-size: 470%}
header h2 {margin-top: -5px;margin-bottom : 45px}
header nav {
		font-size: 120% ;
		Letter-spacing : 5px ;
		margin-bottom: 20px ;}
header nav ul li {
		margin-left: 20px ;
        margin-right: 20px }
}

@media (min-width:660px) and (max-width:749px) {
body { font-size: 12px}
header h1 {
		padding-top : 20px;
		font-size: 450%}
header h2 {margin-top: -5px;margin-bottom : 40px}
header nav {
		font-size: 120% ;
		Letter-spacing : 4px ;
		margin-bottom: 20px ;}
header nav ul li {
		margin-left: 20px ;
        margin-right: 20px }
}

@media (min-width:530px) and (max-width:659px) {
body { font-size: 11px}
header h1 {
		padding-top : 20px;
		font-size: 450%}
header h2 {margin-top: -5px; margin-bottom : 30px}
header nav {
		font-size: 120% ;
		Letter-spacing : 3px ;
		margin-bottom: 20px}
header nav ul li {
		margin-left: 13px ;
        margin-right: 12px }
.opt610 { display: none}
}

@media (min-width:467px) and (max-width:529px) {
body {font-size: 10px}
header h1 {
		padding-top : 20px;
		font-size: 450%}
header h2 {margin-top: -5px; margin-bottom : 30px}
header nav {
		font-size: 110% ;
		Letter-spacing : 4px ;
		margin-bottom: 15px}
header nav ul li {
		margin-left: 10px ;
        margin-right: 10px }
}

@media (min-width:400px) and (max-width:466px) {
body {font-size: 9px}
header h1 {
		padding-top : 15px;
		font-size: 450%}
header h2 {margin-top: 0px; margin-bottom : 20px}
header nav {
		font-size: 110% ;
		Letter-spacing : 3px ;
		margin-bottom: 15px}
header nav ul li {
		margin-left: 7px ;
        margin-right: 7px }
}

@media (max-width:399px) {

body {font-size: 9px}
header h1 {
		padding-top : 10px;
		font-size: 450%}
header h2 {margin-top: 5px; margin-bottom : 20px}
header nav {
		font-size: 100% ;
		Letter-spacing : 3px;
		margin-bottom: 15px ;}
header nav ul li {
		margin-left: 5px ;
        margin-right: 5px }
}

@media (min-width:1150px) {
.opt4 {display: none}
}

@media (min-width:600px) {
.opt5 {display: none}
}


@media (min-width:440px) {
.opt6 {display: none}
}

@media (min-width:380px) {
.opt7 {display: none}
}



body /* Corps complet */ {
		font-family: butler_medium,arial,times;
		max-width : 1280px ;
		color : #000 ;
		background : #FFF;

		 
}


/* ------------------En tête---------------------- */


header {
		text-align : center;
		font-family: butler_bold,arial;

}


header {
		text-align : center;

}


header a {
		color : black ;
		text-decoration : none ;
		}


header h1 {
		margin : 0px;
		/*font-weight: 200;*/
		letter-spacing : 0px;
		}
		
header h1 .maj {
		margin: 0px;
		font-size: 140% ;
		}

header h2 {
		font-size: 200%;
		/*font-weight: 200;*/
		letter-spacing : 3px;

		}

header h3 {
		margin-top : 30px;
		font-size: 15px ;
		letter-spacing : 3px;
		}	
header nav {
		width : 100% ;
		} 

header nav ul { 
		margin-top : 20px ;
		margin-left : -40px ;
		list-style-type: none;
				
} 

header nav ul li {
		display: inline-block ;
		text-align: center ; 
		;
		
}
header nav ul li a {

		
		}
		
header nav ul li a:hover {
		font-size : 100% ;
		text-decoration: underline;
		}

		

/* --------------------Contenu principal---------------------- */


section  { 		
		margin-top : 5%;
		margin-left: 2%; 
		margin-right: 2%;
		letter-spacing : 1px;
		text-align: justify;
		font-family: arial,times;
}
		
.colonne { 
		float:left;
		width: 32%;
}

section .ligne { 
		display : flex;
		margin-right:-2%;
}

		
section .pavé {
		font-size: 95%;
		width: 33%;
		text-align: justify;
		margin-right: 2%;
		}

section .pavé img {
		width : 100%;
		}
		
section .pavé a {
		margin-bottom : 0px;
		color : black;
		text-decoration : none ;
		}
		
section .pavé a p {
		font-family: butler_medium,arial,times;
		margin-top : -5%;
		margin-bottom: 5%;
		text-align : left;
		}
 
section a {
		float: left;
		margin-bottom: 0px;
		margin-right: 0px; 
		max-width: 100%;
} 
section h3 {
		text-align : Justify;
		font-weight: 200;

}

section p {
		margin-top : 1%;
		margin-bottom: 1%;
		width : 100%;
		float : left;
		
		}
		
section img {
		width : 100%;
		margin-bottom :1%;
		
		}
		
section .bloc-texte { 
		font-family: arial,times; 
		text-align: justify;
		float:right;
		margin-left: 2%;
		margin-right: 2% ;
		width:63%;
}		
		
section .bloc-texte h2 {
        margin-top:0px;
		font-size: 130% ; 
		font-weight: 500;
}

section .bloc-texte h3 {
		margin-top:0px;
		font-size: 120% ; 
		font-weight: 500;
}

section .bloc-texte p {
		margin-bottom: 5%;
		font-size: 106%;
		text-align : justify;
		line-height : 1.4;
}


/* ---------------------------pied de page---------------------------- */

footer {
		float: left;
		width: 100%;
		margin-top : 2%;
		margin-bottom : 50px;
        Font-size : 85% ;
        Letter-spacing : 1px;
        }

	
footer p {
		float: none;
		text-align: center;
		margin:-1px;
		}