* {margin:0; padding:0;}
body	{
background-color:#818171;
margin:0 auto;
font-family:Arial;
font-size:0.9em;
}
@font-face	{
font-family: 'Broadway';
src: url('../polices/broadway-webfont.eot');
src: url('../polices/broadway-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../polices/broadway-webfont.woff') format('woff'),
	 url('../polices/broadway-webfont.ttf') format('truetype'),
	 url('../polices/broadway-webfont.svg#broadway') format('svg');
}
@font-face	{
font-family: 'Kaushan Script';
src: url('../polices/kaushanscript-webfont.eot');
src: url('../polices/kaushanscript-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../polices/kaushanscript-webfont.woff') format('woff'),
	 url('../polices/kaushanscript-webfont.ttf') format('truetype'),
	 url('../polices/kaushanscript-webfont.svg#kaushanscript') format('svg');
}
#bandeau	{
background-color:#c22020;
left:0;
right:0;
display:inline-block;
box-shadow:0px 10px 10px #24241f;
position:fixed;
z-index:99;
}
#cv .pdf .doyoubuzz  {
  margin:50px 0px 0px -20px !important;
}
h1	{
font-family:'Kaushan Script';
font-size:1.6em;
color:#fff;
margin:5px 0px 5px 30%;
display:inline-block;
}
h2	{
font-family:'Broadway';
font-size:1.7em;
color:#c22020;
margin:0px 0px 5px 30%;
padding-top:5%;
display:inline-block;
}
p	{
width:35%;
text-align:justify;
display:inline-block;
}
nav	{
display:inline-block;
}
#nava	{
display:none;
}
.nav-toggle-btn	{
display:none;
}
nav	ul	{
list-style-type:none;
margin:10px 0px 0px 10%;
width:100%;
}
nav ul li	{
display:inline-block;
margin-left:10px;
font-size:1.1em;
padding-right:10px;
border-right:1px solid #fff;
}
nav ul li:last-child	{
border-right:none;
}
nav ul li a	{
color:#fff;
text-decoration:none;
}
.contenu_blanc	{
background-color:#fff; 
}
.contenu_gris	{
background-color:#818171;
}
.biais_gris	{
background:url('../images/biaisgris.png');
background-color:transparent;
background-repeat:no-repeat;
background-position:bottom;
width:100%;
height:113px;
margin-top:-10px;
} 
#accueil, #contact	{
display:inline-block;
}
#accueil h2	{
padding-top:10%;
}
#accueil header	{
background-color:#fff;
}
.passage	{
background-color:#c22020;
width:50px;
height:50px;
border-radius:25px;
margin:-70px 0px 0px 50%;
}	
.passage img	{
margin:15px 0px 0px 12px !important;
border:0;
}
.biais_blanc	{
background:url('../images/biais.png');
background-color:transparent;
background-repeat:no-repeat;
background-position:bottom;
width:100%;
height:142px;
margin-top:-60px;
} 
#accueil p	{
margin:10px 20px 10% 30%;
color:#47473e;
line-height:30px;
}
#accueil  img	{
display:inline-block;
vertical-align:top;
margin-left:75px;
}
#de_plus, #creations	{ 
background-color:#fff;
}
#de_plus > header	{
background-color:#818171;
}
#de_plus > article	{
background-color:#818171 !important;
}
#de_plus p	{
display:inline-block;
margin:0px 0px 0px 30px !important;
color:#fff;
line-height:20px;
}
#de_plus .elearning	{
display:inline-block;
width:150px;
height:150px;
background-color:#47473e;
border:1px solid #47473e;
border-radius:75px;
box-shadow:5px 5px 5px #24241f;
margin:30px 0px 0px 33%;
vertical-align:top;
}
#de_plus .elearning img	{
margin:20px 0px 0px 40px;
display:inline-block;
vertical-align:top;
}
#de_plus .elearning p	{
display:inline-block;
margin:5px 0px 0px 30px !important;
color:#fff;
text-transform:uppercase;
width:100%;
}
#de_plus a  {
  text-decoration:none;
  color:#000;
}
#cv article 	{
margin:30px 0px 0px 30.2%;
width:35%;
}
#cv article ul	{
margin:20px 0px;
list-style-image:url('../images/puce.png');
line-height:25px;
}
#cv article ul li {
margin-left:30px;
}
#cv .pdf	{
display:inline-block;
width:150px;
height:150px;
background-color:#47473e;
border:1px solid #47473e;
border-radius:75px;
box-shadow:5px 5px 5px #24241f;
vertical-align:middle;
float:right;
margin-top:-100px;
}
#cv .pdf img	{
margin:25px 0px 0px 15px !important;
border:0;
}
#cv .pdf a	{
color:#fff;
text-transform:uppercase;
margin-left:23px;
text-decoration:none;
}
#creations #elastislide-carousel	{
margin:40px 0px 0px 5%;
}
#creations_devoile	{
background-color:#fff;
}
#creations_devoile #toggle	{
margin-left:30%;
width:37%;
}
#creations_devoile #toggle img	{
display:inline-block;
vertical-align:top;
box-shadow:0px 0px 5px #929292;
margin:20px 0px;
}
#creations_devoile #toggle ul	{
display:inline-block;
list-style-type:none;
margin-top:30px;
}
#creations_devoile #toggle ul li	{
margin-left:20px;
font-size:0.9em;
line-height:35px;
}
#creations_devoile #toggle ul li a	{
text-decoration:none;
color:#47473e;
}
#contact	{
width:100%;
background-color:#fff;
}
#contact article	{
margin-left:30%;
}
#contact article p	{
display:inline-block;
width:100%;
margin-top:20px;
}
#contact .formul	{
display:inline-block;
list-style-type:none;
margin-top:25px;
}
#contact .formul input	{
border-radius:10px;
border-style:solid;
border-color:#e1e1e1;
box-shadow:0px 0px 3px #404038;
width:200px;
}
#contact .formul li	{
margin-top:20px;
}
#contact .formul #nom	{
margin-left:43px;
}
#contact .formul #prenom	{
margin-left:20px;
}
#contact .formul #mail	{
margin-left:44px;
}
#contact .formul #sujet	{
margin-left:38px;
}
#contact .formul #valider	{
background-color:#c22020;
margin-left:220px;
margin-bottom:20px;
width:80px;
height:20px;
border:none;
color:#fff;
}
#contact .formul textarea	{
margin-top:20px;
width:295px;
height:70px;
border-radius:10px;
border-style:solid;
border-color:#e1e1e1;
box-shadow:0px 0px 3px #404038;
resize:none;
}
#contact_gauche	{
float:left;
}
#contact_droite	{
display:inline-block;
}
#contact_droite img	{
margin-left:20px;
border:0;
}
#contact_droite ul	{
list-style-type:none;
}
#contact_droite ul li	{
float:left;
margin:100px 0px 55px 0px;
}
#contact_droite .qrcode	{
margin-left:75px;
}
footer	{
display:inline-block;
margin-left:35%;
}
footer ul	{
margin:30px 0px;
}
footer	ul li	{
display:inline-block;
color:#e6e6e3;
opacity:0.5;
padding-right:10px;
}
footer ul li a	{
color:#e6e6e3;
text-decoration:none;
}

