@charset "iso-8859-1";
/* IMPORTATION DU FICHIER CSS D'ALTITUDE */
@import url("/client/uploads/css/style.css");

/* IMPORTATION DES STYLES DU CALENDRIER */
@import url("/_css/calendrier.css");

/*************************/
/* SÉLECTEURS UNIVERSELS */
/*************************/

/** {
	margin:0;
	padding:0;
}*/

html,body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	background: url(/_images/wrapwebsite_bg.jpg);
	background-position:top left;	
	background-repeat:repeat-x;
	background-color:#3d3e40;
}

/********************/
/* BLOCS PRINCIPAUX */
/********************/

div#wrapwebsite {
	position:relative;
	width:994px;
	height:auto !important;
	min-height:100%;
	margin:auto;
	text-align:left;
}

/* HEADER */

div#wrapwebsite div#wrapheader{
	position:relative;
	height:109px;
	margin-bottom:14px;
}

div#wrapwebsite div#wrapheader div#wrapheadermenuhaut{
	float:left;
	width:100%;
	background-image: url(/_images/menuutil_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	height:23px;
	position:absolute;
	bottom:0;
}

div#wrapheader img#imageheader {
	display:block;
	margin:0;
	position:absolute;
	top:0;
}

div#wrapwebsite div#wrapheader div#wrapheadermenuhaut div#wraprecherche{
	float:right;
	width:140px;
	height:23px;
	position:relative;
	right:14px;
}

div#wrapwebsite div#wrapheader div#wrapheadermenuhaut a#recherchebtn{
	float:left;
	width:24px;
	padding:0;
	margin:0;
}

div#wrapwebsite div#wrapheader div#wrapheadermenuhaut div#wraprecherche input#recherche{
	float:left;
	border:0;
	height:21px;
	width:100px;
	padding-left:7px;
}

div#wrapwebsite div#wrapheader div#wrapheadermenuhaut div#wraprecherche img#rechercheleftside{
	float:left;
}


/* MENU ONGLET*/

div#wrapmenu{
	width:100%;
	float:left;
	position:relative;
	padding-top:10px;
}

div#menuonglet{
	height:42px;
	width:60%;
	padding:0;
	margin:0;
	float:left;
	position:relative;
}
div#menuonglet span.valign {
	height: 42px;
}
div#menuonglet span {
	vertical-align: middle;
	display: inline-block;
}
div#menuonglet a {
	height: 42px;
	width: 123px;
	position: relative;
	list-style-type: none;
	display: inline-block;
	float: left;
	display:table-cell;
	background-image:url(/_images/menuonglet_normal.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
	padding-right:6px;
	cursor:pointer;
	text-decoration:none;
} 

div#menuonglet a.pageactuel {
	height: 42px;
	width: 123px;
	position: relative;
	list-style-type: none;
	display: inline-block;
	float: left;
	display:table-cell;
	background-image:url(/_images/menuonglet_over.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
	padding-right:6px;
	text-decoration:none;
	color:#000;
}

div#menuonglet a:hover {
	height: 42px;
	width: 123px;
	position: relative;
	list-style-type: none;
	display: inline-block;
	float: left;
	display:table-cell;
	background-image:url(/_images/menuonglet_over.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
	padding-right:6px;
	text-decoration:none;
	color:#000;
}

div#menuonglet span.menutexte{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	width:120px;
}

div#menuonglet a:hover span.menutexte{
	color:#000;
}

div#menuonglet a.pageactuel span.menutexte{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}
/* MENU HAUT */

div#wrapheader ul#menuhaut {
	list-style-type:none;
	height:23px;
	float:left;
	padding:0;
	margin:0;
}

div#wrapheader ul#menuhaut li {
	float:left;
	position:relative;
	z-index:4;
	padding:0;
	margin:0;
	padding-left:3px;
	background-image:url(/_images/menuhautonglet_bg.jpg);
	background-repeat:repeat-x;
	background-position:left;
	height:23px;
}

