body {
	background: url(img/fond.jpg) repeat-x 50% 0 #7f921c;
	margin:0;padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.inside { position:relative;margin:auto;width:920px; } /* la classe permet de centrer un div dans la page */
/*////////////////////////////////////

		SUBHEADER
	
///////////////////////////////////*/
div.subheader {position:absolute; top:120px; left:320px;}
div.subheader a {font-size:16px; color:#FFF;font-weight:bold; text-decoration:none}
div.subheader a:hover { color:#000;}

/***********************************************
				CHEMINS
***********************************************/

#chemin{
	position:absolute;
	top:0;
	right:15px;
	clear:both;
	font-size:10px;
	height:10px;
	margin:0 0 0 0px;
	}
#chemin *{font-size:10px}

#chemin a {color:#FF0; text-decoration: underline;}
#chemin a:hover,#chemin a.active  {color:#000;text-decoration: none}

/*div#version { position:absolute; top:150px; left:860px; z-index:5px}*/

/*////////////////////////////////////

		flash
	
///////////////////////////////////*/
div#flash { margin:0; padding:0}

/*////////////////////////////////////

		IMAGES ELEMENTS
	
///////////////////////////////////*/
img { border:none;text-decoration:none; }
div.bloc_image { text-align:center; }
div.bloc_image img {
	border:1px solid #FFF;
	margin:2px;
	padding:1px;
}
div.bloc_image a { text-decoration:none; }
div#contenu div.bloc_image p.zoomer { text-align:center;font-size:10px; }
div#contenu div.bloc_image p.legende { margin:0 0 5px 0;font-weight:bold;text-align:center; }
a.lien_image { text-decoration:none; }

/*////////////////////////////////////

		LINK ELEMENTS
	
///////////////////////////////////*/
a { color:#606f18;font-weight:bold; }
a:hover { color:#F00; }
a img { border:none; }
a.mail-link {
	background:url(img/mail-link.gif) no-repeat 0 50%;
	line-height:16px;
	padding:2px 0 2px 28px;
} /* Ajoute un picto mail aux liens ayant la classe '.mail-link' */
a img {border: 1px solid #FFF; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img {border: 1px solid #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
div#version { position:absolute; top:185px; right:400px; z-index:1 }
/*////////////////////////////////////

		HEADER ELEMENTS
	
///////////////////////////////////*/
div#bandeau-haut {position:relative;}
div#bandeau-haut div.inside { background:url(img/bandeau-haut.jpg) no-repeat; height:195px;  }
div#bandeau-haut div.inside a span { display:block; height:195px; visibility:hidden; }
/*////////////////////////////////////

		NAVIGATION ELEMENTS
	
///////////////////////////////////*/
/*div#menu div.inside { z-index:100; }
div#menu div.inside ul.tab { position:absolute; top:-27px; left:0; }*/
/*////////////////////////////////////

		HEADER ELEMENTS
	
///////////////////////////////////*/
div#bandeau-haut div.inside { background:url(img/bandeau-haut.jpg) no-repeat; height:209px; position:relative; }
div#bandeau-haut div.inside a span { display:block; height:209px; visibility:hidden; }
/*////////////////////////////////////

		NAVIGATION ELEMENTS
	
///////////////////////////////////*/
div#menu div.inside { z-index:100; }
div#menu div.inside ul.tab { position:absolute; top:-27px; left:0; }
ul.tab, ul.tab li { border:0; margin:0; padding:0; list-style:none; }
ul.tab { height:28px; padding-left:200px; } /* Le padding-left pour placer les onglets */
ul.tab li { float:left; margin-right:5px; }
.tab a { background:url(img/tab-round.jpg) right 56px; display:block; font-weight:bold; height:28px; line-height:28px; text-decoration:none;
	color:#fff; /* Couleur du texte lien normal */
}
.tab a span{ background:url(img/tab-round.jpg) left 56px; display:block; height:28px; margin-right:15px; padding-left:15px; cursor:pointer; }
/* HOVER ELEMENTS */
.tab a:hover { background:url(img/tab-round.jpg) right 28px; display:block; text-decoration:none; 
	color:#d9dfe2; /* Couleur du texte lien hover */
}
.tab a:hover span { background:url(img/tab-round.jpg) left 28px; display:block; }
/* ACTIVE ELEMENTS */
.tab a.active { background:url(img/tab-round.jpg) right 0 no-repeat; text-decoration:none;
	color:#d9dfe2; /* Couleur du texte lien actif */
}
.tab a.active span, .tab a.active span { background:url(img/tab-round.jpg) left 0 no-repeat; }
/*////////////////////////////////////

		VIDEO ELEMENTS
	
///////////////////////////////////*/
div#conteneur-video { width:568px; margin:auto; }
div#myContent { /*background:url(img/repetiteur.jpg) repeat-y;*/ }
div#contenu div#myContent p { padding:5px; font-style:italic; }
div#contenu div#myContent p#titleMyContent { font-weight:bold; font-size:15px; font-style:normal; color:#FFF; }
div.box-video {
	background:#53341d;
	border:1px solid #000;
	color:#FFF;
}
div#conteneur-video div.box-video { margin:10px 0; padding:2px; min-height:40px; }
div#conteneur-video div.box-video a { display:block; float:left; width:155px; margin:0; padding:0 0 0 40px; height:35px; line-height:35px;text-decoration:underline;
	color:#a5c312; /* Couleur des liens vidéos si différent de la couleur des liens de la page en général */
}
div#conteneur-video div.box a:hover {
	color:#a5c312; text-decoration:none; /* Couleur des liens hover vidéos si différent de la couleur des liens hover de la page en général */
}
div#conteneur-video div.box a#recommander-vid { background:url('img/recommander-vid.png') no-repeat 0 50%; }
div#conteneur-video div.box a#ajouter-vid { background:url('img/ajouter-vid.png') no-repeat 0 50%; }
div#conteneur-video div.box span#voir-portail { float:right; width:120px; }
/*////////////////////////////////////

		CONTENT ELEMENTS
	
///////////////////////////////////*/
div#conteneur #inside{ background: url(img/repetiteur.jpg) repeat-y;  }
div#conteneur-haut { background:url(img/repetiteur.jpg) repeat-y; }
div#contenu {
	background:url(img/corps-haut.jpg) no-repeat 0 top;
	margin:0; padding:0 25px 15px 25px;
	min-height:655px; 
	overflow:hidden;
}
span.color { color:#606F18; font-weight:bold}
h2#tt{
	 color:#606F18;
	 border-bottom:1px solid #606F18;
	 font-size:18px;
}
	
div#left_col { float:left; width:580px; padding-top:20px;}
div#left_col div.box {
	padding:10px;
	background:#FFF;
	border:1px solid #606f18;
	color:#000;
}
div#left_col #ul1 {color:#FFF;margin:15px 0 15px 0;padding:0;list-style-type:none; list-style-position:inside; font-size:12px; line-height:16px; background:none}
div#left_col #ul1 li {padding-bottom:5px;}
div#left_col #ul2 {color:#CCC;margin:5px 0 15px 0;padding:0;list-style-type:circle; list-style-position:inside; font-size:12px; line-height:16px; background:none}
div#left_col #ul2 li {padding-bottom:5px;}
div#right_col { margin:0 0 0 595px; padding:0; }
div.box {
	background:#FFF;
	border:1px solid #606f18;
	color:#000;
}
div.box h2{
	color:#94a143;
	font-size:15px;
	}
div#contenu h1 {	
	margin:0 0 10px 0; padding:0 0 0 5px;
	font:bold 16px Arial, Helvetica, sans-serif;
	height:32px;
	line-height:32px;
	color:#FFF;
	text-align:left;
}
div#contenu p {
	margin:0; padding:5px 0;
	text-align:justify;
}
div#contenu p.citation {
	background:url(img/guillemets.gif) no-repeat 0 50%;
	padding-left:70px;
	font-weight:bold;
	font-size:18px;
	line-height:36px;
	color:#fffd04;
}
div#contenu ul {
	list-style-type:none;
	margin:5px 0 5px 0; padding:0 0 0 20px;
	height:1%;
}
div#contenu ul li {
	background:url(img/puce.gif) no-repeat left 7px;
	margin-left:10px; padding:4px 0 4px 15px;
}

