@charset "UTF-8";
/* CSS Document */

body
{ 
	font-family: 'Open Sans', Arial sans-serif;
	font-size:14px;
	font-weight:400;
	color:#6c7072;
	line-height:18px;
	background-color:#fff;
}

#header
{
	width:100%;
	-webkit-box-shadow: 0 0 12px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 12px 1px rgba(0,0,0,0.1);
	position:relative;
	z-index:1000;
	border-bottom:#e8e8e8 1px solid;
}

#header-content
{ 
	width:960px;
	height:130px;
	margin:auto;
}

a:link, a:visited, a:hover, a:active 
{ 
	outline:none; 
}

table, th, td
{
	font-family: 'Open Sans', Arial sans-serif;
	font-size:14px;
	font-weight:400;
	color:#6c7072;
	line-height:18px;
	vertical-align:top;
}

.divider_content
{
	width:100%;
	background:url(../imgs/divider_content.jpg) repeat-x bottom;
	height:5px;
}

.divider-h
{
	background-color:#e2001a;
	width:50px;
	height:3px;
	margin-top:5px;
	margin-bottom:15px;
}

#logo
{
	display:inline-block;
	width:311px;
	height:115px;
	vertical-align:top;
	padding-top:8px;
	overflow:hidden;
}

#logo-a
{
	text-decoration:none;
}

nav
{
	display:inline-block;
	margin-left:50px;
}

#menu
{
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:13px;
	display:inline-block;
	list-style-type:none;
	width:520px;
	height:130px;
	vertical-align:top;
}

#menu li
{
	display:inline-block;
	width:80px;
	height:124px;
	margin-right:20px;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	text-align:center;
	vertical-align:middle;
}

#menu li:hover
{
	
	
}

#menu .menu-active
{
	border-top-color:#e2001a;
	border-bottom-color:#e2001a;
}

#menu li a
{
	display:block;
	text-decoration:none;
	color:#232323;
	line-height:133px;
}

#menu li a:hover
{
	color:#e2001a;
}

#menu .menu-selected
{
	color:#e2001a;
}

#menu .s-menu
{
	display:none;
	width:150px;
	height:135px;
	position:relative;
	top:0;
	left:0;
	background-color:#232323;
	color:#fafafa;
}

#menu .s-menu li
{
	display:block;
	width:140px;
	height:35px;
	border:0;
	text-align:left;
	padding-top:20px;;
	padding-left:10px;
	border-bottom:dotted;
	border-bottom-color:#373737;
}

#menu .s-menu li a
{
	display:block;
	text-decoration:none;
	color:#fafafa;
	line-height:35px;
}

#menu .s-menu li a:hover
{
	color:#e2001a;
}

#menu .s-menu-selected
{
	color:#e2001a;
}

#logo-rtd
{
	display:inline-block;
	width:71px;
	height:71px;
	float:right;
}

.pages-top
{
	background-color:#f3f3f3;
	padding-top:35px;
	height:110px;
	border-top:#e0e0e0 1px solid;
	border-bottom:#e0e0e0 1px solid;
}

.page-top-h1
{
	font-family: 'Montserrat', Arial, sans-serif;
	width:960px;
	margin:auto;
	font-size:20px;
	color:#232323;
	text-align:left;
	margin-bottom:20px;
}

.page-top-txt
{
	width:960px;
	margin:auto;
	font-size:18px;
	color:#808080;
	line-height:26px;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
}
/*--------------------ACCUEIL-------------------------------*/

#page-accueil #sliders
{
	width:960px;
	height:431px;
	margin:auto;
	overflow:hidden;
}

#page-accueil #msg-accueil
{
	width:930px;
	margin:auto;
	font-size:14px;
	margin-top:75px;
	margin-bottom:60px;
}

#page-accueil #msg-accueil h2
{
	width:930px;
	font-family: 'Montserrat', Arial sans-serif;
	font-size:26px;
	font-weight:400;
	color:#232323;
	text-align:center;
	margin-bottom:30px;
}

#page-accueil #msg-accueil p
{
	text-align:center;
	font-size:14px;
	line-height:26px;
}

#page-accueil #msg-accueil h3
{
	text-align:right;
	color:#e2001a;
	margin-top:15px;
	font-weight:600;
}

#page-accueil #services-content
{
	width:960px;
	margin:auto;
}

#page-accueil .services
{
	display:inline-block;
	width:280px;
	height:200px;
	vertical-align:top;
}

#page-accueil .services img
{
	float:left;
	margin-right:15px;
}

#page-accueil .services h1
{
	font-family: 'Montserrat', Arial sans-serif;
	font-size:16px;
	color:#232323;
	font-weight:400;
	margin-bottom:20px;
	line-height:21px;
}

