/* CSS Reset */

*{
	padding:0;
	margin:0;
}
td{
    vertical-align: top;
}
img ,a img
{
	border:none;
}

a:focus{outline:0}
ol, ul,li{list-style:none}
input:focus{outline:none;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{ cursor:pointer; color:#335D8D; }
a:visited{  }
a:hover{ text-decoration:none; }

div#fancy_title{
	display:none;
	visibility:hidden;
	padding:0;
	border:0;
	margin:0;
	font-size:0px;
	background:none;
}

.left
{
	text-align:left;
	float:left;
}

.right
{
	text-align:right;
	float:right;
}

.clearer{
  clear:both;

}

.underline{ text-decoration:underline; }

.biginput input, .biginput select, .biginput textarea
{
	width:247px;
}

body
{
	background: url(images/header/repeat.jpg) #E7E8EA top left repeat-x;
	font-family:Trebuchet Ms;
	font-size:12px;
	color:#353535;
}

body.header2
{
	background: url(images/header.jpg) #E7E8EA top center no-repeat;
}
a{
	color:#335d8a;
}

input,textarea,select
{
	font-family:Trebuchet Ms;
	font-size:11px;
}

#page
{
	width:901px;
	min-height:700px;
	margin: 0 auto;
}

h2,h1,h3
{
	font-style:italic;
	font-size:20px;
	font-weight:bold;
	color:#325c88;
}
h1 {
 font-size:26px;
 padding:0 0 10px 0;
}
h3
{
	 font-size:15px;
}
p.intro{
	padding:5px 0 25px 0
}

/*  -------------HEADER ---------------------  */
#header
{
	background:url(images/header/background.jpg) top left no-repeat; /* background + petit quand pas "qui sommes nous" */
    position: relative;
    height:230px;
}
#header.header2
{
	background:none;	
}
#mini_menu
{
	width:216px;
	height:24px;
	
	font-size:10px;	
	text-align:left;
	padding-left:10px;
	margin-left:10px;
	
	color:#203a56;
	padding-top:5px;

    position: absolute;
    top:0;
    right:-10px 
}

#mini_menu a
{
	color:#203a56;
}

#logo
{
	width:336px;
	height:170px;
	margin-left:-40px;
	background:url(images/logo.jpg) no-repeat;
}
#logo.header2
{
	background:url(images/logo2.jpg) no-repeat;
	margin-left:0px;
}
#logo a
{
	height:149px;
	margin:0 0 0 46px;
	width:245px;
	display:block;		
}
#logo span{
	display:none
}
#menu
{	
	text-align:center;
	font-size:14px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#menu li{
	float:left;
	display:block;
}
#menu a
{
	color:#fff;
	display:block;
	text-decoration:none;
	padding:7px 13px 8px 13px;
	font-size: 12px;
}
#menu li.current{
	background:url(images/menu/left.jpg) top left no-repeat;
}
#menu li.current a
{	
	color:#1f3752;
	font-weight:bold;
	text-decoration:none;
	background:url(images/menu/right.jpg) top right no-repeat;
}
#menu a:hover{
	text-decoration:underline
}
/*  -------------FIN HEADER ---------------------  */

#footer
{	
	background:#253F5A;
	text-align:center;
	color:#f1f1f3;	
	font-size:11px;	
	clear:both;	
	height:110px;
}
#footer a{ color:#6395ca }

#foot 
{
	background:url(images/footer/background.jpg) no-repeat;
	height:26px;
	width:856px;
	margin:0 auto;
}
#content
{
	min-height:494px;	
}

div#sous_menu
{
	height:181px;
	margin:21px 0 16px 0;	
	background:url(images/bloc/background-large.jpg) #F9F9F9;	
	border:1px solid #D3D6DB; 
}

div#sous_menu div
{
	width:179px;
	height:181px;
	float:left;
	text-align:center;	
	position:relative;
}
div#sous_menu.ie6
{
	height:183px;
	background:url(images/bg_menu.jpg) top;
	border:none;
}
div#sous_menu a
{
	width:179px;
	height:181px;
	outline: none;
}
div#sous_menu a span
{
	display: none;
}
#sous_menu img {
	margin:12px 0 15px;
}

#sous_menu h3
{	
	font-size:14px;	
}
.loisir h3 { margin-top:0px; }
.util  h3{ margin-top:0px; }
.access  h3{ margin-top:0px; }
.pose  h3{ margin-top:0px; }

.box {
    width:268px;
	height:226px;
	float:left;
	background: url(images/bgbox.jpg) #FFFFFF repeat-x left bottom;
	border:1px solid #D3D6DB;
	padding:9px;	
	position:relative;	
}

