/* CSS Document */

body {
background-image:url(img/bg.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#d7ebf6;
margin: 0; padding: 0; outline: 0; 
font: 12px/16px Verdana,Arial,sans-serif; color: #5a5a5a;
}

#boutique {
	position: absolute;
	top:25px;
	z-index: 99999999;
	left: 50%;
margin-left:430px;
}


#slogan {
	position: absolute;
	top:220px;
	z-index: 9999999;
	left: 50%;
margin-left:-455px;
}


.footer {
	 color:#fff;
	
}

#feedback-tab { position: fixed; top: 267px; left: 0; }
#feedback-tab a { display: block; width: 42px; height: 175px; text-indent: -10023px; background: url(img/feedback-tab.png) no-repeat top left transparent;}


#search { height: 109px; width: 675px; margin-bottom: 15px; background: url(img/newsletter.png) no-repeat 0 -109px; margin:0;padding:0;}
#search .nav { float: left; display: inline; width: 137px; height: 109px;margin:0;padding:0; }
#search .nav ul { list-style: none; margin:0;padding:0;}
#search .nav ul li { height: 54px;margin:0;padding:0; }
#search .nav ul li a { display: block; width: 137px; height: 54px;margin:0;padding:0;}

#search .content { float: right; display: inline; width: 538px; height: 109px; }
#search .content div { width: 538px; height: 109px; }
#green_input input {padding-left:8px;background: none; margin: 0 !important; color: #a3bc69 !important; width: 215px;border:0; }
/*#green-tab-content div.field { height: 32px; margin-top: 54px; margin-left: 24px; width: 492px; background: none; }
#green-tab-content input.field { float: left; display: inline; background: none; height: 32px; line-height: 30px; margin: 0 !important; padding-left: 10px; color: #c4b340 !important; width: 449px; }
#green-tab-content input.submit { float: right; display: inline; background: none; height: 32px; margin: 0 !important; width: 33px; }
#yellow-tab-content div.fields { height: 32px; margin-top: 54px; margin-left: 24px; width: 492px; background: none; }
#yellow-tab-content input.field { float: left; display: inline; background: none; height: 32px; margin: 0 !important; line-height: 30px; color: #A3BC69 !important; border: 0; padding-left: 10px; font-size: 11px;}
#yellow-tab-content input.field1 { width: 248px; }
#yellow-tab-content input.field2 { width: 192px; }
#yellow-tab-content input.submit { width: 32px; height: 31px; background: none; border: 0; }*/

.search-yellow-tab { background-position: 0 -109px !important; }
.search-green-tab { background-position: 0 0 !important; }



a img {border: 0;}
form {
margin : 0px;
padding : 0px;
}

.erreur {
color:#CC0000;
font-weight:bold;
text-align:left;
}

#header { height: 61px; position: relative; z-index: 9999; }


#navigation { height: 43px; background: url(img/menu.gif) no-repeat 0 0;z-index:9999; }
#navigation ul { float: left; display: inline; height: 43px; list-style: none outside;padding:0;margin:0;z-index:9999; }
#navigation li { float: left; display: inline; height: 43px; position: relative;z-index:9999; }
#navigation li a {float: left; display: inline; height: 43px; background: url(img/menu.gif); font-size: 0; line-height: 0; text-indent: -4000px;z-index:9999; }
#navigation .new-level { display: none; margin-top: 1px;z-index:9999;}

#nav-1 { width: 77px; }
#nav-1:hover,
#nav-1.active { background-position: 0 bottom; }

#nav-2 { width: 131px; background-position: -77px 0 !important; }
#nav-2:hover,
#nav-2.active,
#nav-2.hover { background-position: -77px bottom !important; }

#nav-3 { width: 88px; background-position: -208px 0 !important; }
#nav-3:hover,
#nav-3.hover,
#nav-3.active { background-position: -208px bottom  !important; }

#nav-4 { width: 102px; background-position: -296px 0 !important; }
#nav-4:hover,
#nav-4.hover,
#nav-4.active { background-position: -296px bottom !important; }

#nav-5 { width: 119px; background-position: -398px 0 !important; }
#nav-5:hover,
#nav-5.hover,
#nav-5.active { background-position: -398px bottom !important; }

#nav-6 { width: 121px; background-position: -519px 0 !important; }
#nav-6:hover,
#nav-6.hover,
#nav-6.active { background-position: -519px bottom !important; }

#nav-7 { width: 158px; background-position: -638px 0 !important; }
#nav-7:hover,
#nav-7.hover,
#nav-7.active { background-position: -638px bottom !important; }

#nav-8 { width: 133px; background-position: -799px 0 !important; }
#nav-8:hover,
#nav-8.hover,
#nav-8.active { background-position: -799px bottom !important; }

