/* CSS du site csmoto.fr, design principal */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px; /*Retrait par rapport au haut de la fenêtre*/
	padding: 0px; /*Pas de marge intérieure*/
	/*background-image: url("../images/fond-body.png"); /*Bannière en image de fond*/
	background-color: #F7F8F8;
}



/***Cadre contenant l'ensemble des cadres de la page***/
#conteneur {
	position: relative; /*permet ensuite un centrage en milieu de fenêtre*/
	width: 785px; /*Largeur maximum correspondant à celle de la bannière*/
	background-color: #F8F8FF;
	margin: -8px auto; /*centrage horizontale*/
}

/*Pour IE*/
* html body #conteneur{
	margin: 5px auto; /*Espace avec l'en tête égale à celui du centre*/
	width: 785px; /*Largeur maximum correspondant à celle de la bannière*/
} 


/***Cadre contenant la bannière en fond et le menu principal*/

/*Pour IE*/
* html body #en-tete{
	margin-bottom: 3px;
}
/*Fin IE*/

#en-tete {
	height: 150px; /*Hauteur de la bannière*/
	background-color: #000; /*Fond noir*/
	background-image: url("../images/banniere6.jpg"); /*Bannière en image de fond*/
}

#en-tete p a{
	position: relative;
	float: left;
	margin: 132px 0px 0px -585px;
	padding: 1px 3px;
	color: #fae4f1; /*Couleurs des liens*/
	font-size: 0.8em;
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/
}

/*Affichage du compte de l'utilisateur à droite du bouton de déconnexion*/
#en-tete p.compte
{
	position: relative;
	float: left;
	margin: 131px 0px 0px -505px;
	background-image: none;
	font-family: Verdana, Arial, "Times New Roman", serif;
	color: #BD4259;
}

/*Initialisation des balises liste*/
dl, dd, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

/* Menu principal flottant à gauche */
#en-tete dl{ /*Liste de définition*/
	float: left; /*Pour obtenir une seule ligne horizontale*/
	height: 1.1em; /*Hauteur du cadre contenant les titres*/ 
	margin-top: 7px; /*Permet un centrage dans la bande noire*/
}

/*Initialisation des blocs et contenus contituant le menu*/ 
#en-tete dt { /*Permet d'afficher chaque titre du menu d'en tête*/
	text-align: left;
	color: #EFEFEF; /*couleur blanc cassé pour le texte*/
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size:1.1em;
}

/*Menu déroulante, non affiché au départ, cf script en JS*/
#en-tete dd {
	position: absolute;
	display: none; /*bloc non affiché au départ*/
	width: 11em; /*Permet d'afficher correctement en une ligne le sous menu*/
	margin-top: 7px;/*Démarrage du haut du cadre sous la bande noire*/
	z-index: 3; /*Permet d'afficher le cadre par dessus ceux en dessous, menu, centre*/
}


/*Les liens du menu et des sous menus sont initialisés*/
#en-tete dl li a, #en-tete dt a {
	color: #fae4f1; /*Couleurs des liens*/
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/
	padding: 0px 6px; /*On décale 1 px de plus à gauche et à droite pour laisser la place au border poitillés oranges de 1px, sans avoir un décalage */
	height: 100%; /*On utilise toute la hauteur disponible, pour espacer suffisamment les liens en hauteur*/
}

#en-tete p a:hover{
	color: red ;
	cursor: pointer;
}

/*Changement de couleur au passage de la souris sur les liens*/
#en-tete dt a:hover {
	color: orange;
	border-right: 1px dotted orange;
	border-left: 1px dotted orange;
	padding: 0px 5px; /*on retire 1px à gauche et à droite pour laisser la place au barre pointillées de chaque côté*/
	text-align: left;
}

/*Couleur et fond des liens pour les listes de l'entête et les menus latéraux au survol*/
#en-tete li.lien-sous-menu  a:hover, .element_menu ul a:hover, .element_menu p a:hover {
	color: #C65F04;
	font-weight: bold; /* En gras */
}

#en-tete li.sous-titre  a:hover {
	color: orange;
}


li.lien-sous-menu{
	list-style-image: url("../images/puces/puce-menu.png"); /*Puce bleue claire*/
	font-size: 0.8em;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", serif;
	margin: 3px 7px 5px 22px;
}


li.sous-titre{
	font-weight: bold; /* En gras */
	font-size: 0.9em;
	padding: 3px;
	color: white;
	padding-bottom : 1px;
	margin: 1px 0px;
	background-color: #036;
}


/***Partie centrale du conteneur, accueil principalement le texte***/
#centre {
	position: relative;
	margin: 3px 0px 3px 125px; /*Permet de laisser la place au menu de gauche*/
	padding: 4px 1px; /*marge du texte*/
	height: 700px; /*Hauteur minimum du conteneur, pour contourner le pb de IE pour la prise en cpt de min-height*/
	border: 1px solid silver; /*Cadre du conteneur*/
}