.box-full {
    width:560px; /* -20px de padding */
	float:left;
	background: url(images/bgbox.jpg) #FFFFFF repeat-x left bottom;
	border:1px solid #D3D6DB;
	padding:9px;	
	position:relative;	
	margin-left: auto;
	margin-right: auto;
}
.box-900 {
    width:880px; /* -20px de padding */
	float:left;
	background: url(images/bgbox.jpg) #FFFFFF repeat-x left bottom;
	border:1px solid #D3D6DB;
	padding:9px;	
	position:relative;	
	margin-left: auto;
	margin-right: auto;
}
.renseignements-complementaires {
	margin-top: 20px;
	margin-bottom: 20px;
}
.renseignements-complementaires h2 {
	margin-left: 10px;
	margin-bottom: 15px;
}
.renseignements-complementaires .questions {
	float: left;
	margin-left: 10px;
	width: 560px;
	border: none;
	border-top: solid 1px #d3d6db;
}
.renseignements-complementaires .questions a {
	text-decoration: none;
}
.renseignements-complementaires .questions .question {
	background: #f1eff0;
	min-height: 29px;
	color: #335c8a;
	border: none;
	border: solid 1px #d3d6db;
	border-top: none;
	text-decoration: none;
}
.renseignements-complementaires .questions .question .inner {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 29px;
	background: url('../img/arrow.jpg') no-repeat;
	background-position: center right;
}
.renseignements-complementaires .questions .answer {
	background: #ffffff;
	color: #585657;
	border: solid 1px #d3d6db;
	border-top: none;
}
.renseignements-complementaires .questions .answer .inner {
	padding: 10px;
}
.renseignements-complementaires .contact {
	float: right;
	width: 280px;
}
.renseignements-complementaires .contact .yellow_normal_content {
	margin-top: 5px;
	float: none;
}



.page-renseignements .questions {
	width: 580px;
	border: none;
	border-top: solid 1px #d3d6db;
}
.page-renseignements .questions a {
	text-decoration: none;
}
.page-renseignements .questions .question {
	background: #f1eff0;
	min-height: 29px;
	color: #335c8a;
	border: none;
	border: solid 1px #d3d6db;
	border-top: none;
	text-decoration: none;
}
.page-renseignements .questions .question .inner {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 29px;
	background: url('../img/arrow.jpg') no-repeat;
	background-position: center right;
}
.page-renseignements .questions .answer {
	background: #ffffff;
	color: #585657;
	border: solid 1px #d3d6db;
	border-top: none;
}
.page-renseignements .questions .answer .inner {
	padding: 10px;
}






* html .box {
	height:236px;      
}

#occasion,#location
{
	
}
#loc
{
	background:url(images/livraison.png) no-repeat top center;	
	
}
#box-rapide{

}
#box-rapide h2{
	text-transform: uppercase;
	font-size:18px;
	padding-left:7px;
}

.col-droite {
	padding:70px 0 0 0
}
.col-droite #box-rapide{
	width:290px;
	float:right;
	padding-bottom:31px;	
}
.col-droite #box-rapide #renseignements {
	margin-top: 30px;
	margin-bottom:30px;
}
.col-droite #box-rapide #renseignements h2 {
	margin-bottom: 15px;
}
.col-droite #box-rapide #renseignements ul {
	height: 160px;
	padding-left: 8px;
	padding-right: 8px;
}
.col-droite #box-rapide #renseignements ul li {
	margin-bottom: 10px;
}


div.content_yellow
{
	position:absolute;
	right:14px;
	top:221px;
}  
 * html div.content_yellow
{
    top:231px;
}  
div.yellow
{	
	background:url(images/buttons/yellow/left.jpg)  top left no-repeat;
	float:left;
	height:21px;
	padding:2px 0 0 10px;
	
}
* +html div.yellow  {
    padding-top:4px
} 
* html div.yellow  {
    padding-top:4px
}
.yellow a
{
	color:#393939;
	font-size:10px;	
	margin:auto;
	text-decoration:none;	
}

.yellow a:hover
{
	text-decoration:underline;
}
div.yellow2
{
	background:url(images/buttons/yellow/right.jpg)  top right no-repeat;
	height:23px;
	width:10px;
	float:left;	
}
div.yellow_normal_content
{
	float:right;	
}
div.yellow_normal
{
	background:url(images/buttons/normal/left.jpg)  top left no-repeat;
	height:27px;
	float:left;
	padding:4px 0 0 9px;
}
div.yellow_normal a { text-decoration:none; color:#393939; font-size:10px; } div.yellow_normal a:hover { text-decoration:underline; }
div.yellow_normal2
{
	background:url(images/buttons/normal/right.jpg)  top left no-repeat;
	width:9px;
	height:27px;
	float:left;
}
#occasion.box{
	margin:0 17px;
}

#promo img
{
	width:119px;
	border:1px solid #345D8B;
	float:left;
	margin:21px 0 0 10px;	
}
#promo p.descz
{	
	float:left;	
	width:126px;
	height:130px;
	padding-left:10px;
	font-size:11px;
	line-height:15px;
}
#promo div.price {
	margin-top: -10px;
	text-align: center;
}

.contener
{
	background:#F0F0F0; 
	border:1px solid #D3D6DB; 
	padding:20px; 
	margin-bottom:20px;
}

.col-droite  .box,.col-droite #occasion.box{
	margin:0;
}
.col-droite  #occasion.box{
	margin:31px 0
}

