@charset "UTF-8";
@import url("menus.css");
body {
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	line-height: 1.5em;
	background-color: #fff;
	background-image: url(../images/commun/ligne-haut.gif);
	/*background-attachment: fixed;*/
	margin: 0px;
	padding: 0px;
}

#page{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	height: 156px;
	width: 900px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/commun/ligne-haut2.png) no-repeat right top;
}

#header .logo {
	margin-top: 10px;
	margin-left: 10px;
}


#langue {
	padding-left: 227px;
}

#menu-primaire{
	width: 900px;
	height: 48px;
}

#menu-caravanes {
	height: 43px;
	width: 610px;
	margin-top: 15px;
	float: left;
	padding: 0;
}


#tools{
	width: 280px;
	height: 43px;
	float: right;
	margin-top: 15px;
	text-align: right;
}


img {
	border-style: none;
}

#contenant {
	width: 900px;
	padding-bottom: 30px;
	background: url(../images/commun/ligne-horizontale.gif) repeat-x left bottom;
	padding-right: 10px;
	padding-left: 10px;
}


#chemin{
	text-align: left;
	font-size: 90%;
	margin-top: 4px;
	background: url(../images/commun/maison.png) no-repeat left center;
	padding-left: 15px;
	width: 500px;
	float: left;
}

#partage{
	/*background: #e7f3b2 url(../images/ligne-partage.png) no-repeat left bottom;*/
	padding-bottom: 4px;
	padding-top: 4px;
	width: 300px;
	height: 20px;
	float: right;
}

#partage img {
	float: right;
}


#contenant h2{
	letter-spacing: .1em;
	margin: 40px 10px 20px;
	font: bold 150% Georgia, "Times New Roman", Times, serif;
	color: #A9501B;
	background: transparent url(../images/commun/ligne-horizontale.gif) repeat-x left bottom;
	clear: both;
	padding-top: 0;
	padding-bottom: 5px;
}


#contenant #accueil-cgauche h2, #contenant #accueil-cdroite h2{
	margin-top: 0;
	color: #A9501B;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
	background-image: none;
	font: bold 120% Georgia, "Times New Roman", Times, serif;
	background-color: transparent;
}

#accueil-pub{
	width: 900px;
	margin-top: 10px;
	float: left;
}

#accueil-pub .marge-foto{
	margin-right: 1px;
}

#accueil-cgauche {
	width: 276px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
}


#accueil-cgauche ul, #colonne2 ul{
	padding-left: 0px;
	margin-left: 0;
}

/* My Comment */

#accueil-cgauche ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(../images/commun/puce_gauche.png) no-repeat left center;
}

#colonne2 ul li{
	list-style-type: none;
	background: url(../images/commun/puce_gauche.png) no-repeat left .4em;
	margin-left: 10px;
	padding-left: 10px;
}

#colonne2 p {
	padding-right: 10px;
	padding-left: 10px;
}

#accueil-aide ul li {
	margin: 0;
	background: url(../images/commun/puce_gauche.png) no-repeat right center;
}

#accueil-cgauche a{
	/*background-color: #e7f3b2;*/
	text-decoration: none;
	padding-left: 10px;
}

#accueil-cgauche a:hover{
	/*background-color: #e7f3b2;*/
	text-decoration: underline;
	color: #A9501B;
}

/* colonne de droite page accueil */

#accueil-cdroite {
	width: 580px;
	float: left;
	padding-right: 10px;
	padding-left: 14px;
	margin-top: 15px;
	background: url(../images/commun/ligne-verticale.gif) no-repeat left top;
}


#accueil-cdroite .adresse, #contenu .adresse{
	float: left;
	padding-right: 50px;
}

/* Bas de page */


#pied-page1 {
	bottom: 0;
	width: 100%;
	height: 401px;
	margin: 10px 0px 0px;
	padding: 0px;
	text-align: left;
	background: url(../images/commun/arbres-bas.gif) no-repeat scroll left 100%;
}	

#pied-page1 p{
	padding: 50px 0px 0px;
	font-size: 80%;
}	