div#left_col div.partenaire { margin:0 0 10px 0; }
div#left_col div.partenaire div.box  { padding:10px; }
div#left_col table#tab1 { margin:0; padding:0; font-size:11px}
div#left_col table#tab1 td { margin:0; padding:5px}
div#left_col table#tab1 td#titre { background:#9b0725; color:#FFF; text-align:left}
div#left_col table#tab1 td#prix { background:#e70634; color:#FFF; text-align:center}
div#left_col h3 { font-size:14px; color:#FF0; margin:15px 0 5px 0}
/* RIGHT BOX ELEMENTS */
div#right_col div.box { margin:0 0 10px 0; padding :5px }
div#right_col div.box h2 {
	background:url(img/fond-titre-h2.jpg) no-repeat center;
	margin:0; padding:2px 0;
	height:33px;
	line-height:20px;
	text-align:center;
	font-size:14px;
	color:#fff;
}
div#right_col div.box p {}
div#right_col div.box a {}
div#right_col div.box a:hover {}
div#right_col div.box p.adresse { background:url(img/fond-adresse.png) no-repeat; width:220px; padding:5px 0 5px 40px; line-height:25px; }
div#right_col div.box p.tel { background:url(img/fond-tel.png) no-repeat; font-size:15px; width:220px; padding:5px 0 5px 40px; line-height:25px; }
div#right_col div.box p.port { background:url(img/fond-port.png) no-repeat; font-size:15px; width:220px; padding:5px 0 5px 40px; line-height:25px; }
div#right_col div.box p.fax { background : url(img/fond-fax.png) no-repeat; font-size:15px; width:220px; padding:5px 0 5px 40px; line-height:25px; }
div#right_col div.box p.btn-contact a { margin:auto; display:block; width:190px; height:40px; background:url(img/btn-contact.jpg) no-repeat; }
div#right_col div.box p.btn-contact a:hover { background: url(img/btn-contact.jpg) no-repeat 0 -40px; }
div#right_col div.box p.btn-news a { margin:auto; display:block; width:190px; height:40px; background:url(img/btn-contact.jpg) no-repeat; }
div#right_col div.box p.btn-news a:hover { background: url(img/btn-contact.jpg) no-repeat 0 -40px; }
div#right_col div#galerie { overflow:auto; height:250px; }

