/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */

#texte h1{
font-family:Helvetica, sans-serif;
font-size:1.6em;
line-height:30px;
height:30px;
color:#fff;
margin:15px 15px 0px 30px;
text-transform:uppercase;
text-align:left;

}
#texte h2{
font-size:1.6em;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
		text-decoration:none;
	color: #000;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #000;
}

#adresse a:link, #adresse a:visited{
	text-decoration:none;
	color: #fff;
}
#adresse a:hover, #adresse a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #fff;
}


/* ------------------------------------------INDEX--------------------------------- */
#index-texte{
	width:450px;
	/*border:1px solid red;*/
	text-align:justify;
	font-size:12px;
}


#index-texte p{
	margin-top:15px;
}

#encart .bouton{
	background-color:#3592E3;
	border:1px solid #333333;
	cursor:pointer;
}


#encart .caracteristiques{
	float:left;
	width:150px;
	/*border:1px solid red;*/
}


#encart .vignette{
	float:left;
}

#encart .vignette a img{
	border:1px solid #3399FF;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#encart .vignette a:hover img{
	border:1px solid #3399FF;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}



/* ------------------------------------------VENDRE--------------------------------- */

#contenu #texte #vendre-texte{
	margin:20px 0;
}




#vendre-form{
	/*border:1px solid red;*/
	width:730px;
	margin:20px 0;
}

#vendre-gauche{
	float:left;
	width:320px;
	/*border:1px solid red;*/
	margin-right:25px;
	margin-top:15px;
}

#vendre-droite{
	float:left;
	width:380px;
	margin-top:15px;
	/*border:1px solid red;*/
}


#vendre-form p{
	margin:10px 0 10px 0;
}

#vendre-form #formContact .bouton{
	width:75px;
	border:1px solid #000;
	font-size:12px;
	border-color:#0083ff;
	background-color:#FFFFFF;
}

#vendre-form #formContact .boutons{
	margin-left: 155px;
	margin-top:15px;
}
*html #vendre-form #formContact .boutons{
	margin-left: 160px;
}

#vendre-form #formContact input:focus,textarea:focus{
	border-color:#33CCFF;
}


#vendre-form #formContact p{
	width: 150px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

#vendre-form #formContact label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


#vendre-form #formContact .inputtext{
	width: 150px;
	border-color:#0083ff;
}

#vendre-form #formContact textarea{
	width: 150px;
	height: 80px;
	border-color:#0083ff;
}

#vendre-form #formContact select{
	width: 150px;
	border-color:#0083ff;
}

#vendre-form #contactForm .champRequis{
	color:#FF0000;
}



/* ------------------------------------------RECHERCHER--------------------------------- */

#rechercher-gauche{
	float:left;
	width:370px;
	/*border:1px solid blue;*/
	margin:20px 30px 20px 0;
}


#rechercher-form{
	/*border:1px solid red;*/
	width:330px;
	margin:20px 0;
	float:left;
}

#rechercher-form p{
	margin:10px 0 10px 0;
}

#rechercher-form #formContact .bouton{
	width:75px;
	border:1px solid #000;
	font-size:12px;
	border-color:#0083ff;
	background-color:#FFFFFF;
}

#rechercher-form #formContact .boutons{
	margin-left: 155px;
	margin-top:15px;
}
*html #rechercher-form #formContact .boutons{
	margin-left: 160px;
}

#rechercher-form #formContact input:focus,textarea:focus{
	border-color:#33CCFF;
}


#rechercher-form #formContact p{
	width: 155px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

#rechercher-form #formContact label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


#rechercher-form #formContact .inputtext{
	width: 150px;
	border-color:#0083ff;
}

#rechercher-form #formContact .prix{
	width: 60px;
	border-color:#0083ff;
}

#rechercher-form #formContact textarea{
	width: 150px;
	height: 80px;
	border-color:#0083ff;
}

#rechercher-form #formContact select{
	width: 150px;
	border-color:#0083ff;
}

#rechercher-form #contactForm .champRequis{
	color:#FF0000;
}






