@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'nordstern_demonormal';
    src: url('../polices/nordsterndemo-normal-webfont.eot');
    src: url('../polices/nordsterndemo-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/nordsterndemo-normal-webfont.woff2') format('woff2'),
         url('../polices/nordsterndemo-normal-webfont.woff') format('woff'),
         url('../polices/nordsterndemo-normal-webfont.ttf') format('truetype'),
         url('../polices/nordsterndemo-normal-webfont.svg#nordstern_demonormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2.tools{
	color:#666;
	margin-top:30px;
	text-align:left;
}

h4.tools{
	font-size:20%;
}

h4.blogue a{
	text-decoration:none;
	color:black;
}

ul li.fg{
	font-weight:bold;
}

ul li.fg a{
	color:white;
}

body.merci{
	background-color:#e4e4e4;
}

h4.merci{
	font-family: 'nordstern_demonormal';
	font-weight:normal;
	margin:0 auto;
	width:100%;
	text-align:center;	
	padding-bottom:10px;
	padding-top:25%;
}

p.merci{
	margin:0 auto;
	text-align:center;
	width:100%
}

p.merci a{
	text-decoration:none;
	color:black;
}

	body.photo {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/presentation.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#e4e4e4;
	background-size:contain;
}

body.photodeux {
	/* image de fond pour les pages avec body.photo */
	background-image:url(approche.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#7e8b99;
		background-size:contain;
}

body.phototrois {
	/* image de fond pour les pages avec body.photo */
	background-image:url(motifs.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#a3bbd5;
		background-size:contain;
}

body.photoquatre {
	/* image de fond pour les pages avec body.photo */
	background-image:url(outils.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#d5d9ac;
		background-size:contain;
}

body.photocinq {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/formation.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#e0e6d8;
		background-size:contain;
}

body.photosix {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/blogue.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#e4e4e4;
		background-size:contain;
}

body.photosept {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/question.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#bdb3b3;
		background-size:contain;
}


body.photohuit {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:white;
		background-size:contain;
}

html, body {
height:100%;
min-height:100%;
}


body{
	background-color:white;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}


nav{
	background-color:#cacaca;
	    font-family: 'nordstern_demonormal';
		position:fixed;
		top:0;
		left:0;
		z-index:9000000;
		width:100%;
}

nav ul{
	display:inline-block;
		background-color:#cacaca;
}

nav ul li{
	display:inline-block;
			background-color:#cacaca;

}

nav ul li a{
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	padding:12px;
	display:block;
}

nav ul li a:hover{
	background-color:#626262;
	color:white;
}


/*************************************************************************************************************/
												/*WRAPPER _ HEADER ACCEUIL*/
/*************************************************************************************************************/

header{
	width:60%;
	height:100%;
	float:left;
}

header img{
	height:22%;
	width:auto;
	margin-top:25%;
	margin-left:22%;
}

header h1{
	text-align:center;
	font-family: 'nordstern_demonormal';
	letter-spacing:3px;
	font-weight:normal;
		
}

div#accueil{
	width:40%;
	height:100%;
	min-height:1200px;
	background-color:#e4e4e4;
	float:right;
}

div#accueil article{
	margin:20%;
	line-height:150%;
	font-size:95%;
	background-color:#e4e4e4;
}

div#accueil article p{
	padding-bottom:8px;
}


p.gras{
	font-weight:bold;
}

div#accueil p.langue{
	text-align:center;
	margin-top:30px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'nordstern_demonormal';
}


div#accueil p.langue a{
	text-decoration:none;
	color:#1b9bd0;

}

div#accueil p.langue a:hover{
		color:#333;
}


/*************************************************************************************************************/
												/*WRAPPER _ AUTRES PAGES*/
/*************************************************************************************************************/

aside.legende{
	color:white;
	font-size:80%;
	position:fixed;
	bottom:1%;
	left:1%;
	width:28%;
}

