@charset "utf-8";
/* CSS Document */

body {width:100%; background:url(../../img/bgBody.jpg) center top no-repeat #fff; font-size:75%; font-family:Arial; }
* {margin:0; padding:0; font-style:normal;}

a {color:#80469b; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}

ul {margin:10px 0; padding:0 0 0 30px;}
ol {margin:10px 0; padding:0 0 0 30px;}
li {margin:0px 0px 5px;}

p {margin:0 0 10px; font-family: Trebuchet MS; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.1em;}

h1 {font-size:2em; margin:10px 0px; color:#231f20;}
h2 {font-size:1.8em; margin:10px 0px; color:#231f20;}
h3 {font-size:1.6em; margin:10px 0px; color:#231f20;}
h4 {font-size:1.4em; margin:10px 0px; color:#18334e;}
h5 {font-size:1.2em; margin:10px 0px; color:#5e85a5;}
h6 {font-size:1em; margin:10px 0px; color:#231f20;}


/*===================================================================================================
BLOCK
===================================================================================================*/
#container { position:relative; margin:0px auto; padding:18px 0 0; width:1000px; }
#header { position:relative; margin:0px; padding:0px; width:1000px; }
#main { position:relative; margin:0px 0px 72px 0px; padding:0px; width:999px; background:url(../../img/bgMain.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain.png',sizingMethod='scale'); border-left:1px solid #9aa1aa; }
.clear { clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px; }
.cols { float:left; display:block; margin:0; padding:20px 19px 19px; width:294px; height:250px; border-right:1px solid #9aa1aa; font-size:12px; overflow:hidden; }
#footer { position:relative; margin:-72px 0px 0px 0px; padding:0px; width:100%; height:126px; background:url(../../img/bgFooter.png) center top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgFooter.png',sizingMethod='scale'); }





/*===================================================================================================
HEADER
===================================================================================================*/
#header h1.title { float:left; display:block; margin:0px 0px 0px 22px; padding:0px; width:462px; height:121px; background:url(../../img/header_logo.png) left top no-repeat; }
#header h1.title a { position:relative; display:block; margin:0px 0px 0px 0px; padding:0px; width:462px; height:121px; }
#header h1.title span { display:none; }

#header div.header_pub { float:right; display:block; margin:20px 0 0 0; padding:0; width:412px; height:67px;}
#header div.header_pub span { display:none; }
#header div.header_pub a.english { float:right; display:block; margin:0; padding:0; width:107px; height:67px; background:url(../../img/btn_english.png) top left no-repeat; margin:0 0 0 10px;  }
#header div.header_pub a.english:hover { background:url(../../img/btn_english-hover.png) top left no-repeat; }
#header div.header_pub a.contact { float:right; display:block; margin:0; padding:0; width:141px; height:67px; background:url(../../img/btn_contact.png) top left no-repeat; margin:0 0 0 10px; }
#header div.header_pub a.contact:hover { background:url(../../img/btn_contact-hover.png) top left no-repeat; }
#header div.header_pub a.accueil { float:right; display:block; margin:0; padding:0; width:108px; height:67px; background:url(../../img/btn_back-accueil.png) top left no-repeat; }
#header div.header_pub a.accueil:hover { background:url(../../img/btn_back-accueil-hover.png) top left no-repeat; }


#header div.header_flash { position:relative; display:block; margin:0; padding:0; width:1000px; height:217px; background:url(../../img/header_flash.jpg) left top no-repeat #fff; }

#header div.header_menu { position:relative; display:block; margin:0; padding:0; width:1000px; height:34px; background:url(../../img/header_menu.jpg) left top repeat-x; }
#header div.header_menu ul { position:relative; display:block; margin:0 auto; padding:9px 0 0; text-align:center; }
#header div.header_menu ul li { display:inline; margin:0; padding:0 24px; list-style:none; text-align:left; font-size:11px; font-weight:bold; letter-spacing:1px; color:#fff; border-right:1px solid #758ea1; }
#header div.header_menu ul li.last { margin:0; border:none; }
#header div.header_menu ul li a { color:#fff; }












/*===================================================================================================
MAIN ACCUEIL
===================================================================================================*/
#main ul li { color:#444; background:url(../../img/check.png) center left no-repeat; list-style-type:none; padding-left:25px; }

#main #gradient-style{ font-family: Trebuchet MS; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.1em; margin:0; width: 720px; text-align: left; border-collapse: collapse; }
#main #gradient-style thead tr{ background:#b8c7d3; color:#FFF;}
#main #gradient-style tfoot tr{ background:#b8c7d3; color:#FFF;}
#main #gradient-style th{	font-size: 1.1em;  font-weight: normal; padding: 8px;	border-top: 2px solid #444; border-bottom: 1px solid #bcbcbc; color:#444;}
#main #gradient-style td{	padding: 8px; border-bottom: 1px solid #444; color:#444;	border-top: 1px solid #444;}
#main #gradient-style tfoot tr td{ font-size: 12px; color:#444; }
#main #gradient-style tbody tr:hover td{ background:#FFF; color:#444;}



#main iframe { border:10px solid #bcc2d0; }
#main a { color:#444; text-decoration:none;}
#main a:hover { color:#444; text-decoration:underline;}










/*===================================================================================================
MAIN CONTENU ACCUEIL
===================================================================================================*/

#main div.block_accueil_bottom { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_accueil_bottom h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:274px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_accueil_bottom h3.title span.admin { display:block; margin:6px 0px 0px 0px; padding:0; width:270px; height:23px; background:url(../../img/title_admin.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_admin.png'); }
#main div.block_accueil_bottom h3.title span span { display:none; }
#main div.block_accueil_bottom div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 23px; width:645px; border-left:1px solid #a3abb5; }



/*===================================================================================================
MAIN CONTENU PLAN DU CAMPING
===================================================================================================*/

#main div.block_plan_camping { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_plan_camping h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:144px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_plan_camping h3.title span.camping { display:block; margin:6px 0px 0px 0px; padding:0; width:144px; height:23px; background:url(../../img/title_camping.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_camping.png'); }
#main div.block_plan_camping h3.title span span { display:none; }
#main div.block_plan_camping div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:770px; border-left:1px solid #a3abb5; }

#main div.block_plan_camping a img{ border:3px #102947 solid; margin:5px;}




/*===================================================================================================
MAIN CONTENU SERVICES AU CAMPING
===================================================================================================*/

#main div.block_services { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_services h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:144px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_services h3.title span.camping { display:block; margin:6px 0px 0px 0px; padding:0; width:144px; height:23px; background:url(../../img/title_camping.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_camping.png'); }
#main div.block_services h3.title span span { display:none; }
#main div.block_services div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:770px; border-left:1px solid #a3abb5; }

/*===================================================================================================
MAIN CONTENU RÉSERVATION EN LIGNE
===================================================================================================*/

#main div.block_reservation { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }

#main div.block_reservation h3.title { float:left; display:block; margin:0 0 28px; padding:0px; width:144px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_reservation h3.title span.ligne { display:block; margin:6px 0px 0px 50px; padding:0; width:94px; height:23px; background:url(../../img/title_ligne.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_ligne.png'); }
#main div.block_reservation h3.title span span { display:none; }
#main div.block_reservation div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:770px; border-left:1px solid #a3abb5; }
#main div.block_reservation label { display:block; margin:0 0 2px; }
#main div.block_reservation input { display:block; margin:0 0 10px; }
#main div.block_reservation textarea { display:block; margin:0 0 10px; }


/*===================================================================================================
MAIN CONTENU HORAIRE DES ACTIVITÉS
===================================================================================================*/

#main div.block_activites { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }

#main div.block_activites h3.title { float:left; display:block; margin:0 0 28px; padding:0px; width:165px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_activites h3.title span.activite { display:block; margin:0px 0px 0px 0px; padding:0; width:164px; height:29px; background:url(../../img/title_activite.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_activite.png'); }
#main div.block_activites h3.title span span { display:none; }
#main div.block_activites div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:750px; border-left:1px solid #a3abb5; }


/*===================================================================================================
MAIN CONTENU TARIFICATION AU CAMPING
===================================================================================================*/

#main div.block_tarification { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_tarification h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:144px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_tarification h3.title span.tarification { display:block; margin:6px 0px 0px 0px; padding:0; width:144px; height:23px; background:url(../../img/title_camping.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_camping.png'); }
#main div.block_tarification h3.title span span { display:none; }
#main div.block_tarification div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:770px; border-left:1px solid #a3abb5; }


/*===================================================================================================
MAIN CONTENU ATTRAITS TOURISTIQUE
===================================================================================================*/

#main div.block_attraits { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_attraits h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:233px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_attraits h3.title span.touristique { display:block; margin:6px 0px 0px 0px; padding:0; width:233px; height:24px; background:url(../../img/title_touristique.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_touristique.png'); }
#main div.block_attraits h3.title span span { display:none; }
#main div.block_attraits div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:680px; border-left:1px solid #a3abb5; }


/*===================================================================================================
MAIN CONTENU À LOUER AU CAMPING
===================================================================================================*/

#main div.block_alouer { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_alouer h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:144px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_alouer h3.title span.camping { display:block; margin:6px 0px 0px 0px; padding:0; width:144px; height:23px; background:url(../../img/title_camping.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_camping.png'); }
#main div.block_alouer h3.title span span { display:none; }
#main div.block_alouer div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:770px; border-left:1px solid #a3abb5; }



/*===================================================================================================
MAIN CONTENU CONTACT
===================================================================================================*/

#main div.block_joindre { position:relative; display:block; margin:0; padding:17px 15px 39px; width:968px; border-top:1px solid #9aa1aa; border-right:1px solid #9aa1aa; background:url(../../img/bgMain2.png) left top repeat-x; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMain2.png',sizingMethod='scale'); }
#main div.block_joindre h3.title { float:left; display:block; margin:0px 23px 0px 0px; padding:0px; width:139px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; text-align:right; }
#main div.block_joindre h3.title span.joindre { display:block; margin:6px 0px 0px 0px; padding:0; width:139px; height:23px; background:url(../../img/title_joindre.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_joindre.png'); }
#main div.block_joindre h3.title span span { display:none; }
#main div.block_joindre div.float { float:right; display:block; margin:0px; padding:0px 0px 0px 25px; width:775px; border-left:1px solid #a3abb5; }















/*===================================================================================================
COLS
===================================================================================================*/
#main div.cols h3.title { position:relative; display:block; margin:0px 0px 28px; padding:0px 0px 8px; font-size:20px; font-weight:normal; line-height:16px; color:#1d78c2; border-bottom:1px solid #a3abb5; text-align:right; }
#main div.cols h3.title span.ligne { display:block; margin:6px 0px 0px 200px; padding:0; width:94px; height:23px; background:url(../../img/title_ligne.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_ligne.png'); }
#main div.cols h3.title span.activite { display:block; margin:0px 0px 0px 130px; padding:0; width:164px; height:29px; background:url(../../img/title_activite.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_activite.png'); }
#main div.cols h3.title span.photo { display:block; margin:6px 0px 0px 163px; padding:0; width:131px; height:23px; background:url(../../img/title_photo.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title_photo.png'); }
#main div.cols h3.title span span { display:none; }


#main div.cols p a.btn_accueil_savoir { display:block; margin:0; padding:0; width:144px; height:39px; background:url(../../img/btn_accueil_savoir-plus.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn_accueil_savoir-plus.png'); }
#main div.cols p a.btn_accueil_savoir span { display:none; }

#main div.cols p a.btn_accueil_savoir:hover { display:block; margin:0; padding:0; width:144px; height:39px; background:url(../../img/btn_accueil_savoir-plus-hover.png) left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn_accueil_savoir-plus-hover.png'); }
#main div.cols p a.btn_accueil_savoir span { display:none; }

#main div.cols a.link_image { float:left; margin:0px 8px 10px 0px; padding:4px; background:#102947;}
#main div.cols a.link_image_last { float:left; margin:0px 0px 10px 0px; padding:4px; background:#102947; }