@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0
}

a img {
	border:none
}

.clear {
	clear:both;
}

fieldset {
	border:none;
	margin:0;
	padding:0
}

a { 
	outline: none;
    -moz-outline-style: none;
}

#wrap {
	background:url(../images/bg.png) repeat-y;
	width:950px;
	min-height:596px;
	height:auto !important;
	height:596px;
	margin:0 auto;
	position:relative
}
/**************/
/* ! HEADER ! */
/**************/

#header {
	height:152px;
	position:relative;
	background:url(../images/bg_header.jpg) no-repeat top left;
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
.home {
	background:url(../images/retour.png) no-repeat;
	width:295px;
	height:135px;
	position:absolute;
	top:10px
}
.home a {
	text-indent:-9999px;
	display:block;
	width:100px;
	height:41px;
	position:absolute;
	left: 193px;
	top: 34px;
}

.espace {
	font:10px Arial, Helvetica, sans-serif;
	color:#6e6554;
	text-decoration:none;
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	background:url(../images/cadna.jpg) no-repeat left center;
	padding-left:12px
}
.espace:hover {
	text-decoration:underline
}
a.logo {
	position:absolute;
	width:247px;
	height:57px;
	display:block;
	left:343px;
	top:7px
}

ul.nav {
	position:absolute;
	list-style:none;
	width:634px;
	top:86px;
	_top:87px;
	right:80px
}
	ul.nav li {
		display:inline
	}
		ul.nav li a {
			float:left;
			display:block;
			text-align:center;
			height:28px;
			background:url(../images/sprite_menu.png) no-repeat;
			text-indent:-9999px;
			margin-right:10px;
		}
		ul.nav li a.produit {
			width:123px;
			background-position:0 0
		}
		ul.nav li a.produit:hover {
			background-position:0 -28px
		}
		
		ul.nav li a.propos {
			width:94px;
			background-position:-137px 0
		}
		ul.nav li a.propos:hover {
			background-position:-137px -28px
		}

		ul.nav li a.actu {
			width:103px;
			background-position:-244px 0
		}
		ul.nav li a.actu:hover {
			background-position:-244px -28px
		}

		ul.nav li a.presse {
			width:175px;
			background-position:-361px 0
		}
		ul.nav li a.presse:hover {
			background-position:-361px -28px
		}

		ul.nav li a.contact {
			width:81px;
			background-position:-553px 0;
			margin-right:0px
		}
		ul.nav li a.contact:hover {
			background-position:-553px -28px
		}

.contenu {
	padding-left:5px;
	min-height:441px;
	height:auto !important;
	height:441px;
	overflow:hidden !important;
	_overflow:visible;
	position:relative
}

#accueil .contenu {
	height:490px;
}
.rightActu ul li{
	margin-left:20px;
	font:12px Arial, Helvetica, sans-serif;
	}
.footer {
	background:url(../images/deg_footer.png) repeat-y;
	width:950px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0 auto;
}

.footer ul {
	list-style:none;
	text-align:center;
	padding-top:9px
}
	.footer ul li {
		display:inline;
		color:#6e6554;
		font:10px Arial, Helvetica, sans-serif
	}
		.footer ul li a {
			color:#6e6554;
			font:10px Arial, Helvetica, sans-serif;
			text-decoration:none
		}
		.footer ul li a:hover {
			text-decoration:underline
		}
	
.bg {
	background:url(../images/bg_lg.jpg) no-repeat bottom center;
	padding:17px 0 36px 0
}

.bgnon {
	background:none
}

/*****************/
/* ! Actulités ! */
/*****************/

h3.titre_actu {
	background:url(../images/actu_titre.jpg) no-repeat;
	width:266px;
	height:40px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}
