@charset "iso-8859-1";

/*** PALETTE ************************************************************************************/
.noir { color: #000000; }
.blanc { color: #ffffff; }
.gris { color: #868689; }
.rouge { color: #db002f;}


/*** FONT ***************************************************************************************/
.clean { text-decoration: none; }
.capital { text-transform: capitalize; }
.maj { text-transform: uppercase; }


/*** GENERAL **************************************************************************************/
p {
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	color: #686868;
	text-align: justify;
}


/*** FORMULAIRE **********************************************************************************/
.label {
	float: left;
	margin: 0 ;
	padding: 0;
	width: 120px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 12px;
	color: #686868;
}
.input_text {
	float: right;
	margin: 0 0 8px 0 ;
	padding: 0;
	width: 340px;
	height: 20px;
	font-size: 12px;
	color: #686868;
}
.input_file {
	float: right;
	margin: 0 0 8px 0 ;
	padding: 0;
	width: 340px;
	height: 20px;
	font-size: 11px;
	color: #686868;
}
.textarea {
	float: right;
	margin: 0 0 8px 0 ;
	padding: 0;
	width: 340px;
	font-size: 12px;
	color: #686868;
}
.select {
	float: right;
	margin: 0 0 8px 0 ;
	padding: 0;
	width: 340px;
	height: 20px;
	font-size: 12px;
	color: #686868;
}
/* FORMULAIRE SAV */
#form_contact_sav {
	float: left;
	margin: 0;
	padding: 110px 0 0 70px;
}
#bt_form_sav {
	float: right;
	margin: 0;
	padding: 20px 0 0 0;
}
/* FORMULAIRE CONTACT */
#form_contact {
	float: left;
	margin: 0;
	padding: 110px 0 0 20px;
}
#bt_form_contact {
	float: right;
	margin: 0;
	padding: 0;
}
/* FORMULAIRE DEMANDER UN ESSAI */
#form_demander-un-essai {
	float: left;
	margin: 0;
	padding: 110px 0 0 490px;
	width: 450px;
}
#bt_essai {
	float: right;
	margin: 0;
	padding: 20px 0 0 0;
}
/* FORMULAIRE NEWSLETTER */
#form_newsletter {
	float: left;
	margin: 0;
	padding: 110px 0 0 430px;
	width: 450px;
}
#bt_form_newsletter {
	float: right;
	margin: 0;
	padding: 0;
}
/* FORMULAIRE CANDIDATURE - RESSOURCES HUMAINES */
#form_ressources_humaines {
	float: left;
	margin: 0;
	padding: 120px 0 0 35px;
	width: 470px;
}
#bt_form_ressources_humaines {
	float: right;
	margin: 0;
	padding: 0;
}
/* FORMULAIRE CANDIDATURE - RESSOURCES HUMAINES */
#form_creative {
	float: left;
	margin: 0;
	padding: 120px 0 0 35px;
	width: 440px;
}
#bt_form_creative {
	float: right;
	margin: 0;
	padding: 0;
}


/*** PAGE INDEX *********************************************************************************/
div#main div#main_content div#ban-720-248 {
	float: left;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 248px;
}
div#main div#main_content div#liens_index {
	float: right;
	margin: 0;
	padding: 0;
	width: 230px;
}
div#main div#main_content div#liens_index a {
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
}


/* FORMULAIRE */
div#main div#main_content div#liens_index div#essai {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 175px;
	background-image: url(/media/images/index/reserver-un-essai.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#liens_index div#essai #form_select_vehicules {
	margin: 0;
	padding: 35px 0 0 20px;
	
}
div#main div#main_content div#liens_index div#essai #select_vehicules {
	margin: 0;
	padding: 0;
	border: 1px solid #cacaca;
	color: #868689;
	width: 200px;
	
	font-size: 11px;
	color: #868689;
}


div#main div#main_content div#ban-300-288 {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 288px;
}
div#main div#main_content div#ban-flash {
	float: right;
	margin: 0;
	padding: 0;
	width: 650px;
	height: 288px;
}


/*** PAGE VEHICULES ******************************************************************************/
div#main div#main_content div.vehicules {
	float: left;
	margin: 0;
	padding: 0;
	width: 960px;
}
div#main div#main_content div.vehicules img {
	float: left;
	margin: 0;
	padding: 0;
}


/*** PAGE VEHICULES DETAILS ***********************************************************************/
div#main div#main_content div.vehicules-details {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 545px;
}


/*** PAGE ESSAI **********************************************************************************/
div#main div#main_content div#essai {
	width: 960px;
	height: 541px;
	background-image: url(/media/images/essai/background.jpg);
	background-repeat: no-repeat;
}