#principal
{
	width:580px;
	float:left;
	padding:30px 0px;
	color:#595656;	
}
#principal a { /* color:#335d8a; */ }
#principal h2 { padding:5px 0; }
#principal h3 { padding:3px 0; }

#principal_big
{
	float:left;
	padding:30px 0px;
	color:#595656;	
}
/* -------- carrousel occasion ------- */

div#carrou_ocaz
{
	
}
ul#occaz
{	
	padding-top:10px;
	height:500px
}
ul#occaz li
{	
	height:95px;	
}

ul#occaz li img
{	
	margin:0px 22px 10px 5px;	
	float:left;
}

ul#occaz span.occaz_desc
{
	font-size:10px;
	width:140px;
	height:82px;
	overflow:hidden;
	padding:0px;
	float:left;
	line-height:14px;
}
ul#occaz span.occaz_desc a
{
	font-size:11px;	
	margin-bottom:0px;
	text-decoration:underline;
	color: #335D8D;
}
ul#occaz span.occaz_desc a:hover
{
	text-decoration:none;
}

#carrou_ocaz .carousel-wrap
{
	
}
#carrou_ocaz .carousel-next, #carrou_ocaz .carousel-previous
{
	cursor:pointer;
	position:absolute;
	float:right;
}
#carrou_ocaz .carousel-previous
{
	margin-left:230px;
	margin-top:-20px;	
	background:url(images/other/fleches/up-on.gif) no-repeat;
	width:18px;
	height:18px;
}
#carrou_ocaz .carousel-previous.disabled
{
	background:url(images/other/fleches/up-off.gif) no-repeat;
	width:18px;
	height:18px;
}
#carrou_ocaz .carousel-next
{
	margin-left:250px;
	margin-top:-20px;
	background:url(images/other/fleches/down-on.gif) no-repeat;
	width:18px;
	height:18px;
}
#carrou_ocaz .carousel-next.disabled
{
	background:url(images/other/fleches/down-off.gif) no-repeat;
}

/* -------- fin  carrousel occasion ------- */

input.error,select.error{
	color:#8a1f11;
	background-color:#fbe3e4;
	border: red 1px solid;
}

label.error{	
	margin-left:15px;
	position:relative;	
}

#produit{
}
#produit li.famille
{
	padding:10px 10px;
	border:solid 1px #D3D6DB;
	background:#F0F0F0;
}
#produit li.famille div.price
{
	color: #325C88;
	font-family: Trebuchet Ms;
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#produit .remorques-sur-mesure h2 {
	margin-bottom: 25px;
}
#produit .remorques-sur-mesure div.img {
	float: left;
	width: 200px;
}
#produit .remorques-sur-mesure div.img img {
	margin-top: 0px;
	margin-left: 5px;
}
#produit .remorques-sur-mesure p.description {
	float: left;
	width: 350px;
	text-align: justify;
}


#produit li a.famille { display:block; }

#produit li.enfant { 
	
	padding:15px;
	margin-top:10px;
	background:#FFF;
	/*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;    */
}
/* -------- GOOGLE MAP ------- */

#gmap
{
	border:1px solid #D3D6DB;
	width:903px; 
	padding:20px 0px; 
	background:#F0F0F0;
	/*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;*/
}
.sidemap
{	
	padding:0 0 5px 15px;	
}
.sidemap ul 
{
	
}
.sidemap li
{
	float:left;
	padding: 0 5px;
}
/* __________ FORMULAIRE ___________*/


label.error
{
	display:none;
	font-size:0px;	
	visibility:hidden;
	width:0px;
	margin:0;
	height:0;
	padding:0;
}

input.contact
{
	background:url(images/contact.jpg) no-repeat;
	font-size:0px;
	width:82px;
	height:27px;
	border:none;
	cursor:pointer;
}

input.suivant
{
    background:url(images/suivant.jpg) no-repeat;
    font-size:0px;
    width:51px;
    height:27px;
    border:none;
    cursor:pointer;
}


.desctart ul{
    padding:0 0 10px 25px;
    
}
.desctart ul li{
    list-style: circle;
   
}
.desctart em{
    font-style: italic;
}

/*! newsletter form */
#newsletter-form { clear: both; position: relative; padding-top: 10px; }
#newsletter-form label { font-weight: bold; display: block; }
#newsletter-form #newsletter-email { padding: 5px; width: 175px; outline: none; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FDFDFD; }
#newsletter-form #newsletter-email:focus { border: 1px solid #333; background: #FFF; }
#newsletter-form #newsletter-email.error { background: #F9EAEA; border: 1px solid #FF0000; }
#newsletter-form #newsletter-submit { height: 26px; width: 50px; cursor: pointer; }
#newsletter-form #newsletter-submit:hover {}
#newsletter-form #newsletter-output { display: none; background: #FFF; background: rgba(255, 255, 255, .8); left: 100px; padding: 15px; position: absolute; top: -35px; cursor: pointer;
z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FDFDFD; }
#newsletter-form #newsletter-output.warning { background: #FCF15B; }
#newsletter-form #newsletter-output.error { background: #FCA7A7; }