@font-face {
  font-family: "Montserrat-Regular";
  src: url("fonts/Montserrat-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */
    url("fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
	font-style: normal;}
	




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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
margin-bottom: 5px;
} /*-----pour avoir qd mm des marges en dessous des paragraphes ------*/

* {
box-sizing: border-box;
} /*--pour que le padding n'agrandisse pas le block--*/

/*-----fin de reset------*/

html {
	height: 100%;
}

body{
	min-height: 100%;
	width: 100%;
	background: rgba(255,255,255,1.00) url(img/fondhome4000-compressor.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	position:relative;
}

.rwd{
	height: auto;
	max-width: 100%;
}
.header{
	position:fixed;
	top:0;
	left:0;
	line-height: 3em;
	height: 3em;
	width:100%;
	z-index:20;
}

.color1 {color:#fe2b6e;}
.color2 {color:#fe7201;}
.color3 {color:#fdbe14;}
.color4 {color:#fb1437;}

#logo-home{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#baseline{
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-align: center;
	letter-spacing: 0.3em;
	font-size: 1em;
	padding-top: 2em;
}

#construction{
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: .5em;
	margin-top:2em;
	background-color: rgba(251,20,55,0.80);
}
#construction a{
	color:#fff;
	text-decoration:none;
	font-weight:600;
}



#iconegraph {
	vertical-align:middle;
	line-height: 3em;
}
nav {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
}
nav a{
	color:#fff;
	text-decoration:none;
	padding-right: 40px;
	letter-spacing: 0.3em;
}
nav ul li{
	display:inline-block;	
}
nav ul li:last-child a{
	padding-right: 0px;
}


#active:before{
	content: "|";
	height:13px;
	width: 100%;
	top:0px;
	left: 10px;
	background-color:inherit;
}




#rs-home{
	position:fixed;
	bottom:0;
	height: 55px;
	background-color: rgba(255,255,255,0.75);
	width: 100%;
	text-align:center;
	padding-top:7px;
}

#rs-home a{
	width:40px;
	height:40px;
	display: block;
	margin-right: 15px;
}
#rs-home ul li {
	display: inline-block;
	text-indent: -9999px; /*pour cacher les textes sur les logos*/
	}	

#fb{background: url(img/sprite-rs2-40.gif) no-repeat 0 0;}

#in{background: url(img/sprite-rs2-40.gif) no-repeat -40px 0px;}

#insta{background: url(img/sprite-rs2-40.gif) no-repeat -80px 0px;}

#behance{background: url(img/sprite-rs2-40.gif) no-repeat -120px 0px;}

#fb:hover{background: url(img/sprite-rs2-40.gif) no-repeat 0px -40px;}

#in:hover{background: url(img/sprite-rs2-40.gif) no-repeat -40px -40px;}

#insta:hover{background: url(img/sprite-rs2-40.gif) no-repeat -80px -40px;}

#behance:hover{background: url(img/sprite-rs2-40.gif) no-repeat -120px -40px;}






#show-menu-home, #hide-menu-home { /*masque les boutons du "burger dans la version large */
	display: none;
}



/*----------------------page contact-----------------*/

#body-contact{
	background: rgba(255,255,255,1.00) url(img/body-contact.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.intro{
	height: 100%;
	width: 100%;
	background:rgba(114,114,114,0.20);
	overflow:auto;
	padding:3em;
}

.intro p{
	text-transform: uppercase;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.3rem;
	color:#fe2b6e;
	line-height:1.4em;
	font-size: 1.100em;
	
}

#demande {	
	height: 100%;
	width: 100%;
	background:rgba(114,114,114,0.20);
	font-family: 'Montserrat', sans-serif;
	color:#7f9191;
	margin:2em auto;
	padding: 2em 0;
	text-align: center;
	}


.etiquette-form { /*pour que certains label se justifient à droite*/
	width: 330px;
	display: inline-block;
	text-align: right;
	margin-right:10px; /*pour pousser les autres éléments sur la droite*/	
	}

/*pour parler à tous les input de type text ET de type email*/
input[type=text], input[type=email] {
	border:0; /*pour supprimer le cadre bouton par défaut*/
	border:0px solid #666897; /*pour mettre une bordure (ou une ligne)*/
	width: 60%;
	background:rgba(255,255,255,1.00);
	line-height:3em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1rem;
	font-size: .9em;
	padding-left:10px;
	}	

#message{
	border:0;
	width: 60%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1rem;
	font-size: .9em;
	padding:10px;
}	

/*pour que le texte du textarea soit centré sur la zone de texte*/
.valingtop {	vertical-align:top;
	
	}
	
#envoi-contact {	
	background: #fe7201;
	border:none;
	width:100px;
	height:30px;
	color: white;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.08rem;
	font-size: .9em;	
	margin-top:1em;
}		
	
/*#obligatoires {	font-size:.8em;
	margin-left: 5px;}*/



#sous-formulaire{
	height: 100%;
	width: 100%;
	background:rgba(114,114,114,0.20);
	margin-top:10em;
	padding:2em;
}

#sous-formulaire p{
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	color:#fe7201;
	line-height:1em;
	font-size: 1.100em;
}

#sous-formulaire a{
	text-decoration: none;
	color:#fe2b6e;
}

p#phonenumber {
	color:#fdbe14;
	
}




@media only screen and (max-width:1280px) {

#baseline{font-size: 0.8em;}

#logo-home{
	max-width: 30%;
	}


	

}





@media only screen and (max-width:750px) {
	
body{
	background: rgba(255,255,255,1.00) url(img/fondhome1000-compressor.jpg) no-repeat center center ;}

	
#logo-home{
	max-width: 70%;
	top:40%;}


#baseline{
	letter-spacing: 0.3em;
	padding-top: 1em;
}	
	
.header{
	position:fixed;
	top:0;
	left:-100%;
	height: 100%;
	width:100%;
	z-index:20;
	font-size: 1.5em;
	
}
	
nav {height: 100%;
	width:100%;
	background-color: rgba(255,255,255,.97);
}
nav ul li {
	position: static;
	display:block;

}
	
nav ul{
		padding-top:40px;
	}
	
nav ul li a {
	background:none;
	padding : 5px 20px;	
	line-height: 5em;
}

#show-menu-home, #hide-menu-home  {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 5px;
    left: 20px;
    z-index: 100;
    display: block;
	text-indent: -99999px;
}

#show-menu-home{
    background: url(img/menu-home.png) 	no-repeat left top;
	display:block;
}
#hide-menu-home {
    background: url(img/menu-home.png) 	no-repeat right top;
	display:none;
}

#rs-home{
	height: 55px;
}
	
	
	
}




@media only screen and (max-width:500px) {
		
#logo-home{
		width:90%;
	}
}
.intro{

	margin-top:6em;
	padding:3em;
}



/*@media only screen and (orientation : landscape) {

#logo-home{
	max-width: 40%;
	}
	
#rs-home{
	height: 35px;
	width: 100%;
	padding-top:0px;}
	
#rs-home a{
transform: scale(0.5);
	}
	
#baseline{
	letter-spacing: 0.3em;
	font-size: .7em;
	padding-top: 2em;
}
	
}
*/