#nav-pied{
	width: 920px;
	margin: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#nav-pied #centrevr{
	background: url(../images/logos/logo-cargo.gif) no-repeat 20px 30px;
	float: left;
	padding-left:  220px;
}


#nav-pied .coordonnees{
	margin-top: 0px;
	padding-bottom: 0;
	font-size: 90%;
	line-height: 1.3em;
	width: 150px;
	float: left;
	padding-top: 35px;
}

#nav-pied .menu{
	width: 190px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}	
	
#nav-pied h2{
	font-size: 80%;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1.2em;
}

#nav-pied ul{
	list-style-type: none;
	font-size: 90%;
	padding: 0;
	margin-top: 10px;
}
#nav-pied a{
	text-decoration: none;
}

#nav-pied a:hover{
	text-decoration: underline;
}

#nav-pied .copyright{
	padding-left: 20px;
	padding-bottom: 0;
	padding-top: 0;
	clear: left;
}




/*Fin  Bas de page */

/* section des marques dans le bas de la page */

#pied-page2 {
	bottom: 0;
	width: 100%;
	padding: 0px;
	text-align: left;
	background: #E9F5B7 none no-repeat scroll left 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	

#pied-page2 li {
	list-style-type: none;
	display: inline; /* pour IE 6  */
}

#marques{
	width: 920px;
	margin: 0 auto auto;
	padding-right: 10px;
	padding-left: 10px;
	height: 150px;
	background: #E9F5B7 url(../images/logos/logo-marques.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
}	


/* Fin section des marques dans le bas de la page */

.temoin {
	font-weight: lighter;
	line-height: 1.5em;
	font-style: italic;
	padding-top: 10px;
	padding-right: 10px;
}
#header .tagline {
	float: right;
	margin-top: 25px;
	margin-right: 20px;
}


#header h1 {
	text-indent: -9999px;
	background-image: url(../images/logos/logo-cargo.gif);
	height: 46px;
	width: 185px;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}


#menu-bas{
	width: 900px;
	background: url(../images/commun/ligne-horizontale.gif) repeat-x left top;
	margin-top: 50px;
}



.degage {
	clear: both;
}



.note {
	font-size: 110%;
	font-weight: bold;
	margin-left: 20px;
}

.tel {
	width: 748px;
	text-align: center;
	font-size: 200%;
	color: #666666;
	font-weight: normal;
}



.pub-foto {
	float: left;
	height: 154px;
	width: 210px;
}


/* Produits */

.produit{
	font-size: 90%;
	color: #A9501B;
	background-color: transparent;
}

#nav-gauche{
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
	/*border: 1px solid #fb000d;*/
}

#nav-gauche ul {
	line-height: 1.1em;
	list-style-type: none;
	padding-left: 0;
	/*font-size: 90%;*/
	padding-right: 0;
	width: 150px;
	margin: 0px;
}


#nav-gauche ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	margin: 10px;
	background: url(../images/commun/ligne-horizontale.gif) no-repeat left bottom;
	width: 130px;
	outline: 0;
	padding-top: 3px;
	padding-bottom: 8px;
}

#nav-gauche a:hover {
	text-decoration: underline;
	color: #A9501B;
	background-color: transparent;
}



#nav-gauche li.active a{
	color: #A9501B;
	font-weight: bold;
	background-color: transparent;
}

#nav-gauche .active a:hover{
	text-decoration: none;
	color: #A9501B;
	cursor: default;
	background-color: transparent;
}



#produit-visuel {
	background: url(../images/commun/ligne-verticale.gif) repeat-y right top;
	float: left;
	width: 360px;
}

#produit-photos{
	width: 330px;
	float: left;
	padding-left: 25px;
	margin-left: 10px;
	display: inline;
}

#produit-photos img{
	border-style: none;
}

#produit-photos #wraper-mini{
	width: 310px;
	float: left;
	margin-bottom: 10px;
	font-size: 90%;
	text-align: center;
}


#produit-photos  #wraper-mini img{
	float: left;
	padding-right: 6px;
	padding-top: 6px;
}

