/* Import des style pour la charte */
@import "charte.css";

/**************************************** GENERALITE ****************************************/
#pagination {
	float:left; 
	width: 430px;
	margin:18px 20px 0px 20px ;
	/*margin:10px 20px 0px 20px ;
	border:1px solid #000;*/
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size: 10px;
}
*+html #pagination {
	margin:10px 20px 0px 20px ;
}
#centre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
}


/**************************************** SHOWROOM ****************************************/
#showroom {
	float:left;
	width: 430px;
	margin:10px 20px 10px 20px ;
	/*border:1px solid black;*/
}
#showroom a {
	color: #fff;
	text-decoration:none;
}
#showroom a:hover{
	color: #fff;
	text-decoration:underline;
}
#showroom p, #descriptifphoto p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #fff;
	padding-right:5px;
	height:20px;
	margin-top:0px;
	padding-top:0px;
}
#showroom h1, #descriptifphoto h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
}
#descriptifphoto a:hover{
color:#FFFFFF;
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
font-weight:bold;
}
#descriptifphoto a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
} 
                /********** descriptif visuel **********/
#showroom #descriptifphoto{
	width:left;
	width:200px;
	height: 250px;
	padding:5px 0px;
	overflow:auto;
	/*border:1px solid white;*/
}
#showroom #descriptifphoto p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #fff;
	padding-right:5px;
	height:auto;
	text-transform:none;
}
#showroom #descriptifphoto a {
	color: #fff;
	text-decoration:none;
}
#showroom #descriptifphoto a:hover{
	color: #fff;
	text-decoration:underline;
}

                /********** affichage visuel grd format **********/
#showroom #photogaleriegrd{
	float:right;
	width:222px;
	height:263px;
	/*margin-right20px;*/
	margin:0px;
	/*border:1px solid white;*/
}
#showroom #photogaleriegrd img{
	border:1px solid #fff;
	margin-top:0px;
	margin-bottom:0px;
}
#showroom input{
	width:100px;
	float:right;
	/*background-color:#E72036;*/
	border:1px solid #fff;
	margin-bottom:5px;
	margin-right:0px;
	color:#fff;
}
#showroom label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-top:5px;
}
#showroom .bouton{
	width:25px;
	float:right;
	border:1px solid #fff;
	margin-bottom:5px;
	margin-left:2px;
	margin-right:0px;
	padding:2px 0px 1px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}


                /********** galerie **********/
#flechegauche{
  	float: left;
  	margin: 0 3px;
  	cursor: pointer;
  }
#flechedroite{
  	float: right;
  	margin: 0 3px;
  	cursor: pointer;
  }
#galerieshowroom{
  	height: 122px;
  	width: 425px;
	white-space:nowrap;
  	overflow: hidden;
  	float:left;
}
#galeriedef{
   	float:left;
  	height: 122px;
}

#galeriedef img{
	margin-right:5px;
	border:1px solid white;
}



/**************************************** PRODUIT ****************************************/
#produit {
	float:left; 
	width: 430px;
	height:180px;
	margin:10px 20px 10px 20px ;
	/*border:1px solid white;*/
}
#produit h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
}
#produit label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width:150px;
	/*border:1px solid white;*/
	margin-bottom:5px;
	padding-top:5px;
	margin-top:5px;
	float:left;
	height:13px;
	clear:both;
}
#produit input{
	width:100px;
	float:left;
	/*background-color:#E72036;*/
	border:1px solid #fff;
	margin-top:5px;
	margin-right:0px;
	color:#fff;
}
#produit .bouton{
	width:25px;
	float:left;
	border:1px solid #fff;
	margin-top:5px;
	margin-left:2px;
	margin-right:0px;
	padding:2px 0px 1px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}



/**************************************** FICHE PRODUIT ****************************************/
#vignette{
  	height: 122px;
  	width: 430px;
	margin:0 20px;
	padding:0;
  	float:left;
	/*border:1px solid #000;*/
}
#vignette img{
	width:78px;
	margin:0px 2px 2px 0px ;
	border:1px solid #fff;
}
select{
	width:222px;
	/*background-color:#E72036;
	border:1px solid #BAB9B8;*/
	border:1px solid #fff;
	margin-bottom:5px;
	margin-top:5px;
	color:#fff;
	font-weight:bold;
}


/**************************************** MARQUE & LIENS ****************************************/
#marque {
	float:left; 
	width: 430px;
	margin:15px 20px 10px 20px ;
	/*border:1px solid red;*/
}
#marque h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 5px;
}
#marque #colonnegauche{
	width:left;
	width:200px;
	height: 150px;
	overflow:auto;
	/*border:1px solid #666;*/
}
#marque #colonnedroite{
	float:right;
	width:200px;
	height:150px;
	/*border:1px solid #fff;*/
}
#marque #colonnegauche p,
#marque #colonnedroite p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #fff;
	margin:0px;
}
#marque #colonnegauche a,
#marque #colonnedroite a{
	color: #fff;
	text-decoration:none;
}
#marque #colonnegauche a:hover,
#marque #colonnedroite a:hover{
	text-decoration:underline;
}

#vignettemarque{
  	height: 270px;
  	width: 430px;
	margin:0 20px;
	padding:0;
  	float:left;
	/*border:1px solid #000;*/
}
/*#vignettemarque img{
	width:78px;
	margin:0px 2px 2px 0px ;
	border:1px solid #fff;
}*/



/**************************************** SERVICES ****************************************/
#service {
	float:left; 
	width: 430px;
	margin:15px 20px 10px 20px ;
	/*border:1px solid red;*/
}
#service h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
}

