/* @override http://localhost:8080/terranova/css/terranova.css */

html,body {
	background: #fff;
	text-align: center;
	/*

pour corriger le bug de centrage IE */
	width: 100%;
}

#site {
	width: 924px;
	text-align: left;
	background-color: #ffffff;
	height: 680px;
	border: 1px solid #828282;
	margin: 10px auto 0;
	position: relative;
}

#site #logo {
	width: 924px;
	padding-left: 0;
	margin-left: 0;
	height: 104px;
	background: url(../images/fond-arbre.gif) no-repeat;
	padding-top: 20px;
}

#pied p {
	width: 905px;
	text-align: left;
	padding-left: 10px;
	padding-top: 0;
	color: #ccc;
	font: 12px/13px Helvetica, "Trebuchet MS", sans-serif;
	margin: 10px auto 0;
}

#colonne1 {
	float: left;
	width: 648px;
	padding-left: 60px;
}

#navigation {
	/*height: 24px;*/
	width: 100%;
	color: #999;
	font: 10px Helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 17px;
}

#navigation a {
	font: 9px Arial, Helvetica, Geneva, sans-serif;
	color: #424242;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	height: 44px;
}

#navigation a:hover {
	text-decoration: none;
	color: #000;
}

/* @group Magasins */

#flash {
	color: #666;
	font: 10px/12px Helvetica, "Trebuchet MS", sans-serif;
}



/* @end */

/* @group Informations */

#informations {
	width: 239px;
	height: 97px;
	border-bottom: 1px solid #999;
	margin-top: 17px;
	float: left;
	clear: left;
	position: relative;
}

#informations #titre {
	height: 21px;
	color: #787581;
	font: 10px/20px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	float: left;
	padding-left: 118px;
	width: 121px;
	padding-top: 2px;
	background: url(../images/fond-titre-informations.gif) no-repeat;
	overflow: hidden;
}

#informations #NewsVertical {
	clear: left;
	padding-top: 5px;
	width: 238px;
	height: 65px;
}

#informations #NewsVertical h1 {
	font: 14px/16px "Trebuchet MS", sans-serif;
	color: #000;
	margin-top: 2px;
	margin-bottom: 5px;
}

#informations #NewsVertical h2 {
	font: bold 14px/16px "Trebuchet MS", sans-serif;
	color: #bf2207;
	margin-top: 1px;
	/*margin-bottom: 3px;*/
}

#informations #NewsVertical p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #5D5963;
}

#informations #NewsVertical a {
	color: #333;
	display: block;
	font: 11px/12px Helvetica, "Trebuchet MS", sans-serif;
	width: 100%;
	text-align: left;
	margin-top: 3px;
	padding-left: 2px;
}

#informations #NewsVertical a:hover {
	font-weight: bold;
}


/* @end */

/* @group Actualité - Magasins */

.actumag {
	width: 191px;
	height: 98px;
	margin-top: 17px;
	float: left;
	margin-left: 13px;
}

.actumag .titreactumag {
	width: 191px;
	margin-bottom: 3px;
	height: 21px;
}

.actumag #data {
	width: 189px;
	height: 71px;
	border: 1px solid #999;
}

.actumag ul.contenu {
	width: 90px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	padding-top: 4px;
}

.actumag ul.contenu li {
	font: 9px/10px Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	margin-bottom: 5px;
}

.actumag ul.contenu li a {
	color: #333;
	font-size: 11px;
	line-height: 11px;
	margin-top: 10px;
	display: block;
	padding-left: 1px;
}

.actumag ul.contenu li a:hover {
	font-weight: bold;
}

.actumag .contenu img {
	float: left;
	padding-top: 2px;
}

/* @end */

/* @group Catégorie */

#categorie {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#categorie img {
	padding-bottom: 8px;
}

#kwicks_container {
	height: 295px;
	padding-bottom: 11px;
}

ul#kwicks {
	position: relative;
}

ul#kwicks li {
	display: inline;
}

ul#kwicks li a.kwick {
	height: 295px;
	float: left;
	display: block;
	text-decoration:none;
}

/* @end */

/* @group Dock */

#dockvide {
	color: #444;
	font: 12px/14px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-top: 55px;
	height: 50px;
	width: 640px;
}