#produit-photos #wraper-mini .diapo{
	color: #A9501B;
	padding-top: 5px;
	clear: left;
	width: 300px;
	background-color: transparent;
}


#produit-textes {
	width: 360px;
	float: left;
	padding-left: 15px;
	line-height: 1.4em;
}

#produit-textes  h2{
	font-size: 110%;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0;
}


#produit-textes fieldset{
	padding-left: 15px;
	border-style: none;
	font-size: 80%;
}

input, textarea, select{
	border: 1px solid #b3b3b3;
	width: 250px;
}

input[type=radio]{
	width: auto;
}

#produit-textes label.en-ligne {
 display:inline;
 padding-right: 15px;
}

/* My Comment */

#col-texte ul {
	line-height: 1.1em;
	list-style-type: none;
	padding-left: 0;
	font-size: 90%;
	padding-right: 0;
	text-align: center;
}

#col-texte ul li{
	display: inline;
	padding-right: 15px;
}

#col-texte a{
		color: #333333;
}


#contenu{
	float: left;
	width: 700px;
	padding-right: 25px;
	padding-left: 25px;
}



#contenu #colonne-gauche{
	float: left;
	width: 390px;
}

#contenu #colonne-droite{
	float: left;
	width: 260px;
	margin-left: 10px;
}

#contenu .col-solde{
	float: left;
	width: 340px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #7f7f02;
}

#contenu .obligatoire{
	color: #fb000d;
}

#contenu h3{
	color: #A9501B;
	font-size: 100%;
	background-color: transparent;
}


#contenu h3.contact{
	font-size: 100%;
}
#contenu li, #fragments li{
	margin-top: 5px;
	background-image: url(../images/commun/puce_gauche.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1.5em;
	text-indent: 0px;
	list-style-type: none;
}

a {
	color: #333333;
}

#fragments h3{
	color: #A9501B;
	font-size: 120%;
	background-color: transparent;
}

#fragment-3 .image{
	text-align: center;
}


#page #contenant #contenu #banques{
	width: 700px;
	height: 154px;
	background: url(../images/logos/logo-finances.png) no-repeat left top;
	font-size: 75%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#page #contenant #contenu #banques li{
	text-indent: -9999px;
	list-style-type: none;
	background-image: none;
}

/* Témoignages blockquoptes */

blockquote{
	float:  left;
	background: url(../images/commun/quotes.png) no-repeat left top;
	padding-left:30px;
	padding-top: 10px;
}

.auteur {
	font-style: italic;
	float: right;
	color: #A9501B;
	background-color: transparent;
}


/* Fiche produit inventaire */

#fiche{
font-size: 90%;
line-height: 1.5em;
}

#fiche img,  #diaporama-installations img{
	border: 1px solid #A9501B;
	padding: 2px;
	float: left;
}

#fiche #colonne1 {
	width: 300px;
	float: left;
	margin-left: 10px;
}

#fiche #colonne2 {
	width: 255px;
	float: left;
	margin-left: 25px;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
}

#fiche #colonne2 p{
	margin-top: 2px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#fiche #colonne2 h3{
	margin-top: 5px;
	margin-left: 10px;
}

#fiche #avertissement{
	padding-top: 10px;
	margin-top: 0;
	width: 900px;
	clear: both;
}

#fiche #avertissement h3{
	margin: 0;
	padding: 0;
}

#fiche #avertissement p{
	margin: 5px 0 0;
	padding: 0;
}

#fiche table td, #contenu table td, #contenu table th{
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
}


#fiche h3{
	color: #A9501B;
	font-size: 110%;
	margin-bottom: 0;
	background-color: transparent;
	
}

#fiche caption {
	color: #A9501B;
	font-size: 110%;
	margin-bottom: 0;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* Tableau liquidation */


#contenu #tableau-liquidation {
	margin-top: 30px;
	width: 543px;
	border-style: none;
}

#contenu #tableau-liquidation caption{
	color: #A9501B;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 115%;
}

