/* 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: #C0C0C0;		/*#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: white;
	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*/
	/*border-right: 1px dotted orange;
	border-left: 1px dotted orange;*/
	
}

#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 125px; /*Permet de laisser la place au menu de gauche*/
	padding: 4px 2px; /*marge du texte*/
	height: 1100px; /*Hauteur minimum du conteneur, pour contourner le pb de IE pour la prise en cpt de min-height*/
	border: 1px dashed silver; /*Cadre du conteneur*/
}

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


/* Tous les titres h1 du centre */
#centre h1 {
   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 {
	font-family: Arial, "Arial Black", "Times New Roman", serif;
	padding-left: 5px; /*Laisse la place à l'image de s'afficher*/
	color: purple; /*Couleur du titre*/
	text-align: left;
	font-style: italic;
}

/* Tous les titres h3 du corps */
#centre h3 {
	font-family: Verdana, Arial,"Arial Black", "Times New Roman", serif;
	font-size: 1.1em;
	color: purple; /*Couleur du titre*/
	text-align: left;
	
}

/* Tous les titres h4 du corps */
#centre h4 {
	background: url("../images/fond-degradbleulight.png") top left repeat-x;
	color: white;
	margin: 0px 0px 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;
}

/* Tous les titres h4 du corps */
#centre a, a img {
	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: darkblue;
}

#centre div.cadre_img{
	margin: 5px 65px;
}

#centre div.cadre_img2{
	margin: 10px 85px;
}

#centre div.cadre_img3{
	margin: 10px 138px;
}

#centre div.cadre_coord{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-size: 0.9em;
	margin: 5px 150px;
}

#centre div.cadre_photo{
	margin: 5px;
}

#centre div.forget{
	position: relative;
	margin: 10px 30px;
	background: white;
	border: 1px solid darkblue; /*Cadre du conteneur*/
}

#centre div.pubgoogle{
	position: relative;
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/
	margin: 10px 30px;
	background: white;
}

#centre div.forget table{
	margin: 10px 70px;
}

#centre div.forget h5{
	margin: 0px;
	padding: 0px 4px;
	background: url("../images/bande_bleue.gif") top left repeat-x;
	color: white;
	font-family:  Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px; /*Pour obtenir la même taile de caractère dans IE et FF*/
	text-align: left;
}

#centre div.forget a:hover{ /* S'applique à toutes les balises H5 se trouvant dans le cadre centre, une balise "a"  a été ajoutée en tant que HACK pour IE*/
	color: red;
}

#centre p{
	font-family: Arial, "Arial Black", "Times New Roman", serif;
	font-size: 0.9em;
	margin: 5px 3px;
}

#centre p.barre{
	font-family: Verdana,"Arial Black", arial, "Times New Roman", serif;
	text-decoration : line-through;
	color:black;
	font-size: 1.2em;
}

#centre p.bordimg{
	text-align: justify;
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-size: 0.8em;
	margin: 0px 0px 10px;
}

#centre li{
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-size: 0.8em;
	margin: 2px 10px;
	padding-bottom: 5px;
}

#centre p span.gras, #centre div.bg2 span.gras, #centre div.bg3 span.gras, #centre div.bg4 span.gras{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-weight: bold;
	color:brown;
}

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

* html body #centre p img.imgflotleft-0{ /*Pour décaler les puces à droites de la 1er image dans la page d'accueil, hack IE*/
	float: left;
	margin-right: 10px;
}

#centre p img.imgflotright{
   float: right;
   margin-left: 10px;
}

#centre div.stopflottant{
	clear: both;
	margin: 2px 3px;
	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 ul{
	padding-left: 3px;
	color : white;
	list-style-image: url("../images/puces/puce16.gif");	
}

#centre table tr td.violet{
	background-color: #75759F;
	font-size: 1em;
	color: white;
}

#centre table.tab_standard{
	margin: 3px;
	empty-cells: show;
	background-color: #D4E6EA;
}

#centre table tr td.blanc, #centre table tr td.galerie{
	text-align: center;
	font-size: 1em;
	font-family: Arial, Verdana, "Arial Black", "Times New Roman", Times, serif;
	color: green;
}

#centre table tr td.galerie{
	border: 1px solid silver;
}

#centre table tr td.blanc2{
	text-align: left;
	background-color: #FFE;
	font-size: 1em;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: darkpurple;
}

#centre table tr td.cel-gauche{
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #F5F2CB;
	background-color: #4B3462;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

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

#centre object.pubmixad{
	margin: 0px 31px;
}

/****************************************** 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: #322A2D; /*Couleur des liens de chaque liste */
	font-size: 0.7em; /* Taille des liens dans les menus */
}

/*** Cadre du menu de droite***/

/*Pour IE*/
* html body #droite{
	margin: 0px -1px 0px 1px; /*Espace avec l'en tête égale à celui du centre*/
}
/*Fin IE*/

#droite {
	position: absolute; /*Permet de rester à l'extrème droite en dessous de l'en tête*/
	right: 0;
	width: 120px; /*Largeur du menu*/
	margin: 3px 0px; /*Espace avec l'en tête égale à celui du centre*/
	height: 603px; /*Hauteur minimum du conteneur, pour contourner le pb de IE pour la prise en cpt de min-height*/
}

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

#droite h5{
	padding: 1px 1px 4px;
}

* html body #droite h5{
	padding: 1px;
}

#droite div.pubannonce a{
	text-decoration: none; /*Pas de liens soulignés, valeur par défaut*/
}

/***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;
}


/* Partie du design qui s'applique à l'ensemble des cadres, sans distinction des 4 parties constituant la fenêtre*/

legend{
	font-family: Verdana, Arial, "Times New Roman", serif;
	color: #990000;
	font-weight: bold; /* En gras */
	position : relative;
    top : -1em;
}

div.row {
	clear: both;
	padding: 0px;
	margin: 6px 0px;
}

div.row span.label, div.row span.obligatoire{
	float: left;
	width: 175px;
	padding-top: 6px;
	text-align: right;
	font-size: 1em;
	font-family: Arial, Verdana, "Times New Roman", serif;
	color: #4642FE;
}

div.row span.obligatoire{
	color: #CC0000;
	padding-top: 8px;
}

div.row span.formw, div.row table{
	float: right;
	width: 325px;
	/*height: 25px;*/
	margin: 5px;	
}

div.row textarea{
	margin: 5px;
}

fieldset{
	position : relative;
    top : 1em;
	margin: 15px 5px;
	padding: 8px 0px;
	background: #EBFCFF;
}

/*Pour encadrer du texte dans le cadre du centre*/ 
div.encadre{
	float:left;
	width: 220px;
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman", serif;
	color: #4642FE;
	border: 1px outset purple;
}