div#wrapheader ul#menuhaut li.actuel {
	float:left;
	position:relative;
	z-index:4;
	padding:0;
	margin:0;
	padding-left:3px;
	background-image:url(/_images/menuhautonglet_bgover.jpg);
	background-repeat:repeat-x;
	background-position:left;
	height:23px;
}

div#wrapheader ul#menuhaut li.first {
	padding-left:7px;
}

div#wrapheader ul#menuhaut li img{
	padding:0;
	margin:0;
}

div#wrapheader ul#menuhaut li a {
	color:#FFF;
	text-decoration:none;
	float:left;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	padding-right:3px;
	padding-top:4px;
	background-image:url(/_images/menuhaut_puce.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:24px;
}

div#wrapheader ul#menuhaut li.actuel a {
	background-image:url(/_images/menuhaut_puceover.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:24px;
}

div#wrapheader ul#menuhaut li a img.menuhautpuce{
	float:left;
	margin-top:-4px;
	padding-right:3px;
}

div#wrapheader ul#menuhaut li img.last{
	position:relative;
	left:6px;
}


div#wrapheader ul#menuhaut li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapheader ul#menuhaut li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapheader ul#menuhaut li a:hover, div#wrapheader ul#menuhaut li.allume a {
	text-decoration:underline;
}

/* SOUS MENU HAUT */

div#wrapheader ul#menuhaut li ul.sousmenu {
	list-style-type:none;
	position:absolute;
	top:105%;
	left:5px;
	visibility:hidden;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
}

div#wrapheader ul#menuhaut li ul.sousmenu li {
	display:inline;
	float:none;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a {
	display:block;
	font-size:1em;
	width:150px;
	padding:5px;
	text-decoration:none;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a:hover {
	background-color:#5F7E94;
}


/********************/

/* MENU BAS */

div#wrapfooter ul#menubas {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align: center;
	float:left;
	padding-top:22px;
	
}

div#wrapfooter ul#menubas li {
	position:relative;
	z-index:4;
	display:block;	
	background-image:url(/_images/menubas_bg.png);
	background-position:left;
	background-repeat:no-repeat;
	width:644px;
	height:22px;
	margin-bottom:4px;
}

div#wrapfooter ul#menubas.notindex li {
	position:relative;
	z-index:4;
	display:block;	
	background-image:url(/_images/menubas_bg2.png);
	background-position:left;
	background-repeat:no-repeat;
	width:980px;
	height:22px;
	margin-bottom:4px;
}

div#wrapfooter ul#menubas li a {
	text-decoration:none;
	color:#026aa4;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	padding-top:4px;
	padding-left:12px;
}

div#wrapfooter ul#menubas li a:link {
	text-decoration:none;
}

div#wrapfooter ul#menubas li a:visited {
	text-decoration:none;
}

div#wrapfooter ul#menubas li a:hover, div#wrapfooter ul#menubas li.allume a {
	text-decoration:underline;
}

/* SOUS MENU BAS */

div#wrapfooter ul#menubas li ul.sousmenu {
	list-style-type:none;
	visibility:visible;
	margin:0;
	padding:0;
	float:left;
	padding-left:15px;
	position:absolute;
	left:100px;
}

div#wrapfooter ul#menubas li ul.sousmenu li {
	display:inline;
	float:none;
	padding:0;
	margin:0;
}

div#wrapfooter ul#menubas li ul.sousmenu li.menubaspacer {
	display:inline;
	float:none;
	padding:0;
	margin:0;

	width:3px;
	height:11px;
	padding-left:7px;
	position:relative;
	top:2px;
}

div#wrapfooter ul#menubas li ul.sousmenu li a {
	display:block;
	font-size:1em;
	text-decoration:none;
	color:#fff;
	text-transform:none;
	font-weight:normal;
	padding:0;
	padding-top:4px;
	padding-left:3px;
	background-image:url(/_images/menuutil_spacer.jpg);
	background-position:right 7px;
	background-repeat:no-repeat;
	padding-right:6px;
}

div#wrapfooter ul#menubas li ul.sousmenu li a.last {
	display:block;
	font-size:1em;
	text-decoration:none;
	color:#fff;
	text-transform:none;
	font-weight:normal;
	padding:0;
	padding-top:4px;
	padding-left:3px;
	background-image:none;
	padding-right:6px;
}