div#right_col div#newsletter { height:61px; background:url(img/newsletter.png) no-repeat; width:160px; padding:50px 0 0 90px  }

div#plan {margin:auto; padding:0; text-align:center; }
/*////////////////////////////////////

		FOOTER ELEMENTS
	
///////////////////////////////////*/
div#pied {overflow:hidden; }
div#pied div.inside {
	width:860px;
	padding:15px 30px 20px 30px;
	height:92px;
	color:#FFF;
	background:url(img/pied.jpg) no-repeat #5a3a22;
}
div#pied div.inside a { color:#a1b23d;text-decoration:underline }
div#pied div.inside a:hover { color:#FFF; text-decoration:none }
div#pied div.inside p {
	margin:0; padding:5px;
	font-weight:bold;
}
div#pied div.inside p#ref a { font-size:10px; }
div#signature {
	float:right;
	width:200px;
	margin:5px 0 0 10px;
	text-align:center;
}
/****************************************************
		STYLES SPECIFIQUES AUX MODULES
****************************************************/


/****************************************************
		STYLES SPECIFIQUES AUX FORMULAIRES
****************************************************/
form#form1 {
	margin:0 auto; padding:0;
	text-align:left;
	width:75%;
}
form#form1 fieldset { border:1px solid #CCC; padding:5px; margin-top: 5px; }
form#form1 legend { font-weight:bold; color:#000; font-size:12px }
div#form-recommander form#form1 { width:92%; }
div#form-recommander form#form1 legend { color:#000; }
form#form1 label { text-align:right; float:left; width:40%; padding-top:3px;  padding-right: 5px}
form#form1 ul { margin:0;padding:0; list-style-type:none; }
form#form1 ul li { background-image:none; }
form#form1 li#bouton { float:right; }
div#form-recommander {
	width:526px;
	margin:45px 0 0 0; padding:0 10px 0 10px;
}
div#contenu div#form-recommander p a { float:right; }
input, textarea {
	border:1px solid #666;
	margin:0 0 0 0;
	padding:0;
	background:#fff;
}
#cryptogram {
	border: 1px solid #666;
	margin:0 0 0 22px;
	padding:0 0 0 0;
	background:#fff;

}
span.obligatoire {color:#C00; font-size:10px}
/****************************************************
		STYLES SPECIFIQUES AUX FORMULAIRES
****************************************************/
table#formulaire { margin:0; padding:0;}
table#formulaire td#nom { margin:0; padding:0;color:#FFF; font-size:12px;  }
table#formulaire td#obligatoire { margin:0; padding:0;color:red; font-size:10px;}
/****************************************************/

input.bt { background:#859631 ; color:#FFF; border-top:1px #FFF outset;border-right:1px #000 outset;border-left:1px #FFF inset;border-bottom:1px #000 inset; padding:5px; font-size:11px; font-weight:bold}
div#obligatoire { margin:3px; padding:0;color:red; font-size:0.7em; text-align:right}
/********************************************************
				MERCI
********************************************************/
div#merci, div#confirm-recommander {
	background:url(img/enveloppe.png) no-repeat 50% 0;
	margin:80px auto;
	padding:125px 0 0 0;
	text-align:center;
	width:50%;
}
div#merci p, div#confirm-recommander p {
	text-align:center;
	font-weight:bold;
}
div#confirm-recommander { margin:10px auto; }
div#confirm-recommander a.close-link {
	background:url(img/close-link.png) no-repeat 0 50%;
	padding:2px 0 2px 25px;
	line-height:20px;
	height:16px;
}
/*****************************************************************
							Module Actu
*****************************************************************/
div#news_desc {margin:0 0 5px 5px; font-size:12px; color:#FFF}
span#news_page {font-size:12px}
span#news_date { text-align:left; color:#e70634; width:100%; padding:5px; margin:0;font-weight:bold;font-size:16px}
td.cadre3 {padding:0;border:1px #e70634 dashed;}
div#news img.pht a {border:1px #FFF solid} 
div#result_news{color:#000; font-size:12px}
h6 {font-size:0.9em; color:#000; font-weight:bold}
/*****************************************************************
						Module catalogue
*****************************************************************/
#listeVehicules {
 	border: solid 1px #000;
}

#bandeauVehicules {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.01ex;
	text-align:center;
	color: #FFF;
	background:url(img/fd_entete_cata.jpg) repeat;
}


