/* index.css Document */

body {	background-color:#D29188; margin-top: 0;}

#ap {  	background-image: url(../im/arr_lv_4.jpg);
		background-repeat: repeat-y;
		display: block;
		width: 980px;
		margin: 0 auto;
}

/* entête */

#entete {margin: 0 0;
	padding: 0 0;
	height: 105px;
	display: block;
	width: 980px;
	background-image: url(../im/haut_4.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#entete table td.ent_0 {	}

#entete table p.ent_1 {font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 17px;
	margin: 0 30px;
	padding: 15px 20px;
	font-weight: 900;
	border-left: 1px solid #b82930;
}

#entete table .ent_2 { background-color: #FFF;
	color: #0070C0;
	background-color:#D9D6D1;
	display: block;
	font-family: "Arial Rounded MT Bold", "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0.05em;
	position: relative;
	top: 20px;
	width: 250px;
	margin: 0 -5%;
	padding: 0 0;
}

hr { color: #b82930; width:960px; height:5px; margin: 0 auto; padding: 0 auto;}


/* Corps de page */



/* -----Description de la Recherche----- */

#recherche {
	background-color: #FFF;
	padding-top: 10px;
	margin-right: 25px;
	margin-bottom: 5px;
	padding-left: 150px;
	display: block;
	position: relative;
	width: 450px;
}

#motcle {
	font-family:  Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	width: 250px;
}

#submit {
	font-family: "Arial Rounded MT Bold", Tahoma, Verdana, "Century Gothic", Arial, cursive;  
	color: #000000;
	background-color: #C3DFD7;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0.2em;
	width: 150px;
	line-height: 15px;
	text-transform: capitalize;
}
	
/* ----------------------- */

div #corps { 	background-image: url(../im/fondoh_01.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #FFF;	
		display: block;	
		width: 930px;
		margin: 0 auto;
		padding: 0 auto;
		height: auto;
}


p { height: 15px;
		margin: 0 auto;
		padding: 0 auto;
		text-align: left;
		font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
}


h6 {margin: 0 0;
	padding: 0 0;
	height: 60px;
	background-image: url(../im/bas_6.jpg);
		}

#quiouc {
	background-image: url(../im/arr_quiou_2.jpg);
	float: left;
	height: 87px;
	left: 0px;
	position: relative;
	top: 10px;
	width: 200px;
	z-index: 1;

}
#quiouc p {
	color: #FFF;
	font-size:14px;
	font-stretch: ultra-condensed;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 900;
   	list-style: none;
	text-align: left;
	text-indent: 20px;
	line-height: 16px;
	margin: 5px auto;
	padding-top: 5px;
}

#quiouc p a {color: #FFF;	text-decoration: none; 	

}
#quiouc p a:hover {color: #ffcc6f; }


/* ------DECOUVERTE----------------- */

#decouverte {
	display: block;
	position: relative;
	float: right;
	border: 0px solid #b92930;
	margin-right: 16px;
	margin-top: 10px;
	width: 26em;
	background-color: #f89222;
	background-image: url(../im/ligne_8vg.jpg);
	background-repeat: repeat-y;
	z-index: 3;
	}
	
#decouv_2 {	background-image: url(../im/ligne_8vd.jpg);
				background-repeat: repeat-y;
				background-position: right;
				border: 0px solid #b92930;
				margin : 20px 0 -15px 0;
				padding: 0 0;
				z-index: 5;
				height: 70px;
}

/* Propriétés communes aux 4 coins */
#hautgauche, #hautdroit {
	height: 28px;
	width: 28px;
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bogue IE */
	z-index: 3;
}

#hautdroit { background-image: url(../im/coin_8hd.jpg);
	float: right;
}

#hautgauche { background-image: url(../im/coin_8hg.jpg);}

#basdroit {  float: right; background-image: url(../im/coin_8bd.jpg);
	background-repeat: no-repeat;
	height: 52px;
	width: 28px;
	font-size: 1px; /* correction d'un bogue IE */
	z-index: 5;
}

#basgauche { 
	background-image: url(../im/coin_8bg.jpg);
	background-repeat: no-repeat;
	height: 52px;
	width: 50px;
	font-size: 1px; /* correction d'un bogue IE */
	z-index: 7;
}


#hautbord {
	background-image: url(../im/ligne_8h.jpg);
	background-repeat: repeat-x;
	height: 4px;
	margin-top: -28px;
	margin-left: 28px;
	margin-right: 28px;
}

#basbord {
	background-image: url(../im/ligne_8b.jpg);
	background-repeat: repeat-x;
	height: 4px;
	margin-top: -3px;
	margin-left: 50px;
	margin-right: 28px;
	margin-bottom: -1px;
}

#contenu_dec {	background-image: url(../im/ligne_8vd.jpg);
				background-repeat: repeat-y;
				background-color: #f89222;
				background-position: right;
				border: 0px solid #b92930;
				padding: 20px 0 0 0;
				margin: 7px 0px -4px 28px;
				}
	
#contenu_dec p { height: 15px; 
				color:#B92930;
				margin: 4px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: 500;
				font-stretch: condensed;
				}

h5, h5 a { font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		color: #B92930;
		letter-spacing: 0.05em;
		margin-top: 2px;
		padding: 0;
		margin-bottom: 15px;
		text-decoration: none;
		}