#dock {
	height: 105px;
}

#dock a img {
	float: left;
	padding-bottom: 0;
}

#dock #fenetre {
	width: 521px;
	height: 105px;
	float: left;
	overflow: hidden;
	position: relative;
}

#dock #fenetre #slide {
	

}

#dock #fenetre #slide .diapo {
	float: left;
	padding: 0;
	position: relative;
}

#dock #fenetre #slide .diapo .reducdock {
	position: absolute;
	top: 7px;
	left: 15px;
}

#dock #fenetre .diapo a {
	width: 120px;
	height: 95px;
	border: 1px solid #5D5963;
	float: left;
	margin-left: 5px;
	background-color: #fff;
	color: #4B4955;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 3px;
}

#dock #fenetre .diapo a:hover,#dock #fenetre .diapo a.active {
	width: 118px;
	height: 96px;
	border: 3px solid #5D5963;
	padding-left: 0px;
	padding-top: 0px;
}

#dock #fenetre .diapo a img {
	margin-bottom: 3px;
	margin-left: 4px;
	margin-top: 2px;
}

#page {
	width: 550px;
	text-align: right;
	color: #4B4955;
	font: bold 11px/13px Helvetica, "Trebuchet MS", sans-serif;
}



/* @end */

/* @group Modèle */

#modele {
	width: 638px;
	height: 306px;
	background-color: white;
	position: relative;
}

#modele #prix {
	position: absolute;
	top: 250px;
	z-index: 2;
	height: 50px;
	right: 250px;
	background-color: transparent;
}

#modele #prix #prixnor {
	color: #807A7F;
	font: 14px Helvetica, "Trebuchet MS", sans-serif;
	text-align: right;
	background-color: #fff;
	text-decoration: line-through;
	margin-right: 5px;
	float: left;
	margin-top: 10px;
}

#modele #prix #prixsol {
	color: #e2001a;
	font: 26px Helvetica, "Trebuchet MS", sans-serif;
	text-align: right;
	background-color: #fff;
	height: 30px;
	float: right;
}

#modele #prix #paiement {
	color: #807A7F;
	font: 10px Helvetica, "Trebuchet MS", sans-serif;
	text-align: right;
	background-color: #fff;
	height: 20px;
	margin-right: 5px;
	clear: left;
	float: left;
	margin-top: 5px;
}

#modele #prix #prixtroisfois {
	color: #e2001a;
	font: 16px Helvetica, "Trebuchet MS", sans-serif;
	text-align: right;
	background-color: #fff;
	height: 20px;
	float: right;
	clear: right;
}

#modele #prix #prixred {
	float: left;
	height: 20px;
	margin-top: 5px;
	background-color: #fff;
}

/*#nav {
	width: 238px;
	height: 24px;
	margin-top: 18px;
	margin-bottom: 0;
	padding-left: 400px;
}*/

#modele #visuel {
	float: left;
	width: 360px;
	height: 236px;
	margin-top: 13px;
	padding-left: 30px;
}

#modele #visuel #magic {
	padding-top: 12px;
	padding-left: 25px;
}

#modele #visuel p {
	color: #807A7F;
	font: 10px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 10px;
	padding-left: 10px;
}

#modele #description {
	/*padding-right: 40px;*/
	/*width: 246px;*/
	float: left;
	margin-top: 13px;
	height: 293px;
}

.onglet {
	background-color: #D4D4D4;
	width: 126px;
	height: 24px;
	float: left;
}

.onglet a {
	height: 24px;
	font: 12px/24px Arial, Helvetica, Geneva, sans-serif;
	color: #424242;
	text-decoration: none;
	/*width: 100px;*/
	text-align: left;
	display: block;
	float: left;
	background: url(../images/rond-noir-onglet.gif) no-repeat 20px 9px;
	text-indent: 18px;
	padding-left: 18px;
}

.onglet a:hover {
	color: #BF2207;
	text-decoration: underline;
	background: url(../images/rond-rouge-onglet.gif) no-repeat 20px 9px;
}

.onglet a.active {
	color: #BF2207;
	text-decoration: underline;
	background: url(../images/rond-rouge-onglet.gif) no-repeat 20px 9px;
}

