/* CSS Document */

body {
text-align: center;
background-color:#BC3BA2;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
p, table, form {
margin:0;
padding:0;
}
.gras {
font-weight:bold;
}

.grand {
font-size:18px;
}
a {
color:#000000;
}

/*********************************************************/
/*-     POLICE                                           */
/*********************************************************/

/* TITRE DES RUBRIQUES A COTES DES ICONES */   
.titre_rubrique {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#AF1B92;
text-transform:uppercase;
padding-top:3px;
margin-bottom:10px;
}

/* TITRE DES PRODUIT SUR LE CATALOGUE */   
.titre_catalogue {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
color:#AF1B92;
text-transform:uppercase;
}

/* police pour le texte de fermeture fiche */   
.titre_fermer p, .titre_fermer a, .titre_fermer a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-transform:uppercase;
}
.titre_fermer a:active {
font-weight:bold;
}

/* POLICES POUR LE FOOTER */
#footer p,#footer a, #footer a:active, #footer a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-style:normal;
text-decoration:none;
color:#999999;
}
#footer a:hover, a:active {
color:#AF1B92;
}

/* COULEUR DES LIENS POUR LA BANDE GAUCHE */
.bande_gauche_info a, .bande_gauche_info a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/* POLICE ET COULEUR DES TITRE POUR LA BANDE GAUCHE */
.titre_info {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#E894D4;
font-size:11px;
font-weight: bold;
}

/* COULEUR DU TEXTE POUR LA BANDE GAUCHE */
.texte_info {
color:#FFFFFF;
text-align:left;
}

/* Texte avant plan */
.violet {
color:#AF1B92;
}
/*********************************************************/
/*-     FIN DES POLICES                                  */
/*********************************************************/
#conteneur {
margin-left: auto;
margin-right: auto;
width:990px;
text-align: left;
background-image:url(../img/fond_blanc.gif);
margin-bottom:0;
position:relative;
}
/*********************************************************/
/*-     BANDE DU HAUT C2J LOISIRS                        */
/*********************************************************/
#bandeau_haut {
background-image:url(../img/bande_haut.jpg);
background-position:top;
background-repeat:no-repeat;
height:118px;
width:990px;
margin:0px;
}
#langues {
float:right;
margin-top:20px;
margin-right:15px;
}


a.languefr {
display:block;
float:left;
background-image:url(../img/flag-france.gif);
background-repeat:no-repeat;
background-position: 0 0;
width:16px;
height:12px;
}

a.languefr:hover  {
background-position: 0 -12px;
}
a.langueeng {
float:right;
display:block;
background-image:url(../img/flag-eng.gif);
background-repeat:no-repeat;
background-position: 0 0;
width:16px;
height:12px;
}

a.langueeng:hover  {
background-position: 0 -12px;
}




/*********************************************************/
/*-     FIN BANDE DU HAUT C2J LOISIRS                    */
/*********************************************************/
#contenaire_menu {
margin:0 10px;
background-image:url(../img/fond_bandeau_chateau.jpg);
background-repeat:repeat-x;
}

#bandeau_violet {
height:18px;
background-image:url(../img/bande_violette.gif);
border-bottom: 1px solid #fff;
margin:0 10px;	
}
/*********************************************************/
/*-     MENU                                             */
/*********************************************************/
#menu, #ligne_double {
margin:0;
padding:0;
width:193px;
border-right:1px solid #fff;
}

#menu a {
	display:block;
	padding-left:18px;
	border-bottom: 1px solid #FFFFFF;
	height:19px;
	background-image:url(../img/fondmenu.jpg);
	background-repeat:no-repeat;
}
#menu a:hover {
background-position: 0 -18px;
}

#ligne_double {
height:18px;
}
/*********************************************************/
/*-     FIN MENU                                         */
/*********************************************************/
/*********************************************************/
/*-     BANDEAU CHATEAU                                  */
/*********************************************************/
#slogan {
margin-bottom:45px;
}