div#wrapfooter ul#menubas li ul.sousmenu li a:hover {
	text-decoration:underline;
}


/* MENU UTILITAIRE */

div#wrapheader ul#menuutil {
	list-style-type:none;
	margin:0px;
	padding: 20px 10px 5px 5px;
	text-align: right;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

div#wrapheader ul#menuutil li {
	position:relative;
	z-index:4;
	display:inline;	
	margin:0 2px;
}

div#wrapheader ul#menuutil li.menuutilspacer{

	height:11px;
	position:relative;
	z-index:6;
	display:inline;	
	padding-left:7px;
	padding-right:0;
	margin:0;
	margin-left:3px;
}

div#wrapheader ul#menuutil li a {
	text-decoration:none;
	color:#ffffff;
	background-image:url(/_images/menuutil_spacer.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:7px;
}

div#wrapheader ul#menuutil li a.lastutil {
	text-decoration:none;
	color:#ffffff;
	background-image:none;
	padding-right:7px;
}

div#wrapheader ul#menuutil li a:link {
	text-decoration:none;
}

div#wrapheader ul#menuutil li a:visited {
	text-decoration:none;
}

div#wrapheader ul#menuutil li a:hover, div#wrapfooter ul#menubas li.allume a {
	text-decoration:underline;
}

/* SOUS MENU UTILITAIRE */

div#wrapheader ul#menuutil li ul.sousmenu {
	list-style-type:none;
	position:absolute;
	top:110%;
	left:5px;
	visibility:hidden;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
}

div#wrapheader ul#menuutil li ul.sousmenu li {
	display:inline;
	float:none;
}

div#wrapheader ul#menuutil li ul.sousmenu li a {
	display:block;
	font-size:1em;
	width:150px;
	padding:5px;
	text-decoration:none;
}

div#wrapheader ul#menuutil li ul.sousmenu li a:hover {
	background-color:#5F7E94;
}


/**********************/



/* ZONE DE GAUCHE / MENU GAUCHE */

div#wrapleftpanel {
	clear: both;
	width:155px;
	float:left;
	padding-bottom:20px;
}

div#wrapleftpanel ul#menugauche {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#wrapleftpanel ul#menugauche li {
	position:relative;
	display:inline;
	z-index:2;
}

div#wrapleftpanel > ul#menugauche li {
	display:block;
}

div#wrapleftpanel ul#menugauche li a {
	display:block;
	background-repeat:repeat-x;
	background-image: url(/_images/background_menu.gif);
	width:auto;
	padding:2px 10px;
	height:17px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:hover, div#wrapleftpanel ul#menugauche li.allume a {
	color:#FFF;
	text-decoration:underline;
	background-image: url(/_images/background_menu_over.gif);
}

div#wrapleftpanel ul#menugauche li a:active {
	color:#FFF;
	text-decoration:none;
}

/* SOUS MENU GAUCHE */

div#wrapleftpanel ul#menugauche li ul.sousmenu {
	position:absolute;
	visibility:hidden;
	top:0;
	left:100%;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a {
	width:150px;
	padding:5px;
	background-image:none;
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:link {
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:visited {
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:hover {
	background-image:none;
	background-color:#5F7E94;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:active {
	background-color:#5F7E94;
}

/* CONTENU */

div#wrapwebsite div#wrapcontent {
	float:left;
	width:994px;
	background-image:url(/_images/wraptexte_bg.png);
	background-position:top left;
	background-repeat:repeat-y;	
}

div#wrapwebsite div#wrapindex{
	margin:10px;
	margin-bottom:0;
	border:1px solid #000000;
	min-height:299px;
	position:relative;
	width:958px;
	background-color:#eaeaec;
}

/* Menu INDEX */
div#indexmenugauche{
	width:214px;
	padding-left:13px;
	padding-top:13px;
}

div#indexmenugauche span.valign{
	height: 58px;
}