.lienInfos {
	font-family: arial;
	font-size: 10px;
	color: #C43024;
	font-weight: bold;
	text-decoration:underline;
	}
.lienInfos:visited {
	font-family: arial;
	font-size: 10px;
	color: #C43024;
	font-weight: bold;
	text-decoration:underline;
}
.lienInfos:hover {
	font-family: arial;
	font-size: 10px;
	color: #C43024;
	font-weight: bold;
	text-decoration:none;
}
.lienInfos:active {
	font-family: arial;
	font-size: 10px;
	color: #C43024;
	font-weight: bold;
	text-decoration:underline;
}

.lien3 {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:underline;
	}
.lien3:visited {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:underline;
}
.lien3:hover {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:none;
}
.lien3:active {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:underline;
}


.lien4 {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
	}
.lien4:visited {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
}
.lien4:hover {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
.lien4:active {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
}


.lienVendu {
	background-color:#CCCCCC;
	font-family: arial;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	text-decoration:underline;
	}
.lienVendu:visited {
	background-color:#CCCCCC;
	font-family: arial;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	text-decoration:underline;
}
.lienVendu:hover {
	background-color:#CCCCCC;
	font-family: arial;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	text-decoration:none;
}
.lienVendu:active {
	background-color:#CCCCCC;
	font-family: arial;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	text-decoration:underline;
}

.cadre3-bas {border-bottom: 1px solid #BABABA; }
.cadre3-left {border-left: 1px solid #6F0A0A; }


.txtRed {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 15px; color: #FF0000;
	font-weight:bold;
}

.txt11 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; color: #000;
	font-weight:bold;
}

.txt11 p {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px; color: #000000;
}