/*
Theme Name: GSN
Theme URL: /
Description: 
Version: 1
Author: Caractere-advertising.be
 
Creation Theme by Caractere-Advertising || www.caractere-advertising.be
 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0px;
	vertical-align:top;
}

h1, h2, h3, h4, h5, h6 {
	clear: none;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

sup{
	vertical-align: super; font-size: 50%;
}

a{
	outline:none;
	color:#009bd5;
}

.clear{
	clear:both;
}

/**********************************FIN RESET***********************/

html,body{
	width:100%;
	height:auto;
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	background:url(./img/bg2.png) center;
}

span.responsive{
	display:none;
}

header{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#1d2f4a;
	height:70px;
	position:relative;
	z-index:50;
}

.w-1180{
	width:1180px;
	margin:auto;
}

.w-700{
	width:700px;
	margin:auto;
}

h1.logo, h1.logo > a{
	display:block;
	width:319px;
	height:92px;
	float:left;
}

h1.logo {
    margin-top: 20px;
}

h1.logo > a{
	text-indent:-9999px;
	background:url(./img/garage-simon-du-nord.png) no-repeat center;
}

div.ariane{
	background:url(./img/ariane.png) no-repeat center;
	width:365px;
	height:44px;
	float:left;
	margin-left:10%;
	padding:10px;
	text-align:center;
}

div.ariane img {
    margin-bottom: -2px;
	margin-right:5px;
}

div.ariane > p > span{
	font-weight:800;
	color:#2491b6;
	text-transform:uppercase;
}

div.ariane a{
	text-decoration:none;
	color:#9e9e9e;
}

div.ariane > p{
	display:inline;
	padding-right:10px;
	border-right:1px solid #d6d6d6;
	margin-right:10px;
}

div.lang{
	background:url(./img/lang.png) no-repeat center;
	width:84px;
	height:29px;
	float:left;
	margin-left:10px;
	padding-top:10px;
	text-align:center;
}

div.front-lang{
	margin-left:515px;
}

div.lang > a{
	text-decoration:none;
	color:#9e9e9e;
}

div.lang > a:first-child{
	border-right:1px solid #d6d6d6;
	margin-right:5px;
	padding-right:5px;
}

div.lang > a.current_language{
	font-weight:800;
	color:#1d2f4a;
}

a.facebook{
	float:right;
	text-decoration:none;
	color:#2491b6;
	line-height:50px;
}

a.facebook img{
	margin-left:5px;
	margin-bottom:-6px;
}

div.radiant{
	background:url(./img/radiant.png) no-repeat center;
	width:100%;
	height:70px;
	padding-top:-10px;
	position:relative;
	z-index:49;
}

section.top-home{
	background:url(./img/bg1.png) no-repeat center top;
	height:450px;
	width:100%;
	position:relative;
	z-index:48;
	margin-top:-71px;
}

section.top{
	background:url(./img/bg1.png) no-repeat center top;
	padding-bottom:50px;
	width:100%;
	position:relative;
	z-index:48;
	margin-top:-71px;
}

.cycle-slideshow {
    display: block;
    float: right;
    margin-top: -42px;
    overflow: hidden;
    width: 930px;
	height:475px;
	z-index:1;
}

div.menu-nav_principale-container{
	background:url(./img/nav.png) no-repeat center bottom;
	height: 75px;
    margin-top: -30px;
    position: absolute;
    width: 100%;
    z-index: 48;
}

div.menu-nav_principale-container > ul{
	width:850px;
	margin:auto;
	display:block;
	text-align:center;
}

div.menu-nav_principale-container > ul > li{
	display:inline-block;
	text-align:center;
	padding-top:25px;
	padding-bottom:15px;
}

div.menu-nav_principale-container li.menu-item > a{
	text-decoration:none;
	color:#1d2f4a;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	padding-left:20px;
	padding-right:20px;
	border-left:2px solid #d2d2d2;
	font-weight:400;
}