#modele #description h1 {
	color: #4B4955;
	font: bold 16px/30px Helvetica, "Trebuchet MS", sans-serif;
	width: 210px;
	clear: left;
	padding: 5px 0 0 35px;
	height: 30px;
}

#modele #description h2 {
	padding-left: 35px;
	color: #4B4955;
	font: bold 11px/12px Helvetica, "Trebuchet MS", sans-serif;
	width: 175px;
	height: 12px;
}

#modele #description p {
	color: #978F98;
	font: 11px/13px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 3px;
	height: 130px;
	padding-left: 35px;
	width: 175px;
}

#modele #description #video {
	color: #F23500;
	font: bold 11px/30px Helvetica, "Trebuchet MS", sans-serif;
	border-bottom-style: solid;
	border-color: #5D5963;
	border-width: 1px;
	padding-bottom: 0;
	height: 30px;
	width: 175px;
	margin-left: 35px;
}

#modele #description #video a {
	background: url(../images/fleche-video.gif) no-repeat 0 1px;
	color: #F23500;
	text-decoration: none;
	line-height: 16px;
	padding-left: 12px;
}

#modele #description #video a:hover {
	text-decoration: underline;
}

#modele #description #action {
	width: 100%;
	height: 32px;
	color: #4B4955;
	font: bold 11px/16px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 6px;
	padding-left: 35px;
}

#modele #description #action #zoomplus {
	float: left;
	width: 65px;
}

#modele #description #action #autresvues {
	float: left;
}

#modele #description #action #autresvues a {
	color: #6c727c;
	text-decoration: none;
	font: 11px/15px Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #bdbfc6;
	width: 15px;
	height: 15px;
	display: block;
	text-align: center;
	float: left;
	margin-right: 4px;
}

#modele #description #action #autresvues a:hover,#modele #description #action #autresvues a.actif {
	color: #fff;
	text-decoration: none;
	width: 17px;
	height: 17px;
	display: block;
	text-align: center;
	float: left;
	margin-right: 4px;
	background-color: #6c727c;
	border-style: none;
}

/* @end */

/* @group Detail */

#detail {
	width: 638px;
	height: 419px;
}

#detail #detailcol1 {
	float: left;
	clear: left;
	width: 345px;
	height: 430px;
	padding-top: 10px;
}

#detail #detailcol1 h1 {
	color: #000;
	font: bold 16px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 14px;
	padding-left: 50px;
	height: 24px;
}

#detail #detailcol1 img {
	padding-left: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#detail #detailcol1 p {
	color: #5F5158;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	width: 276px;
	padding: 10px 12px;
	background-color: #DCD9D8;
	margin-left: 22px;
}

#detail #detailcol2 {
	float: left;
	height: 340px;
	border-left: 1px solid #999;
	width: 250px;
	padding-left: 20px;
	margin-top: 26px;
}

#detail #detailcol2 #contenu-detail {
	width: 228px;
	height: 325px;
	float: left;
	overflow: auto;
	padding-right: 5px;
	margin-bottom: 20px;
}

#detail #detailcol2 .scrollbar-vert {
	background-color: #e9e9e9;
	height: 325px;
	width: 13px;
	float: left;
	background-image: url(../images/scrollbar325.gif);
}

#detail #detailcol2 .handle-vert {
	height: 59px;
	width: 11px;
	background: transparent url(../images/ascenseur.gif);
	margin-right: 1px;
	margin-left: 1px;
}

#detail #detailcol2 #contenu-detail h2 {
	color: #362C31;
	font: bold 11px/14px Helvetica, "Trebuchet MS", sans-serif;
	height: 15px;
	clear: left;
	width: 227px;
}

#detail #detailcol2 #contenu-detail p {
	color: #978F98;
	font: 11px/14px Helvetica, "Trebuchet MS", sans-serif;
	margin-bottom: 11px;
}

#detail #detailcol2 #retour {
	font: bold 10px Helvetica, "Trebuchet MS", sans-serif;
	text-align: right;
	text-decoration: none;
	clear: left;
	height: 20px;
}

#detail #detailcol2 #retour a {
	color: #000;
	text-decoration: none;
}

#detail #detailcol2 #retour a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Services */

/*#services {
	width: 644px;
	height: 322px;
	border: 2px solid #A9A3A7;
}*/