#navigation ul ul { float: none; display: block; height: auto; position: absolute; top: 42px; left: 0; width: 225px; }
#navigation ul ul ul { display: none; left: 175px; top: 0; border-left: 1px solid #105075; }
#navigation ul ul li { float: none; display: block; height: 33px; border-bottom: 1px solid #105075; }
#navigation ul ul li .dd { background-image: url(img/icon-drop-down.gif); background-position: 152px center; background-repeat: no-repeat; position: relative; overflow: hidden; }
#navigation ul ul li a { font: 11px/33px Verdana, Arial, Sans-Serif; color: #6aacdb; text-indent: 0; float: none; display: block; height: 33px; background: #02304b;  padding: 0 10px 0 14px;text-decoration:none; }
#navigation ul ul li a:hover,
#navigation ul ul li a.active {text-decoration:none;background-color: #012235; color: #d7eeff; text-decoration: none; }

/* FACEBOOK CONNECT #navigation div.fr { width: 143px; height: 22px; padding: 11px 11px 0 0; } */
/*div.fr { width: 54px; height: 22px; padding: 11px 70px 0 0; }
div.fr a { float: left; display: inline; height: 22px; width: 22px; margin-left: 5px; background-repeat: no-repeat; background-position: 0 0; }
div.fr a.facebook { background-image: url(img/facebook.gif); width: 84px; }
div.fr a.rss { background-image: url(img/rss1.gif); }
div.fr a.twitter { background-image: url(img/twitter1.gif); }*/

fieldset { border: 0; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }
























#google {
	position: absolute;
	top: 40px;
	z-index: 50;
	left: 50%;
margin-left:200px;
z-index:50;
width:263px;
height:29px;
background-image:url(img/bg_recherche.gif);
padding-top:5px;
padding-left:7px;
}

#facebook {
	position: absolute;
	top: 10px;
	z-index: 50;
	left: 50%;
margin-left:381px;
z-index:50;
}

#avis {
	position: absolute;
	top: 10px;
	z-index: 50;
	left: 50%;
margin-left:200px;
z-index:50;
}



.body {font-family:Trebuchet MS,Arial, Helvetica, sans-serif;font-size:11px;color:#000000;}
.txt_gris {color:#666666;text-align:justify;}
.txt_blanc {color:#ffffff;text-align:justify;}
.office {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
text-align:center;
color:#000066;
}
.titre {font-size:13px;font-weight:normal;text-align:left;color:#4393c0;}
.titre2 {font-family:Arial, Helvetica, sans-serif;font-size:17pt;font-weight:bold;text-align:left;color:#1181b0;}
.titre3 {font-family:Arial, Helvetica, sans-serif;font-size:21px;font-weight:bold;text-align:left;color:#1181b0;font-style:italic;
padding:5px;
padding-left:20px;
padding-right:20px;
border:1px solid #000;}






.photos_droite {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-align:left;color:#481d00;
text-transform:uppercase;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

a:link, a:active, a:visited {color: #000000;text-decoration: underline;text-align:left;font-weight:normal;}
a:hover {text-decoration: none;text-align:left;font-weight:normal;}

a.menu_haut, a.menu_haut:active, a.menu_haut:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #003366;
text-decoration: none;
font-weight:bold;
}
a.menu_haut:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #003366;
text-decoration: underline;
font-weight:bold;
}

a.footer, a.footer:active, a.footer:visited {color: #eef9ff;text-decoration: underline;text-align:left;font-weight:normal;padding-right:30px;}
a.footer:hover {color: #eef9ff;text-decoration: none;text-align:left;font-weight:normal;padding-right:30px;}

a.lien_blanc, a.lien_blanc:active, a.lien_blanc:visited {color: #ffffff;text-decoration: none;text-align:left;font-weight:bold;}
a.lien_blanc:hover {color: #ffffff;text-decoration: underline;text-align:left;font-weight:bold;}


a.lien_bleu, a.lien_bleu:active, a.lien_bleu:visited {
font-size:13px;color: #0080aa;text-decoration: none;text-align:left;font-weight:bold;}
a.lien_bleu:hover {
font-size:13px;text-decoration: underline;text-align:left;font-weight:bold;}

a.plan_noir, a.plan_noir:active, a.plan_noir:visited {color: #ffffff;text-decoration: none;text-align:left;font-weight:bold;}
a.plan_noir:hover {color: #ffffff;text-decoration: underline;text-align:left;font-weight:bold;}

a.plan_gris, a.plan_gris:active, a.plan_gris:visited {color:#999999;text-decoration: none;text-align:left;font-weight:bold;}
a.plan_gris:hover {color: #999999;text-decoration: underline;text-align:left;font-weight:bold;}



#pop{border-collapse:collapse;}
#pop td{border-bottom:1px dashed #ffffff;}

#bienvenue{font-size:12px;color:#FFFFFF;border:6px solid #ffffff;}

#hebergements{border-collapse:collapse;}
#hebergements td{border-bottom:1px solid #1181af;}