#page-accueil .services p
{
	line-height:21px;
	min-height:120px;
}


#page-accueil .services span
{
	display:inline-block;
}

#page-accueil .services .liste
{
	height:20px;
	margin-bottom:6px;
	border-bottom:dotted;
	border-bottom-color:#ccc;
}

#page-accueil .services .btn
{

	font-size:11px;
	color:#e2001a;
	float:right;
}

#page-accueil .services a
{
	text-decoration:none;
	color:#e2001a;
	font-weight:600;
}

#page-accueil .services a:hover
{
	text-decoration:underline;
}

#page-accueil .services-divider
{
	display:inline-block;
	width:1px;
	height:106px;
	background-color:#e0e0e0;
	margin-left:24px;
	margin-right:24px;
	margin-top:50px;
}

/*------------------SERVICES--------------------------------*/

#page-services #services-content
{
	width:960px;
	margin:auto;
	margin-top:30px;
	font-family: 'Open Sans', Arial sans-serif;
}

#page-services .services
{
	display:inline-block;
	width:440px;
	margin-bottom:0;
	margin-top:30px;
	vertical-align:top;
}

#page-services .services-h1
{
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:16px;
	color:#232323;
}

#page-services .services-h1-divider
{
	background-color:#e2001a;
	width:100px;
	height:3px;
	margin-bottom:15px;
}

#page-services .services-txt
{
	text-align:justify;
}

#page-services .services img
{
	float:left;
	margin-right:15px;
}

#page-services .services br
{
	line-height:30px;
}

#page-services .services .underline
{
	text-decoration:underline;
}

#page-services .services-divider-
{
	display:inline-block;
	width:60px;
}

#page-services .services a
{
	text-decoration:none;
	color:#e2001a;
	font-size:13px;
}

#page-services .services a:hover
{
	text-decoration:underline;
}
/*--------------------------------------------------------------*/

/*---------------------NEUFS-----------------------------------*/

#page-neufs #page-content
{
	width:900px;
	min-height:750px;
	margin:auto;
	margin-top:30px;
	vertical-align:top;
	font-family: 'Open Sans', Arial sans-serif;
}

#page-neufs .gammes-col
{
	display:inline-block;
	width:300px;
	float:left;
}

#page-neufs .gamme
{
	width:300px;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
}

#page-neufs .gamme a
{
	text-decoration:none;
	color:#808080;
}

#page-neufs .gamme a:hover
{
	color:#e2001a;
}

#page-neufs .gamme-h1
{
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:16px;
	color:#232323;
}

#page-neufs .gamme-h1-divider
{
	background-color:#e2001a;
	width:100px;
	height:3px;
	margin-bottom:15px;
}

#page-neufs .gamme-txt
{
	line-height:20px;
	text-align:left;
	display:inline-block;
	margin-top:30px;
}

#page-neufs .gamme-txt:hover
{
	color:#e2001a;
	
}

#page-neufs .gamme img
{
	float:left;
	vertical-align:top;
	margin-right:15px;
	display:inline-block;
}

#page-neufs #menu-neufs
{
	font-family: 'Montserrat', Arial, sans-serif;
	margin-bottom:30px;
}

#page-neufs #menu-neufs a
{
	color:#6c7072;
	text-decoration:none;
}

#page-neufs #menu-neufs a:hover
{
	color:#e2001a;
	text-decoration:none;
}

#page-neufs #menu-neufs .menu-neufs-active
{
	color:#e2001a;
}

#page-neufs #menu-neufs span
{
	display:inline-block;
	margin-right:15px;
	margin-left:15px;
}

#page-neufs #nouvelle-gamme
{
	
}

#page-neufs #page-content #utilitaires
{
	display:none;
	margin-top:60px;
}

#page-neufs #page-content #utilitaires .gammes-col
{
	display:block;
	width:250px;
	margin-right:50px;
	
}

#page-neufs #page-content #utilitaires img
{
	display:block;
	width:202px;
	height:130px;
	float:inherit;
}

#page-neufs #page-content #utilitaires .gamme
{
	margin-top:0px;
	margin-bottom:30px;
}

#page-neufs #page-content #utilitaires .gamme-txt
{
	line-height:16px;
	margin-top:20px;
}

#page-neufs #accessoires
{
	display:none;
	margin-top:60px;
}


#page-neufs #accessoires .gamme
{
	width:500px;
	float:left;
	margin-top:0px;
	margin-bottom:30px;
}

/*---------------------OCCASIONS-----------------------------------*/


#page-occasions #page-content
{
	width:960px;
	min-height:500px;
	margin:auto;
	margin-top:30px;
	font-family: 'Open Sans', Arial sans-serif;
}

