/* CSS SAM v1.0 */

/**********************************************STAYING FOOTER************************************************/

/*A N'UTILISER QUE LORQUE LE FOOTER DOIT RESTER EN BAS DE L'ECRAN***************************************/

/*html, body {
height: 100%;
}

#container {
min-height: 100%;
-height: 100%;
margin-bottom: -330px;
position: relative;
}

#footer-wrap {
height: 330px;
position: relative;
}

.clearfooter {
height: 330px;
clear: both;
}*/


/*************************************************GLOBAL****************************************************/

* {margin: 0; padding:0;}

body {
font-family: ;
font-size:  ;
font-weight:  ;
	background-color: #B0B0B0;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

h1{
font-size : ;
font-weight:  ;
margin-bottom:15px;
}

h2{
font-size : ;
font-weight:  ;
margin-bottom:15px;
}

h3{
font-size : ;
font-weight:  ;
margin-bottom:15px;
}
hr {
	color: #CCCCCC;
	margin-bottom: 10px;
	display: block;
	margin-top: 10px;
	background-color: #CCCCCC;
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}




blockquote {
}

ul {
}

.p1 {
}

.p2{
margin-bottom:15px;
}
.p2 a {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}


.p3{
font-size:14px;
	padding-top:60px;
	margin-bottom: 15px;
	line-height: 20px;
	display:block;
}

.p3 strong{
	font-weight: bold;
	color: #652627;
}

.p3 a {
	font-weight: bold;
	color: #652627;
	text-decoration: underline;
}
.p3 a:hover {
	color: #FFFFFF;
	background-color: #652627;
	text-decoration: none;
}

.img1 {
float:left;
margin: 1em 1em 1em 0;
}

.img2 {
}

.img3{
}


/******************************************************************** Lien ******************************************************************/


a:hover {
}


.pagination {
	margin-top: 15px;
	margin-bottom: 15px;
	float: right;
}.numpage {

	font-size: 12px;
	color: #00528c;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
.numpage_selec {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #00528c;
	padding: 2px;

	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
}
.bt_suivant{

	font-size: 12px;
	font-weight: bold;
	color: #00528c;
}
.bt_precedent{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #00528c;
}
.liste_cat{

}
.fichierbin{
}
.photo{
}

/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
#main-container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	background-color: #e3e3e3;
	padding-bottom: 10px;
}

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


/****************************************************STRUCTURE****************************************************/

#container {
	width:960px;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(gifs/620017-tranches3_48.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#header {
	background-image: url(gifs/620017-tranches1_04.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 134px;
	width: 960px;
}
#header img {
	float: left;
}


#diapo {
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#logo {
}

#menu {
	float: left;
	width: 600px;
}
#menu li {
	float: left;
	height: 134px;
	width: 149px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	list-style-type: none;
}
#menu li a {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
	height: 54px;
	width: 129px;
	padding-top: 80px;
	display: block;
	padding-left: 20px;
}
#menu li a:hover, a#over1 {
	background-image: url(gifs/menu-hover.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}




#navigation-secondaire {
}

#colonne-gauche {

	float:left;
	display:inline;
	width: 165px;
	margin-left: 5px;
	padding-right: 10px;
	-padding-right:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.btn-contact {
	font-size: 16px;
	line-height: 52px;
	font-weight: bold;
	background-image: url(gifs/620017-tranches1_31.jpg);
	text-align: center;
	display: block;
	height: 58px;
	width: 170px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 10px;
}

.btn-contact:hover{
	color: #999999;
	background-image: url(gifs/620017-contact-hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#encart-contact {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align:center;
}

#encart-acces {
}

#encart-actu {
}

#encart-newletter {
}

#centre {
	float: left;
	display:inline;
	width: 958px;
	border: 1px solid #B0B0B0;
	padding-bottom: 10px;
}

#presentation {
	width: 760px;
	display: inline;
	float: left;
	margin-top: 15px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-left: 10px;
	position: relative;
}
#encart-promo {
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 150px;
	display: inline;
	position: absolute;
	top: 35px;
	right: 0px;
	background-image: url(gifs/620017-tranches1_15.jpg);
	padding-left: 110px;
}
#encart-promo h3 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
}
#encart-promo li {
	list-style-type: none;
	margin-left: 20px;
}
#encart-promo li a {
	color: #333333;
	text-decoration: none;
	background-image: url(gifs/620017-tranches1_18.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-bottom: 5px;
	display: block;
}
#encart-promo li a:hover {
	color: #999999;
}