.descrip_actu {
	padding:40px 10px 0 45px;
	overflow:hidden;
	color:#000
}
	.descrip_actu a{
		color:#000;
	}
	.descrip_actu a:hover p{
		text-decoration:underline;
	}
	.descrip_actu img {
		float:left;
		display:block;
		margin-right:20px
	}
	.descrip_txt {
		float:left;
		width:674px;
	}
	.descrip_txt h3 {
		color:#784522;
		font:bold 14px/24px Arial, Helvetica, sans-serif;
		height:24px;
		border-bottom:1px solid #bca392;
		border-top:1px solid #bca392;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1
	}
	.descrip_txt span {
		display:block;
		font:bold 14px Arial, Helvetica, sans-serif;;
		margin:10px 0 15px
	}

	.descrip_txt p {
		display:block;
		font:12px Arial, Helvetica, sans-serif;
	}
	
.autreActu {
	padding:40px 10px 0 45px;
	overflow:hidden;
	color:#000
}
.padTop {
	padding:13px 10px 0 45px;
}
	.autreActu strong {
		display:block;
		font:bold 14px Arial, Helvetica, sans-serif;
		margin-bottom:5px
	}
	
.autreActu ul {
	float:left;
	list-style:none
}
.autreActu ul.first {
	width:371px;
	border-right:1px solid #d4c7ae;
	margin-right:74px
}
	.autreActu ul li {
		color:#000;
		font:12px Arial, Helvetica, sans-serif;
		background:url(../images/puce.jpg) no-repeat left 6px;
		padding-left:7px;
		width:309px
	}
		.autreActu ul li a {
			text-decoration:none;
			color:#bb0a40
		}
		.autreActu ul li a:hover {
			text-decoration:underline
		}
		

/*************************/
/* ! Details Actulités ! */
/*************************/

.leftActu {
	float:left;
	margin-right:10px;
}
	.leftActu img {
		margin:29px 0 0 14px;
		text-align:right
	}
	
	.rightActu {
		width:599px;
		float:left
	}
	
	.rightActu h3 {
		color:#baae94;
		font:normal 18px/26px Arial, Helvetica, sans-serif;
		height:26px;
		border-bottom:1px solid #baae94;
		border-top:1px solid #baae94;
		display:block;
		margin:12px 0 5px
	}
	.rightActu span {
		display:block;
		font:11px Arial, Helvetica, sans-serif;
		text-align:right;
		color:#777783
	}

	.rightActu h5 {
		display:block;
		font:bold 14px Arial, Helvetica, sans-serif;
		margin:10px 0 15px
	}
	.rightActu p {
		display:block;
		font:normal 12px Arial, Helvetica, sans-serif;
	}


/****************/
/* ! Produits ! */
/****************/

h3.titre_prod {
	background:url(../images/produit_titre.jpg) no-repeat;
	width:174px;
	height:60px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}