#page-occasions .occasions
{
	width:960px;
	/*height:64px;*/
	overflow:hidden;
}

#page-occasions .occasions-h1
{
	font-family: 'Montserrat', Arial, sans-serif;
	color:#e2001a;
}

#page-occasions .occasions-focus:hover
{
	background-color:#f3f3f3;
	cursor:pointer;
}

#page-occasions .occasions a
{
	text-decoration:none;
	color:#232323;
}

#page-occasions .occasions ul
{
	list-style-type:none;
}

#page-occasions .occasions li
{
	display:inline-block;
	height:64px;
	line-height:64px;
	vertical-align:middle;
	overflow:hidden;
}

#page-occasions .occasions .img
{
	width:150px;
	height:64px;
	line-height:64px;
	vertical-align:middle;
}

#page-occasions .occasions .description-h1
{
	width:260px;
	text-align:center;
	line-height:64px;
	vertical-align:middle;
}

#page-occasions .occasions .description
{
	width:260px;
	line-height:64px;
	vertical-align:middle;
	overflow:hidden;
}

#page-occasions .occasions .txt
{
	width:100px;
	text-align:center;
	margin-left:30px;
	line-height:64px;
	vertical-align:middle;
}

#page-occasions .occasions-divider
{
	border-bottom:#ccc 1px solid;
	margin-top:10px;
	margin-bottom:30px;
}

#page-occasions #occasions-details
{
	display:none;
}

#page-occasions #occasions-details #btn-fermer
{
	width:900px;
	margin:auto;
	text-align:right;
	cursor:pointer;
}

#page-occasions #occasions-details #description
{
	margin-bottom:30px;
}


#page-occasions #occasions-details .col-1, .col-2
{
	width:200px;
	display:inline-block;
}

#page-occasions #occasions-details .col-1 div
{
	height:22px;
	border-bottom:#e0e0e0 1px solid;
	border-top:1px solid transparent;
}

#page-occasions #occasions-details .col-2 div
{
	height:22px;
	border-bottom:#e0e0e0 1px solid;
	border-top:1px solid transparent;
}

#page-occasions .d-occas-h
{
	font-family: 'Montserrat', Arial, sans-serif;
	color:#232323;
}

#page-occasions .col-3
{
	width:500px;
	display:inline-block;
	vertical-align:top;
	margin-left:30px;
}