#service .categorie {
	float:left; 
	width: 430px;
	margin:5px 0px;
	/*border:1px solid #000;*/
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 10px;
	line-height:14px;
}
#service .categorie a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#service .categorie a:hover{
	color:#000;
	text-decoration:underline;
}
#service .categorie img{
	float:left;
	margin-right:10px;
	width:112px;
}


/**************************************** PROMOTIONS ****************************************/
#promotion {
	float:left; 
	width: 430px;
	margin:8px 20px 5px 20px ;
	height:140px;
	/*border:1px solid black;*/
}
#promotion #photogaleriegrd{
	float:right;
	width:222px;
	height:140px;
	/*height:263px; sup par HA*/
	/*margin-right20px;*/
	margin:0px;
	/*border:1px solid blue;*/
}
#promotion #photogaleriegrd img{
	border:1px solid #fff;
	margin-top:0px;
	margin-bottom:0px;
}
#promotion p, #descriptifphoto p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #fff;
	padding-right:5px;
	height:20px;
	margin-top:0px;
	padding-top:0px;
}
#promotion h1, #descriptifphoto h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
}
#descriptifphoto a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}
#descriptifphoto a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
} 
                /********** descriptif visuel **********/
#promotion #descriptifphoto{
	width:left;
	width:200px;
	height: 130px;
	/*height: 250px; sup par HA*/
	padding:5px 0px;
	overflow:auto;
	/*border:1px solid blue;*/
}
#promotion #descriptifphoto p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #fff;
	padding-right:5px;
	height:auto;
	text-transform:none;
}
#promotion #descriptifphoto a {
	color: #fff;
	text-decoration:none;
}
#promotion #descriptifphoto a:hover{
	color: #fff;
	text-decoration:underline;
}



/**************************************** CONTACT ****************************************/
#contact {
	float:left; 
	width: 430px;
	height: 430px;
	/*overflow-y:auto;
	overflow-x:hidden;
	padding-right:20px;
	border:1px solid red;*/
	margin:15px 20px 10px 20px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
#contact a{
	color: #7e7d7d;
	text-decoration:none;
}
#contact a:hover{
	color: #7e7d7d;
	text-decoration:underline;
}

#contact h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #000;
	margin-top: 0px;
	margin-bottom:5px;
}

#contactTxt{
	width:45%;
	float:left;
	font-weight: bold;
}
#contactPlan{
	width:45%;
	float:right;
	font-weight: bold;
	/*border:1px solid red;*/
}
#formContact input{
	width:135px;
	background-color:transparent;
	border:1px solid #7e7d7d;
	color:#000;
}
#formContact textarea{
	width:335px;
	background-color:transparent;
	border:1px solid #7e7d7d;
	/*margin-top:5px;
	margin-right:0px;*/
	color:#000;
}
#contact label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
#formContact .bouton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	width:150px;
	margin:0px 5px ;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}


/**************************************** PLAN ****************************************/
#contactTxtplan{
	width:55%;
	float:left;
	font-weight: bold;
	font-size: 14px;
	/*border:1px solid red;*/
}
#contactPlanDroite{
	width:40%;
	float:right;
	font-weight: bold;
	/*border:1px solid red;*/
}




/*********************************** PRESENTATION 99 INTERIEURS ***********************************/
#interieur99 {
	float:left; 
	width: 430px;
	margin:15px 20px 10px 20px ;
	/*border:1px solid red;*/
}
#interieur99 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
	padding-left:20px;
	/*border:1px solid red;*/
	background:url(../images/charte/puce99-01.jpg) no-repeat 0px 5px;
}

#interieur99 .categorie {
	float:left; 
	width: 430px;
	margin:5px 0px;
	/*border:1px solid #000;*/
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 10px;
	line-height:14px;
}
#interieur99 .categorie a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#interieur99 .categorie a:hover{
	color:#fff;
	text-decoration:underline;
}
#interieur99 .categorie img{
	float:right;
	margin-left:10px;
	width:112px;
}




/**************************************** PLAN DU SITE ****************************************/
/*#plansite {
	float:left; 
	width: 430px;
	margin:15px 20px 10px 20px ;
}*/
#plansite #colonnegauche h1,
#plansite #colonnedroite h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #000;
	margin-top: 0px;
	margin-bottom: 5px;
}
#plansite #colonnegauche{
	width:left;
	width:150px;
	height: 150px;
	/*overflow:auto;
	border:1px solid blue;*/
}
#plansite #colonnedroite{
	float:right;
	width:150px;
	height:150px;
	/*border:1px solid red;*/
}
#plansite #colonnegauche p,
#plansite #colonnedroite p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
	color: #fff;
	margin:0px;
}
#plansite #colonnegauche a,
#plansite #colonnedroite a{
	/*color: #BFBEBD;*/
	color: #000;
	text-decoration:none;
}
#plansite #colonnegauche a:hover,
#plansite #colonnedroite a:hover{
	text-decoration:underline;
}





/**************************************** NEWS ****************************************/
#news {
	float:left; 
	width: 430px;
	margin:15px 20px 10px 20px ;
	/*border:1px solid red;*/
}
#news h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
}
#news h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}

#news .article {
	float:left; 
	width: 430px;
	margin:0px 0px 5px 0px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 10px;
	line-height:14px;

	/*border:1px solid #000;*/
}
#news .article .texte{
	float:left; 
	width: 255px;
	/*width:200px;*/
	padding-right:5px;
	/*border:1px solid blue;*/
	height:100px;
	overflow:auto;
	/*margin:5px 0px 15px 0px;*/
	margin:0;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 10px;
	line-height:14px;
	
	/*border:1px solid red;*/
}

#news .article a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#news .article a:hover{
	color:#000;
	text-decoration:underline;
}
#news .article img{
	float:right;
	margin-left:5px;
	/*width:112px;*/
	width:150px;
	border:1px solid #fff;
}


/************* dev ***************/