div#indexmenugauche a{
	background-image:url(/_images/menugauche_bg.png);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	height: 58px;
	position: relative;
	list-style-type: none;
	/*display: inline-block;*/
	float: left;
	/*display:table-cell; */
	width:214px;
	color:#ffffff;
	margin-bottom:13px;
	text-decoration:none;
}

div#indexmenugauche a:visited{
	color:#ffffff;
	text-decoration:none;
}

span.menugauchediv{
	width:145px;
}
div#indexmenugauche a span{
	vertical-align: middle;
	display: inline-block;
	color:#ffffff;
	padding-left:12px;
	text-decoration:none;
	font-size:14px;
}

div#indexmenugauche a:hover{
	background-image:url(/_images/menugauche_bg_over.png);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	height: 58px;
	position: relative;
	list-style-type: none;
	/*display: inline-block;*/
	float: left;
	/*display:table-cell; */
	width:214px;
	color:#ffffff;
	margin-bottom:13px;
	text-decoration:none;
}

div#indexmenugauche a span:hover{
	text-decoration:none;
}

div#wrapindex div#indexcontent{
	background-image:url(/_images/indexcontent_bg.png);
	background-position:top left;
	background-repeat:repeat;
	height:282px;
	width:296px;	
	position:absolute;
	right:8px;
	top:8px;
}

div#wrapindex div#indexcontent div#indexcontent_img{
	padding-left:18px;
	padding-top:5px;
}

div#wrapindex div#indexcontent div#indexcontent_title{
	font-size:16px;
	padding-top:15px;
	padding-left:21px;
}

div#wrapindex div#indexcontent div#indexcontent_desc{
	padding-top:10px;
	padding-left:21px;
}

div#wrapindex div#indexcontent div#indexcontent_btn{
	padding-top:10px;
	padding-left:21px;
	float:left;
}

div#wrapindex div#indexcontent div#indexcontent_btn a#indexcontent_ancor{
	cursor:pointer;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}	

div#wrapindex div#indexcontent div#indexcontent_btn span#indexcontent_btncontent{
	float:left;
	width:80px;
	height:41px;
	background-image:url(/_images/indexcontent_btn.png);
	background-position:left top;
	background-repeat:repeat-x;
	padding-top:12px;
	padding-left:12px;
}

/* PROMOTIONS */
div#wrappromotions{
	float:left;
	width:100%;
	height:147px !important;
	height: expression( this.scrollHeight > 147px ? "147px" : "auto" );
	display:inline-block;
	padding:0;
	margin:0;
}

div#wrappromotions div.promotionsdiv{
	background-color:#676769;
	float:left;
	width:291px;
	height:127px;
	padding:10px;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage{
	float:left;
	border:1px solid #000000;
	width:289px;
	height:125px;
	background-image:url(/_images/promotion_bg.jpg);
	background-position:left;
	background-repeat:repeat-x;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotionimage{
	float:left;
	width:131px;
	height:125px;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotioncontent{
	position:relative;
	height:125px;
	width:155px;
	float:left;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotioncontent div.promotiontexte{
	color:#ffffff;
	font-size:15px;
	padding-top:20px;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotioncontent div.promotiontexte a{
	color:#ffffff;
	/*font-weight:bold;*/
	text-decoration:underline;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotioncontent div.promotionbtn{
	float:left;
	position:absolute;
	bottom:0;
	left:7px;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotioncontent div.promotionbtn div.btncontent{
	background-image:url(/_images/promotion/promotion_btncontent.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	width:132px;
	height:29px;
	color:#ffffff;
	font-weight:bold;
	padding-top:6px;
}

div#wrappromotions div.promotionsdiv div.promotionzoneaffichage div.promotioncontent div.promotionbtn span.btncontent{
	background-image:url(/_images/promotion/promotion_btncontent.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	width:132px;
	height:29px;
	color:#ffffff;
	font-weight:bold;
	padding-top:6px;
	cursor:pointer;
	text-decoration:none;
}

div#wrappromotions div.promotionspacer{
	float:left;
	width:23px;
	height:50px;
}
/* FOOTER */


div#wrapcontentfooter{
	background-image:url(/_images/zoneproduit_bgbottom.png);
	background-repeat:no-repeat;
	background-position:left;
	width:994px;
	height:23px;
	float:left;
}

div#wrapfooter {
	text-align:center;
	width:100%;
	float:left;
	margin-bottom:20px;
}

div#promotionmenubas{
	border:1px solid #000000;
	position:relative;
	left:24px;
	top:22px;
	float:left;
}

/***************************/
/* TEXTES, LISTES ET LIENS */
/***************************/

/* GÉNÉRAL */

div#wrapcontent h1 {
	font-size:20px;
	color:#004EA6;
	margin-top:0;
	margin-bottom:10px;
	color:#006cbb;
	font-style:italic;
	font-weight:bold;
}
div#wrapcontent h2 {
	font-size:16px;
	margin-top:0;
	margin-bottom:0;
	color:#006cbb;
	font-style:italic;
	font-weight:bold;
}

div#wrapcontent ul {
	list-style-type:disc;
	margin:10px auto;
}