/*** PAGE VOTRE CONCESSION ***********************************************************************/
div#main div#main_content div#votre-concession div#texte {
	float: left;
	width: 430px;
	height: 555px;
	background-image: url(/media/images/votre-concession/texte.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#votre-concession div#liens { float: left; }


/*** PAGE SAV ***********************************************************************************/
div#main div#main_content div#sav div#texte {
	float: left;
	width: 520px;
	height: 376px;
	background-image: url(/media/images/sav/texte.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#sav div#lien { float: left; }
div#main div#main_content div#sav div#illustration { float: right; }


/*** PAGE SAV CONTACT ***************************************************************************/
div#main div#main_content div#sav-contact {
	width: 960px;
	height: 570px;
	background-image: url(/media/images/sav/formulaire.jpg);
	background-repeat: no-repeat;
}


/*** PAGE SAV NEWSLETTER ***************************************************************************/
div#main div#main_content div#newsletter {
	width: 960px;
	height: 555px;
	background-image: url(/media/images/newsletter/background.jpg);
	background-repeat: no-repeat;
}


/*** PAGE SAV PIECES DE RECHANGE ***************************************************************************/
div#main div#main_content div#sav-pieces-de-rechange {
	width: 960px;
	height: 555px;
	background-image: url(/media/images/sav/background-pieces-de-rechange.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#sav-pieces-de-rechange div#piece-de-rechange-ban {
	margin: 0;
	padding: 270px 0 0 490px;
	width: 400px;
	height: 200px;
	background-image: url(/media/images/sav/background-pieces-de-rechange.jpg);
	background-repeat: no-repeat;
}


/*** PAGE LOCATION *****************************************************************************/
div#main div#main_content div#location {
	width: 960px;
	height: 554px;
	background-image: url(/media/images/location/background.jpg);
	background-repeat: no-repeat;
}


/*** PAGE ESPACE ENTREPRISE ********************************************************************/
div#main div#main_content div#espace-entreprise div#selection {
	float: left;
	width: 370px;
	height: 287px;
}
div#main div#main_content div#espace-entreprise div#texte {
	float: left;
	width: 590px;
	height: 287px;
	background-image: url(/media/images/espace-entreprise/texte.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#espace-entreprise div#texte a {
	clear: both;
	float: right;
	margin: 0;
	padding: 0 10px 2px 0;
}


/*** PAGE CONTACT ****************************************************************************/
div#main div#main_content div#contact div#informations { float: left; }
div#main div#main_content div#contact div#formulaire {
	float: left;
	width: 610px;
	height: 554px;
	background-image: url(/media/images/contact/formulaire.jpg);
	background-repeat: no-repeat;
}


/*** DEMANDER UN ESSAI *************************************************************************/
div#main div#main_content div#demander-un-essai {
	width: 960px;
	height: 554px;
	background-image: url(/media/images/essai/background.jpg);
	background-repeat: no-repeat;
}


/*** AIRDREAM **********************************************************************************/
div#main div#main_content div#airdream {
	width: 960px;
	height: 556px;
	background-image: url(/media/images/airdream/background.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#info {
	float: left;
	width: 690px;
	height: 300px;
}
div#main div#main_content div#info p.chapo {
	margin: 0;
	padding: 100px 0 30px 10px;
	width: 460px;
	font-size: 12px;
	line-height: 12px;
	color: #2b6899;
}
div#main div#main_content div#airdream div#info div#overflow {
	margin: 0 0 0 10px;
	padding: 0;
	width: 574px;
	height: 350px;
	background-image: url(/media/images/airdream/transparent.png);
	background-repeat: repeat;
	overflow: auto;
}
div#main div#main_content div#airdream div#info div#overflow h1 {
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	color: #2b6899;
}
div#main div#main_content div#airdream div#info div#overflow p {
	padding-left: 10px;
	padding-right: 10px;
	color: #2b6899;
}
div#main div#main_content div#menu {
	float: left;
	width: 270px;
	height: 295px;
}
div#main div#main_content div#menu div#zone_texte {
	margin: 0;
	padding: 10px 0 0 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	color: #004770;
}


/*** AIRDREAM VEHICULES **********************************************************************************/
div#main div#main_content div#airdream-vehicules {
	width: 960px;
	height: 621px;
	background-image: url(/media/images/airdream/background-vehicules.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#airdream-vehicules #vehicules {
	margin: 0;
	padding: 0 0 0 10px;
}
div#main div#main_content div#airdream-vehicules .img_rollover { cursor: pointer; }