h2{
	font-family: 'nordstern_demonormal';
	font-weight:normal;
	color:white;
	text-align:center;
	font-size:110%;
}

h2 aside i{
	font-size:200%;
}

section li{
	list-style-type:square;
	margin-left:5%;
	padding-bottom:5%;
	padding-top:2%;
}

img.bureau{
	height:50%;
	width:auto;

}

figcaption.bureau{
	font-size:80%;
	margin:5px;
}

figcaption.bureau a{
	text-decoration:none;
	color:#666;
}


div.wrapper article img{
	height:150px;
	width:auto;
	margin:0 auto;
}

div.wrapper{
	min-height:1200px;
	width:30%;
	float:right;
	padding:5% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#e4e4e4;
}

div.wrapper article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}

div.wrapper article.un{
	padding-top:10%;
}

div.wrapper article.un a{
	color:#1b9bd0;
	text-decoration:none;
	font-family: 'nordstern_demonormal';

}

div.wrapper article.un a:hover{
	color:#17509b;
}

div.wrapper article.deux{
	padding-bottom:10%;
	padding-top:1%;
}

div.wrapper article.deux img{
	padding-bottom:10px;
}

div.wrapper article p{
	margin-bottom:10px;
}


div.wrappercouleur{
	min-height:1200px;
	width:30%;
	height:350%;
	float:right;
	padding:5% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#7e8b99;
}

div.wrappercouleur p.gras{
	padding:10% 0 5% 0;
}

div.wrappercouleur article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}

div.wrappercouleur p.voir{
	display:none;
}

div.wrappercouleur article h3{
	margin-bottom:-25px;
}

div.wrappercouleur i.fa{
	text-align:center;
}


/*********************************************************************************
								wrappercouleurdeux
********************************************************************************/

div.wrappercouleurdeux{
	min-height:1200px;
	width:30%;
	float:right;
	padding:5% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#a3bbd5;
}

div.wrappercouleurdeux article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}


div.wrappercouleurdeux li{
	list-style-type:square;
	margin-left:5%;
}

div.wrappercouleurdeux p{
	margin-bottom:5%;
}

div.wrappercouleurdeux p.gras{
	padding:10% 0 5% 0;
}

/*********************************************************************************
								wrappercouleurtrois
********************************************************************************/

div.wrappercouleurtrois{
	min-height:1200px;
	width:30%;
	height:45%;;
	float:right;
	padding:10% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#d5d9ac;
}


div.wrappercouleurtrois article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}


div.wrappercouleurtrois h4{
	font-family:'nordstern_demonormal';
	font-size:140%;
	padding-bottom:10%;
}


div.wrappercouleurtrois p{
	margin-bottom:5%;
}

/*********************************************************************************
								wrappercouleurQUATRE
********************************************************************************/




div.wrappercouleurquatre{
	min-height:1200px;
	width:30%;
	height:45%;;
	float:right;
	padding:10% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#e0e6d8;
}


div.wrappercouleurquatre article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}

div.wrappercouleurquatre p{
	margin-bottom:5%;
}

div.wrappercouleurquatre li{
	list-style-type:square;
	margin-left:5%;
}



div.wrappercouleurquatre article a{
	color:#1b9bd0;
	text-decoration:none;
	font-family: 'nordstern_demonormal';

}

div.wrappercouleurquatre article a:hover{
	color:#17509b;
}


div.wrappercouleurquatre article span{
	font-weight:bold;
}

/*********************************************************************************
								wrappercouleurcinq
********************************************************************************/


div.wrappercouleurcinq{
	min-height:1200px;
	width:30%;
	height:42%;
	float:right;
	padding:10% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#e4e4e4;
}

div.wrappercouleurcinq article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}

div.wrappercouleurcinq h4{
	font-family:'nordstern_demonormal';
	font-size:300%;
	padding-bottom:10%;
}