#bandeau_chateau {
	float:right;
	width:774px;
	height:159px;
	border-left: 1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-image:url(../img/fond_bandeau_chateau.jpg);
	background-repeat:repeat-x;
	margin:0px;
}

#groupe {
	float:right;
	margin-top:130px;
}
/*********************************************************/
/*-     FIN BANDEAU CHATEAU                              */
/*********************************************************/


#container_contenu {
	background-color:#fff;
	margin:0 10px 0 10px;
	background-image:url(../img/bande_jaune.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#container_bande_gauche {
	float:left;
	width:193px;
}

#bande_gauche_info {
	background-color:#AF1B92;
	background-image:url(../img/bande_violette.jpg);
	background-repeat:repeat-x;
	border-right: 1px solid #fff;
	margin:0;
	padding:0;
}
/*****************************************************/
/*-encadre arrondis du catalague dans la bande gauche*/
/******************************************************/
#haut_catalogue, #bas_catalogue {
width:170px;
height:9px;
margin-left:10px;
font-size:1px;
}
#haut_catalogue {
background:url(../img/haut_encadre_catalogue.gif) left top no-repeat;
}
#bas_catalogue {
background:url(../img/bas_encadre_catalogue.gif) left top no-repeat;
font-size:1px;
}
#bande_catalogue {
	width:168px;
	background-color:#C24CAA;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:0 10px;
	color:#FFFFFF;
}

#bande_catalogue a:hover {
color:#FFFF99;
}
#bande_catalogue a:visited{
color:#FFFFFF;
}

#bande_gauche_info p {
	padding : 0 10px;
	margin:0;
}

#bande_gauche_info a, #bande_gauche_info a:visited {
color:#FFFFFF;
text-decoration:underline;
}

#bande_gauche_info a:hover {
color:#FFFF66;
}
#bande_catalogue a, #bande_catalogue a:visited {
text-transform:uppercase;
text-decoration:none;
}
/*********************************************************/
/*-FIN encadre arrondis du catalague dans la bande gauche*/
/*********************************************************/
fieldset {
width:250px;
}
/*****************************************************/
/*        encadre arrondis de la fiche produit       */
/*****************************************************/
#haut_fiche, #bas_fiche {
width:572px;
font-size:1px;
}
#haut_fiche {
background:url(../img/fiche_haut.gif) left top no-repeat;
height:22px;
}
#bas_fiche {
background:url(../img/fiche_bas.gif) left top no-repeat;
height:20px;
}
#bande_fiche {
	width:572px;
	background:url(../img/fiche_fond.gif);
	text-align:justify;
	color:#000000;
}

#bande_fiche p {
	padding : 0 30px;
	margin:0;
}

#logo_fiche {
width:300px;
margin-left:250px;
color:#993399;
margin-bottom:0px;
}

#logo_fiche_occasion {
margin-left:230px;
padding:0;
}

#logo_fiche a, #logo_fiche a:visited, #logo_fiche_occasion a, #logo_fiche_occasion a:visited {
color:#993399;
text-decoration:none;
}

#logo_fiche a:hover, #logo_fiche a:active, #logo_fiche_occasion a:hover, #logo_fiche_occasion a:active {
color:#993399;
text-decoration:underline;
}

.petit_gris {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;

}

#fermeture_pop {
position:absolute;
bottom:25px;
right:260px;
text-align:right;
}
#fermeture_pop a, #fermeture_pop a:visited {
text-decoration:none;
color:#666666;
}
#fermeture_pop a:hover, #fermeture_pop a:active {
text-decoration:none;
color:#C24CAA;
}
/*****************************************************/
/*      FIN encadre arrondis de la fiche produit     */
/*****************************************************/
/*********************************************************/
/*-MENU                                                  */
/*********************************************************/
.menu_gauche {
display:block;
margin-bottom:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-style:normal;
text-decoration:none;
color:#FFFFFF;
}
/*********************************************************/
/*- FIN MENU                                             */
/*********************************************************/

/*********************************************************/
/*- ICONE POUR TITRE                                     */
/*********************************************************/
#icone {
float:left;
margin:0;
padding:0px 5px 0 10px;
font-size:1px;
}

