@charset "UTF-8";
/* CSS Document */
body 							{ background-color:#f7f7f7; font-family: 'Montserrat', sans-serif; font-size:12px; color:#523c40; }
section							{ display:block; }
a 								{ text-decoration:none; }
a:hover							{ text-decoration:underline; }
.clearer						{ clear:both; }
.rwd-line						{display:inline; }



/* TOP */
#head							{ margin:0 auto; height:55px; position: fixed; background-color: rgba(50,50,50,0.80); width: 100%; z-index:1000; }
#top 							{ height:auto; padding:0; }
#top-bg 						{ height: 100%; margin: 0 auto; background-color:#555; background: url(../images/splashscreenfull.jpg) center top no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-attachment:fixed; }

.top-bg img						{ width:100%; height:auto; max-height:140px; max-width:250px; }
.overlay 						{ left: 0; }
.conteneur 						{ width: 100%; margin: 0 auto; height:100%; }
/*.large							{ height: 140px; }*/
.large img						{width:100%; height:auto; }
/*.small							{ height: 40px; }*/
.small img						{width:55%; height:auto; }
header							{ width: 100%; position: relative; z-index: 10; }
header,nav, a, img, li			{ 	transition: all 1s;
  									-moz-transition: all 1s; /* Firefox 4 */
  									-webkit-transition: all 1s; /* Safari and Chrome */
  									-o-transition: all 1s; /* Opera */ }
.menu-bg						{ height: 0; }
#logo- 							{ display: block; width: 16%; margin: 5px 0 0 59px; height: 12%; position: fixed; 	z-index: 5000; }	

/* Menu */
#navigation_wrapper				{ width: 100%; margin: 0; height: 40px; z-index:1000; }
/* .nav-collapse					{ margin: 0; z-index: 100; } */
.nav-collapse ul				{ list-style:none; margin:0; padding-top:0;}
.nav-collapse ul li				{ margin:0; padding:0; display:inline;}
.nav-collapse ul li a			{ display:block; float:left; margin:0; padding:0; height:55px; width:115px; line-height:55px; text-transform:uppercase; font-size:14px; font-weight:bold; color:#aaa; text-align:center; text-decoration:none;}
.nav-collapse ul li a:hover		{ color:#fff; }

.social							{ margin: 0; padding: 0; float:right; height:55px; line-height:55px; }
.social	li						{ display:inline-block; font-size:20px; padding:0 5px 0 16px; margin:0; }
.social a						{ color:#aaa; }
.social a:hover					{ color: #f5151b; display: block; -o-transition: .5s; -ms-transition: .5s;-moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

/* Slogan */
h1 small 						{ font-family: 'Raleway', sans-serif; font-weight: 200; font-size:46px; }
.slogan h1						{ font-size: 58px; text-align: center; font-weight:700; padding-top: 23%; color: #fff; line-height:1; text-shadow: 0em 0em 0.2em rgba(0, 0, 0, 0.9), 0em 0em 0em rgba(0, 0, 0, 0.1); }
.slogan a						{ display:block; width:179px; height:36px; font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif; background: #b5151f; text-align:center; line-height:36px; margin:0 auto; color:#fff; margin-top: 20px; }

.slogan a:hover					{ color: #b5151f; background: #fff; -webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94); transition: .4s cubic-bezier(0.25,.46,.45,.94); -moz-transition: .4s cubic-bezier(0.25,.46,.45,.94); -webkit-transition-property: background-color,color; -moz-transition-property: background-color,color; transition-property: background-color,color; text-decoration:none; }

.fleche 						{ margin-top:35px; padding-bottom:40px; }
.text-center 					{ text-align: center; }

.home-bottom 					{ z-index: 3; width: 100%; left: 0; bottom: 0; text-align: center; opacity: 0.9; }
								
.move 							{ width: 40px; margin-left: auto; margin-right: auto; -webkit-animation: anim2 ease-in-out 3s infinite alternate; -moz-animation: anim2 ease-in-out 3s infinite alternate; }
@-webkit-keyframes anim2
{
   from 						{left: 0px;   -webkit-transform: scale(1.0) rotate(0deg)   }
   50%  						{left: 250px; -webkit-transform: scale(0.8) rotate(0deg)  }
   to   						{left: 500px; -webkit-transform: scale(1.2) rotate(0deg) }
}
@-moz-keyframes anim2
{
   from 						{left: 0px;   -moz-transform: scale(1.0) rotate(0deg)   }
   50%  						{left: 250px; -moz-transform: scale(0.8) rotate(0deg)  }
   to   						{left: 500px; -moz-transform: scale(1.2) rotate(0deg) }
}

.home-bottom a 					{ border-radius: 50%; border: 2px solid #fff; padding-top: 7px; padding-bottom: 7px; padding-left: 7px; padding-right: 7px; color: #fff;	-webkit-transition: 0.2s background linear; -moz-transition: 0.2s background linear; transition: 0.2s background linear; }
.home-bottom a:hover 			{ background-color: #fff; color: #121212; text-decoration: none; }
.dots 							{ z-index: 99; background-image: url(../images/dot.png); background-repeat: repeat-y; margin: auto; width: 6px; height: 34px; }

/* enveloppe principal */
.enveloppe 						{ margin: 0 auto; height: 100%; position: relative; max-width: 1100px; width: 80%; }

/* Accueil */
.info-comp 						{ 	width: 100%; margin: 0 auto; height:auto; background-color:#606060; text-align:center; padding:45px 0; }
.info-comp h1 					{ font-size:30px; color:#fff; font-weight:lighter;}
.info-comp h2 					{ font-size:20px; color:#34495e; font-weight:lighter;margin-top:5px;}
.info-comp h3 					{ font-family: 'Roboto Slab', serif; font-weight:300; font-size:15px; color:#fff; line-height:1.4; padding-left:22%; padding-right:22%; }
.info-comp a 					{ color:#fff;}

.main							{ width: 100%; margin: 0 auto; }

/* services */
#content-services				{ padding: 30px 0; margin: 0 auto; min-height: 740px; width: 80%; max-width: 1100px; height: 100%; position: relative; }
#services-anchor				{ background:#eee; }
.main h1						{ font-family:'Montserrat', sans-serif; font-size:40px; color:#000000; text-align:center; padding-top:90px; }
.main h2						{ font-family: 'Droid Serif', serif; font-weight:400; font-style:italic; font-size:16px; color:#777777; text-align:center; margin-bottom:80px; }
.main h3						{ font-family:'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#000000; text-align:center; margin-bottom:20px; }
.services						{ width:25%; height:auto; text-align:center; background-color:#eee; padding:10px 11px; margin-right:7%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; float:left; }
.services:hover					{ background-color:#E4BDBE;}
.services h1					{ font-size:20px;padding:10px 0;}
.services p						{ font-family:'Roboto Slab', serif; font-weight:300; text-align:left; font-size:14px; margin-bottom:10px; color:#777777; line-height:1.7; border-left: #b5151f solid 1px;
padding-left: 10px;}
.services a						{ width:205px; height:45px; display:block; background-color:#7f8c8d; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; color:#fff;text-transform:uppercase; font-size:15px; line-height:45px; margin:15px 0; text-decoration:none}
.services a:hover				{  background-color:#34495e; color:#1abc9c;}



.margin0						{ margin:0; }

/* portfolio */

#portfolio						{ min-height: 1160px; background:#DDDDDD; }


/* À propos */
.apropos-bg						{ background-position: center 0%; background-size: cover; background-repeat: no-repeat; background-image:url(../images/apropos-bg.jpg); background-attachment:fixed; display: table; width: 100%; height: 100%; max-width:2000px; max-height:672px; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1;}
.parallax-overlay 				{ left: 0; width: 100%; height: 100%; background-image: url(../images/pattern.png); background-repeat: repeat; background-color: rgba(44,62,80,0.7); z-index: 2; }
.enveloppe-apropos				{ margin: 0 auto; height: 100%; position: relative; max-width: 1100px; width: 80%; color:#fff; z-index:9; }
.enveloppe-apropos h1			{ color:#fff;}
.enveloppe-apropos h2			{ color:#eee;}
.enveloppe-apropos h3			{ padding-top: 17px; color: #fff; font-size: 16px; }			
.enveloppe-apropos h4			{ padding-left: 20px; padding-bottom: 5px; padding-top:5px; color: #b5151f; text-transform: uppercase; }
.enveloppe-apropos p			{ padding-bottom:10px;}
.enveloppe-apropos ul			{ padding:0 0 10px 20px;}
.enveloppe-apropos li			{ font-family: 'Roboto Slab', serif; font-weight:300; font-size:12px; }
.col1							{ float:left; display:inline-block; width:30%; height:auto; line-height:1.8; margin-right:30px;}
.col2							{ display:inline-block; width:30%; height:auto; background: rgba(68,68,68,0.3); margin-left:30px; border:#b5151f 1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:50px; }



/* contact */
#content-contact				{ padding:30px; background:#b5151f; min-height:810px; }
#content-contact h1				{ color:#fff; }
#content-contact h2				{ color:#aaa; }
.intro			 				{ margin-bottom: 1.1em; }
p.intro							{ font-family:'proxima-nova', Helvetica, Arial, sans-serif; font-weight:300; font-size:26px; color:#fff; line-height:1.4; }
.contact-g						{ width: 44%; max-width: 440px; height: auto; float: left; }
.contact-g a					{ color:rgb(50,50,50); text-decoration:none; }
.contact-g strong				{ color:rgb(50,50,50); }
.contact-g a:hover				{ text-decoration:underline; color:#fff; -o-transition: .5s; -ms-transition: .5s;-moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
.contact-g img					{ width: 100px; height: 100px; float: left; margin: 0.8em 1.2em 0 0; }
.adresse						{ width: 80%; height:140px; padding:10px; border:#fff 1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.adresse ul						{ font-size:16px; }
#contact-d						{ width: 50%; float:right; text-align:center; font-size:16px; line-height: 1.3; }
#contact-d	ul					{ margin-bottom:20px; }
.social-icons					{ margin:0; padding:0; width: 80%; text-align: center; margin-top: 5px; }
.social-icons li				{ display:inline-block; margin:0 0 10px; padding-left:25px; }
.social-icons a					{ font-size:25px; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; -webkit-tab-highlight-color: #00f; text-decoration: none; color:rgb(50,50,50); }
.social-icons a:hover			{ color: #fff; display: block; font-size: 25px; -o-transition: .5s; -ms-transition: .5s;-moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

form ul							{ width:100%; float:left; }
form li 						{ display: block; float: left; width: 46%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 4% 4% 0; }

form li.wide					{ width: 96%; margin-right: 0; }

input[type="text"],
input[type="email"], textarea	{ 	width: 100%;
									border: 0;
									color: #33302e;
									-webkit-font-smoothing: subpixel-antialiased;
									-webkit-box-shadow: 0 0 0 1px rgba(64,154,189,0.01);
									-moz-box-shadow: 0 0 0 1px rgba(64,154,189,0.01);
									box-shadow: 0 0 0 1px rgba(64,154,189,0.01);
									-webkit-box-sizing: border-box;
									-moz-box-sizing: border-box;
									box-sizing: border-box;
									border: 0;
									background: white;
									font-family: 'proxima-nova',Helvetica,Arial,sans-serif;
									font-size: 17px;
									float: left;
									line-height: normal;
									margin: 0;
									padding: 14px 18px;
									height: auto;
									-webkit-appearance: none;
									border-radius: 4px;
									-webkit-transition: box-shadow .25s linear;
									-moz-transition: box-shadow .25s linear;
									-o-transition: box-shadow .25s linear;
									transition: box-shadow .25s linear;
									resize: none; }

input[type="text"]:hover,
input[type="email"]:hover, 
textarea:hover					{ background-color:#fff; }

input[type="submit"]			{ -webkit-appearance: button;
cursor: pointer; }
.float-none                      {float: none;
                                    clear: left;}
.button							{ 	font-family: inherit; 
									background: #e6292f;
									color: white;
									border: 0;
									-webkit-appearance: none;
									-webkit-font-smoothing: antialiased;
									-webkit-tap-highlight-color: rgba(0,0,0,0);
									padding: .8em 1.6em .9em;
									line-height: 1;
									display: block;
									float: none;
									font-size: 17px;
									font-weight: 700;
									margin: 1em 0 0;
									-webkit-border-radius: 2px;
									-moz-border-radius: 2px;
									-ms-border-radius: 2px;
									-o-border-radius: 2px;
									border-radius: 2px;
									-webkit-transition: background-color .3s ease;
									-moz-transition: background-color .3s ease;
									-o-transition: background-color .3s ease;
									transition: background-color .3s ease; }
									
.button:hover					{ text-decoration: none; background-color: #d3191f; }
.avertissement					{ text-align:left; font-size:14px; color:silver; }
#form-messages.error			{ font-size:14px; padding-bottom:10px; }
.logoblanc						{ width:150px; margin:0 auto; text-align:center; }

/* footer */
footer							{ padding:15px 0; text-align:center; font-size:11px; color:#523c40; }
footer a						{ color:#d35400;}

/* scrollup */
#scrollUp						{ bottom:20px; right:4%      ; height:38px; width:38px; background:url(../images/top.png) }