@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}


/* ----------------------------------- */

#contenuTexte h1{
	margin:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	color:#046815;
	border-bottom:1px solid #FFF;
}

#contenuTexte h2{
	margin:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
#contenuTexte h3{
background:#FFFFFF;
line-height:18px;
padding:0px 0px 0px 4px;
margin:10px 0px 10px 0px; 
}


#contenuTexte p{
	padding-bottom:5px;
	font-size:1.2em;
	text-align:justify;
}
#contenuTexte a:link, #contenu a:visited{
	color: #1f481b;
	text-decoration:underline;
}
#contenuTexte a:hover, #contenu a:active{
	color: #FFF;
	text-decoration:none;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#FFF;
}

.btn_coeur{
background:url(../images/charte/coeur.jpg) right top no-repeat;
width:202px;
height:59px;
position:relative;
}

.btn_coeur a{
position:absolute;

width:130px;
height:30px;
display:block;
bottom:2px;
right:0px;
}


/* --------------------------------------------------------------------------------------------------------- 
                                            Listing
 --------------------------------------------------------------------------------------------------------- */




.listing_tete{
width:724px;
height:17px;
background:url(../images/produits/tete_listing.gif) left top no-repeat;
}

.listing_pied{
width:724px;
height:28px;
clear:both;
margin-top:4px;
background:url(../images/produits/pied_listing.gif) left top no-repeat;

}

.listing_pied2{
width:724px;
height:28px;
clear:both;
margin-top:4px;
background:url(../images/produits/pied_listing2.gif) left top no-repeat;
}

.listing_pied3{
width:724px;
height:28px;
clear:both;
margin-top:4px;
background:url(../images/produits/pied_listing3.gif) left top no-repeat;
}


#default{
background: #CCECD2 url(../images/produits/rep_listing.gif) repeat-y;
}

#new{
background: #DCFDB1 url(../images/produits/rep_listing.gif) repeat-y;
}


#default .nouveaute{
display:none;
}

#new .nouveaute{
position:absolute;
background:url(../images/produits/new.jpg) left top no-repeat;
width:107px;
height:15px;
top:4px;
left:12px;
}

.listing{
width:724px;
position:relative;
}

.img_listing{
border: 1px solid #FFF;
margin-bottom:4px;

}

.listing .titre{
background:#FFFFFF;
margin:5px 0px 0px 12px;
width:700px;
height:20px;
line-height:20px;
}

.listing .titre .intitule{
float:left;
font-size:14px;
padding:0 0 0 10px;
font-weight:bold;
color:#666;
}

.listing .titre .prix{
float:right;
font-size:14px;
padding:0 10px 0 0;
font-weight:bold;
color:#CC6633;
}

.listing .img{
margin:5px 0px 0px 12px;
width:120px;
float:left;
}

.listing .descriptif{
margin-top:4px;
width:570px;
float:left;
}

.listing .descriptif img{ 
float:right;
}

.listing .plus{
width:122px;
height:22px;
margin:5px 6px 0 0;
float:right;

}

.listing .plus a{
width:100%;
height:100%;
display:block;
}



.listing .voirlafiche{
width:100px;
height:22px;
margin:5px 6px 0 0;
float:right;

}

.listing .voirlafiche a{
width:100%;
height:100%;
display:block;
}



.listing .supprimer{
width:100px;
height:22px;
margin:5px 6px 0 0;
float:right;

}

.listing .supprimer a{
width:100%;
height:100%;
display:block;
}

/* --------------------------------------------------------------------------------------------------------- 
                                            Fiche produit
 --------------------------------------------------------------------------------------------------------- */

.img_fiche{
border:2px solid #fff;
float:left;
width:350px;
}


.infoplus_1{
border-top:1px solid #fff;
text-align:center;
font-size:15px;
color:#333333;
font-weight:bold;
padding:8px 0px 8px 0px;
}

.infoplus_2{
border-top:1px solid #fff;
color:#CC6633;
text-align:right;
font-size:16px;
font-weight:bold;
padding:10px 0px 10px 0px;
}

.infoplus_3{
border-top:1px solid #fff;
text-align:left;
color:#046815;
font-size:12px;
font-weight:100;
padding:5px 0px 5px 0px;
}

.infoplus_4{
border-top:1px solid #fff;
text-align:justify;
color:#046815;
font-size:12px;
font-weight:100;
padding:5px 0px 5px 0px;
}

.vignettes{
border:1px solid #C0DFC6;

}

/* --------------------------------------------------------------------------------------------------------- 
                                            Formulaires
 --------------------------------------------------------------------------------------------------------- */


.tab_25{
width:24%;
float:left;
padding:6px 0px 6px 0px;
font-size:12px;
}

.tab_33{
width:32%;
float:left;
padding:6px 0px 6px 0px;
font-size:12px;
}

.tab_50{
float:left;
width:49%;
padding:6px 0px 6px 0px;
font-size:12px;
}








/* ------------------------------------------------------------------------------------
                            STYLE DE LA PAGE CONTACT 
------------------------------------------------------------------------------------ */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}



.forminput,
.formtextareadress,
.formtextareacomment,
 select
{
border:1px #704A3e solid;
padding:0;
margin:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
background:#EBF6FF;
text-align:justify;
}

.forminput
{
padding:3px 3px 3px 3px;
line-height:20px;
width:230px;
}

.formtextareadress
{
padding:3px 3px 3px 3px;
height:60px;
width:230px;
}

.formtextareacomment
{
padding:3px 3px 3px 3px;
height:110px;
width:230px;
}

.formbt{
border:1px #333 solid;
height:25px;
width:100px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#333;
background-color:#9ECDF4;
}

*html .formbt
{
border:1px #704A3e dashed;
height:25px;
width:100px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#704A3e;
background-color:#F4F3EA;
}
			
.text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color: #333;
letter-spacing:0.1em;
text-align:right;
padding-right:10px;
}		

#global_nousrecherchons input, select {
	width:200px;
	background-color:#D2F3D8;
	color:#333;
	border:1px solid #704A3e;
}

#global_nousrecherchons textarea {
	background-color:#D2F3D8;
	color:#333;
	border:1px solid #704A3e;
	height:100px;
}

#typeappart {
	margin-top:10px;
	width:180px;
}

#typeappart input{
	width:30px;
	border:none;
	background-color:#C0DFC6;
}

#global_nousrecherchons p input {
border:none;
width:auto;
background-color:#C0DFC6;
}

#global_nousrecherchons p label {
margin-left:20px;
color:#000000;
}

#prix {
	margin-top:10px;
	float:left; 
	width:260px;
}


.recherche{

float:left;
width:680px;
margin-bottom:10px;
padding:5px;
margin-right:20px;
border:1px solid #fff;}

.recherche .visuel{
float:left;
width:200px;
margin:5px;
}

#global_nousrecherchons .recherche p.titre{
background-color:#036713;
color:#ffed99;
padding-left:5px;
padding-right:5px;
font-size:12px;
width:670px;
font-weight:bold;
}

#global_nousrecherchons .recherche p{

color:#036713;
text-align:left;}

#global_nousrecherchons .recherche span.prix{

color:#fff;
margin-left:10px;
margin-bottom:5px;
float:right;

}

#global_nousrecherchons .recherche li{
font-size:12px;}