/* *** Generated by www.csscreator.com *** */
/* couleurs */
/*	#f1914c;/*orange*/
/*	#e95553;/*rouge*/

/*	#bfbfbf;/*gris clair*/
/*	#838181;/*gris anthracite*/
/*	#fbdac3;/*gris on*/

.fond_rouge{background-color:#e95553;/*rouge*/}
.fond_orange{background-color:#f1914c;/*orange*/}

html, body{ 
	margin:0; 
	padding:0;
	font-family: Arial, Helvetica,  sans-serif;
	font-size:12px; 
	color:#000;
} 
 
#conteneur{ 
 /*width:100%;*/
 width:780px;
 margin-left:auto; 
 margin-right:auto; 
 border:0px solid #000;
}

/* ##################### HEADER ################################ */
#header
{
	position:relative;
	height:97px;
	border-bottom:1px solid #fff;
}
hr.separation_header
{
	margin:0;
	border:none;
	height:10px;
	font-size:1px;
	clear:both;
}
#logo{margin-right:25px;}
#header_droit
{
float:right;
text-align:right;
margin:2px 5px 2px 0px;
width:270px;
/*border:1px solid #000;*/
}
/* ##################### FOOTER ################################ */
#footer
{
	padding-left:200px;
	position:relative;
	height:20px !important;
	height:29px;
	padding-top:9px;
	color:#fff;
	background-color:#e95553;/*rouge*/
}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#sous_footer
{
	text-align:center;
	font-size:10px;
	color:#e95553;/*rouge*/
	margin:5px 0;
}
/* ##################### CENTRE ################################ */
#centre
{
	width:780px;
	min-height:480px;
	/* effet colonne gauche */
	background-image:url(images/fond_colonne.gif);
	background-position:top left;
	background-repeat:repeat-y;
	/*border:0px solid #000;*/
}
/* ##################### MENU ################################ */
ul,li,dl,dt,dd {margin:0;padding:0}
#menu
{
	color:#fff;
	
	/*border:1px solid #000;*/
}
#menu li{position:relative;list-style-type:none;list-style-position:outside;}
#menu a
{
	display:block;
	padding:5px 10px 5px 10px;
	margin-right:26px;
	height:15px !important;
	height:27px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	background-color:#e95553;/*rouge*/
	text-decoration:none;
	text-align:right;
}
#menu li:hover
{
	background-image:url(images/coin_orange.gif);
	background-position:195px 5px;
	background-repeat:no-repeat;
}
#menu a:hover
{
	border-top:1px solid #fbdac3;/* bord on */
	border-bottom:1px solid #fbdac3;/* bord on */
	color:#fff;
	background-color:#f1914c;/*orange*/
}
#menu a.select
{
	border-top:1px solid #fbdac3;/* bord on */
	border-bottom:1px solid #fbdac3;/* bord on */
	color:#fff;
	background-color:#f1914c;/*orange*/
}
/* les images à droite du menu selectionné*/
.select_fond
{
	position:absolute;
	top:5px;
	left:195px;
}
/*
#################################################################
###################### PARTIE CENTRALE ##########################
#################################################################
*/

#colonne_gauche
{
	float:left;
	width:220px !important;
	width:220px;
	margin-bottom:10px;	
	/*border:1px solid #000;*/
}

#colonne_centre
{
	float:left;
	width:560px !important;
	width:560px;
	padding:25px 0;
}


.clr{clear:both;border:0px solid #000;}
.spacer{clear:both;visibility:hidden;height:0px}

/* ###########################################################
		Les differents PICTOS
########################################################### */
.picto_manutention
{
	background-image:url(images/pictos/picto_manutention.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_rayonnage
{
	background-image:url(images/pictos/picto_stockage.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_materiel
{
	background-image:url(images/pictos/picto_materiel.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_moteurs
{
	background-image:url(images/pictos/picto_moteurs.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_pieces
{
	background-image:url(images/pictos/picto_pieces_detachees.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_sav
{
	background-image:url(images/pictos/picto_SAV.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_sav ul{margin:0px 35px 5px 135px;color:#838181}
.picto_sav a{color:#e95553;/*rouge*/text-decoration:none;font-weight:bold}
.picto_sav a:hover{color:#f1914c;/*orange*/}
.picto_sav a.select{color:#f1914c;/*orange*/}


.picto_occasions
{
	background-image:url(images/pictos/picto_occasion.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.picto_contact
{
	background-image:url(images/pictos/picto_contact.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}
/* ###########################################################
		Les differents modules 
########################################################### */
/*les block du centre*/
.block_accueil
{
	position:relative;
	width:485px;
	border:2px solid #bfbfbf;/*gris clair*/
	margin:0 35px;
}
.block_large
{
	float:right;
	position:relative;
	width:400px;
	border:2px solid #bfbfbf;/*gris clair*/
	margin:0px 35px 25px 35px;
}
.block_etroit
{
	float:right;
	position:relative;
	width:200px;
	border:2px solid #bfbfbf;/*gris clair*/
	margin:0px 35px 25px 35px;
}

#presentation_rubrique
{
	margin:0 35px 10px 90px;
	color:#838181;/*gris anthracite*/
	/*border:2px solid #bfbfbf;/*gris clair*/
	padding:4px;
}
#presentation_rubrique_large
{
	margin:0 35px 10px 120px;
	color:#838181;/*gris anthracite*/
	/*border:2px solid #bfbfbf;/*gris clair*/
	padding:4px;
}
#texte_rubrique
{
	float:left;
	margin-left:90px;
	width:190px;
	color:#838181;/*gris anthracite*/
	font-weight:bold;
	font-size:14px;
	/*border:2px solid #bfbfbf;/*gris clair*/
}
#texte_rubrique li{list-style-position:inside}

.coin_haut_gauche{position:absolute;top:-2px;left:-2px;}
.coin_haut_droit{position:absolute;top:-2px;right:-2px;}
.coin_bas_gauche{position:absolute;bottom:-2px;left:-2px;}
.coin_bas_droit{position:absolute;bottom:-2px;right:-2px;}

.block_texte
{
	position:relative;
	color:#838181;/*gris anthracite*/
	padding:10px;
	border-top:2px solid #bfbfbf;/*gris clair*/
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}
.coin{position:absolute;top:-10px;left:-2px}
.block_lecture{font-size:10px;position:absolute;top:-5px;right:5px}

/* liste des vignettes sur toutes les pages */
.vignette
{
	margin-bottom:8px;
}

/* ###########################################################
		OCCASIONS
########################################################### */
/* page accueil */
#accueil_occasions
{
	margin:10px 35px 5px 35px;
	padding:4px 8px;
	background-color:#E95553;
	color:#fff;
}
ul#liste_occasions
{
	margin:0px 35px 5px 35px;
	list-style-type:none;
}
ul#liste_occasions li{border-bottom:1px solid #000;margin-bottom:8px;}
ul#liste_occasions li em{color:#E95553;}

/* page occasions */
#presentation_rubrique li a{}
#presentation_rubrique li a:hover{text-decoration:underline}
#presentation_rubrique li a.select{text-decoration:underline}

#presentation_rubrique span.prixNeuf{font-size:11px}
span.petit{font-size:10px}

/* ###########################################################
		MISE      EN     FORME     DU       TEXTE
########################################################### */

h1{	margin:0;font-size:16px;}
h2{	margin:0;padding:0;font-size:14px;}
h3{	margin:0;font-size:12px;}
h4{	margin:0;font-size:10px;}

h6{	margin:0;font-size:9px;line-height:9px;font-weight:lighter;}
p{margin:0;padding:0;}

.pad_20_10{padding:20px 0 10px 0;}
.pad_20_0{padding:20px 0 0 0;}
.pad_0_10{padding:0 0 10px 0;}

a{text-decoration:none;color:#000;} /* noir */
a:hover{text-decoration:none;} /* noir */

hr
{
	margin:0;
	border:none;
	height:1px;
	margin-top:5px;
	clear:both;
}


.important{	color:#FF0000;}

.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

/* ###########################################################
		MISE EN FORME DES IMAGES
########################################################### */
img{border:none;vertical-align:middle;}

.img_gauche{float:left;	margin:0 15px 10px 0;}
.img_droite{float:right;margin:0 0 10px 15px;}


/* ###########################################################
		LA  PAGE   D'ACCUEIL
########################################################### */

/* ###########################################################
		LA  PAGE PRESTATIONS
########################################################### */

/* ###########################################################
		LA  PAGE REFERENCES
########################################################### */

/* ###########################################################
		LES  PAGES ACTUALITES
########################################################### */

/* ###########################################################
		LA  PAGE   CONTACT
########################################################### */
.contact
{
	position:relative;
	height:703px;	
	background-image:url(images/plan_acces.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.contact #picto_plan
{
	position:absolute;
	top:0px;
	right:0px;
}

#module_coordonnees
{
	margin:10px 35px 10px 125px;
	/*border:1px solid #000;*/
	width:125px;
}
#module_contact
{
	float:left;
	margin:10px 35px 10px 35px;
	width:320px;
}
#module_contact #intro{font-size:16px;margin-bottom:8px;}

#module_contact label
{
	/*margin-left:50px;*/
	float: left;
	width:90px;
	text-align:left;
}

#module_contact input{border:1px solid #75848D;width:200px;margin-bottom:5px;background-color:transparent;}
#module_contact textarea{border:1px solid #75848D;width:200px;margin-bottom:5px;background-color:transparent;}
#module_contact select{border:1px solid #75848D;width:200px;margin-bottom:5px;background-color:transparent;}
#module_contact select option{background-color:#fff;}

#module_contact input.bouton
{
	width:80px;
	border:0px;
	background-color:#e95553;/*rouge*/
	color:#fff;
	font-weight:bold;
}
#module_contact input.hover
{
	width:80px;
	border:0px;
	background-color:#f1914c;/*orange*/
	color:#fff; /* orange */
	font-weight:bold;
}
/* ###########################################################
		LA  PAGE   PLAN D'ACCES
########################################################### */

#conteneur_plan
{
	width:780px;
	margin-left:auto; 
	margin-right:auto; 
	border:0px solid #000;
}
#conteneur_plan img{float:left;margin-right:10px;}
#conteneur_plan p{margin-top:10px;}
#conteneur_plan a{text-decoration:underline;}
#conteneur_plan a:hover{font-weight:bold;text-decoration:underline;}

/* ###########################################################
		LES STYLES DU WYSIWYG
########################################################### */
h2.titre_texte
{
	color:#838181;/*gris anthracite*/
	font-weight:bold;
	font-size:14px;
}