h5 a:hover { color: #f89222;}


/* -----COPYRIGHT BAS DE PAGE------------------ */

#pied {font-family: Verdana, "Century Gothic", Arial, sans-serif;
		font-size: 8px;
		color: #333333;
		letter-spacing: 0.1em;
		text-align: center;
		}
#pied a {color: #b82930; text-decoration: none;
}
#pied a:hover {color: #000000; text-decoration:underline;}

/* ----------------------- */

/* -----PROMOTION------------------ */

#promotion {
	background-image: url(../im/ligne_vg4.jpg);
	background-repeat: repeat-y;
	display: block;
	position: relative;
	float: left;
	border: 0px solid #b92930;
	margin-left: 0px;
	margin-top: -54px;
	width: 20.0em;
	z-index: 1;
	}

/* Propriétés communes aux 4 coins */
#hautgauche_p, #basgauche_p, #basdroit_p {
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	z-index: 1;
}

#hautdroit_p { float: right;
	height: 52px;
	width: 50px;
	background-repeat: no-repeat;
	z-index: 1;
}

#hautgauche_p { background-image: url(../im/coin_102.jpg);}

#basdroit_p {  float: right; background-image: url(../im/coin_104.jpg);}

#basgauche_p {  background-image: url(../im/coin_103.jpg);}

#hautbord_p {
	background-image: url(../im/ligne_haut4.jpg);
	background-repeat: repeat-x;
	height: 32px;
	margin-top: -32px;
	margin-left: 32px;
	margin-right: 32px;
}

#basbord_p {
	background-image: url(../im/ligne_bas4.jpg);
	background-repeat: repeat-x;
	height: 32px;
	margin-top: -32px;
	margin-left: 32px;
	margin-right: 32px;
}

#contenu_pro {	background-image: url(../im/ligne_vd4.jpg);
				background-repeat: repeat-y;
				background-position: right;
				border: 0px solid #b92930;
				background-color: #fdb819;
				padding: 2px 0px 0 0;
				margin-bottom: -4px;
				margin-left: 20px;
}
	
#contenu_pro p {height: 15px; 
				color:#000;
				margin: 2px 0;
				font-size: 14px;
				font-weight: 500;
				}

h4 {	font-family: Helvetica, "Arial Rounded MT Bold", Arial, "Lucida Sans", Geneva, Arial, sans-serif;
		font-size: 18px;
		margin-top: 1px;
		padding: 0;
		margin-bottom: 10px;
		z-index: 1;
		}

h4 a { color: #000000; text-decoration:none; z-index: 1;}
h4 a:hover { color: #AE101E; text-decoration:none; z-index: 4;}

/*  --------------------Calques   --------------------*/

#calq_decou {
	position:absolute;
	width: auto;
	height: auto;
	z-index:5;
	margin-left: 45px;
	top: 90px;
}

#calq_promo_titre {
	position:absolute;
	width: auto;
	height: auto;
	z-index:7;
	left: -7px;
	top: -12px;
}

#calq_promo_titre a { text-decoration: none;}
#calq_promo_titre a:hover { text-decoration: none; z-index: 7; }


#calq_promo a {
	position:absolute;
	width: auto;
	height: auto;
	left: 28px;
	top: 54px;
	border: 1px solid #ffffff;
	z-index:1;

}
#calq_promo a:hover {
	z-index:3;
	height: auto;
	left: 28px;
	top: 54px;
	width: auto;
}

#calq_catal {
	position:absolute;
	width: auto;
	height: auto;
	z-index:2;
	left: 30px;
	top: 370px;
	border: 1px solid #ffffff;
}

#calq_services {
	background-image: url(../im/carre_services_5.jpg);
	display: block;
	float: right;
	height: 150px;
	position: relative;
	margin-right: 15px;
	margin-top: 100px;
	width: 317px;
	z-index: 1;
}
#calq_cadeaux {
	position:relative;
	width: auto;
	height: auto;
	left: 62px;
	top: 70px;
	
}
#im_services, #im_services a {
	display: block;
	position: absolute;
	width: 120px;
	height: 80px;
	left: 120px;
	top: 50px;
	z-index: 3;
	text-decoration: none;
	border: 1px solid #ffffff;
}

#im_services a:hover {border: 1px solid #ffffff;  text-decoration:none;	}

#mot_services, #mot_services a {
	color: #b82930;
	font-stretch: ultra-condensed;
	font-weight: 900;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	padding: 5px 0 0 10px;
	text-decoration: none;
}

#mot_services a:hover { color: #FFF; text-decoration: none;	}

#calq_fle_1 {
	background-image: url(../im/fle_1.jpg);
	height:42px;
	margin-left: -78px;
	position:absolute;
	top: 20px;
	width: 48px;
	z-index: 3;
}

#calq_fle_2 {
	background-image: url(../im/fle_2.jpg);
	height:48px;
	position:absolute;
	margin-left: 10px;
	top: -60px;
	width: 41px;
	z-index: 3;
}

#calq_fle_3 {
	background-image: url(../im/fle_3.jpg);
	height:41px;
	position:absolute;
	margin-left: -44px;
	top: 50px;
	width: 48px;
	z-index: 1;
	left: -1px;
}

/*  -------------------FIN Calques   --------------------*/

#optimisation {
	bottom: -30px;
	display:block;
	color: #FFF;
	float: left;
 	font-family:  Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: 0.1em;
	position: relative;
	text-align: center;
	
}