/*Hauteur minimum du conteneur*/
html>body #centre { 
	height: auto;
	min-height: 700px;
} 


/* Tous les titres h1 du centre */
#centre h1 {
	position: relative;
   color: #473086;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", serif;
   margin-top: 3px;
}

/* Tous les titres h2 du corps */
#centre h2 {
	position: relative;
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	color: blue; /*Couleur du titre*/
	text-align: left;
}

/* Tous les titres h3 alignés à gauche */
#centre h3.gauche {
	font-family: Verdana, Arial,"Arial Black", "Times New Roman", serif;
	color: #FF330B; /*Couleur du titre*/
	font-size: 1em;
	text-align: left;
	margin: 7px 7px 0px;
}

/* Tous les titres h3 alignés à droite */
#centre h3.droite {
	font-family: Verdana, Arial,"Arial Black", "Times New Roman", serif;
	color: #891329; /*Couleur du titre*/
	font-size: 1em;
	text-align: right;
	margin: 6px 7px 0px;
}

/* Tous les titres h4 du corps */
#centre h4 {
	background: url("../images/fond-degradbleulight.png") top left repeat-x;
	color: white;
	margin: 0px 2px 10px; /*Espace avec l'en tête égale à celui du centre*/
	padding: 0px 4px 2px;
	font-family:  Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 15px; /*Pour obtenir la même taile de caractère dans IE et FF*/
	text-align: center;
}

#centre h3.center {
	text-align: center;
	color: #144D78; 
}

/* Tous les titres h1 du centre */
#centre p.detail {
	margin: 3px 20px;
	font-size: 0.9em;
	font-family: Arial, Verdana, "Arial Black", "Times New Roman", Times, serif;
	text-align: left;
}

#centre p{
	margin: 7px;
	font-size: 0.9em;
}

#centre div.cleaner {
	position: relative;
	background: url("../images/green-cleaner/ducat999.jpg") top center no-repeat;
	margin: 5px 3px;
	font-size: 0.9em;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	border-bottom: 1px dashed;
}

/* Tous les titres h4 du corps */
#centre a, #centre a img, #centre li a {
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-weight: bolder;
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/	
	border: 0px;
	font-size: 1em;
	color: #0808D2;
}

#centre li a{
	color: #FCD07A;
}

#centre table tr td a {
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-weight: bolder;
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/	
	border: 0px;
	font-size: 1.1em;
	color: red;
}

#centre img, p img {
	position: relative;
	text-decoration: none; 
	border: 0px;
	margin: 0px 5px 2px 2px;
}

#centre img.flot-gauche{
	position: relative;
	float: left;
	border: 0px;
	margin: 0px 1px;
}

#centre img.flot-bas {
	position: relative;
	float: left;
	border: 0px;
	margin: 65px 1px 0px;
}

#centre  p a img.imgflotleft, #centre p a img.imgflotleft-0{
   float: left;
   margin-right: 7px;
}

#centre div.cadre_imgjauneprem{
	margin: 5px 155px;
}

#centre div.cadre_imgjauneserv{
	margin: 5px 165px;
}

 #centre div.cadre_imgbleuserv{
	margin: 5px 170px;
}

#centre div.stopflottant{
	clear: both;
	margin: 30px 3px 5px;
	background: url("../images/fond-degradbleuclair.png") top left repeat-x;
	padding: 0px 4px 0px;
	font-family:  Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	height: 18px; 
	color: white;
}

#centre p.text-gauche{
	clear: both;
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-size: 1em;
	color: darkblue;
	margin: 15px 25px;
}

#centre p.text_droite a{
	position: relative;
	float: right;
	color: #996699;
	font-size: 0.8em;
	margin: 3px;
}

/* Style de la page des offres*/
#centre div.cadre_txt_gauche, div.cadre_txt_droite {
	position: relative;
	float: left;
	height: 400px;
	width: 48%;
	background: url("../images/offres/deco_rouge2.jpg") top left no-repeat; /*Bannière en image de fond*/
	border-bottom: 1px solid silver; /*Cadre intérieur de séparation*/
}

#centre div.cadre_txt_gauche{
	border: 1px dotted silver; /*Cadre intérieur de séparation*/
	margin-right: 3px;
	padding-left: 7px;
}

/* Style de la page des offres*/
#centre div.cadre_txt_droite{
	margin: 0px;
	margin-left: 1px;
	padding-right: 0px;
	padding-left: 10px;
	background: url("../images/offres/deco_bleue4.jpg") top left no-repeat; /*Bannière en image de fond*/
	border: 1px dotted silver; /*Cadre intérieur de séparation*/
}

/*Centrage des 4 images de la pages d'accès au dépos d'annonces*/
#centre div.annonce{
	margin: 20px 9px;
}

#centre div.cadre-green{
	position: relative;
	margin: 10px 2px ;
}

