* {
	margin			: 0;
	padding			: 0;
}

body{


	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	text-align :center;

	background-color 	: #ffffff;
	background-size		: 100%;
	background-repeat	: no-repeat;
	background-position : 0px 35px;

}

#main-container {
	position	: absolute;
	top			: 0;
	left		: 0;
	z-index		: 50;
	width		: 100%;

}




#menu-zone
{

	 margin-top			: 5px;
	 margin-left		: 200px;

 	 width				: 750px;
     height				: 21px;
	 letter-spacing		: 1px;
	 border				: 0px #000 solid;
}


#logo{
	float 			: right;
	margin-right	: 5px;
	margin-top		: 10px;
}

#top {
	border					: 0px solid #FFF;
	height					: 140px;
}

#bottom{

	height			: 40px;
	font			: normal normal normal 10px Arial, Helvetica, sans-serif;
	color			: #333333;
	letter-spacing	: 1px;
}




#toolbar {
	border					: 0px solid #FFF;
	height					: 35px;
	color					: #FFF;
	background-color 		: #000;


}


#main-homepage
{
     width				: 100%;
     height				: 440px;
     border				: 0px solid #000;
	 }

#main-common
{
     width				: 100%;
     height				: 440px;
     border				: 0px solid #000;

	}




#centre, #centre-common, #centre-top, #centre-bottom, #centre-toolbar {
	width			: 960px;
	margin			: 0px auto;
	position		: relative;
	text-align		: justify;
	color			: #333333;
	font			: normal normal normal 10px Arial, Helvetica, sans-serif;
	letter-spacing	: 1px;
	border			: 0px solid #FFF;
	z-index			: 1;
}


#centre-toolbar 				{ 	overflow: hidden;  }

#centre-toolbar .accordion 		{  margin-top : 8px; margin-left : 5px; }

#centre-toolbar a 				{ color : #FFF; font-size : 12px; text-transform: uppercase; }

#centre-bottom {  width			: 930px; text-align: center;}



#centre-common, #centre {
	height				: 440px;
	overflow			: hidden;
	background-image	: url(../img/gui/bkg/centre.png);
}

#cartefrance{

	position		: absolute;
	float			: right;
	margin-top		: -5px;
	margin-left		: -10px;
	z-index			: 10;
	border 			: 0px #000 solid;
}


#centre-top #droite
{
  	 float 			: right;
  	 text-align		: right;
	 width			: 150px;
	 height			: 25px;
	 margin-top		: 26px;
     border			: 0px   #FFF solid;


}


#col_1_homepage{
	padding 		: 0;
	float			: left;
	width			: 420px;
	height			: 390px;
	margin-left		: 12px;
	margin-top		: 8px;
	border 			: 0px #000 solid;
}




#col_1_common{
	padding 		: 0;
	float			: left;
	width			: 420px;
	height			: 390px;
	margin-left		: 12px;
	margin-top		: 8px;
	border 			: 0px #000 solid;
	}









#col_2_homepage{

	float 			: right;
	width			: 500px;
	height			: 390px;
	text-align		: left;
	border 			: 0px #000 solid;
	margin-top 		: 8px;
	margin-right	: 15px;

	overflow: hidden;
}



#col_2_common{
	float 			: right;
	width			: 500px;
	height			: 390px;
	text-align		: left;
	border 			: 0px #000 solid;
	margin-top 		: 8px;
	margin-right	: 15px;
	overflow: hidden;
}



#cycle1{
	position	: relative;
	width		: 100%;
	height		: 100%;
	border		: 0px solid #FFF;
}


#boncadeaubig, #boncadeaubig {
	position	: relative;
	float		: right;
	width 		: 275px;
	height		: 150px;


	z-index		: 99;
	margin-top	: -180px;
	overflow	: visible;
}


#adresse {


	width			: 420px;
	height			: 275px;
	float 			: left;
	margin-left		: 0px;
	margin-right	: 10px;
	margin-top		: 5 px;
	margin-bottom	: 10px;
	border			: 1px #E7E7E7 solid;
	padding-left	: 7px;
	background-image: url(../img/bkg/white-60.png);
	background-repeat: repeat;}



/****************************************************/



/****************************************************/

#col_1_homepage #texte {
width			: 400px;
margin-left		: 15px;

margin-top		: 10px;
border 			: 0px #000 solid;

font-size		: 11px;
text-align		: center;
font-weight		: bold;
color			: #666666;}

