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

.blocproduits{
	float:left;
	width:163px;
	height:155px;
	background: url(../images/charte/bloc-produits.gif) no-repeat;
	margin:0 40px 20px 15px;
}
.blocproduits h1{
	font: 1em/1.3em arial; 
	font-weight:bold;
	padding:2px 0 0 30px;
	margin:0px;
}
.bloc-photo{
	margin:0 auto 0 auto;
	text-align:center;
}
.bloc-details{
	float:right;
	padding:3px 12px 0 0;
}
.rouge{
	color:#CB0206;
	font-weight:bold;
}

.orange{
	color:#F38701;
	font-weight:bold;
}
li{
	list-style-image: url(../images/charte/puce01.gif);
	margin-bottom:0px;
}

/************************************ ACCUEIL ************************************/
#accueil{
	margin:0 auto 0 auto;
	padding:0px 0 0 10px;
	float:left;
	width:650px;
}
#accueil_texte{
	width:320px;
	float:left;
	margin:20px 0 5px 0;
	padding:0;
	/*border:1px solid black;*/
}
#accueil_img{
	width:300px;
	float:right;
	margin:70px 0 5px 0;
	padding:0;
	/*border:1px solid red;*/
}
#accueil li{
	list-style-image: url../(images/charte/puce01.gif);
	margin-bottom:5px;
	width:100px;
}
#accueil_texte01{
	width:150px;
	float:left;
	margin:5px 0 5px 0;
	padding:0;
	/*border:1px solid black;*/
}
#accueil_texte02{
	width:150px;
	float:right;
	margin:5px 10px 5px 0;
	padding:0;
	/*border:1px solid black;*/
}

#accueiladresse{
margin: 0 0 100px 0;
}

#accueiladresse p{
float:left;
margin-left:15px;
width:200px;
}

/************************************ PRESENTATION ************************************/
#presentation{
	margin:0 auto 0 auto;
	padding:0px 0 0 10px;
	float:left;
	width:650px;
}
#presentation_texte_gauche{
	width:315px;
	float:left;
	margin:20px 0 5px 0;
	padding:0;
	text-align:justify;
	/*border:1px solid black;*/
}
*html #presentation_texte_gauche{
	width:315px;
}
#presentation_texte_droite{
	width:315px;
	float:right;
	margin:85px 0 5px 0;
	padding:0;
	text-align:justify;
}
.presentation_texte_droite.marques{
	width:315px;
	float:right;
	/*margin:85px 0 5px 0;*/
	margin:20px 0 5px 0;
	padding:0;
	text-align:justify;
}
*html #presentation_texte_droite{
	width:315px;
}
/************************************ SAV ************************************/
#sav{
	margin:0 auto 0 auto;
	/*padding:0px 0 0 10px;*/
	padding:0px 0 0 10px;
	float:left;
	width:650px;
}
#sav_texte{
	width:320px;
	float:left;
	margin:20px 0 5px 0;
	padding:0;
	text-align:justify
	/*border:1px solid black;*/
}
#sav_img{
	width:300px;
	float:right;
	margin:70px 0 5px 0;
	padding:0;
	/*border:1px solid red;*/
}

/************************************ FORMULAIRES ************************************/
#formulaire{
	margin:0 auto 0 auto;
	padding:0px 0 0 10px;
	float:left;
	width:692px;
	/*border:1px solid black;*/
}
*html #formulaire{
	width:680px;
}
.contact_cadre{
	float:left;
	width:210px;
	margin:0 5px 0 10px;
	padding:0;
	/*border:1px solid black;*/
}
*html .contact_cadre{
	margin:0 5px 0 7px;
}

#contactTxt{
	width:320px;
	float:left;
	text-align:center;
	/*border:1px solid black;*/
}
#contactPlan{
	width:320px;
	float:right;
	/*border:1px solid black;*/
}
#formContact .photo{
	width:174px;
	background-color:transparent;
	border:1px solid #000;
	font-size:12px;
}
#formContact input{
	width:170px;
	background-color:transparent;
	border:1px solid #000;
	font-size:12px;
}
#formContact textarea{
	background-color:transparent;
	width:494px;
	border:1px solid #000;
	font-size:12px;
}
*html #formContact input{
	width:170px;
}
*html #formContact textarea{
	width:505px;
}
#formContact select{
	width:170px;
	background-color:transparent;
	color:#000000;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#formContact .bouton{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
	margin-rigth:1em; 
	background-color:#F38701; 
	color:#fff;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/************************************ CATALOGUE ************************************/