#contenu #tableau-liquidation th, #contenu #tableau-liquidation td{
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	background: url(../images/commun/ligne-horizontale.gif) repeat-x left top;
	border-style: none;
}

#contenu #tableau-liquidation th[scope=row]{
	color: #A9501B;
	padding-left: 10px;
}

#contenu #tableau-liquidation th[scope=col]{
	color: #A9501B;
	text-align: center;
}

#contenu .offre {
	font-weight: bold;
	font-size: 120%;
}

/* Sommaire inventaire par section */

#inventaire{
	width: 900px;
	float: left;
}
#inventaire .boite{
	width: 290px;
	float: left;
	margin-bottom: 10px;
}


#inventaire .gauche{
	float: left;
	border: 1px solid #A9501B;
	padding: 2px;
}

#inventaire .data{
	padding-top: 5px;
	float: left;
	margin-left: 10px;
}

#inventaire .boite h4{
	margin: 10px 0 2px;
}

#inventaire .boite h4 a{
	color: #A9501B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	background-color: transparent;
}

#inventaire .data h5{
	font-weight: normal;
	font-style: normal;
	margin: 0;
	font-size: 90%;
}

#inventaire a{
	text-decoration: none;
}

#inventaire a:hover{
	text-decoration: underline;
}

#inventaire img:hover{
	border: 1px solid #999;
}

/* Temporairement accueil-cdroite dervra être changé */
#inventaire .special, #prix .special,#contenant #accueil-cdroite .special, #prix .econo{
	color: #fb000d;
	font-weight: bold;
}


#prix .econo{
	font-style: italic;
	font-size: 120%;
}


.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}

/* Pagination ditto */


#ditto_pages{
	font-size: 90%;
	float: right;
	display: inline;
	width: 400px;
	text-align: right;
	padding-bottom: 5px;
	padding-top: 5px;
}


#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #A9501B; 
    color: #fff;

} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #A9501B; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 

#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

/* Diaporama de la fiche */

#diaporama{
	float: left;
	width: 890px;
	padding-left: 13px;
	padding-top: 4px;
}

#diaporama-installations{
	float: left;
	width: 650px;
	padding-left: 60px;
	padding-top: 4px;
	text-align: center;
}

#diaporama img, #diaporama-installations img{
	margin-right: 12px;
	margin-bottom: 5px;
}





/* --------------- Formulaire de contact ----------------*/

#contenu form{
	width: 700px;
	float: left;
	margin: 0;
	padding: 0;
}

#contenu fieldset{
	border-style: none;
	float: left;
	margin-left: 0;
	margin-right: 0;
}

#contenu fieldset.contact {
	margin-top: 5px;
	background: url(../images/commun/ligne-verticale.gif) repeat-y;
	padding-left: 20px;
}


#contenu #form-col1{
background: url(../images/commun/ligne-verticale.gif) repeat-y right top;
	padding-right: 50px;
	margin-left: 30px;
}

#contenu #form-col2{
	padding-left: 50px;
}


#contenu legend{
	font-size: 120%;
	color: #A9501B;
	width: 250px;
	background: transparent url(../images/commun/ligne-horizontale.gif) no-repeat left bottom;
	padding-bottom: 5px;
	
}

input, textarea{
    margin-left: 0px;
    width: 220px;
    border: 1px solid #BA7439;
    outline: none;
}


textarea{
    height: 60px;
}


input[type="radio"]{
	width: auto;
}


.largeur{
	width: auto;
	border-style: none;
}

#contenu label.en-ligne {
 display:inline;
 padding-right: 15px;
}


fieldset p{
    margin-top: 1em;
    margin-bottom: 1em;
    width: 220px;
}

#contenu p.envoyer{
	width: 440px;
	text-align: left;
	padding-left: 260px;
}


fieldset img{
    padding: 0;
    border: 1px solid #BA7439;
    margin-left: 35px;
    margin-top: 10px;
}