.leftProd {
	float:left;
	margin-right:25px;
}
	.leftProd img {
		margin:8px 0 0 46px;
		text-align:right
	}
	.rightProd {
		float:left;
		margin:30px 0
	}
	.rightProdP {
		margin-bottom:0px;
	}	
		.rightProd ul {
			list-style:none
		}
			.rightProd ul li {
				float:left;
				margin-right:9px;
				width:214px
			}
				.rightProd ul li h3 {
					width:214px;
					height:29px;
					text-align:center;
					font:normal 15px/26px Arial, Helvetica, sans-serif;
					color:#fff;
					/*margin-bottom:1px;*/
					text-transform:uppercase
				}
				.rightProd ul li div {
					min-height:314px;
					height:auto !important;
					height:314px;
					padding:8px 0 27px
				}
					.rightProd ul li div p {
						font:11px Arial, Helvetica, sans-serif;
						padding:8px 0;
						margin:0 10px;
						height:80px;
					}
						.rightProd ul li div p strong {
							font:bold 14px Arial, Helvetica, sans-serif
						}
					.rightProd ul li div span {
						width:172px;
						height:28px;
						display:block;
						margin:5px auto;
						text-indent:-9999px
					}
					.rightProd ul li div a {
						font:bold 11px/18px Arial, Helvetica, sans-serif;
						display:block;
						height:18px;
						text-align:center;
						color:#fff;
						text-decoration:none;
						margin-bottom:1px
					}
				.rightProd ul li.first h3 {
					background:url(../images/bg_assem.jpg) no-repeat left top;
					height:39px;
					line-height:39px;
					margin-bottom:2px;
				}
				.rightProd ul li.first div {
					background:#522821 url(../images/bg_cont_assem.jpg) no-repeat left bottom
				}
				.rightProd ul li.first div p {
					color:#d1c1aa;
					border-bottom:1px solid #8b736b;
					border-top:1px solid #8b736b;
					height:80px;
				}
				.rightProd ul li.first div span {
					background:url(../images/titre_decou.png) no-repeat;
				}
				.rightProd ul li.first div a:hover {
					background:url(../images/hover_produit.png) no-repeat 0 0
				}
				.rightProd ul li.second h3 {
					background:url(../images/bg_pret.jpg) no-repeat left top;
					height:39px;
					line-height:39px;
					margin-bottom:2px;
				}
				.rightProd ul li.second div {
					background:#9a1332 url(../images/bg_cont_pret.jpg) no-repeat left bottom
				}
				.rightProd ul li.second div p {
					color:#fcbccd;
					border-bottom:1px solid #dc3d67;
					border-top:1px solid #dc3d67;
				}
				.rightProd ul li.second div span {
					background:url(../images/titre_decou2.png) no-repeat;
				}
				.rightProd ul li.second div a:hover {
					background:url(../images/hover_produit.png) no-repeat 0 -18px;
					margin-bottom:1px
				}
				
			.rightProd ul li.last {
				margin-right:0
			}
				.rightProd ul li.last h3 {
					background:url(../images/bg_jaune.jpg) no-repeat left top;
					height:39px;
					line-height:39px;
					margin-bottom:2px;
				}
				.rightProd ul li.last div {
					background:#eea73f url(../images/bg_cont_jaune.jpg) no-repeat left bottom
				}
				.rightProd ul li.last div p {
					color:#fff;
					border-bottom:1px solid #ffce54;
					border-top:1px solid #ffce54;
				}
				.rightProd ul li.last div span {
					background:url(../images/titre_decou3.png) no-repeat;
				}
				.rightProd ul li.last div a:hover {
					background:url(../images/hover_produit.png) no-repeat 0 -36px
				}

/**************/
/* ! PRESSE ! */
/**************/

h3.titre_presse {
	background:url(../images/presse_titre.jpg) no-repeat;
	width:212px;
	height:50px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}


/****************/
/* ! SERVICES ! */
/****************/

.topServices {
	position:relative;
	min-height:166px;
	height:auto !important;
	height:166px
}

h3.titre_services {
	background:url(../images/services_titre.jpg) no-repeat;
	width:178px;
	height:55px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}

.topServices img {
	position:absolute;
	right:5px;
	top:-17px
}

ul.services {
	list-style:none;
	position:absolute;
	width:360px;
	left: 306px;
	top: 1px;
}
	ul.services li {
		display:block;
		width:180px;
		float:left;
		margin-bottom:7px
	}
		ul.services li a {
			color:#baae94;
			font:bold 14px Arial, Helvetica, sans-serif;
			background:url(../images/fleche.jpg) no-repeat left 0px;
			padding:5px 0 0 27px;
			text-decoration:none;
			display:block;
			min-height:18px;
			height:auto !important;
			height:18px;
			float:left;
		}
		ul.services li a.selected {
			color:#af012f
		}
	.descrip_services {
		padding-left:48px;
		width:830px
	}
	.descrip_services h3 {
		color:#784522;
		font:bold 14px/19px Arial, Helvetica, sans-serif;
		height:19px;
		border-bottom:1px solid #bca392;
		border-top:1px solid #bca392;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1;
		padding-right:70px
	}
	.descrip_services span {
		display:block;
		font:bold 14px Arial, Helvetica, sans-serif;;
		margin:5px 0
	}

	.descrip_services p {
		display:block;
		font:12px Arial, Helvetica, sans-serif;
	}

/*******************/
/* ! ENTREPRISES ! */
/*******************/

