/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat-x; background-position:left top;
	background-color:#C4C3C3; color:#4D4747;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
img {
	border:none;
}
ul, a, h2 {
	margin:0; padding:0; list-style:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}

#frame{
	width:774px;
	height:auto;
	background-color:#FFF; color:#4D4747;
	padding:0 2px;
	margin:auto;
}

/* Header part style start from here */

#headcontainer{
	width:774px;
	height:132px;
	background-color:#FFF; color:#4D4747;
	border-top:4px solid #9D9C9C;
	margin:auto;
	display: none; 
}


#leftcontainer{
	width:385px;
	height:132px;
	background-image:url(imagesReelles/bannerpicleft.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#rightcontainer{
	width:389px;
	height:132px;
	background-image:url(imagesReelles/bannerpicright.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#searchcontainer{
width:207px;
height:auto;
padding-right:20px;
float:right;
margin:auto;
}

#sleft{
width:10px;
height:33px;
float:left;
margin:auto;
}

#smiddle{
width:187px;
height:33px;
padding-top:5px;
background-image:url(images/searchbg.jpg);
background-repeat:repeat-x;
float:left;
margin:auto;
}

#search{
width:49px;
height:auto;
float:left;
margin:auto;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000; background-color:inherit;
}

#sbox{
width:105px;
height:auto;
float:left;
margin:auto;
}

#sbutton{
width:30px;
height:auto;
padding-top:3px;
text-align:center;
float:left;
margin:auto;
}

#sright{
width:10px;
height:33px;
float:right;
margin:auto;
}

/* Header part style end here */


/* nav part style start from here */

#navcontainer{
	width:774px;
	height:39px;
	background:url(images/navbg.jpg) 0 0 repeat-x;
	display: none; 
}
#lienami{
	width:240px;
	height:90px;

	display: none; 
}
#navcontainer ul {
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	padding:0 0 0 32px;
}
#navcontainer ul li {
	float:left; padding:0 23px 0 14px;
	background:url(images/navarrrow.gif) 0 50% no-repeat;
}
#navcontainer ul li.noPad {	
	padding-right:0;
}
#navcontainer ul li a {
	color:#A3A2A2; background-color:inherit; text-decoration:none;
}
#navcontainer ul li a:hover, #navcontainer ul li span {
	color:#638E02; background-color:inherit;
}

#homecontainer{
	width:100px;
	height:39px;
	float:left;
	margin-top:auto;
}

#homearrow{
width:auto;
height:20px;
padding-left:30px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#home{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}

a.hometxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#A3A2A2; background-color:inherit;
text-decoration:none;
}
a.hometxt:hover{
	color:#638E02; background-color:inherit;
}



#wmaim h2
{
	text-align: center;
}



#aboutuscontainer{
	width:87px;
	height:39px;
	float:left;
	margin-top:auto;
}

#aboutarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#about{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}

#serviescontainer{
	width:86px;
	height:39px;
	float:left;
	margin-top:auto;
}

#servicesarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#services{
width:25px;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}






#foodgallerycontainer{
	width:108px;
	height:39px;
	float:left;
	margin-top:auto;
}

#foodarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#food{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}






#pricingcontainer{
	width:145px;
	height:39px;
	float:left;
	margin-top:auto;
}

#pricingarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#pricing{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}




#deliverycontainer{
	width:150px;
	height:39px;
	float:left;
	margin-top:auto;
}

#deliveryarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#delivery{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}



#contactscontainer{
	width:90px;
	height:39px;
	float:left;
	margin-top:auto;
}

#contactsarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#contacts{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}



/* nav part style end here */

/* banner part style start from here */

#banner{
width:774px;
min-height:265px;
height: auto !important;
height:265px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
display: none; 
}

#bleft{
width:540px;
padding-top:1px;
padding-right:1px;
float:left;
min-height: 265px;
height: auto !important;
height: 265px;
margin:auto;
}

#bright{
width:233px;
min-height:265px;
height: auto !important;
height:265px;
border-top:1px solid #FFFFFF;
background-image:url(imagesReelles/bright.jpg);
float:left;
margin:auto;
}

#brf{
width:80px;
height:264px;
float:left;
margin:auto;
}

#fruit{
width:39px;
height:247px;
padding-top:7px;
text-align:center;
margin:auto;
}

#brcategory{
width:128px;
margin-left: 80px;
min-height: 264px;
height: auto !important;
height:264px;
color: white;
}

#category{
width:128px;
height:24px;
padding-top:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:underline;
float:left;
margin:auto;
}


.categorynav{
width:128px;
height:18px;
float:left;
margin:auto;
}

.cbullet{
width:22px;
height:18px;
float:left;
margin:auto;
}

.bullet{
width:8px;
height:10px;
padding-top:5px;
float:left;
margin:auto;
}

*+html .bullet{
width:8px;
height:10px;
padding-top:0px;
float:left;
margin:auto;
}

.ctxtcontainer {
width:106px;
height:18px;
float:left;
margin:auto;
}

.ctxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:none;
}
.ctxt:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFE200; background-color:inherit;
text-decoration:none;
}