li.menu-item, li.menu-item > a:hover{
	font-weight:800;
}

div.menu-nav_principale-container li.menu-item:first-child > a{
	border-left:0px;
}

li.menu-item > a {
    display: block;
}

/******SOUS MENU*********/

div.menu-nav_secondaire-container {
    border-bottom: 1px dotted #999999;
    margin: 30px auto auto;
    padding-bottom: 35px;
    position: relative;
    width: 900px;
    z-index: 9999;
}

div.menu-nav_secondaire-container > ul{
	width:860px;
	margin:auto;
	display:block;
	text-align:center;
}

div.menu-nav_secondaire-container > ul > li{
	display:inline-block;
	text-align:center;
	padding-top:25px;
	padding-bottom:15px;
}

div.menu-nav_secondaire-container li.menu-item, li.menu-item > a{
	text-decoration:none;
	color:#87888a;
	text-align:center;
	font-size:13px;
	padding-left:8px;
	padding-right:8px;
	font-weight:400;
}

div.menu-nav_secondaire-container li.menu-item, li.menu-item > a:hover{
	font-weight:800;
}

/***********CONTENU************/

.wrapper.contenu {
    margin: auto;
    padding-top: 40px;
    width: 700px;
}

.wrapper.contenu.occasion {
    margin: auto;
    padding-top: 40px;
    width: 1024px;
}

.contenu h1{
	font-size:24px;
	color:#2491b6;
	font-weight:800;
	margin-bottom:15px;
}

.contenu h2{
	font-size:18px;
	font-weight:500;
	margin-bottom:15px;
}

.contenu h3{
	font-size:16px;
	font-weight:800;
	color:#2491b6;
	margin-bottom:15px;
}

.contenu p, .contenu ul{
	margin-bottom:15px;
    line-height: 18px;
}

.contenu ul > li{
    list-style-type: square;
    margin-left:15px;
}

.contenu ul > li li{
    list-style-type: circle;
    margin-left:25px;
}


.contenu table{
	vertical-align:middle;
	margin-bottom:15px;
}

.contenu table td{
	vertical-align:middle;
	padding-right:50px;
}

div.gallery{
	width:100%;
}

div.gallery a, div.gallery a > img{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.gallery a{
	float:left;
	width:33.3333%;
	padding:1%;
	overflow:hidden;
}

div.gallery a > img{
	width:100%;
	height:auto;
}

iframe{
	width:100%;
	height:4500px;
}

/******SIGNATURE*******/

a.caractere{
	display:block;
	width:26px;
	height:35px;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:999;
	background: url(./img/caractere.png) no-repeat center;
	text-indent:-9999px;
}

/***Sub-Menu****/

.sub-menu {
    position: absolute;
	display:none;
}

li#menu-item:hover .sub-menu{
	display:block;
}

/*****RACOURCIS*****/

div.raccourci {
    margin-top: 100px;
    position: absolute;
    width: 300px;
    z-index: 99;
}

div.raccourci-page{
    padding-top: 100px;
	margin:auto;
    position: relative;
    max-width: 650px;
    z-index: 99;
}

