@charset "UTF-8";
/* CSS Document */
@font-face{
  font-family: 'titre';
  font-display: auto;
  src: local('titre'), url('../css/fonts/LANENAR_.ttf');
}

@font-face{
  font-family: 'anglais';
  font-display: auto;
  src: local('anglais'), url('../css/fonts/anglais.ttf');
}
@font-face{
  font-family: 'gravlight';
  font-display: auto;
  src: local('gravlight'), url('../css/fonts/Gravity-UltraLight.otf');
}
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
b{
	font-weight:bold;	
}
ol, ul {
	list-style: none;
}
img{
vertical-align:bottom;	
}
html{
background-image:url(../images/fond_commande.jpg);
background-position: center top; /* Center the image */
background-size: auto;
background-attachment:fixed;	
}
body{
background:none;
position:relative;
z-index:-100;

}
header{
border-bottom:5px solid #fff;
opacity: 1;
filter: alpha(opacity=100);	
z-index:5;
position:relative;
}
nav{
position:relative;
z-index:-1;
background-color:#FFF;
display:inline-block;
border-top:1px solid #ffcf00;
}
strong{
font-weight:bold;	
}


.image{
border:0;
margin:0;
width:100%;
	
display:block;
}
.grande{
	
width:100%;	
display:block;
padding:0;
}
.petite{
width:50%;		
display:block;
padding:0;
float:left;
}
.100{
width:100%;	
}
.50{
width:100%;
	
}
h1{
font-family:anglais;
font-size:60px;
text-align:center;

padding-top:40px;
padding-bottom:40px;
line-height:45px;
}
.h1_t{
font-family:CaviarDreams_BOLD;
font-size:44px;		
}
h2{
margin:10px;
font-family:anglais;
font-size:48px;	
line-height:40px;
text-align:center;
width:97%;
margin-top:50px;
}
.h2_t{
font-family:CaviarDreams_BOLD;
font-size:44px;		
}
.texte_desc{
font-family:CaviarDreams;
margin:25px;

font-size:22px;
line-height:42px;
text-align:justify;
}
figure{
position:relative;	
}

.legimg{
position:absolute;
bottom:10px;
left:0px;	
font-family:titre;
font-size:14px;
width:80%;
padding:2px;
padding-left:5px;
margin-left:5px;
background: linear-gradient(to left, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
}
.grande .legimg{
width:45%;	
}
.cRetour {
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  z-index:99999;
  transition:all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 1em;
  right: 20px;
  display: none;
}
.cRetour:before{ content: "\25b2"; }
.cRetour:hover{
  background:rgba(255, 207, 0, 1);
  transition:all ease-in 0.2s;
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
h2{
font-size:40px;	
line-height:32px;
margin-top:10px;	
}
.h2_t{
font-size:36px;		
}
.texte_desc{
font-size:22px;
line-height:24px;
margin:15px;	
}

}

@media screen and (min-width: 641px) and (max-width: 900px) {
h2{
font-size:36px;	
line-height:28px;
margin-top:10px;	
}
.h2_t{
font-size:32px;		
}
.texte_desc{
font-size:16px;
line-height:18px;
margin:15px;	
}

}

@media screen and (max-width: 640px){
h2{
font-size:36px;	
line-height:28px;
margin-top:30px;	
}
.h2_t{
font-size:32px;		
}
.texte_desc{
font-size:17px;
line-height:26px;
margin:15px;	
}
nav div{
float:none;
clear:both;
width:100%;
display:inline-block;	
}
.petite{
width:100%;	

}
.grande, .idv{
margin-bottom:30px;	
	
}
#dernier, #premier{
display: flex;
flex-direction: column-reverse;	
}
.legimg{
width:90%;
margin-left:0px;
background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.grande .legimg{
width:90%;	
}
}
.sans_marge{
	margin:0;
}