/* ------------------------------------------ANNONCES--------------------------------- */
#annonces{
	float:left;
	width:620px;
	min-height:104px;
	height:auto !important;
	height:104px;
	border:1px solid #5e3c23;
	margin-bottom:10px;
}
#annonces img{
	margin:5px;
	float:left;
}
#annonces p{
	margin:20px 5px 5px 5px;
	
}
#titre-annonce{
	float:left;
	width:686px;
	height:16px;
	background:#ebcc8b;
	padding:4px 0 0 4px;
	color:#643f24;
	font-weight:bold;
	font-size:12px;
}
.majuscule{
	text-transform:uppercase;
}
#titre-annonce2{
	float:left;
	width:500px;
}
#prix{
	width:50px;
	float:right;
	color:#000000;
}
/* ------------------------------------------FIN ANNONCES--------------------------------- */


.Style_Paragraphe
{
font-family:'Arial Black';font-size:12px;color:#034983;
}

.Encart h4{
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#3592e3;
	padding:5px 0 5px 5px;
}

.Style_Bloc
{
	 float:right; 
	 border:0px solid;
	 width:270px; 
	 margin:45px 0px 5px 0;
}

#encart
{
	float:right;
	width:270px;
	/*min-height:230px;*/
	height:auto !important;
	/*height:230px;*/
	border:1px solid #084f88;
	/*margin:60px 0 0 20px;*/
	margin-top:10px;
	margin-right:0px;
	padding-bottom:5px;
	background:#eae9e9;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:25px;
}
#encart h4{
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#3592e3;
	padding:5px 0 5px 5px;
}
#encart h5{
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:10px 0 10px 5px;
	text-align:left;
}
#encart form{
	margin:0 0 0 5px;
}

#encart p{
	padding:0 5px;
}


#vendre
{
	float:right;
	width:270px;
	min-height:230px;
	height:auto !important;
	height:230px;
	border:1px solid #084f88;
	/*margin:60px 0 0 20px;*/
	margin-top:300px;
	margin-right:-292px;
	background:#eae9e9;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:25px;
}
#vendre h4{
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#3592e3;
	padding:5px 0 5px 5px;
}
#vendre h5{
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:10px 0 10px 5px;
	text-align:left;
}
#vendre form{
	margin:0 0 0 5px;
}


.TitreProduit
{
float:left; 
border:1px solid; 
width:270px; 
height:25px; 
text-align:center; 
margin-left:28px;
background:#eae9e9;
}

.PhotoProduit
{
float:left; 
border:1px solid; 
width:270px; 
height:98px; 
text-align:center; 
margin-left:28px;
background:#eae9e9;
}

.Champs
{
float:left; border:1px solid; width:270px; height:15px; text-align:center; margin-left:28px;color:#034983;background:#eae9e9;
}

.Bloc
{
float:left; margin-left:0px; width:730px; height:520px; border:black 0px solid;
}

.Bloc_Produit
{
float:left; 
margin-left:-15px; 
width:730px; 
height:480px; 
border:black 0px solid;
}

.Style_Bloc_Filtre
{
float:left; margin-top:10px; margin-bottom:10px; margin-left:7px; width:707px; height:30px; border:black 0px solid; padding-top:5px;
}

.Style_Bloc_Produit
{
float:left; 
margin-top:0px; 
margin-bottom:10px; 
margin-left:0px; 
margin-right:10px;
width:344px; 
height:130px; 
border:#034983 1px solid; 
padding:0px;
background:#EAE9E9;
}

.Style_Bloc_Details2
{
float:left; 
width:200px; 
height:195px; 
text-align:center;
margin-left:15px;
margin-top:20px;
/*border:1px solid red;*/
}

.Style_Champs4
{
margin-top:2px; margin-bottom:2px; width:164px; height:15px; border:red 1px solid; text-align:left;
}

.Style_Champs5
{
margin-top:0px; margin-bottom:2px; width:164px; height:15px; border:red 0px solid; text-align:left;
}

.Style_Champs6
{
margin-top:15px; margin-bottom:2px; width:300px; height:15px; border:red 0px solid; text-align:left;
}


.Style_Fiche_Produit
{
float:left; 
margin-top:2px; 
margin-bottom:10px; 
margin-left:10px; 
width:700px; 
height:424px; 
border:#034983 1px solid; 
padding:0px;
}