#moteur-recherche {
	padding:5px;
	float: left;
	height: 182px;
	width: 480px;
	margin-left: 10px;
	position: relative;
	display: inline;
	background-color: #c2c2c2;
}
#moteur-recherche h3 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 7px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #FFFFFF;
	background-image: url(gifs/back-h3.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#moteur-recherche h3 span {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	margin-top: -3px;
	display: block;
}
.validation {
	font-size: 14px;
	line-height: 37px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(gifs/620017-tranches1_23.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	height: 37px;
	width: 36px;
	position: absolute;
	right: 5px;
	bottom: 15px;
	font-weight: bold;
}
#produits {
	width: 490px;
	background-color: #e5e5e5;
	float: left;
	margin-top: 2px;
	margin-left: 10px;
	display: inline;
	height: 25px;
}
#produits p {
	line-height: 25px;
	text-align: right;
	background-image: url(gifs/620017-tranches1_27.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	width: 310px;
	padding-left: 20px;
	float: right;
	padding-right: 10px;
}
#produits p a {
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}









#presentation h1 {
}

#presentation p {
}

.encart1 {
	height: 158px;
	width: 228px;
	border: 1px solid #999999;
	padding: 5px;
	background-color: #eef0f1;
	position: relative;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.encart1 h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.encart1 p {
	font-size: 12px;
	font-weight: bold;
}
.encart1 img {
	margin-bottom: 5px;
}


.encart2 {

	width: 228px;
	border: 1px solid #999999;
	padding: 5px;
	background-color: #eef0f1;
	position: relative;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.encart2 h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.encart2 p {
	font-size: 12px;

}
.encart2 p a {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	margin-top: 15px;
	display: block;
}

.encart2 p a:hover {
	color: #999999;
}

.encart2 img {
	margin-bottom: 5px;
}

.savoir-plus {
	background-image: url(gifs/620017-tranches1_44.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	width: 31px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.savoir-plus:hover{
	background-image: url(gifs/620017-encart-hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#encart2{
}

#encart3{
}

#encart4{
}

#content {
	width: 750px;
	padding-left: 10px;
	float: left;
}

#content h1 {
	font-size: 24px;
	font-weight: normal;
	color: #00528c;
	margin-top: 15px;
}

#content h2 {
}

#content h3 {
}

#content ul{
	margin-bottom: 15px;
}

#content li {
	padding-bottom: 10px;
	margin-left: 30px;
	list-style-type: square;
}

#content li a{
	text-decoration:underline;
	font-weight:bold;
	color:#33409c;
}
#hyundai {
	display: inline;
	float: left;
	height: 200px;
	width: 300px;
	margin-top: 30px;
}
#hyundai a {
	background-image: url(gifs/hyundai-hover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 20px;
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding-top: 180px;
	text-decoration: none;
}

#hyundai a:hover {
	color: #333333;
	background-image: url(gifs/hyundai.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#ssangyong {
	display: inline;
	float: left;
	height: 200px;
	width: 300px;
	margin-right: 50px;
	margin-left: 20px;
	margin-top: 30px;
}

#ssangyong a {
	background-image: url(gifs/ssangyong-hover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 20px;
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding-top: 180px;
	text-decoration: none;
}

#ssangyong a:hover {
	color: #333333;
	background-image: url(gifs/ssangyong.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer-wrap {
}

#footer {
	width:938px;
	margin-top: 10px;
	margin-bottom: 0;
	background-color: #e2e5e7;
	border: 1px solid #999999;
	overflow: hidden;
	padding: 10px;
}
#footer  ul {
	margin-top: 20px;
}

#footer li {
	list-style-type: none;
	margin-bottom: 3px;
}
#footer li a {
	color: #333333;
	text-decoration: none;
}

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


#footer-coordonnees {
	background-image: url(gifs/620017-tranches1_56.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline;
	float: left;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#footer-navigation {
	display: inline;
	float: left;
	background-image: url(gifs/620017-tranches1_58.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 120px;
	padding-right: 20px;
	padding-left: 110px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#footer-savoir-plus {
	display: inline;
	float: left;
	background-image: url(gifs/620017-tranches1_61.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 120px;
	padding-right: 20px;
	padding-left: 110px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#footer-support{
	display: inline;
	float: left;
	background-image: url(gifs/620017-tranches1_63.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 120px;
	padding-left: 110px;

}

#relance-navigation {
}
#contact-gauche {
	padding: 10px;
	width: 340px;
	display: inline;
	float: left;
}
#contact-droite {
	display: inline;
	padding: 15px;
	float: left;
	width: 250px;
	border: 1px solid #CCCCCC;
	margin-left: 80px;
}