/*********************************************************************************
								wrappercouleursix
********************************************************************************/
div.wrappercouleursix{
	min-height:1200px;
	width:30%;
	height:270%;
	float:right;
	padding:10% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:#bdb3b3;
}

div.wrappercouleursix article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}


div.wrappercouleursix article span{
	font-weight:bold;
}

div.wrappercouleursix p{
	margin-bottom:5%;
}


/*********************************************************************************
								wrappercouleursept
********************************************************************************/


div.wrappercouleursept{
	width:30%;
	float:right;
	padding:10% 20% 20% 20%;
	position:relative;
	z-index:2;
	background-color:white;
}

div.wrappercouleursept article{
	margin:0 auto;
	line-height:150%;
	font-size:95%;
}


div.wrappercouleursept article span{
	font-weight:bold;
}



div.wrappercouleursept p{

	margin-bottom:5%;
}

div.wrappercouleursept p.center{
	margin-bottom:1%;
	font-weight:bold;
}

div.wrappercouleursept p.haut{
	margin-top:5%;
}

div.wrappercouleursept p.bas{
	margin-bottom:10%;
}
/*********************************************************************************
								formulaire
********************************************************************************/

form#formulaire label, form#formulaire input{
	font-family:'nordstern_demonormal';
	letter-spacing:2px;
	color:#00a3fb;
	display:block;

}

form#formulaire label{
	margin:5px;

}

form#formulaire input, form#formulaire textarea{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	width:400px;
	background-color:#f1f1f1;
	border:none;
	padding:4px;
	color:#000;
}

form#formulaire textarea{
	height:100px;
}

.portrait{
	display:none;
}

.oiseaux{
	display:none;
}

/*************************************************************************************************************/
												/*JQUERY*/
/*************************************************************************************************************/

section{
	display:none;
}





/* ------------------------------------------------------------------------------- */
/* X.RESPONSIVE DESIGN
/* ------------------------------------------------------------------------------- */ 
@media only screen and (max-width : 680px) { /* pour les écrans sous 680px */

body{
	height:auto;
	min-auto:auto;
}

nav{
	position:absolute;
	width:100%;
}

nav ul{
	display:inherit;
	padding:10px;
}

nav ul li{
	display:inherit;
		margin-bottom:2px;
		padding-left:30px;

}

nav ul li a{
	font-size:70%;
	padding:1px;

}


nav ul li a:hover{
	background-color:#cacaca;
	color:black;
}

header img{
	height:auto;
	width:300px;
	padding-top:140px;
	padding-left:20%;
	padding-bottom:10%;
}

header h1{
	display:none;

		
}

div#accueil{
	width:100%;
	height:auto;
	min-height:auto;
	background-color:#e4e4e4;
	}

div#accueil article{
	margin:20%;
	line-height:150%;
	font-size:95%;
	background-color:#e4e4e4;
}

img.bureau{
	width:60%;
	height:auto;
	margin-left:20%;
}

figcaption.bureau{
	font-size:80%;
	margin-left:20%;
}



div#accueil p.langue a{
	text-decoration:none;
	color:#1b9bd0;

}

div#accueil p.langue a:hover{
		color:#333;
}


body.photo{
	background-image:none;
}

body.photodeux {
	background-image:none;
}

body.phototrois {
	background-image:none;
}

body.photoquatre {
	background-image:none;
}

body.photocinq {
	background-image:none;
}

body.photosix {
	background-image:none;
}

body.photosept {
	background-image:none;
}


body.photohuit {
	/* image de fond pour les pages avec body.photo */
	background-image:none;
}

aside.legende{
	display:none;
}