.Style_Bloc_Photo
{
float:left;

margin-left:5px; 
margin-top:0px; 
margin-bottom:2px; 
/*width:170px; */
/*height:195px; */
border:red 0px solid; 
text-align:center;
}

.Style_Bloc_Details
{
float:left; 
margin-top:10px;
/*margin-right:25px; */
width:170px;  
text-align:center;
/*border:1px solid red;*/
}

.Style_Photo
{
float:left; 
margin-top:10px; 
margin-bottom:2px; 
margin-left:10px;  
height:195px; 
border:red 0px solid; 
text-align:center;
}

.Style_Bloc_MiniPhoto
{
float:left; 
margin-top:50px; 
margin-bottom:20px; 
margin-left:10px; 
width:400px; 
height:101px; 
/*border:green 0px solid; */
text-align:center;
}



.Style_Champs0
{
width:345px; 
height:15px; 
border:red 0px solid; 
margin-left:0; 
padding:0px;
}

.Style_Champs0  h4{
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#3592e3;
	padding:0px;
	width:344px;
	margin:0;
	height:18px;
}

.Style_Champs1
{
margin-top:0px; margin-bottom:2px; margin-left:2px; width:164px; height:15px; border:red 0px solid; text-align:left;
}

.Style_Champs2
{
margin-top:0px; margin-bottom:2px; margin-left:2px; width:164px; height:15px; border:red 0px solid; text-align:left;
}
/*
.Style_Champs2a
{
float:left; margin-top:20px; margin-bottom:0px; margin-left:2px; width:184px; height:75px; border:red 1px solid; text-align:left;
}
*/
.Style_Champs2a
{
float:left; margin-top:0px; margin-bottom:2px; margin-left:2px; width:164px; height:75px; border:red 0px solid; text-align:left;
}

.Style_Champs3
{
float:left; margin-top:0px; margin-bottom:2px; margin-left:2px; width:164px; height:15px; border:red 0px solid; text-align:left; color:#034983; 
}

.Style_Champs3  a:hover font
{
color:#034983;
}


.Style_Champs7
{
float:left; margin-top:0px; margin-bottom:2px; margin-left:220px; width:164px; height:15px; border:red 0px solid; text-align:left;
}

.Style_Clavier
{
float:left;margin-left:0px; margin-top:0px; border:black 1px solid;width:700px; height:20px; color:#034983; text-align:center;
}

.Titre_Produit
{
float:left; 
/*margin-left:20px; */
width:718px; 
height:20px; 
border:black 0px solid; 
}

.Titre_Produit h4{
	font:bold 12px Arial, Helvetica, sans-serif;
	background:#3592e3;
	padding:0;
	width:700px;
	height:18px;
}

.Style_Champs_Droite
{
margin-left:-50px; 
}

.Style_Message
{
float:left; margin-left:22px; text-align:left; color:#034983; width:500px; border:0px solid; 
}



/* ---------------------------STYLE DE LA PAGE CONTACT--------------------------- */

#contactTxt{
	width:240px;
	float:left;
	margin-left:20px;
}
#contactTxt p{
	margin:10px 0 10px 0;
}

#contactTxt img{
	border:0;
	float:left;
	margin-right:5px;
}
#contactFormulaire{
	width:350px;
	float:left;
}
#contactFormulaire p{
	margin:10px 0 10px 0;
}

#formulaireContact .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border-color:#0083ff;
	background-color:#FFFFFF;
}

#formulaireContact .boutons{
	margin-left: 135px;
}
*html #formulaireContact .boutons{
	margin-left: 160px;
}




#formulaireContact p{
	width: 170px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 0.5%;
}

#formulaireContact label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#formulaireContact input[type="text"]{ 
	width: 180px;
	border-color:#0083ff;
	margin-left:-20px;
}
*html #formulaireContact .inputtext{
	width: 180px;
	border-color:#0083ff;
	margin-left:-20px;
}

#formulaireContact textarea{
	width: 180px;
	margin-left:-20px;
	height: 70px;
	border-color:#0083ff;
}
#formulaireContact input:focus{
	border-color:#FFCC00;
}
#formulaireContact textarea:focus{
	border-color:#FFCC00;
}

#formulaireContact .champRequis{
	color:#FF0000;
}