/*** CREATIVE MARTINIQUE **************************************************************************/
div#main div#main_content div#creative-matinique { width: 960px; }
div#main div#main_content div#creative-matinique div#ban_creative_martinique {
	float: left;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 210px;
}
div#main div#main_content div#creative-matinique div#envoyez-creation {
	float: right;
	width: 230px;
	height: 210px;
	background-image: url(/media/images/creative-martinique/envoyez-votre-creation.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#creative-matinique div#envoyez-creation div#explication {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 180px;
}
div#main div#main_content div#creative-matinique div#envoyez-creation div#explication p {
	margin: 0;
	padding: 40px 10px 10px 10px;
	font-size: 11px;
	line-height: 16px;
	vertical-align: middle;
}
div#main div#main_content div#creative-matinique div#envoyez-creation #archives {
	margin: 0;
	padding: 0;
	width: 230px;
}
div#main div#main_content div#creative-matinique div#envoyez-creation #archives p {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 60px;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
}
div#main div#main_content div#creative-matinique div#envoyez-creation #select_mois {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
}
/* SHOWCASE */
div#main div#main_content div#creative-matinique div#showcase {
	margin: 0;
	padding: 0;
	width: 960px;
}
div#main div#main_content div#creative-matinique div#showcase div.ligne {
	margin: 0;
	padding: 0;
	width: 960px;
}
div#main div#main_content div#creative-matinique div#showcase div.ligne div.box {
	float: left;
	margin: 0 3px 0 0;
	padding: 5px 9px;
	width: 220px;
	background-color: #ececea;
}
div#main div#main_content div#creative-matinique div#showcase div.ligne div.last {
	margin: 0;
	padding: 5px 8px;
}
div#main div#main_content div#creative-matinique div#showcase div.ligne div.box div.illustration img {
	margin: 0;
	padding: 0;
	max-width: 220px;
}
div#main div#main_content div#creative-matinique div#showcase div.ligne div.box div.infos p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	vertical-align: middle;
}
/*** PAGER ***/
div#main div#main_content div#creative-matinique div#showcase div#pager {
	float: left;
	margin: 0;
	padding: 0;
}
div#main div#main_content div#creative-matinique div#showcase div#pager a {
	float: left;
	margin: 0;
	padding: 0 2px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	color: #000000;
	text-align: left;
	text-decoration: none;
}
div#main div#main_content div#creative-matinique div#showcase div#pager p {
	float: left;
	margin: 0;
	padding: 0 2px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	color: #000000;
	text-align: left;
}


/*** ENVIRONNEMENT VEHICULES *********************************************************************/
div#main div#main_content div#bonus-vehicules {
	width: 960px;
	height: 556px;
	background-image: url(/media/images/bonus-ecologique/background-vehicules.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#bonus-vehicules #vehicules {
	margin: 0;
	padding: 59px 0 0 10px;
}
div#main div#main_content div#bonus-vehicules #vehicules img { cursor: pointer; }


/*** ENVIRONNEMENT BONUS **************************************************************************/
div#main div#main_content div#bonus-ecologique {
	width: 960px;
	height: 556px;
	background-image: url(/media/images/bonus-ecologique/background-bonus.jpg);
	background-repeat: no-repeat;
}
div#main div#main_content div#bonus-ecologique div#texte_gauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 415px;
	height: 340px;
	overflow: auto;
}
div#main div#main_content div#bonus-ecologique div#texte_droite {
	float: left;
	margin: 0;
	padding: 0;
	width: 415px;
	height: 340px;
	overflow: auto;
}

div#main div#main_content div#bonus-ecologique h1 {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 32px;
}
div#main div#main_content div#bonus-ecologique h2 {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
}
div#main div#main_content div#bonus-ecologique p {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	color: #000000;
}


/*** PAGE RESSOURCES HUMAINES *****************************************************************/
div#main div#main_content div#formulaire_ressources_humaines {
	width: 960px;
	height: 571px;
	background-image: url(/media/images/candidature/background.jpg);
	background-repeat: no-repeat;
}


/*** PAGE FORMULAIRE CREATIVE MARTINIQUE ******************************************************/
div#main div#main_content div#formulaire_creative {
	width: 960px;
	height: 405px;
	background-image: url(/media/images/creative-martinique/background.jpg);
	background-repeat: no-repeat;
}


/*** PAGE MENTIONS LEGALES ********************************************************************/
div#main div#main_content div#mentions h1 {
	font-size: 16px;
	color: #686868;
}
div#main div#main_content div#mentions a {
	color: #db002f;
	text-decoration: none;
}