#col_1_common #texte {
	width			: 395px;
	height			: 210px;

	margin-left		: 20px;
	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;
	overflow		: hidden;
}

#col_1_common #textemaxheight {
	width			: 395px;
	height			: 330px;

	margin-left		: 20px;
	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;
	overflow-y		: scroll;
}

#col_1_common #contenu {
	width			: 395px;
	height			: 360px;

	margin-top		: 15px;
	margin-left		: 20px;

	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;


	overflow-y		: scroll;
}

#col_1_common #contenu-2 {
	width			: 395px;
	height			: 320px;

	margin-top		: 15px;
	margin-left		: 20px;

	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;


	overflow-y		: auto;

}

#col_1_common #contenu-2 {
	width			: 395px;
	height			: 320px;

	margin-top		: 15px;
	margin-left		: 20px;

	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;


	overflow-y		: auto;

}

#col_1_common #contenu-2 {
	width			: 395px;
	height			: 320px;

	margin-top		: 15px;
	margin-left		: 20px;

	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;

		overflow-y		: auto;

}

#col_1_common #textescroll {
	padding-right	: 15px;

	width			: 395px;
	height			: 380px;
	margin-left		: 20px;
	margin-top		: 10px;
	border 			: 0px #000 solid;
	font-size		: 11px;
	text-align		: left;

	overflow-y		: scroll;
	overflow-x 		: hidden;

}


#col_1_common #textescroll-2 {
	padding-right	: 15px;
	width			: 395px;
	height			: 320px;
	margin-left		: 20px;
	margin-top		: 10px;
	font-size		: 11px;
	text-align		: left;

	overflow-y		: scroll;


}


#padding{

	margin-left		: 20px;
	margin-top		: 10px;
	overflow 		: hidden;
}

#plusproduits{
	width			: 135px;
	margin-bottom	: 5px;
	float			: left;
	text-align 		: center;
	border 			: 0px #000 solid;
}

#col_2_homepage #photo, #col_2_common #photo {
	margin-top 		: 2px;
	width			: 480px;
	height			: 380px;
	overflow		: hidden;

}

#col_2_common #photo #legende{
	margin-top 		: 2px;
	height			: 20px;
	font-size		: 11px;
	text-align		: right;
	overflow		: hidden;

}


#col_2_homepage #mask, #col_2_common #mask {

	position			: absolute ;
	width				: 480px;
	height 				: 385px;
	background-image	: url(../img/gui/bkg/mask.png);
	background-repeat	: repeat-y;
	border				: 0px #000 solid;
	top 				: 35px;

	z-index		: +3;
	clear 		: both;
}

#slideshow{
	z-index :2;


}

/****************************************************/




#bouton-panier{
	float				: left;
	margin-left			: 15px;
	margin-bottom		: 10px;
	width				: 175px;
	height				: 20px;
	line-height			: 20px;
	background-color	: #989898;
		color			: #FFFFFF;
		text-align		: center;
}


#bouton-modifier {
			border				: 0px #000 solid;
			float 				: right;
			height				: 20px;
			line-height			: 20px;
			width				: 175px;

			background-color	: #989898;
			color			: #FFFFFF;
			text-align		: center;
}

#btn-reserver {
	float			: right;
	margin-right	: 10px;
}

#prev2 {

	margin-left	: 5px;
	float		: left;
	position	: absolute;
	margin-top	: -22px;
	position	: absolute;
	z-index		: 50;
}
#next2 {
	float			: right;
	margin-left		: 610px;
	position		: absolute;
	margin-top		: -22px;
	position		: absolute;
	z-index			: 50;

}


/******************** Section : homepage *********************/














/******************** Section : Common *********************/





/******************** Element graphique *********************/

.txt_attente{
	visibility			:	hidden;
	position			: 	absolute;
	text-align			: 	center;
	font-family 		:	Arial, Helvetica, sans-serif;
	font-size 			: 	10px;
	color				:	#666666;
	text-decoration		:	none;
	margin-top			: 	20px;
	margin-left			: 0px;
	width				:	580px;
}

/*******************************************************/

/******************** GENERIQUE ************************/
img{
	border:0px;
}

* table
{
	padding			: 0px;
}

#centre-top #droite a {
	font-size		: 11px;
	font-weight		: bold;
	font-family		: Arial;
	text-decoration	: none;
}

