/* CSS Document */
@import "charte.css";

/*****************************************************/
/*
/* 		TEXTES
/*
/*****************************************************/
h1{
	height:36px;
	background:no-repeat;
	padding-bottom:15px;
	margin-bottom:30px;
	color:#EE2121;
}
h1 span{
	display:none;
}
h1.presentation{
background-image:url(../images/charte/titre-presentation.gif);
}

h2{		
	font:normal 2em Arial, Helvetica, sans-serif;
	color:#8a95bf;
	padding:10px 0;
}
h3{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:5px 0;
	color:#8a95bf;
}
p{	
	font:1.1em Arial, Helvetica, sans-serif;
	padding:5px 0;
	color:#fff;
}
#contenu .Style_Texte li{	
	font:1.1em Arial, Helvetica, sans-serif;
	padding:0px 0;
	margin-left:60px;
	color:#fff;
}
a{	
	font: Arial, Helvetica, sans-serif;
	color:#EE2121;
}
a:hover{	
	text-decoration:none;
	color:#EE2121;
}

.Style_Titre{
font-family:Serpentine;
color:#EE2121;
font-size:20px;
background-image:url(../images/charte/bordure_titre.JPG);
background-position:bottom;
background-repeat:no-repeat;
margin-left:0px;
border:white 0px solid;
margin-top:25px;
padding-bottom:10px;
width:650px;
height:50px;

}

.bordure
{
border:#EE2121 2px solid;
}

.conteneur_images    img 
{
border:#EE2121 2px solid;
}

.conteneur_images2 img
{
border:#EE2121 2px solid;
}

.conteneur_images3 img
{
border:#EE2121 2px solid;
}

.conteneur_images4 img
{
border:#EE2121 2px solid;
}

.Style_Texte
{
float:LEFT; 
width:650px; 
height:119px; 
border:#FFFFFF 0px solid; 
margin-right:0px; 
margin-top:5px;
margin-bottom:10px;
}

.conteneur_images
{
float:LEFT; 
width:650px; 
height:119px; 
border:#FFFFFF 0px solid; 
margin-right:0px; 
margin-top:5px;
margin-bottom:10px;
}

.conteneur_images2
{
float:LEFT; 
width:650px; 
height:119px; 
border:#FFFFFF 0px solid; 
margin-right:0px; 
margin-top:5px;
margin-bottom:10px;
}

.conteneur_images3
{
float:LEFT; 
width:650px; 
height:119px; 
border:#FFFFFF 0px solid; 
margin-left:50px; 
margin-top:5px;
margin-bottom:10px;

}

.conteneur_images4
{
float:LEFT; 
width:650px; 
height:119px; 
border:#FFFFFF 0px solid; 
margin-left:15px; 
margin-top:5px;
margin-bottom:90px;

}

.left_photo
{
float:left; 
width:128px; 
height:96; 
border:#999999 0px solid; 
margin-top:10px; 
margin-left:20px; 
margin-right:10px;
}

.Image
{
float:left; 
width:128px; 
height:96; 
border:#999999 0px solid; 
margin-top:10px; 
margin-left:250px; 

}

.right_photo
{

float:right; 
width:128px; 
height:96; 
border:red 0px solid; 
margin-top:10px; 
margin-right:20px; 
margin-left:10px;


}

.Image  a:hover img{
	border:2px solid #999;;
}

.left_photo a:hover img{
	border:2px solid #999;
}

.right_photo a:hover img{
	border:2px solid #999;
}


/** RUBRIQUE CONTACT **/
.nota {
	font-style:italic;
	font-weight:normal;
	color:#FFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}


#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:30px 30px 20px 0 ;
	padding: 0 5px;
}

#bloc-adresse-contact p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C8CDF2;
}

#bloc-contact {
	width: 320px;
	float:left;
	margin:30px 0 20px 0 ;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C8CDF2;
	letter-spacing:0.03em;
}

#bloc-contact #contactTxt{
	width:45%;
	float:left;
	color:#000;
}

#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:200px;
	border:1px solid #6C72A6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background:none;
}
#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}
#bloc-contact  #formContact .champRequis{color:#ff6000; font-size:9px;}

#bloc-contact  #formContact .bouton-contact{
	width:80px;
	background-color:#6C72A6;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	cursor:pointer;
}

#bloc-merci {
	width:500px;
	margin:30px 50px 20px 0 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}


/*RUBRIQUE VENTE */
.bloc-vente {
	width:300px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}
	
.haut-vente {
	background:url(../images/haut-vente.gif) top left no-repeat;
	width:300px;
	height:25px;
	float:left;
	}
.milieu-vente {
	background:url(../images/milieu_vente.gif) top left repeat;
	width:300px; 
	float:left;
	}
	
.bas-vente {
	background:url(../images/bas-vente.gif) top left no-repeat;
	width:300px; 
	height:31px;
	float:left;
	}
	
	
p.titre-vente {
	font-size:11px;
	color:#000;
	text-align:left;
	width:270px;
	height:5px;
	margin-left:9px;
	margin-top:3px;
	font-weight:bold;
}
p.contenu-vente {
	font-size:10px;
	text-align:left;
	width:200px;
	margin-left:9px;
	font-weight:bold;
	float:left;
	text-align:justify;
}

p.contenu-vente span{color:#000;}

p.img-vente {
	width:70px;
	height:70px;
	float:left;
	margin-left:5px;
}
/************ DEV ************/
.pagination{
	font-size:11px;
	clear:both;
	text-align:center;
	color:#000;
}