#services {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#services h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#services ul {
	padding-top: 31px;
	padding-left: 28px;
	width: 136px;
	float: left;
}

#services ul#menuservices li {
	color: #978F98;
	font: bold 12px/15px Helvetica, "Trebuchet MS", sans-serif;
	background: url(../images/fleche-grise-nav.gif) no-repeat;
	text-indent: 17px;
}

#services ul#menuservices li a {
	color: #978F98;
	text-decoration: none;
}

#services ul#menuservices li a:hover {
	color: #4B4955;
}

#services ul#menuservices li a.actif {
	color: #4B4955;
}

#services #contenu-services {
	width: 379px;
	height: 309px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	overflow: auto;
	padding: 18px 30px 7px 19px;
}

#services #contenu-services h2 {
	font: bold 13px/15px Helvetica, "Trebuchet MS", sans-serif;
	color: #4B4955;
	height: 20px;
}

#services #contenu-services p {
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	color: #807A7F;
}

#services #contenu-services a {
	color: #4B4955	;
	font-weight: bold;
}

#services #contenu-services h5 {
	font: bold 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	color: #807A7F;
}

#services .scrollbar-vert {
	background-color: #e9e9e9;
	height: 346px;
	width: 13px;
	float: left;
	background-image: url(../images/scrollbar346.gif);
	margin-top: 12px;
}

#services .handle-vert {
	height: 59px;
	width: 11px;
	background: transparent url(../images/ascenseur.gif);
	margin-left: 1px;
	margin-right: 1px;
}

#services .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#services .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#services .retour a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Actualités 2 */

#actualites2 {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#actualites2 h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#actualites2 ul {
	padding-top: 31px;
	padding-left: 28px;
	width: 136px;
	float: left;
}

#actualites2 ul#menuactualites2 li {
	color: #978F98;
	font: bold 12px/15px Helvetica, "Trebuchet MS", sans-serif;
	background: url(../images/fleche-grise-nav.gif) no-repeat 0 4px;
	padding-left: 18px;
	border-top: 1px solid #999;
	padding-top: 3px;
	padding-bottom: 3px;
}

#actualites2 ul#menuactualites2 li a {
	color: #978F98;
	text-decoration: none;
}

#actualites2 ul#menuactualites2 li a:hover {
	color: #4B4955;
}

#actualites2 ul#menuactualites2 li a.actif {
	color: #4B4955;
}

#actualites2 #contenu-actualites2 {
	width: 440px;
	height: 309px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	padding-top: 18px;
	padding-bottom: 7px;
	padding-left: 19px;
}

#actualites2 #contenu-actualites2 h2 {
	font: bold 13px/15px Helvetica, "Trebuchet MS", sans-serif;
	color: #4B4955;
	height: 20px;
}

#actualites2 #contenu-actualites2 p {
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	color: #807A7F;
}

#actualites2 #contenu-actualites2 a {
	color: #4B4955	;
	font-weight: bold;
}

#actualites2 #contenu-actualites2 h5 {
	font: bold 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	color: #807A7F;
}

#actualites2 .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#actualites2 .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#actualites2 .retour a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Colonne 2 */

#colonne2 {
	width: 174px;
	float: left;
	margin-left: 19px;
}

#recherche form#find {
	height: 30px;
	width: 170px;
	color: #042C3B;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}

#recherche form#find p input {
	border: 1px solid #ada6ab;
	height: 14px;
	color: #90909f;
	float: left;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	padding: 2px 0 0 8px;
	width: 134px;
}

#recherche form#find a {
	text-decoration: none;
	color: #fff;
	font: 10px/18px Arial, Helvetica, Geneva, sans-serif;
	background-color: #8f8891;
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	margin-left: 3px;
	text-align: center;
}

#recherche form#find a:hover {
	font-weight: bold;
	text-decoration: none;
}

#menu {
	height: 272px;
	background-color: #fff;
}

h1 {
	height: 30px;
}

h3 {
	border-top: 1px solid #999;
	color: #999;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 3px;
	padding-left: 18px;
	padding-bottom: 3px;
	width: 148px;
	background: url(../images/fleche-grise-nav.gif) no-repeat 0 4px;
	height: 14px;
	cursor:pointer;

}

h3 a {
	color: #999;
	text-decoration: none;
}