a, a:hover {
	font-family		: Arial, Helvetica, sans-serif;
	color			: #7B7B7B;
	font-weight		: bold;
	text-decoration	: none;
}



#bottom a , #bottom a:hover {
	font-family		: Arial, Helvetica, sans-serif;

	font-weight		: bold;
	text-decoration	: none;
	font-size		: 9px;
	color			: #7B7B7B;

}

#bottom a:hover {
	color			: #4C98AB;
}

#bottom a.blanc, #bottom a.blanc:hover   {
	font-family		: Arial, Helvetica, sans-serif;

	font-weight		: bold;
	text-decoration	: none;
	font-size		: 9px;
	color			: #FFF;

}

h1{
	font-size		:20px;
	margin-top		:0px;
	margin-bottom	:7px;
	padding			:0px;
	color			: #7e7e7e;
}


h2{
	font-size		:12px;
	margin-top		:10px;
	margin-bottom	:10px;
	padding			:0px;
	color			: #7e7e7e;
}

h3{
	font-size		:14px;
	margin-top		:5px;
	margin-bottom	:5px;
	color			: #7e7e7e;
}

h4{
	font-size		:12px;
	margin-top		:5px;
	margin-bottom	:5px;
	color			: #7e7e7e;
}

h5{
	color			: #7e7e7e;
}

#col_1_common #introduction h1, #col_1_common #textescroll h1, #col_1_common #texte h1, #col_1_common #textescroll h2, #col_1_common #texte h2 {

color				: #7e7e7e;
margin-top 			: 0px;
}

#col_1_common #textescroll h2, #col_1_common #texte h2 {
display				: block;
font-size			: 12px;
line-height			: 15px;
background-image	: url(../img/gui/pict/underline.png);
background-repeat	: no-repeat;
background-position	: right 14px;
overflow			: visible;
}


#erreur {

	font-weight	: bold;
	color		: #c12f18;
	}


/**********************************************/



/******************** SUITE MISE EN PAGE ************************/




#languages li
{
	list-style		: none;
	float			: left;
	margin 			: 0;
	padding 		: 0 10px;
	background		: transparent url('../img/gui/bkg/bkg_li.png') no-repeat left center;

}


#languages #first
{
	background		: transparent;
}



/**********************************************/

/******************** FORMULAIRE ************************/

form {

		line-height			: 16px;
		margin-bottom		: 10px;
}




#contact{
		background-image	: url(../img/gui/bkg/bkg_form_transparent_cont.png);
		background-repeat	: no-repeat;

}

#contact label {
    vertical-align			: top;
    background				: transparent;
    padding-right			: 20px;

}

#id_form{
		background-image	: url(../img/bkg/bkg_form_transparent_id.png);
		background-repeat: no-repeat;
}



input {
	color				: #4C98AB;
	border				: 0px solid;
	margin-left			: 0px;
	font				: normal normal normal 10px Arial, Helvetica, sans-serif;
	font-size			: 11px;
	background-color	: transparent;
	height 				: 14px;
}

label {
    vertical-align			: top;
    background-color		: #FFFFFF;
    padding-right			: 6px;
    padding-bottom			: 3px;
}

.visible {
	border				: 1px #000 solid;
}

select {
		border				: 0px solid;
		color				: #4e4e4e;

		font				: normal normal normal 10px Arial, Helvetica, sans-serif;

}

textarea {
		border				: 0px solid;
		color				: #4C98AB;
		background-color	:transparent;
		font				: normal normal normal 10px Arial, Helvetica, sans-serif;
		overflow-y:hidden;

}




.submit{
	height				: 20px;
	line-height			: 20px;
	background-color 	: #4C98AB;
	color				: #FFF;
	font-weight			: bold;
	margin-bottom		: 5px;
	margin-top			: 5px;
	margin-left			: 0px;
}



/******************* FORMULAIRE ***************************/





/******************** TOOLBAR ************************/

ul{
	list-style-position : inside;
}

hr {
	border			: 0px #CACACA solid;
	height			: 1px;
	background		: #CACACA;
	margin-top		: 5px;
	margin-bottom	: 5px;
	clear 			: both;
}


p{

	margin-top 		: 10px;
	margin-bottom	: 10px;
}

.framboise {
	color		: #A32F87;
}

.bleu{
	color		: #4C98AB;
}

.marron{
	color		: #c3684c;
}

.infosproduit{
	font-size	: 12px;
}

.vert{
	color		: #99C405;
}