h3.titre_entreprise {
	background:url(../images/entreprise_titre.jpg) no-repeat;
	width:219px;
	height:73px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}

	.descrip_entreprise {
		padding-left:48px;
		width:560px
	}
	.descrip_entreprise h3 {
		color:#784522;
		font:bold 14px/19px Arial, Helvetica, sans-serif;
		height:19px;
		border-bottom:1px solid #bca392;
		border-top:1px solid #bca392;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1;
		padding:0 5px;
		margin:20px 0
	}
	.descrip_entreprise p {
		display:block;
		font:12px Arial, Helvetica, sans-serif;
	}
img.entreprise {
	position:absolute;
	right:30px;
	top:110px
}

/************************/
/* ! MENTIONS LEGALES ! */
/************************/

h3.titre_mentions {
	background:url(../images/mention_titre.jpg) no-repeat;
	width:375px;
	height:53px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}

	.descrip_mentions {
		padding-left:48px;
		width:690px
	}
	.descrip_mentions p {
		display:block;
		font:11px Arial, Helvetica, sans-serif;
		margin-top:15px;
		display:block
	}

/*******************/
/* ! NOS VALEURS ! */
/*******************/

h3.titre_valeurs {
	background:url(../images/valeurs_titre.jpg) no-repeat;
	width:160px;
	height:60px;
	text-indent:-9999px;
	margin:0 0 20px 45px;
}

	.descrip_valeurs {
		padding-left:48px;
		width:877px
	}
	.descrip_valeurs p {
		display:block;
		font:11px Arial, Helvetica, sans-serif;
		margin-bottom:15px;
		display:block
	}
	.descrip_valeurs h3 {
		color:#784522;
		font:bold 14px/19px Arial, Helvetica, sans-serif;
		height:19px;
		border-bottom:1px solid #bca392;
		border-top:1px solid #bca392;
		margin:10px 0 5px;
		width:191px;
		display:block
	}

/********************/
/* ! REVUE PRESSE ! */
/********************/

h3.titre_revue {
	background:url(../images/presse_titre.jpg) no-repeat;
	width:212px;
	height:50px;
	text-indent:-9999px;
	margin:0 0 10px 45px;
}

	.descrip_revue {
		padding-left:45px;
	}
	.descrip_revue a{
		text-decoration:none;
	}
	.descrip_revue p {
		display:block;
		color:#000;
		font:11px Arial, Helvetica, sans-serif;
		display:block;
	}
	.descrip_revue a span {
		display:block;
		font:normal 14px Arial, Helvetica, sans-serif;;
		margin:5px 0;
		color:#000;
	}
	.descrip_revue h3 {
		color:#784522;
		font:bold 13px Arial, Helvetica, sans-serif;
		min-height:37px;
		height:auto !important;
		height:37px;
		border-bottom:1px solid #bca392;
		border-top:1px solid #bca392;
		margin:10px 0 5px;
		display:block;
		padding:3px 0 0 2px
	}
.descrip_revue ul {
	list-style:none;
	overflow:hidden
}
	.descrip_revue ul li {
		width:212px;
		margin-right:15px;
		float:left
	}
	.descrip_revue ul li.last {
		margin-right:0
	}
	.descrip_revue ul li img {
		display:block;
		margin:auto
	}
	.descrip_revue ul li.revue2, .descrip_revue ul li.revue3 {
		width:194px
	}
	.descrip_revue ul li.last {
		width:208px
	}

/*****************/
/* ! LE GROUPE ! */
/*****************/

h3.titre_groupe {
	background:url(../images/groupe_titre.jpg) no-repeat;
	width:159px;
	height:73px;
	text-indent:-9999px;
	margin:0 0 10px 45px;
}

	.descrip_groupe {
		padding-left:45px;
		position:relative;
		top:50px;
		_margin-left:45px;
	}
	.descrip_groupe p {
		font:11px Arial, Helvetica, sans-serif;
		display:block;
		width:557px;
		position:absolute;
		left:200px;
		_left:150px;
		top:-5px;
		z-index:100px;
	}
	img.royal {
		position:absolute;
		left:46px;
		_left:0;
		top:-5px;
		z-index:100px;
	}

/***************/
/* ! CREDITS ! */
/***************/