h3 a:hover {
	color: #999;
}

.element.atStart {
	color: #848b99;
	font: 11px/14px Helvetica, "Trebuchet MS", sans-serif;
	text-indent: 18px;
}

.element.atStart a {
	text-decoration: none;
	color: #848b99;
	display: block;
}

.element.atStart a:hover {
	color: #333;
	background: url(../images/fond-petite-fleche.gif) no-repeat;

}

#nouveau {
	width: 164px;
	height: 168px;
	background-color: #fff;
	border: 1px solid #000;
}

#nouveau #textenouveau {
	height: 55px;
	padding-top: 3px;
}

/*#nouveau #textenouveau h1 {
	padding-left: 9px;
	padding-top: 4px;
	color: #bf2207;
	font: 26px/28px Helvetica, "Trebuchet MS", sans-serif;
}*/

#nouveau #textenouveau p {
	padding-left: 10px;
	padding-right: 9px;
	font: 15px/17px Helvetica, "Trebuchet MS", sans-serif;
	color: #3d3329;
}

#nouveau img {
	margin-left: 11px;
}

#promocheminees {
	position: relative;
}

#cinquante {
	position: absolute;
	top: 46px;
	left: 23px;
}

#promocheminees a img {
	background-color: #fff;
	border: 1px solid #000;
	width: 164px;
	height: 168px;
}

/* @end */

/* @group Google */

#magasins {
	width: 647px;
	height: 437px;
	border: 2px solid #A9A3A7;
}

/* @end */

/* @group Plan du site */

#plandusite {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#plandusite h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#plandusite #contenu-services {
	width: 543px;
	height: 339px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	overflow: auto;
	padding-left: 19px;
	padding-right: 30px;
	padding-bottom: 7px;
}

#plandusite #contenu-services h2 {
	color: #333;
	font: bold 12px/20px Helvetica, "Trebuchet MS", sans-serif;
	width: 547px;
	height: 20px;
	background-color: #dcd9d8;
	padding-left: 10px;
}

#plandusite #contenu-services p {
	color: #414141;
	text-decoration: none;
	font: 13px/15px Helvetica, "Trebuchet MS", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding: 10px;
}

#plandusite #contenu-services p a {
	color: #414141;
	text-decoration: none;
}

#plandusite #contenu-services p a:hover {
	text-decoration: underline;
}

#plandusite #contenu-services .produits {
	color: #999;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 536px;

}

#plandusite .scrollbar-vert {
	background-color: #e9e9e9;
	height: 346px;
	width: 13px;
	float: left;
	background-image: url(../images/scrollbar346.gif);
	margin-top: 12px;
}

#plandusite .handle-vert {
	height: 59px;
	width: 11px;
	background: transparent url(../images/ascenseur.gif);
	margin-left: 1px;
	margin-right: 1px;
}

#plandusite .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#plandusite .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#plandusite .retour a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Recrutement */

#recrutement {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#recrutement h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#recrutement #contenu {
	width: 586px;
	height: 338px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	padding-top: 5px;
	padding-left: 19px;
	padding-bottom: 7px;
}

#recrutement #contenu #texte {
	width: 325px;
	float: left;
	padding-right: 10px;
}

#recrutement #contenu #image {
	float: left;
}

#recrutement #contenu a#pdf-recrutement {
	font: 8px/10px Verdana, Arial, Helvetica, sans-serif;
	height: 12px;
}

#recrutement #contenu #image a:hover {
	text-decoration: underline;
	text-align: right;
	display: block;
}

#recrutement #contenu #texte p,#recrutement #contenu #texte p a {
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	color: #807A7F;
}

#recrutement .titreposte,#recrutement .titreposte a {
	font: bold 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	color: #4B4955;
	height: 20px;
	text-decoration: none;
}

#recrutement .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#recrutement .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#recrutement .retour a:hover {
	text-decoration: underline;
}


/* @end */

/* @group Page contact */

#pagecontact {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#pagecontact h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#pagecontact #contenu {
	width: 586px;
	height: 300px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 0;
	padding-top: 35px;
	padding-left: 19px;
	padding-bottom: 7px;
}

#pagecontact #contenu p {
	color: #807A7F;
	font: 12px Helvetica, "Trebuchet MS", sans-serif;
}