div.showroom{
	background: #2d4363; /* Old browsers */
	background: -moz-linear-gradient(top,  #2d4363 0%, #1c2e49 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4363), color-stop(100%,#1c2e49)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2d4363 0%,#1c2e49 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2d4363 0%,#1c2e49 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2d4363 0%,#1c2e49 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2d4363 0%,#1c2e49 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4363', endColorstr='#1c2e49',GradientType=0 ); /* IE6-9 */
	padding-bottom:20px;
}

div.raccourci-page > div.showroom{
	float:left;
	width:48%;
}

a.brochure{
	display:block;
	background: #2d4363; /* Old browsers */
	background: -moz-linear-gradient(top,  #2d4363 0%, #1c2e49 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4363), color-stop(100%,#1c2e49)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2d4363 0%,#1c2e49 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2d4363 0%,#1c2e49 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2d4363 0%,#1c2e49 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2d4363 0%,#1c2e49 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4363', endColorstr='#1c2e49',GradientType=0 ); /* IE6-9 */
	margin-top:20px;
}

div.raccourci-page > a.brochure{
	float:right;
	width:48%;
}

div.showroom > a{
	display:block;
	color:white;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	float:left;
	width:125px;
	line-height:40px;
	margin-left:18px;
	font-size:13px;
	font-weight:800;
	text-align:center;
	text-decoration:none;
	background: #2daac7; /* Old browsers */
	background: -moz-linear-gradient(top,  #2daac7 0%, #1e81ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2daac7), color-stop(100%,#1e81ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2daac7 0%,#1e81ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2daac7 0%,#1e81ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2daac7 0%,#1e81ab 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2daac7 0%,#1e81ab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2daac7', endColorstr='#1e81ab',GradientType=0 ); /* IE6-9 */
}

/***********FOOTER*************/

footer{
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	background:url(./img/bg-footer.png) no-repeat top center;
	margin-top:50px;
}

footer div.left.adresse{
	float:left;
	color:white;
	margin-right:50px;
}

footer div.left.adresse > h2{
	font-size:16px;
	font-weight:800;
	margin-bottom:5px;
}

/*** CONTACT ***/

div.wpcf7{
    padding-bottom: 25px;
	margin-bottom:25px;
	border-bottom:1px #e3e4e4 dotted;
}

div.wpcf7, form.wpcf7-form{
	position:relative;
	width:100%;
}

.screen-reader-response, img.ajax-loader, .wpcf7-not-valid-tip{
	display:none;
}

div#wpcf7-f665-o1{
	width:85%;
	margin:auto;
}

ul.contact-form{
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

ul.contact-form input, ul.contact-form textarea, ul.contact-form select{
	background: transparent;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 0;
	margin: 0;
	padding: 0;
	border:1px #e3e4e4 solid;
	background-color:#f6f6f6;
	display:block;
	margin-top:5px;
}

ul.contact-form .wpcf7-not-valid{
	border:1px red solid;
}

div.wpcf7-response-output{
	margin-top:15px;
}

ul.contact-form input, ul.contact-form select{
	line-height:30px;
}

li.lititre{
	font-size:14px;
	font-weight:300;
	margin-bottom:15px;
	padding-bottom:15px;
}

li.lititre > span{
	text-transform:uppercase;
	font-size:18px;
	font-weight: 700;
	color:#2491b6;
}
li.itemContact{
	margin-bottom:10px;
}

li.liNom, li.liPrenom, li.liEmail, li.liTel{
	float:left;
	width:45%;
}

li.liMessage{
	width:100%;
	margin-bottom:10px;
}

li.liNom, li.liEmail{
	margin-right:10%;
}

li.itemContact > span, li.itemContact > span > input, li.itemContact > span > textarea, li.itemContact > span > select, li.liSubmit{
	width:100%;
	display:block;
	height:auto;
	position:relative;
}

input#contactEnvoyer{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	width:150px;
	display:block;
	line-height:35px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:white;
	text-align:center;
	background-color:#2491b6;
	font-weight:500;
	position:relative;
	z-index:10;
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	font-size:20px;
	cursor:pointer;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	margin-top:15px;
}

input#contactEnvoyer:hover{
	background-color:#2491b6;
}

img.alignleft {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
}

a.bouton-garage{
	display:block;
	color:white;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	width:125px;
	line-height:40px;
	margin:auto;
	font-size:13px;
	font-weight:800;
	text-align:center;
	text-decoration:none;
	background: #2daac7; /* Old browsers */
	background: -moz-linear-gradient(top,  #2daac7 0%, #1e81ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2daac7), color-stop(100%,#1e81ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2daac7 0%,#1e81ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2daac7 0%,#1e81ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2daac7 0%,#1e81ab 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2daac7 0%,#1e81ab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2daac7', endColorstr='#1e81ab',GradientType=0 ); /* IE6-9 */
}