#cmore{
width:128px;
height:18px;
text-align:right;
float:right;
margin:auto;
}

/* banner end part style end here */

.blank{
width:774px;
height:12px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
clear: both;
}

/* body part style start from here */

#bodycontainer2{
width:774px;
color:#4D4747;
background:#FFF url(imagesReelles/fondBackground.gif);
margin:auto;
min-height: 200px;
height: auto !important;
height: 200px;
}

#bodycontainer{
width:774px;
color:#4D4747;
background:#FFF;
margin:auto;
min-height: 200px;
height: auto !important;
height: 200px;
padding-bottom: 50px; 

}

#bodycontainerleft{
width:180px;
background-color:#FFFFFF;
float:left;
margin:auto; color:#4D4747;

}

#lmaim{
width:175px;
padding-left: 10
text-align:center;
margin:auto;
overflow: auto;
}

#blmaim{
width:205px;
height:17px;
text-align:center;
margin:auto;
}

#loginmaim{
width:205px;
height:auto;
text-align:center;
margin:auto;
}

#loging{
width:203px;
height:33px; 
background:url(images/newuser.jpg) 0 0 no-repeat;
}

#loginbg{
height:137px;width:203px;
background-color:#C0BEBE; color:#4C4A4A;
}

#logingbottom{
width:203px;
height:6px;
background-repeat:no-repeat;
text-align:center;
margin:auto;
}

#advtmaim{
width:205px;
height:202px;
background-image:url(images/lowsugar.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
margin:auto;
}

#clickherecontainer{
width:150px;
height:25px;
padding-top:122px;
text-align:right;
margin:auto;
}

.clicktxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000; background-color:inherit;
text-decoration:none;
}
.clicktxt:hover{
color:#FF0000; background-color:inherit;
}

.newusercontainer{
text-align:left;
margin:auto;
}

.newusercontainer label{
width: 140px;
}

.newleft{
width:67px;
height:auto;
padding-top:15px;
float:left;
margin:auto;
}

.newright{
width:101px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

.nutxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
}

#forgot{
width:165px;
height:auto;
padding-top:10px;
text-align:left;
margin:auto;
}

.forgottxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
text-decoration:none;
}
.forgottxt:hover{
text-decoration:underline;
}

#signup{
width:60px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

#bodycontainercenter{
width:355px;
height:auto; color:#4D4747;
float:left;
margin-left::auto;
padding: 2px;
border-left: 1px solid #97BF20;
border-right: 1px solid #97BF20;
}

#bodycontainercenter li {
list-style-position: inside;
}

#wmaim{
width:335px;
height:auto;
text-align:center;
margin:auto; 
padding-left: 10px;
padding-right: 10px;
}

#welcome{
height:43px;
background:url(images/welcome.gif) 0 0 no-repeat;
}

#wtxt{
width:335px;
height:auto;
float:left;
margin:auto;
background-repeat:no-repeat;
text-align:justify;
}

.wtext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

.h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
text-align:justify;
color:#4D4747; background-color:inherit;
}

.rmore{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#FF0000; background-color:inherit;
text-decoration:none;
display: none; 
}
.rmore:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#5E8800; background-color:inherit;
text-decoration:none;
display: none; 
}

#bodycontainerright{
width:200px;
height:auto;
 color:#4D4747;
float:left;
margin:auto;
padding-left: 10px;
}

#rmaim{
width:192px;
height:auto;
text-align:center;
margin:auto;
}

#featured{
height:42px;
background:url(images/featuredproducts.gif) 0 0 no-repeat;
}

.fpm1{
width:192px;
float:left;
margin:auto;
margin-bottom: 15px;
}

.fpm2{
margin: 0px;
margin-left:50px;
margin-bottom: 25px;
clear: both;
background: blue;
overflow: auto;
}

.fpmleft{
width:97px;
float:left;
margin:auto;
}

.fpmright{
width:84px;
height:auto;
float:left;
margin:auto;
}

.fpmright1{
width:350px;
float:left;
margin:auto;
}

.fpmright2{
width:270px;
margin: 3px;
float:right;
margin:auto;
}

.ftext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
padding-left:8px;
text-align:left;
color:#4D4747; background-color:inherit;
}

#blankright{
width:192px;
height:14px;
text-align:center;
margin:auto;
}

#rightpic{
width:192px;
height:170px;
float:left;
text-align:right;
margin:auto;
}


/* body end part style end here */



#footercontainercenter{
width:774px;
height:78px;
background-color:#FFFFFF; color:#4D4747;
border-bottom:1px solid #FFFFFF;
margin:auto;
display: none; 
}

#fooertleft{
width:232px;
height:78px;
background-color:#5E8800;color:#4D4747;
border-right:1px solid #FFFFFF;
float:left;
margin:auto;
}

#fstore{
width:154px;
margin:0px;
font-size: 10px;
}

#footeright{
width:540px;
height:78px;
background-color:#FFFFFF;
float:left; color:#4D4747;
margin:auto;
}