h3.titre_credits {
	background:url(../images/credits.jpg) no-repeat;
	width:159px;
	height:73px;
	text-indent:-9999px;
	margin:0 0 10px 45px;
}

	.descrip_credits {
	position:absolute;
	top:166px;
	left: 252px;
	}
		.descrip_credits img {
			float:left;
			display:block;
			margin-right:39px
		}
	.descrip_credits p {
		display:block;
		font:bold 11px Arial, Helvetica, sans-serif;
		padding-top:5px;
		float:left
	}
	.descrip_credits p a {
		color:#bf33a4;
		text-decoration:none
	}
	
/***************/
/* ! CONTACT ! */
/***************/

h3.titre_demande {
	background:url(../images/contact_titre.jpg) no-repeat;
	width:264px;
	height:55px;
	text-indent:-9999px;
	margin:0 0 0 45px;
}

p.infos {
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	width:552px;
	position:absolute;
	right: 29px;
	top: 17px;
}

	.descrip_demande {
		padding-left:48px;
		width:560px
	}

form#contact {
	padding-left:48px;
	margin-top:20px;
	position:relative;
	display:block
}
	form#contact fieldset {
		float:left;
		width:301px
	}
	form#contact fieldset.leftSide {
		margin-right:82px
	}
	form#contact p {
		margin-bottom:16px
	}
	form#contact label {
		display:block;
		color:#777;
		font:12px Arial, Helvetica, sans-serif
	}
	form#contact input {
		display:block;
		color:#777;
		font:12px Arial, Helvetica, sans-serif;
		height:17px;
		width:294px;
		border:1px solid #5a5a5a;
		padding:3px 0 0 5px;
		margin-top:3px
	}
	form#contact input#code {
		width:61px;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1;
		margin-right:4px
	}
	form#contact input#ville {
		width:222px;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1
	}
	form#contact select {
		width:97px;
		color:#000;
		font:12px Arial, Helvetica, sans-serif;
		margin-right:4px
	}
	form#contact input#fonction {
		width:189px;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1
	}
	form#contact textarea {
		width:682px;
		overflow-y:auto;
		border:1px solid #5a5a5a;
		height:75px;
		margin-top:3px
	}
	form#contact input#client {
		width:auto;
		display:-moz-inline-block;
		display:inline-block;
		*display:inline;
		zoom:1;
		border:none;
		position:relative;
		top:3px;
		.top:0;
		margin-right:5px;
		.margin-right:0px
	}
	form#contact input#submit {
		position:absolute;
		background:url(../images/btn.jpg) no-repeat;
		width:78px;
		height:21px;
		right:0;
		top:0;
		border:none;
		cursor:pointer
	}
	form#contact p.client {
		position:relative;
		width:682px;
		display:block
	}
		
	form#contact p.client label {
		display:inline
	}
	
h3.titre_coordonne {
	background:url(../images/cor_titre.jpg) no-repeat;
	width:284px;
	height:50px;
	text-indent:-9999px;
	margin:10px 0 0 45px;
}
.coordonne {
	padding:22px 0 0 48px
}
	 .coordonne strong {
		color:#784522;
		font:bold 14px/24px Arial, Helvetica, sans-serif;
		height:24px;
		border-bottom:1px solid #bca392;
		border-top:1px solid #bca392;
		display:block;
		width:114px
	}

 .coordonne p {
	 color:#777783;
	 margin-top:10px;
	 font:12px Arial, Helvetica, sans-serif
 }
 
span.loaderIcon {
	 width:78px; 
	 height:21px;
	 position:absolute; 
	 right:0; 
	 bottom:1px;
	 .bottom:-4px;
	 background:#fff url(../images/ajax-loader.gif) no-repeat center center; 
	 z-index:9; 
	 display:none
 }
ul#response {
	list-style:none;
	padding:10px 0 10px 48px
}
	ul#response li {
		font:italic 12px Georgia, "Times New Roman", Times, serif;
		color:#F00
	}
	ul#response li.success {
		color:#A3917B
	}
	
a.retour{
	text-decoration:none;
	color:#966;
}

a.retour:hover{
	text-decoration:underline;
}

.colorRechette{color:#af032f;}

.delices {
	display:block;
	position:absolute;
	right:19px;
	bottom:28px;
	z-index:12
}