.soumettre {
    text-indent:-9999px;
    width:100px;
    height:27px;
    background-color: transparent;
    background-image: url(../images/commun/soumettre.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 10px;
    cursor: pointer;
    outline: none;
    margin-left: 20px;
    border: none;
    font-size: 0;
    line-height: 0;
}

.centrersubmit
{
    width: 200px;
    margin-top: 5px;
    clear: both;
    text-align: center;
}


input:focus, textarea:focus {
    border: 1px solid #A9501B;
    background-color: #F3FAD7;
}



.erreurs-contact, .erreurs-trouver-vr{
    color: red;
	font-size: 90%;
	
}

.erreurs-contact{
	width: 250px;
	margin-bottom: 10px;
}

.erreurs-trouver-vr{
	width: 650px;
	margin-bottom: 10px;
}

/* Fiche d'un RV */

#fiche-roulotte #contenant h2, #fiche-portee #contenant h2, #fiche-classique #contenant h2, #fiche-sellette #contenant h2, #fiche-hybride #contenant h2, #fiche-cargo #contenant h2, #fiche-parc #contenant h2, #fiche-remorque #contenant h2{
	margin-bottom: 0;

}

#fiche #menu-fiche{
	float: right;
	margin: 0;
	padding: 0;
	height: auto;
}


#prix{
	font-size: 140%;
	color: #A9501B;
	padding-left: 10px;
	clear: both;
}


ul#nav-fiche{
	list-style-type: none;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 3px;
	font-size: 90%;
	margin-top: 0;
	padding-top: 0;
}


ul#nav-fiche li{
	display:  inline;
	padding-right: 6px;
}

ul#nav-fiche li a{
	text-decoration: none;
	color: #302e48;
	padding: 2px;
	border: 1px solid #A9501B;
}


ul#nav-fiche li a:hover{
	background-color: #AD7555;
}


body#fiche-roulotte ul#nav-fiche li.active a, body#fiche-portee ul#nav-fiche li.active a, body#fiche-classique ul#nav-fiche li.active a, body#fiche-sellette ul#nav-fiche li.active a, body#fiche-hybride ul#nav-fiche li.active a, body#fiche-cargo ul#nav-fiche li.active a, body#fiche-parc ul#nav-fiche li.active a, body#fiche-remorque ul#nav-fiche li.active a {
	background-color: #AD7555;
	color: white;
}
body#chercheurs ul#nav-secondaire li.active a {padding-bottom: 3px; border-bottom: 2px solid #cc5a22; }
body#nous ul#nav-secondaire li.active a {padding-bottom: 3px; border-bottom: 2px solid #cc5a22; }


/* Sommaire inventaire */

#inventaire ul {
	padding-left: 0px;
	line-height: 1.6em;
	margin-top: 43px;
	margin-left: 5px;
	font-size: 90%;
}

#inventaire ul li{
	list-style-type: none;
	background: url(../images/commun/puce_gauche.png) no-repeat left .5em;
	padding-left: 10px;
}


#inventaire .inventaire-bloc1{
	width: 900px;
	padding-left: 1px;
	float: left;
	margin-bottom: 25px;
	background: url(../images/commun/fond-bloc-inventaire.png) repeat-y right top;
}

.categorie{
	width: 290px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}

#inventaire .categorie h3{
	width: 200px;
	height: 43px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.cat1{
	background: url(../images/commun/inventaire-titres.png) no-repeat 0 0;
}
.cat2{
	background: url(../images/commun/inventaire-titres.png) no-repeat -300px 0;
}

.cat3{
	background: url(../images/commun/inventaire-titres.png) no-repeat -600px 0;
}

.cat4{
	background: url(../images/commun/inventaire-titres.png) no-repeat -900px 0;
}
.cat5{
	background: url(../images/commun/inventaire-titres.png) no-repeat -1200px 0;
}
.cat6{
	background: url(../images/commun/inventaire-titres.png) no-repeat -1500px 0;
}
.cat7{
	background: url(../images/commun/inventaire-titres.png) no-repeat -1800px 0;
}
.cat8{
	background: url(../images/commun/inventaire-titres.png) no-repeat -2100px 0;
}

.cat9{
	background: url(../images/commun/inventaire-titres.png) no-repeat -2400px 0;
}