#vendu{
	position: absolute;
	/*z-index: 3;*/
	display: block;
	top:280px;
	left:30%;
	opacity : 0.5;
    filter : alpha(opacity=50);
}

#catalogue{
	margin:0 auto 0 auto;
	padding:0 0 0 10px;
	float:left;
	width:650px;
	/*border:1px solid black;*/
}
#catalogue_sous_rubrique{
	width:650px;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
	/*border:1px solid blue;*/
}
#catalogue a{
	text-decoration:none;
	color:#1361C3;
	font-size:11px;
}
#catalogue a:hover{
	text-decoration:underline;
	color:#FF9900;
	font-size:11px;
}

.catalogue_cadre{
	float:left;
	width:180px;
	margin:10px 20px 10px 10px;
	padding:0;
	text-align:center;
	border:1px solid #FF9900;
}
.catalogue_cadre_img{
	border:1px solid black;
}
#catalogue .retrait{
	padding-left:20px;
}
#catalogue_descriptif{
	width:320px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	/*border:1px solid black;*/
}
#catalogue_commentaire{
	width:650px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	/*border:1px solid blue;*/
}

#catalogue_titre{
	background:url(../images/catalogue/fd_titre_catalogue.gif) top left no-repeat;
	float:right;
	margin:20px 0 5px 0;
	padding:15px 0 5px 0 ;
	width:300px;
	height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	/*border:1px solid black;*/
}
#catalogue_img{
	width:300px;
	float:right;
	margin:20px 0 5px 0;
	padding:0 ;
	/*border:1px solid red;*/
}
#catalogue_gauche{
	float:left;
	width:320px;
	margin:15px 0 0 0;
	padding:0;
}
#catalogue_droite{
	float:right;
	width:320px;
	margin:15px 0 0 0;
	padding:0;
}
#catalogue_separateur{
	width:650px;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
}
#catalogue_pagination{
	width:650px;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
}

/************************************ NOUS RECHERCHONS ************************************/
#recherche{
	margin:0 auto 0 auto;
	padding:0 0 0 10px;
	float:left;
	width:650px;
	/*border:1px solid black;*/
}
#rechercheForm{
	width:650px;
	float:left;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	/*border:1px solid black;*/
}
.recherche_cadre{
	float:left;
	width:180px;
	margin:10px 20px 10px 10px;
	padding:0;
	text-align:center;
	/*border:1px solid #FF9900;*/
}
/*.recherche_cadre_img{
	border:1px solid black;
}*/
#recherche .retrait{
	padding-left:20px;
}
#recherche_descriptif{
	width:320px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	/*border:1px solid red;*/
}
#recherche_commentaire{
	width:650px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	/*border:1px solid blue;*/
}

#recherche_titre{
	background:url(../images/catalogue/fd_titre_catalogue.gif) top left no-repeat;
	float:right;
	margin:20px 0 5px 0;
	padding:15px 0 5px 0 ;
	width:300px;
	height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	/*border:1px solid black;*/
}
#recherche_img{
	width:300px;
	float:right;
	margin:20px 0 5px 0;
	padding:0 ;
	border:1px solid red;
}



/* popup acceuil  */
#contenu_global {
	background-color:#000000; 
	width:100%; 
	height:100%;
	z-index:200;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.30;
}


#popup{
  position: absolute;
  top: 324px;
  left: 758px;
  width: 447px;
  height:222px;
  margin-left:-350px;
  margin-top:-200px;
  visibility: visible;
  z-index:400;
  background:url(../images/charte/mega.gif) no-repeat left top;
  }

*html #popup #contenu-pop{margin:240px 30px 0 40px;}
#popup #contenu-pop{
	float:left;
	margin:200px 20px 0 60px;
	width:150px;
	height:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DF4D85;
	text-align:justify;
	}
	
#popup h1{
  font-size:20px;
  color:#333;
  width:150px;
  margin:0;
  }
#popup p{margin:0;}  

*html #popup img{margin-top:120px}
#popup img{
	float:left;
	margin-top:100px;
}


#popup #fermer a img{
	border:none;
	right:5px;
	top:10px;
	position:absolute;
	margin:0;
	z-index:600;
	cursor:pointer;
	display:block;
}