div.wrapper{
		float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrapper article{
	width:60%;
	margin:0 auto;
}

.portrait{
	display:block;
}

figure.portrait img{
	width:250px;
	height:auto;
}

figcaption.portrait{
	width:250px;
	font-size:70%;
}

div.wrappercouleur{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleurdeux{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurdeux article{
	width:60%;
	margin:0 auto;
}


div.wrappercouleurtrois{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurtrois article{
	width:60%;
	margin:0 auto;
}


div.wrappercouleurquatre{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurquatre article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleurcinq{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurcinq article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleursix{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleursix article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleursept{
	float:left;
	top:172px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleursept article{
	width:60%;
	margin:0 auto;
}

article{
	padding-top:20px;
	padding-bottom:30px;
}

div.wrappercouleurcinq h4{
	font-size:160%;
	text-align:center;
		font-weight:normal;
		line-height:150%;
}

div.wrappercouleurtrois h4{
		font-size:160%;
	text-align:center;
		font-weight:normal;
				line-height:150%;

}

h2{
	font-size:95%;
}

form#formulaire label, form#formulaire input{
	font-family:'nordstern_demonormal';
	letter-spacing:2px;
	color:#00a3fb;
	display:block;

}

form#formulaire label{
	margin:5px;

}

form#formulaire input, form#formulaire textarea{
	margin-bottom:10px;
	width:300px;
	background-color:#f1f1f1;
	border:none;
	padding:4px;
	color:#000;
}

form#formulaire textarea{
	height:100px;
}

}
@media only screen and (min-width : 681px) and (max-width : 719px) {

img.bureau{
	width:60%;
	height:auto;
	margin-left:20%;
}


figcaption.bureau{
	font-size:80%;
	margin-left:20%;
}
div.wrappercouleurcinq h4{
	font-size:110%;
	text-align:center;
		font-weight:normal;
		line-height: 150%;
}

div.wrappercouleurtrois h4{
		font-size:110%;
	text-align:center;
		font-weight:normal;
		line-height:150%;
}
nav{
		position:absolute;
}


nav ul li a{
	font-size:80%;
}

header img{
	height:auto;
	width:400px;
	padding-top:40px;
	padding-left:20%;
	padding-bottom:1%;
}

header h1{
	letter-spacing:2px;
	width:450px;
	margin:0 auto;
	font-size:65%;
	padding-bottom:10%;
	margin-left:35%;
}

div#accueil{
	width:100%;
	height:auto;
	min-height:auto;
	background-color:#e4e4e4;
	}

div#accueil article{
	margin:20%;
	line-height:150%;
	font-size:95%;
	background-color:#e4e4e4;
}

body.photo{
	background-image:none;
}

body.photodeux {
	background-image:none;
}

body.phototrois {
	background-image:none;
}

body.photoquatre {
	background-image:none;
}

body.photocinq {
	background-image:none;
}

body.photosix {
	background-image:none;
}

body.photosept {
	background-image:none;
}


body.photohuit {
	/* image de fond pour les pages avec body.photo */
	background-image:none;
}

aside.legende{
	display:none;
}

div.wrapper{
	float:left;
	top:50px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrapper article{
	width:60%;
	margin:0 auto;
}

.portrait{
	display:block;
}

figure.portrait img{
	width:250px;
	height:auto;
	margin-left:32%;
	margin-top:40px;
}

figcaption.portrait{
	width:250px;
	font-size:70%;
	margin:0 auto;
	text-align:center;
}

div.wrappercouleur{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleurdeux{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurdeux article{
	width:60%;
	margin:0 auto;
}


div.wrappercouleurtrois{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurtrois article{
	width:60%;
	margin:0 auto;
}


div.wrappercouleurquatre{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurquatre article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleurcinq{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleurcinq article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleursix{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleursix article{
	width:60%;
	margin:0 auto;
}

div.wrappercouleursept{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	padding:10px;
}

div.wrappercouleursept article{
	width:60%;
	margin:0 auto;
}

article{
	padding-top:50px;
	padding-bottom:30px;
}

form#formulaire label, form#formulaire input{
	font-family:'nordstern_demonormal';
	letter-spacing:2px;
	color:#00a3fb;
	display:block;

}

form#formulaire label{
	margin:5px;

}

form#formulaire input, form#formulaire textarea{
	margin-bottom:10px;
	width:400px;
	background-color:#f1f1f1;
	border:none;
	padding:4px;
	color:#000;
}

form#formulaire textarea{
	height:100px;
}

.oiseaux{
	display:block;
	margin:0 auto;
	height:80%;
	width:auto;
	margin-top:-13%;
}
}

@media only screen and (min-width : 720px) and (max-width : 1023px) {
	
img.bureau{
	width:60%;
	height:auto;
	margin-left:20%;
}

figcaption.bureau{
	font-size:80%;
	margin-left:20%;
}
	div.wrappercouleurcinq h4{
	font-size:160%;
	text-align:center;
		font-weight:normal;
		line-height:150%;
}

div.wrappercouleurtrois h4{
		font-size:160%;
	text-align:center;
		font-weight:normal;
		line-height:150%;
}
	


nav ul li a{
	font-size:70%;
	padding:6px;
}

header img{
	height:auto;
	width:300px;
	padding-top:50px;
	padding-bottom:1%;
	margin-left:15%;
}

header h1{
	letter-spacing:0px;
	width:400px;
	font-size:60%;
	padding-bottom:10%;
	margin-left:7%;
}

div#accueil{
	width:50%;
	height:100%;
	min-height:1200px;
	background-color:#e4e4e4;
	position:absolute;
	top:0;
	right:0;
}

div#accueil article{
	font-size:90%;
}

.portrait{
	display:block;
}

figure.portrait img{
	width:250px;
	height:auto;
	margin-left:37%;
	margin-top:40px;
}

figcaption.portrait{
	width:250px;
	font-size:70%;
	margin:0 auto;
	text-align:center;
}

div.wrappercouleur{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:60%;
	margin:0 auto;
}

body.photo{
	background-image:none;
}

body.photodeux {
	background-image:none;
}

body.phototrois {
	background-image:none;
}

body.photoquatre {
	background-image:none;
}

body.photocinq {
	background-image:none;
}

body.photosix {
	background-image:none;
}

body.photosept {
	background-image:none;
}


body.photohuit {
	/* image de fond pour les pages avec body.photo */
	background-image:none;
}

div.wrapper{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrapper article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleur{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurdeux{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurdeux article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurtrois{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurtrois article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurquatre{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurquatre article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurcinq{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurcinq article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleursix{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleursix article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleursept{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleursept article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

article{
	padding-top:100px;
	padding-bottom:100px;
}

.oiseaux{
	display:block;
	margin:0 auto;
	height:80%;
	width:auto;
	margin-top:-13%;
}
}
@media only screen and (min-width : 1024px) and (max-width : 1139px) {
	
img.bureau{
	width:60%;
	height:auto;
	margin-left:20%;
}

figcaption.bureau{
	font-size:80%;
	margin-left:20%;
}
	
	div.wrappercouleurcinq h4{
	font-size:160%;
	text-align:center;
		font-weight:normal;
		line-height:150%;
}

div.wrappercouleurtrois h4{
		font-size:160%;
	text-align:center;
		font-weight:normal;
		line-height:150%;
}
	
nav ul li a{
	font-size:80%;
	padding:7px;
}

header img{
	height:auto;
	width:350px;
	padding-top:50px;
	padding-bottom:1%;
	margin-left:15%;
}

header h1{
	letter-spacing:1px;
	width:350px;
	font-size:60%;
	padding-bottom:10%;
	margin-left:15%;
}

div#accueil{
	width:50%;
	height:100%;
	min-height:1200px;
	background-color:#e4e4e4;
	position:absolute;
	top:0;
	right:0;
}

div#accueil article{
	font-size:90%;
}

.portrait{
	display:block;
}

figure.portrait img{
	width:300px;
	height:auto;
	margin-left:37%;
	margin-top:40px;
}

figcaption.portrait{
	width:250px;
	font-size:70%;
	margin:0 auto;
	text-align:center;
}

div.wrappercouleur{
	float:left;
	top:75px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:60%;
	margin:0 auto;
}

body.photo{
	background-image:none;
}

body.photodeux {
	background-image:none;
}

body.phototrois {
	background-image:none;
}

body.photoquatre {
	background-image:none;
}

body.photocinq {
	background-image:none;
}

body.photosix {
	background-image:none;
}

body.photosept {
	background-image:none;
}


body.photohuit {
	/* image de fond pour les pages avec body.photo */
	background-image:none;
}

div.wrapper{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrapper article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleur{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurdeux{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurdeux article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurtrois{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurtrois article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurquatre{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurquatre article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleurcinq{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurcinq article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleursix{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleursix article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

div.wrappercouleursept{
	float:left;
	top:20px;
	min-height:1200px;
	width:100%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleursept article{
	width:60%;
	margin:0 auto;
	font-size:90%;
}

article{
	padding-top:100px;
	padding-bottom:100px;
}

.oiseaux{
	display:block;
	margin:0 auto;
	height:80%;
	width:auto;
	margin-top:-13%;
}
}

@media only screen and (min-width : 1140px)and (max-width : 1760px){
	
	img.bureau{
	height:40%;
	width:auto;
}
	
html, body {
height:100%;
min-height:100%;
}


	body.photo {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/presentation.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#e4e4e4;
	background-size:contain;
}

body.photodeux {
	/* image de fond pour les pages avec body.photo */
	background-image:url(approche.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#7e8b99;
		background-size:contain;
}

body.phototrois {
	/* image de fond pour les pages avec body.photo */
	background-image:url(motifs.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#a3bbd5;
		background-size:contain;
}

body.photoquatre {
	/* image de fond pour les pages avec body.photo */
	background-image:url(outils.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#d5d9ac;
		background-size:contain;
}

body.photocinq {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/formation.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#e0e6d8;
		background-size:contain;
}

body.photosix {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/blogue.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#e4e4e4;
		background-size:contain;
}

body.photosept {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/question.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:#bdb3b3;
		background-size:contain;
}


body.photohuit {
	/* image de fond pour les pages avec body.photo */
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat; /* pleine hauteur */
	background-attachment:fixed; /* no scroll */
	background-color:white;
		background-size:contain;
}
	nav ul li a{
	font-size:85%;
	padding:4px;
}

header img{
	height:auto;
	width:400px;
	padding-top:60px;
	padding-bottom:1%;
	margin-left:23%;
}

header h1{
	letter-spacing:2px;
	width:450px;
	font-size:61%;
	padding-bottom:10%;
	margin-left:20%;
}

aside.legende{
	color:white;
	font-size:80%;
	position:fixed;
	bottom:1%;
	left:1%;
	width:30%;
}

div.wrapper{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrapper article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleur{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleur article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleurdeux{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurdeux article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleurtrois{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurtrois article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleurquatre{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurquatre article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleurcinq{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleurqcinq article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleursix{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleursix article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

div.wrappercouleursept{
	float:right;
	right:5%;
	top:20px;
	min-height:1200px;
	width:40%;
	max-width:100%;
	padding:10px;
}

div.wrappercouleursept article{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-size:90%;
}

article{
	padding-top:50px;
	padding-bottom:50px;
}

div.wrappercouleurcinq h4{
	font-size:160%;
	text-align:center;
	font-weight:normal;
}

div.wrappercouleurtrois h4{
		font-size:160%;
	text-align:center;
	font-weight:normal;
}

div.wrapper article.deux{
	padding-top:0;
	
}

}

@media only screen and (min-width : 1760px){
	
	img.bureau{
	height:40%;
	width:auto;

}
	div.wrappercouleurcinq h4{
	text-align:center;
		font-weight:normal;
		line-height:150%;
}

div.wrappercouleurtrois h4{
	text-align:center;
		font-weight:normal;
		line-height:150%;
}
}