#pagecontact #contenu p input {
	width: 238px;
	height: 16px;
	border-style: none;
	background-color: #ccc;
	margin-top: 2px;
	margin-bottom: 5px;
}

#pagecontact #contenu #colonnea {
	float: left;
	width: 287px;
}

#pagecontact #contenu h2 {
	color: #4B4955;
	font: 14px Helvetica, "Trebuchet MS", sans-serif;
}

#pagecontact #contenu #colonneb {
	float: left;
	width: 293px;
}

#pagecontact #contenu #colonneb #radio {
	color: #807A7F;
	font: 12px/16px Helvetica, "Trebuchet MS", sans-serif;
	height: 24px;
	margin-bottom: 3px;
}

#pagecontact #contenu #colonneb input#titremessage {
	width: 293px;
	height: 15px;
	border-style: none;
	background-color: #ccc;
	margin-top: 2px;
	margin-bottom: 14px;
}

#pagecontact #contenu #colonneb textarea {
	width: 283px;
	height: 160px;
	border-style: none;
	background-color: #ccc;
	color: #000;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding: 5px;
}

#pagecontact #contenu #colonneb #boutonenvoi {
	margin-top: 15px;
	text-align: right;
}

#pagecontact #contenu #colonneb #telephone {
	margin-top: 14px;
	text-align: center;
}

#pagecontact .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#pagecontact .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#pagecontact .retour a:hover {
	text-decoration: underline;
}

/* @group fValidator */

.fValidator-form fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}

.fValidator-form legend {
	padding: 0 5px;
}

.fValidator-form input, select {
	font-family: Arial;
	color: #666;
}

.fValidator-form input {
	padding: 2px;
}

.full {
	width: 100%;
}

.half {
	width: 50%;
	vertical-align: top;
}

.fValidator-msg {
		color: #c00;
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 236px;
}



/* @end */



/* @end */

/* @group Communication */

#communication {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#communication h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#communication #contenu {
	width: 600px;
	height: 300px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	padding-top: 18px;
	padding-bottom: 7px;
	margin-left: 22px;
}


#dockcom {
	height: 170px;
	margin-top: 45px;
}

#dockcom a img {
	float: left;
	padding-bottom: 0;
}

#dockcom #fenetrecom {
	width: 585px;
	height: 170px;
	float: left;
	overflow: hidden;
}

#dockcom #fenetrecom #slidecom {
	

}

#dockcom #fenetrecom #slidecom .diapocom {
	float: left;
	padding: 0;
	margin-left: 10px;
}

#dockcom #fenetrecom #slidecom .diapocom a img {
}

#communication #navigationcom {
	padding-top: 20px;
	width: 585px;
	clear: left;
	height: 50px;
	padding-left: 14px;
}

#communication #navigationcom #precedentcom {
	float: left;
	padding-left: 10px;
	width: 20px;
}

#communication #navigationcom #titrecom {
	float: left;
	text-align: center;
	width: 507px;
	color: #000;
	font: 13px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 5px;
}

#communication #navigationcom #titrecom #petit {
	color: #666;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
}

#communication #navigationcom #suivantcom {
	float: left;
}

#communication .retour {
	clear: left;
	text-align: right;
	padding-right: 42px;
	padding-top: 26px;
}

#communication .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}



/* @end */

/* @group Resultat de recherche */

#resultat-recherche {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;

}

#resultat-recherche h1 {
	width: 570px;
	height: 20px;
	color: #414141;
	font: 12px/20px Helvetica, "Trebuchet MS", sans-serif;
	background-color: #dcd9d8;
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 10px;
}

#resultat-recherche p {
	color: #999;
	font: 12px/20px Helvetica, "Trebuchet MS", sans-serif;
	margin-left: 57px;
	margin-top: 5px;
	border-bottom-color: #666;
}

#resultat-recherche #result {
	color: #414141;
	font: 18px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

#resultat-recherche #contenu-recherche {
	float: left;
	margin-left: 37px;
	margin-top: 10px;
	width: 550px;
	height: 314px;
	overflow: auto;
}

#resultat-recherche #contenu-recherche .element {
	float: left;
	padding: 0;
}

