/*--------------------------------------------------------
Resets
--------------------------------------------------------*/
html,body {
	height:100%;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,strong,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,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;
}

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;
}

/***************************** drupal core system.messages.css *****************************/
.element-invisible {
	display: none!important;
}

div.messages {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}
div.status {
    background-image: url(../images/message-24-ok.png);
    border-color: #BBEE77;
}
div.status, .ok {
    color: #234600;
}
div.status, table tr.ok {
    background-color: #F8FFF0;
}
div.warning {
    background-image: url(../images/message-24-warning.png);
    border-color: #EEDD55;
}
div.warning, .warning {
    color: #884400;
}
div.warning, table tr.warning {
    background-color: #FFFCE5;
}
div.error {
    background-image: url(../images/message-24-error.png);
    border-color: #ED541D;
}
div.error, .error {
    color: #8C2E0B;
}
div.error, table tr.error {
    background-color: #FEF5F1;
}
div.error p.error {
    color: #333333;
}
div.messages ul {
    margin: 0 0 0 1em;
    padding: 0;
}
div.messages ul li {
    list-style-image: none;
}


/*--------------------------------------------------------
Commons
--------------------------------------------------------*/
@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/Quicksand_Light-webfont.eot');
    src: url('../fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('../fonts/Quicksand_Book-webfont.eot');
    src: url('../fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBold';
    src: url('../fonts/Quicksand_Bold-webfont.eot');
    src: url('../fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('../fonts/Quicksand_Light_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('../fonts/Quicksand_Book_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('../fonts/Quicksand_Bold_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandDash';
    src: url('../fonts/Quicksand_Dash-webfont.eot');
    src: url('../fonts/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Dash-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Dash-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/

body {
	background:#fff;
	font-family: 'QuicksandBook',sans-serif;
	font-size: 16px;
	color:#333333;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
}

/* ! responsive image */
img.scaleimg {
	width:100%;
	height:auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.with-margin-top {
	margin-top: 40px;
}

.with-margin-bottom {
	margin-bottom: 40px;
}

/* ! pattern (rayure verticale) par dessus les grandes images (slider / section  parallax) */
.pattern {
	background:url(../images/pattern.png);
	width:100%;
	position:absolute;
}

/* media detection  */
body.admin .media-detect:after {
	font-size:1em;
	color:#fff;
	background-color:#000;
	padding:3px;
}

/*--------------------------------------------------------
Typography
--------------------------------------------------------*/

h1 {
	font-family:'QuicksandLight',sans-serif;
	font-size:70px;
	line-height: 70px;
	text-transform:uppercase;
	position:relative;
}

h2 {
	font-family: 'QuicksandBook',sans-serif;
	font-size:40px;
	line-height: 40px;
	text-transform:uppercase;
	position:relative;
	margin-top: 40px;
	padding-bottom: 10px;
	background: transparent url(../images/h2.png) repeat-x left bottom;
}

h2.portrait {
	color: black;
	text-transform: none;
}

h3 {
	font-family: 'QuicksandBook',sans-serif;
	font-size:25px;
	line-height: 30px;
	text-transform: uppercase;
	margin-top: 30px;
}

h4 {
	font-size:22px;
}

p {
	margin-top:30px;
	line-height: 22px;
}

p a {
	color:#333333;
	text-decoration:underline;
}

p a:hover {
	color:#868991;
	transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:color .5s;
	-o-transition:color .5s;
}

strong {
	font-family: 'QuicksandBold',sans-serif;
}

.italic {
	font-style: italic;
}

/*--------------------------------------------------------
Navigation
--------------------------------------------------------*/
nav {
/* Override dans media.css */
	background:url(../images/nav-bg.png);
	width:100%;
	position:relative;
	z-index:1000;
	height:50px;
}

.links {
/* Override dans media.css */
	height:50px;
	display:table-cell;
	vertical-align:middle;
}

.links li {
	float: left;
	margin: 0 10px 0 0;
	line-height: 50px;
}

.links li.back-top {
	margin-right: 30px;
}

.links a {
	font-family:'QuicksandBook',sans-serif;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

.links a:visited {
	color:#fff;
}

.links a:hover {
	color:gray;
	transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:color .5s;
	-o-transition:color .5s;
}

.links img {
	margin-top: 8px;
}

.dropmenu {
/* Override dans media.css */
	display:none;
}

/*--------------------------------------------------------
Parallax
--------------------------------------------------------*/
#parallax1,
#parallax2,
#parallax3,
#parallax4 {
	width:100%;
	background-color:#1c1f26;
	position:relative;
	overflow:hidden;
}

#parallax1,
#parallax2,
#parallax3,
#parallax4,
#parallax1 .pattern,
#parallax2 .pattern,
#parallax3 .pattern,
#parallax4 .pattern {
	height:440px;
/* hauteur un peut moins haute que la hauteur de l'image de fond originale = 660px (b-size = 100%) */
}

.bg1,
.bg2,
.bg3,
.bg4 {
	width:100%;
	height:100%;
	margin:0 auto;
	position:absolute;
	background-size:100%;
	background-attachment:fixed;
	background-repeat:repeat-y;
	background-position:center center;
}

.bg1 {
	background-image:url(../images/parallax_v3/parallax_01.jpg);
}

.bg2 {
	background-image:url(../images/parallax_v3/parallax_02.jpg);
}

.bg3 {
	background-image:url(../images/parallax_v3/parallax_03.jpg);
}

.bg4 {
	background-image:url(../images/parallax_v3/parallax_04.jpg);
}


/***************************** tarifs *****************************/
.tarifs {
	background-color: #40baff;
	color: white;
	padding: 50px;
}

.tarifs h2 {
	background: none;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
Content
--------------------------------------------------------*/
#definitive,
#electrique,
#laser,
#equipe,
#contact {
	padding-top:110px;
	padding-bottom:80px;
	position:relative;
	background:#fff;
}

/*Homepage------------------------------------------*/
#homepage {
/* Override dans media.css */
	background:url(../images/pattern.png);
	position:relative;
	overflow:hidden;
	height:100%;
	margin-bottom:-50px;
}

#homepage .container {
	height:100%;
}

.logo {
/* Override dans media.css */
	margin-top: 40px;
}

.announce {
	font-size: 86px;
	line-height: 96px;
	text-transform: uppercase;
	color: white;
	margin-top: 80px;
}


.slider-text {
/* Override dans media.css */
	position:absolute;
	overflow:hidden;
	bottom:100px;
	min-height:220px;
}

#slidecaption {
/* Override dans media.css */
	overflow:hidden;
	float:left;
	color:#fff;
	font:92px/.9 Helvetica,Arial,sans-serif;
	margin:0 20px 0 0;
}

.slidedescription {
/* Override dans media.css */
	font:600 14px Helvetica,Arial,sans-serif;
	margin:13px 0 0;
}

.line {
/* Override dans media.css */
	border-bottom:solid #fff 1px;
	margin-bottom:36px;
	opacity:0;
	filter:alpha(opacity=0);
}


/***************************** equipe *****************************/
#equipe h2 {
	margin-top: 30px;
}

#equipe p {
	margin-top: 20px;
}