/* Smartphone */
@media screen and (max-width: 800px), only screen and (min-width: 480px) and (max-width: 767px)	{
	#bandeau	{
	opacity:0.8;
	}
	h1	{
	font-size:1.5em;
	margin:5px 0px 0px 8%;
	width:10%;
	display:inline-block;
	float:left;
	}
	h2	{
	margin:0px 0px 5px 10%;
	font-size:1.5em;
	}
	p	{
	font-size:1em;
	width:80%;
	}
	#nava	{
	display:inline-block;
	width:50%;
	margin-top:10px;
	}
	.nav-toggle-btn	{
	background-image:url('../images/menu_mobile.png');
	background-repeat:no-repeat;
	height:55px;
	display:inline-block;
	width:55px;
	text-indent:-9999px;
	margin-left:200px;
	}
	nav	{
	overflow:visible;
	}
	nav ul	{
	display:inline-block;
	width:100%;
	margin:10px 0px 0px 0px;
	}
	nav ul li	{
	border-right:none;
	margin:0px 0px 3px 0%;
	padding-left:5%;	
	width:480px;
	height:30px;
	font-size:1.5em;
	background-color:#ce4d4d;
	display:none;
	}
	nav ul li:last-child	{
	margin-bottom:0px;
	}
	nav ul li a	{
	display:block;
	}
	#accueil h2	{
	padding-top:40%;
	}
	.passage	{
	margin:-70px 0px 0px 42%;
	}
	#accueil .passage img	{
	display:inline-block;
	}
	#accueil p	{
	margin:10px 20px 10% 10%;
	line-height:30px;
	}
	#accueil img	{
	display:none;
	}
	#de_plus p	{
	margin:0px 0px 0px 10% !important;
	line-height:30px;
	}
	#de_plus .elearning 	{
	display:none;
	}
	#cv article	{
	margin:30px 0px 50px 10.2%;
	width:50%
	}
	#cv article strong	{
	font-size:1em;
	}
	#cv article ul	{
	font-size:1em;
	line-height:50px;
	}
	#cv article ul li	{
	margin-left:15px;
	}
	#cv .pdf	{
	background:none;
	border:0;
	border-radius:0;
	box-shadow:0px 0px 0px;
	width:100%;
	display:inline-block;
	}
	#cv .pdf img	{
	display:none;
	}
	#cv .pdf a:first-child	{
	display:none;
	}
	#cv .pdf a	{
	display:inline-block;
	background-color:#c22020;
	background-repeat:no-repeat;
	height:40px;
	border-radius:10px;
	line-height:40px;
	left:0;
	right:0;
	margin:400px 0px 30px 10px;
	text-align:center;
	width:240px;
	font-size:2em;
	}
	#creations #elastislide-carousel	{
	margin:40px 0px 0px 15%;
	}
	#creations_devoile #toggle	{
	margin-left:7%;
	width:auto;
	}
	#creations_devoile #toggle img	{
	display:none;
	}
	#creations_devoile #toggle ul li	{
	font-size:1em;
	}
	#contact article	{
	margin-left:10%;
	}
	#contact article p	{
	width:80%;
	}
	#contact .formul	{
	font-size:1em;
	}
	#contact .formul input	{
	height:30px;
	border-color:#6a6a5d;
	font-size:1em;
	width:250px;
	margin-top:5px;
	display:inline-block;
	}
	#contact .formul #nom	{
	margin-left:0px;
	}
	#contact .formul #prenom	{
	margin-left:0px;
	}
	#contact .formul #mail	{
	margin-left:0px;
	}
	#contact .formul #sujet	{
	margin-left:0px;
	}
	#contact .formul #valider	{
	margin-left:125px;
	height:30px;
	width:130px;
	}
	#contact .formul textarea	{
	border-color:#6a6a5d;
	height:100px;
	width:250px;
	margin-top:5px;
	}
	#contact_gauche	{
	float:none;
	}
	#contact_droite	{
	display:block;
	}
	#contact_droite ul li	{
	margin:30px 0px 20px 0px;
	}
	#contact_droite .qrcode	{
	display:none;
	}
	footer	{
	font-size:1em;
	margin-left:25%;
	width:60%;
	}
	#cv .pdf .doyoubuzz  {
  display:none;
  }
}
/* Tablettes paysage */