div#wrapcontent p {
	font-size:1em;
	padding:0;
	margin:0;
}

div#wrapcontent a {
	color:#4989d3;
	text-decoration:none;
}

div#wrapcontent a:link {
	color:#4989d3;
	text-decoration:none;
}

div#wrapcontent a:visited {
	color:#4989d3;
	text-decoration:none;
}

div#wrapcontent a:hover {
	text-decoration:none;
}

div#wrapcontent a:active {
	text-decoration:none;
}

/* PRIMEUR */

div#wrapzoneprimeurstexte {
	margin:auto 20px;
}

div#wrapzoneprimeurstexte div.titreprimeur {
	font-size:1.4em;
}

/***************/
/* FORMULAIRES */
/***************/

form fieldset {
	padding:5px;
	margin:10px auto;
}

form fieldset legend {
	font-size:1.5em;
	padding:5px;
}

form label {
	float:left;
	text-align:right;
	margin-top:2px;
	margin-right:10px;
	width:35%;
	font-size:1em;
}

form p {
	margin:10px auto;
	clear:both;
}

form p#soumettre, form p.soumettre {
	margin-top:20px;
	text-align:left;
}


form fieldset div.groupechoix {
	float:left;
	width:350px;
	margin-bottom:10px;
}

form fieldset div.groupechoix p {
	margin:0 0 10px 0;
}

form fieldset div.groupechoix p label {
	display:inline;
	float:none;
	margin-left:5px;
}

/* Message global de formulaire (unique) */
form p#messageerreur {
	display:none;
	background-color:#FFEFEF;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/* Erreur de champ */
form p.erreurchamp {
	display:none;
	margin-left:37%;
	margin-right:70px;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/***********************/
/* MOTEUR DE RECHERCHE */
/***********************/

table#moteurrecherche {
	border-collapse:collapse;
	margin-top:15px;
	width:100%;
}


table#moteurrecherche tr.ligne1 {
	background-color:#EEE;
}

table#moteurrecherche tr.ligne2 {
	background-color:#EEE;
}


table#moteurrecherche th {
	width:20px;
	padding:2px;
}

table#moteurrecherche td {
	padding:2px;
}

/************/
/* CONTACTS */
/************/

table.departement {
	width:100%;
	margin-bottom:10px;
}

table.departement thead th {
	padding:5px;
	background-color:#F9F9F9;
}

table.departement tbody td, table.departement tbody th {
	padding-left:20px;
}

table.departement tbody th {
	padding-top:10px;
}

form#recherchecontact fieldset {
	padding:5px 30px;
}

form#recherchecontact label {
	display:inline;
	text-align:left;
	float:none;
	margin-left:10px;
}

form#recherchecontact div.groupe {
	float:left;
	width:50%;
}

/****************/
/* PLAN DE SITE */
/****************/

ol#plandesite {
	list-style-type:none;
	margin-left:0;
}

ol#plandesite li {
	margin:5px auto;
}

ol#plandesite li.section {
	margin:10px auto;
	font-weight:bold;
}

ol#plandesite ol.soussections {
	list-style-type: square;
}