#bande_gauche_recherche {
	padding : 0 10px;
	background-color:#FFD715;
	background-image:url(../img/bande_violette.jpg);
	background-repeat:repeat-x;
	border-right: 1px solid #fff;
	margin:0;
}
html>body #bande_gauche_recherche {
height:50px;
}

.contenu {
margin-left:203px;
padding-top:10px;
}
.liste_produits  {
margin-left:223px;
margin-right:25px;
list-style-image:url(../img/liste_puce.gif);
list-style-position:10px;
}


.contenu a{
color:#000000;
}
.contenu a:active, .contenu a:hover {
color:#C24CAA;
}

.contenu2 {
margin:0 50px;
padding-top:10px;
}


/*********************************************************/
/*- /*bande violette de titre                            */  
/*********************************************************/


/*style pour IE                                      */  
#bande_violette {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:15px;
	vertical-align:middle;
	line-height:2em;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color: #62004D;
	padding-top:3px;
	margin:0;
	}

/*style pour FIREFOX                                 */                                 


html>body #bande_violette {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:20px;
	vertical-align:middle;
	line-height:2em;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color: #62004D;
}

/*********************************************************/
/*- FIN bande violette de titre                          */  
/*********************************************************/
#angle_blanc {
	width:8px;
	height:7px;
	background-image:url(../img/angle_rond.gif);
	background-repeat:no-repeat;
	font-size:1px;
}

#separation {
	clear:both;
	visibility:hidden;
	margin:0;
}
/*********************************************************/
/*- FOOTER                                               */
/*********************************************************/
#footer {
	margin-left: auto;
	margin-right: auto;
	width:990px;
	height:46px;
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	text-align:center;
}
/*********************************************************/
/*- FIN FOOTER                                           */
/*********************************************************/
/*********************************************************/
/*- style sur champs du formulaire recherche             */
/*********************************************************/
.formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AF1B92;
	border: 1px solid #AF1B92;
	text-align:left;
}
.formulaire_boutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AF1B92;
	border: 1px solid #AF1B92;
	text-align:center;
	background-color:#FFCC00;
	
}
/*********************************************************/
/*- style sur champs du formulaire contact               */
/*********************************************************/

.tdchamps_contact {
width:220px;
border:1px solid #CCCCCC;
color:#AF1B92;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


.bouton_contact {
border-color:#FFFF00;
border-style:double;
background-image:url(../img/bande_jaune.jpg);
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC0099;
}


.liste {
width:220px;
border:1px solid #CCCCCC;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC0099;
}

TEXTAREA.input_textarea{
	border:0;
	font-size:10px;
	font-family:Verdana;
	padding:8px 15px 5px 5px;
	color:#CC0099;
}


/*- tableau        
#formulaire{
margin-left:270px;
background-image:url(img/fond_form.gif); 
background-repeat:no-repeat;" 
}
*/
/*-calque des boutons du formulaire--*/
.buttons {
margin-top:20px;
}

html > body .buttons {
margin-top:10px;
}

/*********************************************************/
/*- style tableaux pour resultat de recherche            */
/*********************************************************/
.lignetab1 {
border-right :1px solid #E5E5E5;
border-bottom :1px solid #E5E5E5;
}
.lignetab2 {
border-right : 1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}
.lignetab3 {
border-right : 1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}
.lignetab4 {
border-right : 1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}
.lignetab5 {
border-right : 1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}
.lignetab6 {
border-bottom:1px solid #E5E5E5;
}

/*********************************************************/
/*- affiche produits bandeau et base line                */
/*********************************************************/
#MonDiv {
position:absolute;
left:182px;
top:101px;
}

/*********************************************************/
/*- picto de la page accueil                             */
/*********************************************************/
.picto {
float:left;
margin: 0 10px 0 0px;
}


#bande_gauche_info .titre_rubrique_actus {
    background: url("/img/actus_bg.gif") no-repeat scroll 36px 1px transparent;
    color: #AF1B92;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 3px;
    text-indent: -9999px;
    text-transform: uppercase;
}