#centre p span.gras, h3 span.gras, ol li span.gras, ul li span.gras {
	font-weight: bold;
	color: darkblue;
	font-size: 1.1em;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#centre p span.brown{
	font-weight: bold;
	color: brown;
	font-size: 1.1em;
}

#centre p span.white{
	font-weight: bold;
	color: white;
	font-size: 1.1em;
}

#centre p span.grasvert{
	font-weight: bold;
	color:green;
	font-size: 1.1em;
}

#centre h3 span.souligne, p span.souligne{
	font-weight: bold;
	text-decoration: underline;
}

#centre h3 span.gras-bleu {
	font-weight: bold;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	color:blue;
}

#centre table.tab_standard{
	margin: 3px;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 0.8em;
	empty-cells: show;
}

#centre table.tab_gold{
	margin: 15px 50px;
	font-family: Arial, Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 1em;
	empty-cells: show;
}

#centre table tr{
	height: 17px;
}

#centre table tr td.violet{
	background-color: #75759F;
	font-weight: bold;
	color: white;
}

#centre table tr td.bleu-fonce{
	background-color: darkblue;
	font-weight: bold;
	text-align: center;
	color: white;
}

#centre table tr td.bleu{
	background-color: #BBC6E0;
	text-align: center;
	color: darkblue;
}

#centre table tr td.jaune{
	background-color: #F7FAAC;
	text-align: center;
}

#centre table tr td.cel_centre{
	background-color: #F7FAAC;
	color: black;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;  
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#centre table tr a:hover{
	color: yellow;
}

#centre table tr a.cout:hover {
	background: black;
}

#centre ul {
	margin: 3px 8px;	
}

#centre ul li{
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	margin: 2px 5px;
	padding-bottom: 5px;
	color: white;
	list-style-image: url("../images/puces/puce16.gif");
}

#centre ol li{
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-size: 1em;
	margin: 10px;
	padding-bottom: 8px;
	list-style-type: decimal;
}

#centre form table, form.calcul{
	background-color: #A0AAE6;
	text-align: center;
	margin: 10px 50px 5px 20px;
}

#centre object.cpt-tour{
	position: relative;
	margin: 5px 0px 10px 110px;
}


/****************************************** Cadre des menus de gauche***********************************************************/

#menu {
	position: absolute; /*Permet de rester à l'extrème gauche en dessous de l'en tête*/
	width: 120px; /*Largeur des menus, correspondant à l'image*/
	margin: 3px 0px; /*Espace avec l'en tête égale à celui du centre*/
}

/*Pour IE*/
*+html body #menu{
	left: 0;
	margin: 0px; /*Espace avec l'en tête fait avec le cadre en-tête pour IE*/
}

* html body #menu{
	left: 0;
	margin: 0px; /*Espace avec l'en tête fait avec le cadre en-tête pour IE*/
}
/*Fin IE*/

#menu h5, #droite h5{ /* S'applique à toutes les b	alises H5 se trouvant dans les menus gauche et droite*/
   	background: url("../images/boutons/boutonbleu.png") top left no-repeat;	/*bande_bleue.gif*/
	height: 20px;
	color: white;
	margin: 3px 1px 0px 3px; /*Espace avec l'en tête égale à celui du centre*/
	padding: 1px 1px 4px;
	font-family:  Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

/*Pour IE*/
* html body #menu h5{
	padding: 1px;
}

#menu .cadre-menu form {
	text-align: center;
	font-weight: bold;
	color: darkblue;
}

#menu .cadre-menu form input{
	margin: 3px 3px 6px;
}	

#menu div.firefox a img{
	margin: 8px 4px; /* Pour éviter que les éléments du menu ne soient trop collés */
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/	
	border: 0px;
}

/*Bloque de chaque menu gauche ou droite*/ 
.cadre-menu{
	margin: 0px; /*Espace avec l'en tête égale à celui du centre*/
}

.cadre-menu p {/* Tous les titres de chaque menu*/
	text-align: center;
	margin: 0px 3px 2px;
}

.element_menu{
	margin: 0px 1px 8px; /* Pour éviter que les éléments du menu ne soient trop collés */
	padding: 0px ;
	border: 1px solid lightblue; /*Cadre en lignes pointillées #7F84FA*/
}

 /*Toutes les listes à puces se trouvant dans un menu */
.cadre-menu .element_menu li{
	margin: 3px 1px 2px 4px;
}

/*Tous les liens se trouvant dans un menu */
.element_menu ul a, p a {
	color: #7B4735; /*Couleur des liens de chaque liste */
	font-size: 0.7em; /* Taille des liens dans les menus */
}


/***Le footer placé sous les menus de gauche et droite et le centre***/
#pied {
	height: 16px;
	text-align:right;
	color: #FFF;
	font-family: Verdana, Arial, "Times New Roman", serif;
	font-size: 0.8em;
	padding: 2px 4px 0px;
	background: url("../images/bande_bleue.gif") top left repeat-x;
	border: 1px outset purple;
}
/**************************************FIN DE FICHIER******************************************************/