#frtop{
width:540px;
height:35px;
background-image:url(images/footertop.jpg);
background-repeat:repeat-x;
text-align:center;
float:left;
margin:auto;
}


#fooertxt{
height:auto;
padding-top:8px;
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF; background-color:inherit;
text-decoration:none;
}

a.fnav{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFF; background-color:inherit;
text-decoration:none;
}
a.fnav:hover, #fooertxt span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


#copyright{
width:240px;
height:auto;
padding-top:5px;
float:left;
margin:auto;
}

.copyrighttxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
padding-left:20px;
color:#4D4747; background-color:inherit;
}
.copyrighttxt a {
	color:#4D4747; text-decoration:underline; background-color:inherit;
}
.copyrighttxt a:hover {
	text-decoration:none;
}

#cardcontainer{
width:270px;
height:40px;
float:left;
margin:auto;
}

#card{
width:170px;
height:17px;
padding-top:5px;
padding-right:30px;
float:right;
margin:auto;
}

#cardtxtcontainer{
width:170px;
height:15px;
float:right;
margin:auto;
}

.cardtxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-top:5px;
color:#4D4747; background-color:inherit;
}

/******************************************/

.colonneGauche
{
	float: left;
	width: 150px;
	padding-left: 20px;
}

.colonneGauche2
{
	float: left;
	width: 150px;
	padding-left: 20px;
}

.colonneGauche2 form
{
	margin: 0px;
	padding: 0px;
	width:180px;
}

.colonneGauche2 form label
{
	width: 160px ;
}

.colonneGauche li
{
	list-style: disc ;
	color: green;
}

.colonneGauche a
{
	text-decoration: none;
	color: #5E8800;
	font-family: verdana;
	font-size: 12px;
}

.colonneGauche a:hover
{
	color: green;
}

.colonneCentre
{
	margin-left: 200px;
	border-left: 1px solid #B1C252;
	padding: 0px 20px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.tableauVoyage
{
	border: 1px solid black;	
	border-collapse: collapse;
	margin: 0px;
	margin: auto;
	padding: 0px;
	
}

.tableauVoyage th
{
	background: #5E8800;
	color: white;
	border: 1px solid black;
	margin: 0px;
	padding: 3px;
}

.tableauVoyage td
{
	text-align: center;
	border: 1px solid silver;
}

.tableauVoyage a
{
	color: blue;
}

.tableauVoyage a:hover
{
	color: lightblue;
	text-decoration: none;
}

form label
{
	width: 200px; 
	float: left;
}

#fstore form
{
	margin: auto;
	margin-top: 10px;
	width: 230px;
	color: white;
	font-weight: bold;
}

#fstore form label
{
	color: white;
	width: 100px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 13px;
}

#fstore input
{
	width: 110px;
}

#fstore input.mdp
{
	width: 70px;
	margin-top: 5px;
}


#fstore form .ok
{
	width:auto;
}

#fstore form a
{
	text-decoration: none;
	color: white;
	margin-left: 10px;
}

#fstore form a:hover
{
	text-decoration: underline;
	
}

.descriptifDetaille
{
	width: 80%;
	height: 500px;
}

.modificationCarte
{
	display: none;
}

.modifierCarte
{
	color: blue;
	text-decoration: underline;
}

h1
{
margin: 0px;
color: #739822;
font-size: 1.5em;
margin-left: 25px;
}

h2
{
color: #707071;
font-size: 1.2em;
text-align: left;
}

#zoom
{
	width: 365px;
	float: left;
}

#miniaturePhoto
{
	margin-left: 365px;
}

.egalementDispo img
{
	float: left;
}

.ficheTechnique
{
	background: #E3E3E5 url(imagesReelles/ficheTechnique.jpg) no-repeat top right;
}

#miniaturePhoto img
{
	margin-left: 20px;
}

.avatar
{
	float: left;
	padding: 2px 5px;
}

.membre
{
	width: 690px;
	padding: 5px;
	margin: auto;
	margin-bottom: 10px;
}

.contacter
{
	display: block;
	color: blue;
}

.mesRandos
{
	float: right;
	width: 250px;
	height: 110px;
	margin: 0px;
	padding: 10px;
	background: #9FC524;
}

.parent
{
	background: #99C122;
}

.enfant
{
	display: block;
	margin: 0px;
	margin-left: 10px;
}

.blocVoyage
{
overflow: auto;
padding: 20px;
margin-bottom: 10px;
}

td .reserver
{
	font-weight: bold; 
	text-decoration: none;
	color: #f7941f;
}

td .reserver:hover
{
	color: red;
}

.gaucheActivite { float: left; width: 66%; overflow: auto; margin-right: 10px; border-right: 1px solid green;}

.niveau{ width: 100px; }
.differentNiveau { width: 125px; }
.photoActivite { width: 180px; margin-left: 310px;  }
.photoActivite img { width: 150px; margin: auto; margin-bottom: 15px;} 

.infoActivite { width: 290px; float: left; font-size: 12px; padding-bottom: 40px;}

.droiteActivite
{
    margin-left: 68%;
    width: 235px;
}

#destination { width: 150px; }