#resultat-recherche #contenu-recherche .element a {
	width: 120px;
	height: 98px;
	border: 1px solid #5D5963;
	float: left;
	margin-left: 5px;
	background-color: #fff;
	color: #4B4955;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 2px;
	padding-top: 2px;
	margin-top: 20px;
}

#resultat-recherche #contenu-recherche .element a:hover,#resultat-recherche #contenu-recherche .element a.active {
	width: 118px;
	height: 96px;
	border: 3px solid #5D5963;
	padding-left: 0px;
	padding-top: 0px;
}

#resultat-recherche #contenu-recherche .element a img {
	/*margin-bottom: 3px;*/
	margin-left: 4px;
	margin-top: 2px;
}

#resultat-recherche .scrollbar-vert {
	background-color: #e9e9e9;
	height: 325px;
	width: 13px;
	float: left;
	background-image: url(../images/scrollbar325.gif);
	margin-top: 0;
}

#resultat-recherche .handle-vert {
	height: 59px;
	width: 11px;
	background: transparent url(../images/ascenseur.gif);
	margin-left: 1px;
	margin-right: 1px;
}

#resultat-recherche .retour {
	clear: left;
	text-align: right;
	padding-right: 40px;
	padding-top: 10px;
}

#resultat-recherche .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#resultat-recherche .retour a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Page Actualités */

#actualites {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
	float: left;
}

#actualites h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#actualites #contenu-actualites {
	width: 543px;
	height: 338px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	overflow: auto;
	padding-left: 19px;
	padding-right: 30px;
	padding-bottom: 7px;
}

#actualites #contenu-new-actualites {
	width: 543px;
	height: 338px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	margin-top: 12px;
	padding-right: 30px;
	padding-bottom: 7px;
	padding-left: 22px;
}

#actualites #contenu-new-actualites .texte h2 {
	color: #333;
	font: bold 18px/20px Helvetica, "Trebuchet MS", sans-serif;
	height: 20px;
	padding-top: 8px;
}

#actualites #contenu-new-actualites .texte p {
	color: #666;
	font: 13px/15px Helvetica, "Trebuchet MS", sans-serif;
	margin-top: 6px;
}

#actualites #contenu-actualites .image {
	width: 176px;
	clear: left;
	float: left;
	margin-bottom: 30px;
}

#actualites #contenu-actualites .texte {
	width: 350px;
	/*padding-top: 10px;*/
	float: left;
	margin-bottom: 30px;
}

#actualites #contenu-actualites .texte h2 {
	color: #000;
	font: bold 12px/14px Helvetica, "Trebuchet MS", sans-serif;
}

#actualites #contenu-actualites .texte p {
	color: #666;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	margin-top: 6px;
}

#actualites .scrollbar-vert {
	background-color: #e9e9e9;
	height: 346px;
	width: 13px;
	float: left;
	background-image: url(../images/scrollbar346.gif);
	margin-top: 12px;
}

#actualites .handle-vert {
	height: 59px;
	width: 11px;
	background: transparent url(../images/ascenseur.gif);
	margin-left: 1px;
	margin-right: 1px;
}

#actualites #magasins-actu {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
	width: 511px;
	float: left;
}

#actualites #magasins-actu a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
	text-align: left;
}

#actualites #magasins-actu a:hover {
	text-decoration: underline;
}

#actualites .retour {
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
	float: left;
}

#actualites .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#actualites .retour a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Page Nos Engagements */

#nosengagements {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#nosengagements h1 {
	color: #4B4955;
	font: 23px/28px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 28px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#nosengagements #contenu-engagements {
	width: 543px;
	height: 339px;
	/*background-color: #E4E1E0;*/
	background-color: #fff;
	float: left;
	margin-top: 12px;
	overflow: auto;
	padding-left: 19px;
	padding-right: 30px;
	padding-bottom: 7px;
}

#nosengagements #certifications {
	width: 105px;
	float: left;
	padding-left: 10px;
	padding-top: 15px;
}

#nosengagements #certifications img {
	margin-bottom: 10px;
}

#nosengagements #manifeste {
	float: left;
	width: 360px;
}

#nosengagements #manifeste h2 {
	color: #4b4955;
	font: bold 13px/15px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
}

#nosengagements #manifeste p {
	color: #807A7F;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding-bottom: 15px;
}