ol#plandesite ol.soussections li {
	font-weight:normal;
}

ol#plandesite ol.soussections ol.fiches {
	list-style-type: circle;
}

ol#plandesite ol.soussections ol.fiches li {
	font-weight:normal;
}

/******************/
/* MODULE SONDAGE */
/******************/


div#sondage {
	background-color:#F5F5F5;
	width:250px;
	margin-top:10px;
	border:1px outset #333;
	text-align:center;
}

div#sondage h2 {
	margin:0;
	padding:5px;
	border:1px inset #333;
}

div#sondage h3 {
	margin:0;
	background-color:#FFF;
	border:1px outset #333;
	padding:5px;
	font-size:1em;
}

div#sondage form p {
	text-align:left;
}

div#sondage label {
	margin-left:30px;
}

div#sondage p.soumettre{
	text-align:center;
}

table#sondage_resultats {
	margin:10px;
	width:225px;
	text-align:left;
}

table#sondage_resultats div.barreresultats_fond {
	height:3px;
	border:1px inset #333;
	font-size:0px;
}

table#sondage_resultats div.barreresultats_dessus {
	height:3px;
	background-color:#00F;
}

/********/
/* MISC */
/********/

a img {
	border:none;
}

hr.clear {
	visibility:hidden;
	height:0px;
	clear:both;
}

#outils_ariane{
	float: left;
	padding: 5px;
}

#outils_sendtofriend{
	float: right;
	padding: 5px;
}
#outils_print{
	float: right;
	padding: 5px;
}

/***************/
/* ENVOYER A UN AMI */
/***************/
.sendfriend_box{ display: none; width: 450px; height: 300px; position: absolute; top: 30%; left: 30%; background-color: #FFFFFF; border: 1px solid #000; padding: 20px; z-index: 150; }
.sendfriend_btnClose{ position: absolute; top: 0; right: 0px; }
.sendfriend_titre{ font-size: 16px; }
.sendfriend_note{ font-size: 10px; font-style: italic; }
.sendfriend_vosinfo{ width: 45%; float: left; }
.sendfriend_infoami{ width: 45%; float: right; }
.sendfriend_message{ clear: both; }
.sendfriend_box label{ padding: 0; margin: 0; width: 100%; text-align: left; }
.sendfriend_soumettre{ clear: both; }
.sendfriend_delete{ clear: none; padding: 0; margin: 0; display: block; width: 45%; float: left; }
.sendfriend_submit{ clear: none; padding: 0; margin: 0; display: block; width: 45%; float: right; }	


/***************/
/* Fil d'ariane */
/***************/
ul#ariane {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#ariane li {
	display:inline-block;	
	margin:0;
	padding:0 4px 0 6px;
	background: no-repeat url(/_images/ariane_separateur.gif) top left;
}

ul#ariane li.premier {
	background-image: none;
}


/* MENU ROUGE */

div#wrapwebsite ul#menurouge {
	list-style-type:none;
	float:right;
	padding:0;
	margin:0;
	width:35%;
	position:absolute;
	vertical-align:bottom;
	bottom:1px;
	right:14px;
}

div#wrapwebsite ul#menurouge li {
	float:right;
	position:relative;
	z-index:4;
	padding:0;
	margin:0;
	background-image:url(/_images/menurouge_btn.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:19px;
	width:152px;
	margin-left:5px;
	text-align:center;
	top:1px;
}


div#wrapwebsite ul#menurouge li img{
	padding:0;
	margin:0;
}

div#wrapwebsite ul#menurouge li a {
	padding-top:4px;
	color:#FFF;
	text-decoration:none;
	float:left;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	width:100%;
}

div#wrapwebsite ul#menurouge li a img.menuhautpuce{
	float:left;
}


div#wrapwebsite ul#menurouge li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapwebsite ul#menurouge li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapwebsite ul#menurouge li a:hover, div#wrapheader ul#menuhaut li.allume a {
	text-decoration:underline;
}

/* SOUS MENU HAUT */