#contact-droite h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}
#contact-droite p {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	line-height: 18px;
}
#contact-droite a {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contact-droite img {
	margin-top: 15px;
}

#contact-droite a:hover {
	color: #999999;
}
#contact-droite ul {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contact-droite li {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


/***********************************************************CONTACT FORMULAIRE*********************************/

.ligne-contact1{
	font-size: 11px;
	color: #333333;
	float: left;
	margin-bottom: 10px;
	display: inline;
	text-align: left;
	width:340px;
	height:15px;
}

.ligne-contact2 p {
	font-size: 11px;
	color: #333333;
	float: left;

	margin-bottom: 10px;
	display: inline;
}

.bloc-message p {
	font-size: 11px;
	color: #FFFFFF;
	float: left;

	margin-bottom: 10px;
	display: inline;
}

.input_form {
	background-color: #FFFFFF;
	border:1px solid #772534;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 340px;
	height:120px;
}
.champs-obligatoires {
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.area_form {
	background-color: #FFFFFF;
	border: 1px solid #772534;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 290px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	margin-left: 50px;
	cursor: pointer;
	background-image: url(gifs/btn-contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bouton_form:hover {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #772534;
	display: block;
	margin-left: 50px;
	cursor: pointer;
	background-image: url(gifs/btn-contact-hover.jpg) !important;
	background-repeat: no-repeat;
	background-position: left top;
}


.form-contact {
	margin-bottom: 15px;
	width: 340px;

}

#formulaire_1 label{
	text-align:left;
}

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

#fiche-produits {
	width: 728px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#photos-produits {
	background-color: #CCCCCC;
	height: 300px;
	border: 1px solid #666666;
	padding: 10px;
	width: 708px;
	margin-bottom: 15px;
	overflow: hidden;
}
#photo-large {
	height: 300px;
	width: 450px;
	display: block;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	
}
#photo-mini {
	float: left;
	height: 90px;
	width: 200px;
	background-color: #FFFFFF;
	margin-left: 50px;
	margin-bottom: 14px;
	border: 1px solid #FFFFFF;
	overflow: hidden;
}
#renseignements {

margin-top: 15px;
	width: 728px;
	overflow: hidden;
}

#renseignements li {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#colonne1 {
	display: inline;
	float: left;
	width: 340px;
	margin-right: 40px;
}
#colonne2 {
	display: inline;
	float: left;
	width: 340px;
}
.btn-panier {
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
	background-image: url(gifs/ajout-selection.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 120px;
	padding-left: 30px;
	display: block;
	float: right;
}

.btn-panier:hover {
	background-image: url(gifs/ajout-selection-hover.jpg);
	color: #CCCCCC;
}

.retour {
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
	background-image: url(gifs/retour.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 150px;
	text-align:center;
	display: block;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}

.retour:hover {
	background-image: url(gifs/retour-hover.jpg);
	color: #CCCCCC;
}

.retour2 {
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
	background-image: url(gifs/retour.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 150px;
	text-align:center;
	display: block;
	
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.retour:hover2 {
	background-image: url(gifs/retour-hover.jpg);
	color: #CCCCCC;
}

#liste-vehicules {
	width: 670px;
	border: 1px solid #CCCCCC;
	height: 98px;
	position: relative;
	padding-right: 29px;
	padding-left: 29px;
}
.fleche-gauche {
	position: absolute;
	left: 0px;
	top: 0px;
}
.fleche-droite {
	position: absolute;
	top: 0px;
	right: 0px;
}
#header-vehicules {
	padding: 2px;
	height: 248px;
	width: 640px;
	margin-top: 20px;
	margin-left: 35px;
	border: 1px solid #CCCCCC;
}
#details-vehicules {
	padding: 2px;
	width: 640px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	margin-left: 35px;
	overflow: hidden;
}
#colonne-texte {
	display: inline;
	text-align: justify;
	float: left;
	width: 390px;
	margin-right: 30px;
	padding-top: 10px;
	padding-left: 10px;
}
#colonne-texte p {
	color: #666666;
	text-align: justify;
}
#colonne-telechargement {
	float: left;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width: 180px;
	display: inline;
}
#colonne-telechargement h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}
#colonne-telechargement p {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
#colonne-telechargement a {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	background-image: url(gifs/icone_pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	display: block;
	height: 20px;
	font-size: 11px;
}
#colonne-telechargement a:hover {
	color: #999999;
}

.watermark{
	background:url(gifs/watermark.jpg);
	opacity:0.5;
	position:absolute;
	top:0;
	width:226px;
	height:96px;
}

.photo_tpl{
	width:226px;
	height:96px;
	position:relative;
}