@media screen and (max-width: 1024px) and (orientation: landscape)	{
	h1	{
	margin:5px 0px 5px 20%;
	}
	h2	{
	margin:0px 0px 5px 20%;
	}
	#accueil p	{
	margin:10px 20px 10% 20%;
	}
	.passage	{
	margin:-70px 0px 0px 45%;
	}
	#de_plus .elearning	{
	margin:30px 0px 0px 23%;
	}
	#cv article 	{
	margin:30px 0px 0px 20.2%;
	width:50%;
	}
	#contact article	{
	margin-left:20%;
	}
	#creations_devoile #toggle	{
	margin-left:20%;
	width:62%;
	}
	#creations_devoile #toggle ul li	{
	margin-left:10px;
	}
	footer	{
	margin-left:25%;
	}
}
/* Tablette portrait */
@media only screen and (min-width: 768px) and (max-width: 1000px)	{
	h1	{
	display:inline-block;
	width:30%;
	}
	#bandeau	{
	opacity:1;
	}
	#accueil h2	{
	padding-top:20%;
	}
	.nav-toggle-btn	{
	display:none;
	}
	nav	{
	display:inline-block;
	width:60%;
	}
	nav ul	{
	display:inline-block;
	margin:0px 0px 0px 5%;
	width:100%;
	}
	nav ul li	{
	display:inline-block;
	background:none;
	margin:-10px 0px 0px 5px;
	padding-left:2%;
	font-size:1.2em;
	width:auto;
	}
	#cv article	{
	width:70%;
	margin:30px 0px 0px 10.2%;
	}
	#cv .pdf	{
	display:inline-block;
	width:150px;
	height:150px;
	background-color:#47473e;
	border:1px solid #47473e;
	border-radius:75px;
	box-shadow:5px 5px 5px #24241f;
	vertical-align:middle;
	float:right;
	margin-top:-100px;
	}
	#cv .pdf img	{
	display:block;
	margin:-370px 0px 0px 25px !important;
	}
	#cv .pdf a:first-child	{
	display:block;
	background:none;
	}
	#cv .pdf a:last-child	{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	background:none;
	font-size:1em;
	margin:0px 0px 0px -45px;
	}
	#creations_devoile #toggle	{
	margin-left:20%;
	width:auto;
	}
	#contact .formul #nom	{
	margin-left:30px;
	}
	#contact .formul #prenom	{
	margin-left:10px;
	}
	#contact .formul #mail	{
	margin-left:33px;
	}
	#contact .formul #sujet	{
	margin-left:30px;
	}
	#contact .formul #valider	{
	margin-left:205px;
	height:30px;
	width:130px;
	}
	#contact .formul textarea	{
	border-color:#6a6a5d;
	height:100px;
	width:330px;
	margin-top:5px;
	}
	#contact_droite ul	{
	margin-left:90px;
	}
	#cv article ul	{
	line-height:30px;
	}
	#creations #elastislide-carousel	{
	margin:40px 0px 0px 10%;
	}
}