#nosengagements #manifeste a {
	color: #4b4955;
	font: bold 12px/14px Helvetica, "Trebuchet MS", sans-serif;
}

#nosengagements .scrollbar-vert {
	background-color: #e9e9e9;
	height: 346px;
	width: 13px;
	float: left;
	background-image: url(../images/scrollbar346.gif);
	margin-top: 12px;
}

#nosengagements .handle-vert {
	height: 59px;
	width: 11px;
	background: transparent url(../images/ascenseur.gif);
	margin-left: 1px;
	margin-right: 1px;
}

#nosengagements .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#nosengagements .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#nosengagements .retour a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Promo-defilante */

#zonepromo {
	float: left;
	padding-top: 16px;
	padding-left: 59px;
}

/* @group 3 textes */

#cadrepromo1,#cadrepromo2,#cadrepromo3 {
	width: 836px;
	height: 40px;
	background-color: #dbdbdb;
	
	overflow:hidden;
	position: relative;
}

#promo-slide {
	width: 2708px;
	height: 40px;
	position: relative;
	
}

#promo1 {
	width: 836px;
	/*color: #333;*/
	font: 20px/40px Helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
	float: left;
	color: #000;
}

#promo1 a {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

#promo1 a:hover {
	
	color: #f00;
	text-decoration: underline;
}

#promo2 {
	font: 20px/40px Helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
	width: 836px;
	height: 40px;
	position: relative;
	float: left;
	color: #fff;
}

#promo2 a {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

#promo2 a:hover {
	color: #f00;
	text-decoration: underline;
}

#promo3 {
	width: 836px;
	color: #333;
	font: 20px/40px Helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
	float: left;
}

#promo3 a {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

#promo3 a:hover {
	color: #f00;
	text-decoration: none;
}



/* @end */



/* @end */

/* @group Offre Spéciale 06 2008 */

#offrespeciale {
	width: 641px;
	height: 437px;
	border: 2px solid #CBC7C7;
	padding-left: 3px;
	padding-top: 3px;
}

#offrespeciale h1 {
	color: #bf2207;
	font: bold 24px Helvetica, "Trebuchet MS", sans-serif;
	width: 584px;
	height: 30px;
	border-bottom: 1px solid #000;
	padding-top: 18px;
	margin-left: 21px;
}

#offrespeciale #contenu-offre {
	width: 586px;
	height: 346px;
	float: left;
	margin-top: 12px;
	margin-left: 19px;
}

#offrespeciale #contenu-offre #introduction {
	color: #4f4f4f;
	font: 14px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#offrespeciale #contenu-offre #introduction p {
	padding-top: 6px;
}

#offrespeciale #contenu-offre #formulaire {
	width: 300px;
	float: left;
	padding-top: 20px;
}

#offrespeciale #contenu-offre #formulaire p {
	color: #4f4f4f;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;

}

#offrespeciale #contenu-offre #formulaire p input {
	width: 238px;
	height: 16px;
	border-style: none;
	background-color: #ccc;
	margin-top: 2px;
	margin-bottom: 5px;
}

#offrespeciale #contenu-offre #etiquette {
	float: left;
	padding-top: 8px;
}

#offrespeciale #contenu-offre #cases {
	clear: left;
	color: #4f4f4f;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	text-indent: 18px;
}

#offrespeciale #contenu-offre #confirmation {
	padding-top: 100px;
	padding-left: 100px;
}

#offrespeciale #contenu-offre #confirmation p {
	color: #4f4f4f;
	font: 12px/14px Helvetica, "Trebuchet MS", sans-serif;
	padding-top: 11px;
}

.checked{
	background: #fff url(img/checked.gif) no-repeat;
}
.unchecked{
	background: #fff url(img/unchecked.gif) no-repeat;
}

#offrespeciale .retour a {
	color: #000;
	text-decoration: none;
	font: bold 10px/20px Helvetica, "Trebuchet MS", sans-serif;
}

#offrespeciale .retour {
	clear: left;
	text-align: right;
	padding-right: 35px;
	padding-top: 5px;
}

#offrespeciale .retour a:hover {
	text-decoration: underline;
}



/* @end */

.fort {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.noir {
	color: #000;
}

.red {
	color: #fd1509;
}

em {
	font-style: italic;
}