#page-occasions #imgs-tabs-content
{
	width:500px;
	max-height:350px;
	line-height:350px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

#page-occasions #imgs-tabs-content div
{
	width:500px;
	height:350px;
}

#page-occasions #imgs-btns-content
{
	text-align:center;
	margin-top:20px;
}

#page-occasions #imgs-btns li
{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}

#page-occasions #imgs-btns a
{
	text-decoration:none;
	color:#e2001a;
}

#page-occasions #imgs-btns a:hover
{
	text-decoration:none;
	color:#e2001a;
}

#page-occasions #imgs-btns .imgs-btns-active
{
	text-decoration:underline;
	color:#e2001a;
}
/*
#page-occasions .col-3 .img
{
	background-color:#fff;
	width:500px;
	height:300px;
	margin-bottom:20px;
	text-align:center;
}
*/

#page-occasions #img-btns-content
{
	text-align:center;
	width:500px;
}

#page-occasions #img-btns-content div
{
	display:inline-block;
	color:#e2001a;
	width:20px;
	text-align:left;
}

#page-occasions #img-btns-content a
{
	color:#e2001a;
	text-decoration:none;
	display:inline-block;
}

#page-occasions #img-btns-content a:hover
{
	color:#e2001a;
	text-decoration:underline;
}

#page-occasions #occasions-details #commentaires
{
	width:400px;
	display:inline-block;
}

#page-occasions #occasions-details #contact-info
{
	width:400px;
	display:inline-block;
	vertical-align:top;
}

/*---------------------NEWS------------------------------*/

#page-news #news-content
{
	width:960px;
	margin:auto;
	margin-top:30px;
}

#page-news .news
{
	display:inline-block;
	width:960px;
	margin-bottom:50px;
	vertical-align:top;
}

#page-news .news-h1
{
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:16px;
	color:#232323;
}

#page-news .news-h1-divider
{
	background-color:#e2001a;
	width:100px;
	height:3px;
	margin-bottom:15px;
}

#page-news .news-txt
{
	width:960px;
	height:250px;
	text-align:justify;
	overflow:auto;
}

#page-news .news-txt a
{
	font-size:13px;
	color:#e2001a;
	text-decoration:underline;
}

#page-news .news-txt a:hover
{
	font-size:13px;
	color:#e2001a;
	text-decoration:none;
}

#page-news .news-divider
{
	border-bottom:#ccc 1px solid;
	margin-top:25px;
	margin-bottom:30px;
}

#news-action
{
	display:none;
}

/*---------------------CONTACT------------------------------*/

#page-contact #page-content
{
    width:960px;
	margin:auto;
	margin-top:30px;
	font-family: 'Open Sans', Arial sans-serif;
}

#page-contact #gmap
{
    width:960px;
    height:350px;
	background-color:#f3f3f3;
	margin-bottom:30px;
}

#page-contact #gmap-info
{
    font-family: 'Montserrat', Arial, sans-serif;
	font-size:16px;
	color:#232323;
}

#page-contact .contact-h1
{
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:16px;
	color:#232323;
}

#page-contact .contact-divider
{
	background-color:#e2001a;
	width:100px;
	height:3px;
	margin-bottom:15px;
}

#page-contact #adresse-col
{
	display:inline-block;
	width:340px;
	line-height:18px;
	vertical-align:top;
	margin-top:20px;
}

#page-contact #adresse
{
	margin-bottom:20px;
}

#page-contact #adresse-col img
{
	float:left;
	padding-top:10px;
	margin-right:15px;
}

#page-contact #adresse-col .tab
{
	display:inline-block;
	width:80px;
	
}

#page-contact #adresse-col #tel
{
	margin-bottom:10px;
}

#page-contact #formulaire-col
{
	display:inline-block;
	width:610px;
	vertical-align:top;
	margin-top:20px;
}
/*
#page-contact #form-col-1
{
	display:inline-block;
	width:630px;
	
	vertical-align:top;
}

#page-contact #form-col-1 div
{
	display:inline-block;
	width:280px;
	
	vertical-align:top;
}

#page-contact #form-col-2
{
	display:inline-block;
	width:345px;
	vertical-align:top;
}
*/

#page-contact #form-col-nom
{
	display:inline-block;
	width:290px;
	vertical-align:top;
	margin-right:20px;
}

#page-contact #form-col-email
{
	display:inline-block;
	width:290px;
	vertical-align:top;
}

#page-contact #form-col-message
{
	display:inline-block;
	width:610px;
	vertical-align:top;
}

#page-contact #form-col-envoyer
{
	width:580px;
	vertical-align:top;
	float:right;
}


#page-contact #form input
{
	width:255px;
	height:30px;
	border:1px solid;
	border-color:#ccc;
	margin-bottom:20px;
	font-family: 'Open Sans', Arial sans-serif;
	font-size:14px;
	font-weight:400;
	color:#6c7072;
	line-height:18px;
	padding-left:40px;
}

#page-contact #form textarea
{
	width:568px;
	height:136px;
	border:1px solid;
	border-color:#ccc;
	margin-bottom:20px;
	font-family: 'Open Sans', Arial sans-serif;
	font-size:14px;
	font-weight:400;
	color:#6c7072;
	line-height:18px;
	padding-left:40px;
	padding-top:8px;
}

#page-contact #form-nom
{
	background: url(../imgs/ico_contact_name.png) no-repeat 10px 50%;
}

#page-contact #form-email
{
	background: url(../imgs/ico_contact_email.png) no-repeat 10px 50%;
}

#page-contact #form-message
{
	background: url(../imgs/ico_contact_message.png) no-repeat 10px 12px;
}

#page-contact #form #form-btn-envoyer
{
	width:100px;
	float:right;
	text-decoration:none;
	color:#e2001a;
	background-color:#fff;
	border:0;
	font-family: 'Montserrat', Arial sans-serif;
	font-size:14px;
	cursor:pointer;
}

#page-contact #form #form-btn-envoyer:hover
{
	color:#e2001a;
	text-decoration:underline;
}

#page-contact #form-msg-error
{
	color:#0C0;
}

#page-contact .form-element-error
{
	border:1px solid !important;
	border-color:#e2001a !important;
}




#footer
{
	height:100px;
	background-color:#f3f3f3;
	border-top:#e0e0e0 1px solid;
	margin-top:80px;
}

.footer-content
{
	width:960px;
	margin:auto;
}

.footer-content div
{
	display:inline-block; 
}

.footer-menu
{
	float:left;
	font-family:Arial;
	font-size:11px;
	color:#808080;
	margin-right:100px;
	margin-top:30px;
}

.footer-txt
{
	font-family:Arial;
	font-size:11px;
	color:#808080;
	text-align:left;
	margin-top:10px;
}

#footer a
{
	text-decoration:none;
	color:#808080;
}

#footer a:hover
{
	text-decoration:underline;
	color:#808080;
}

.footer-logo
{
	float:right;
}

strong
{
	font-weight: bold;
}

em
{
	font-style:italic;
}