/***************************** contact *****************************/
#contact h2 {
	text-transform: none;
}

.metro-01,
.metro-02 {
	padding-left: 35px;
}

.metro-03 {
	padding-left: 60px;
}

.metro-01 {
	background: transparent url(../images/metro_01.png) no-repeat left center;
}

.metro-02 {
	background: transparent url(../images/metro_02.png) no-repeat left center;
}

.metro-03 {
	background: transparent url(../images/metro_03.png) no-repeat left center;
}

.separator {
	height: 2px;
	background: transparent url(../images/h2.png) repeat-x left top;
	margin-top: 30px;
}

/* ! formulaire #contact-site-form */
#contact-site-form .form-item {
	margin-top: 20px;
}

#contact-site-form input#edit-name,
#contact-site-form input#edit-mail,
#contact-site-form input#edit-subject,
#edit-captcha-response {
	display: block;
	padding: 5px;
}

.contact-description {
	display: block;
	margin-top: 20px;
}

.captcha img {
	border: 2px solid #f2f2f2;
	margin-top: 20px;
}

.captcha .description {
	font-style: italic;
	margin-top: 5px;
	font-size: 12px;
}

/* ! bouton d'envoi */
#contact-site-form .form-actions {
	margin-top: 20px;
	text-align: right;
}