div#wrapwebsite ul#menurouge li ul.sousmenu {
	list-style-type:none;
	position:absolute;
	top:105%;
	left:5px;
	visibility:hidden;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
}

div#wrapwebsite ul#menurouge li ul.sousmenu li {
	display:inline;
	float:none;
}

div#wrapwebsite ul#menurouge li ul.sousmenu li a {
	display:block;
	font-size:1em;
	width:150px;
	padding:5px;
	text-decoration:none;
}

div#wrapwebsite ul#menurouge li ul.sousmenu li a:hover {
	background-color:#5F7E94;
}


/* WRAPINDEX */
div#wrapwebsite div#wraptexte{
	margin:10px;
	margin-bottom:0px;
	border:1px solid #000000;
	position:relative;
	width:930px;
	background-color:#eaeaec;
	padding:14px;
}

div#wrapwebsite div#zoneproduit{
	background-image:url(/_images/zoneproduit_bg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	width:994px;
	float:left;
	margin-top:10px;

}

div#wrapwebsite div#produit_leftzone{
	background-color:#eaeaec;
	width:323px;
	float:left;
	margin-bottom:10px;
	padding-top:14px;
	position:relative;
	left:10px;
}

div#wrapwebsite div#produit_leftzone div.texte{
	padding-left:14px;
	float:left;
	width:309px;
}

div#wrapwebsite div#produit_rightzone{
	width:627px;
	min-height:127px;
	float:left;
	margin-right:10px;
	position:relative;
	left:20px;
}

div#wrapwebsite div#produit_rightzone div#rightzone_grosseimage{
	margin:0;
	padding:0;	
	width:626px;
}

div#wrapwebsite div#produit_rightzone div#rightzone_grosseimage img{
	max-width:626px;
	width: expression(document.body.clientWidth < 626? "626px" : document.body.clientWidth > 626? "626px" : "auto");
}

div#wrapwebsite div#produit_rightzone div#rightzone_haut{
	position:relative;
	margin-bottom:10px;
	display:inline-block;
}

div#wrapwebsite div#produit_rightzone div#rightzone_shadowtext{
	background-image:url(/_images/galerie_shadow.png);
	background-position:left;
	background-repeat:repeat-x;
	width:617px;
	height:23px;
	float:left;
	position:absolute;
	bottom:0;
	padding-top:7px;
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
	font-style:italic;
}	

div#wrapwebsite div#produit_rightzone div#rightzone_bas{
	padding-top:14px;
	padding-bottom:14px;
	width:627px;
	float:left;
	background-color:#9b9da0;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_bgbas{
	background-color:#9c9da1;
	width:627px;
	float:left;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_galerie{
	width:613px;
	padding-left:14px;
	margin-right:0;
	float:left;	
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_galerie div.rightzone_imgborder{
	background-color:#c7c8ca;
	width:127px;
	height:78px;
	padding:6px;
	float:left;
	margin-right:14px;
	margin-bottom:14px;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_galerie div.rightzone_imgborder div.rightzone_image{
	width:125px;
	height:76px;
	float:left;
	position:relative;
	border:1px solid;
	margin:0;
	text-align:center;
	overflow:hidden;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_galerie div.rightzone_imgborder div.rightzone_image img{
	max-width:125px;
	height:76px;
	padding:0;
	margin:0;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_galerie div.rightzone_imgborder div.rightzone_loupe{
	position:absolute;
	right:0;
	bottom:0;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_galerie div.rightzone_imgborder div.rightzone_loupe img{
	height:auto;
}

div#wrapwebsite div#produit_rightzone div#rightzone_bas div#rightzone_texte{
	float:left;
	width:139px;
	height:100px;
}


/* Easy Slider */

#slider{
	position: absolute;
}

#slider ul{
	position: absolute;
	top: -10px;
}
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:958px;
	height:299px;
	overflow:hidden;
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-38px;
	top:110px;
}	
#nextBtn{ 
	left:959px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:40px;
	height:77px;
	background:url(/_images/leftarrow.png) no-repeat 0 0;	
}	
#nextBtn a{ 
	background:url(/_images/rightarrow.png) no-repeat 0 0;	
}												




