body {
	margin:0px;
	color:#000;
	background-color:#FFF;
	text-align:center;
	font-size:12px;
}
#Fond{
	background-image:url(../images/fond-page-repeat.png);
	background-position: center top;
	background-repeat:repeat-y;
}
#Page{
	width:999px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/********************************************************************
					ENTETE
********************************************************************/
#Entete {padding-bottom:1px;
float:left;
}
#Logo{
	width:299px;
	height:215px;
	float:left;
}
#BandeauImage{
	width:700px;
	height:215px;
	float:left;
	overflow:hidden;
}


/********************************************************************
					PIED DE PAGE
********************************************************************/
#MenuPied {
	background-color:#c5baa7;
	width: 999px;
	height:50px;
	float:left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}
#MenuPied ul {
	padding: 16px 0px 0px 0px;
	text-align:center;
}
#MenuPied ul li{
	padding: 0px 5px 0px 5px;
	list-style:none;
	list-style-type:none;
	display:inline;
}
#MenuPied ul li a{ color:#000;}
#MenuPied ul li a:hover{ color:#000;text-decoration:none;}

#Footer {
	padding: 18px 13px 0px 13px;
	float:left;
}
#Footer ul{
	border-right:1px solid #C3C3C3;
	float:left;
	width:100px;
	margin-right:15px;
	margin-bottom:30px;
	min-height:100px;
	_height:100px;
}
#Footer ul h3{
	font-size:11px;
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
	margin-bottom:10px;
}
#Footer ul li{
	font-size:10px;
	font-weight:normal;
	color:#666;
	list-style:square;
	list-style-position:inside;
}
#Footer a{
	color:#666;
}
#Footer a:hover{
	color:#000;
	text-decoration:none;
}
#BlocSignature {
	background-image:url(../images/fond-baspage.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#Signature a{
	color:#666;
	text-decoration:underline;
}
#Signature a:hover{
	color:#000;
	text-decoration:none;
}
#Signature {
	font-size:10px;
	font-weight:normal;
	color:#666;
	width:989px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px 0px 25px 0px;
}
#Signature strong{
	font-size:11px;
	font-weight:bold;
}

/********************************************************************
					LIGNE DE VIE
********************************************************************/
#LigneDeVie{
	color:#666;
	font-size:10px;
	font-weight:normal;
	padding-bottom:3px;
	padding-left:6px;
	padding-top:3px;
	text-align:left;
	float:left;
}
#LigneDeVie a, #LigneDeVie a:link, #LigneDeVie a:active, #LigneDeVie a:visited{
	color:#666;
	font-size:10px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
#LigneDeVie a:hover{
	text-decoration:none;
	color:#000;
}
#LigneDeVie ul#BlocLigneDeVie, #LigneDeVie ul#BlocLigneDeVie li#BaseAccueil{
	display:block;
}
#LigneDeVie ul#BlocLigneDeVie li#BaseAccueil ul{
	display:inline;}
#LigneDeVie ul#BlocLigneDeVie li#BaseAccueil ul li{
	display:none;
}
#LigneDeVie ul#BlocLigneDeVie li#BaseAccueil ul li.Selected{
	display:inline;
}
#LigneDeVie span.Selected a, #LigneDeVie span.Selected a:link, #LigneDeVie span.Selected a:active, #LigneDeVie span.Selected a:visited {
	color:#666;
    display: inline;
    text-decoration: none;
}


#LigneDeVie span.Selected a, #LigneDeVie span.Selected a:link, #LigneDeVie span.Selected a:active, #LigneDeVie span.Selected a:visited {
	color:#666;
	text-decoration:none;}

#LigneDeVie span.Selected a:hover{
	color:#000;
	text-decoration:underline;
}
/** **/
#LigneDeVie span.Selected a.MainIds{font-weight:normal;}
#LigneDeVie span.Selected a.MainIds:hover{ text-decoration:none;}

/********************************************************************
					MENUCOTE
********************************************************************/
#MenuCote {
	float:left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding-bottom:10px;
}
#MenuCote #MenuHebergement{
	float:left;	
	background-image:url(../images/fond-hebergements-int.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:299px;
	height:302px;
}
#MenuCote #MenuActivites{
	float:left;	
	background-image:url(../images/fond-activites-int.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:299px;
	height:302px;
}
#MenuCote ul{
	padding: 80px 50px 20px 30px;
	text-align:left;
}
#MenuCote ul li{
	border-bottom:1px solid #f7c26f;
}
#MenuCote ul li:hover, #MenuCote ul li.Selected{background-color:#f6ad39; color:#FFF;text-decoration:none;font-weight:bold;}
#MenuCote ul li a{ color:#FFF;text-decoration:none;display:block;padding: 7px 5px 7px 5px;font-weight:normal;}
#MenuCote ul li a:hover, #MenuCote ul li.Selected a{ color:#000;text-decoration:none;font-weight:bold;}


/********************************************************************
					CONTENU
********************************************************************/
#ContenuTxt {
	position:relative;
	min-height:200px;
	_height:200px;
}
#MargeContenu {
text-align:left;
/*padding-left:10px;
padding-right:10px;*/
}
#ColGauche{
	float:left;
	width:303px;
	margin-left:0px;
	margin-right:10px;
	position:relative;
	min-height:200px;
	_height:200px;
}
#ColDroite{
	float:left;
	width:666px;
	min-height:200px;
	_height:200px;
}
#ColDroite .ColDroiteMarge {padding-top:20px;}
#BlocTitreRub{margin-top:5px;}
#BlocTitreRub  h1 a#lienTitle{
	color:#000;
	text-decoration:none;
}

/********************************************************************
					ACCUEIL
********************************************************************/
#IntroColGauche{
	float:left;
	width:504px;
	margin-right:26px;
	position:relative;}

#FlashSon	
{    left: 120px;
    overflow: hidden;
    position: absolute;
    top: -42px;
    width: 60px;}
	
#IntroColDroite{
	float:left;
	width:461px;
}
#BlocBoutique {
	float:left;
	width:458px;
	background-image:url(../images/fond-bloc-bas.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:10px;
}
#BlocBoutique #Boutique {
	background-image:url(../images/fond-bloc-haut.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:458px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#BlocBoutique #Boutique h3{
	font-size:23px;
	color:#000;
	padding-left:18px;
}
#BlocBoutique #Boutique p{
	font-size:14px;
	color:#000;
	padding-left:18px;
}
#BlocBoutique #Boutique .plusdinfos{
	font-size:14px;
	color:#cc0000;
	padding-right:18px;
	float:right;
	font-weight:bold;
}

#BlocAutreProjet {
	float:left;
	width:458px;
	background-image:url(../images/fond-bloc-bas.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}
#BlocAutreProjet #AutreProjet {
	background-image:url(../images/fond-bloc-haut.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:458px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#BlocAutreProjet #AutreProjet h3{
	font-size:23px;
	color:#000;
	padding-left:18px;
}
#BlocAutreProjet #AutreProjet p{
	font-size:14px;
	color:#000;
	padding-left:18px;
}
#BlocAutreProjet #AutreProjet a{
	font-size:14px;
	color:#000;
	text-decoration:underline;
}


#FondIdsAccueil{
	background-image:url(../images/fond-ideesejour-accueil.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:504px;
	height:498px;
	text-align:left;
}

/*************************************************************************
											
*************************************************************************/
#ColIntro
{
/*float:left;
background-image:url(../images/fond-repeat-intro.gif);
background-repeat:repeat-y;
background-position:716px top;*/
}


#ColIntro ul { padding-bottom:15px;}
#ColIntro ul li img{ width:217px; height:119px;}

#ColIntro ul li
{
	float:left;
	height:179px;
	margin:2px;
	width:32%;
	background-color:#D8D5D5;
	border:dotted 1px #999;
}

#ColIntro ul li .MargeInroBloc{ margin:5px;}

#ColIntro ul li a, #ColIntro ul li a:link, #ColIntro ul li a:active,#ColIntro ul li a:visited{ display:block; height:169px; overflow:hidden; text-decoration:none;}

#ColIntro h3{font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:18px; display:block;clear:both; text-align:left;
border:solid 1px #999999;
margin: 0px 12px 0px 2px;
padding:5px 5px 5px 30px;
color:#fff;
background:url(../images/puce-intro-h3.gif) 8px center no-repeat #999999;

}

#ColIntro ul li h4{font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#6d6d6d; line-height:29px;}
#ColIntro ul li p{ text-align:right; font-size:12px; color:#999999; background:url(../images/puce-fleche.gif) right center no-repeat; padding-right:15px; }


#ColIntro ul li a:hover img
{
opacity: 0.5;
filter:alpha(opacity=50);
}
#ColIntro ul li a:hover p{color:#999;}




/********** Config Menu **********/

.menuContent {
/*background:url("../images/filetmenu.gif") no-repeat scroll left center transparent;*/
text-align:left;
width:1023px;
position:relative;
z-index:300;
}

.menuContent ul {
min-height:36px;
_height:36px;
margin:0;
padding:0;
}

.menuContent li.Guide {
/*background:url("../images/filetmenu.gif") no-repeat scroll right center transparent;*/
display:block;
float:left;
height:36px;
line-height:36px;
margin:0;
padding:0;
text-align:center;
width:150px;
/*text-transform:uppercase;*/
  margin: 0 40px 0 40px;
}

  .menuContent ul li {
/*background:url("../images/filetmenu.gif") no-repeat scroll right center transparent;*/
display:block;
float:left;
/*height:36px;*/
line-height:36px;
margin:0;
padding:0;
width:101px;
position:relative;
/*text-align:center;*/
 /* margin: 0 40px 0 0;*/
/*text-transform:uppercase;*/
z-index:401;

}
.menuContent li.Flag {width:28px; margin:0;}


.menuContent .active {
color:#FFF;

}



.menuContent a {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;


}
.menuContent a:hover { color:#fff; font-weight:bold;}


li a.Dossier { font-weight:bold;background:url(../images/fleche_panier.gif) center bottom no-repeat;display:block;
font-size:14px;}
li a.Dossier:hover{color:#E2131D;background:url(../images/fleche_2_hover.jpg) center bottom no-repeat;}

li a.active {
color:#ffffff;
background:url(../images/fleche_2.jpg) center bottom no-repeat;
display:block;
font-size:14px;
font-weight:bold;

}
li a.active:hover{ color:#E2131D;background:url(../images/fleche_2_hover.jpg) center bottom no-repeat;
}

.menuContent ul li div.BlocSSMenu{background: url(../images/fond_menu.png) left top repeat; z-index:50;position:relative; /*border:solid 1px #e2001a;*/ padding-left:5px; position:absolute; top:36px; left:0px;}
.menuContent ul li div.BlocSSMenuMultiple{background: url(../images/fond_menu.png) left top repeat; width:911px; position:absolute; top:36px;left:-124px; z-index:500; border:solid 1px #e2001a; padding-left:5px;}


.menuContent ul li ul li a{ font-size:10px; color:#000;
    display: block;
    font-size: 11px;
    line-height: 20px;
    }



.menuContent ul li ul{ margin-top:5px; margin-bottom:5px; margin-right:5px;}
.menuContent ul li ul li{ width:auto; margin:0px; float:none; text-align:left; height:20px;}



.menuContent ul li ul.SSMenuMultiple li a{ font-size:10px; color:#000; background-image: url("../images/fleche_rouge.gif");
    background-position: 0 2px;
    background-repeat: no-repeat;
    display: block;
    font-size: 10px;
    line-height: 15px;
    padding-left: 10px; margin:0;}




.menuContent ul li ul.SSMenuMultiple{ float:left;    width: 129px; height:230px;margin:0px;}
.menuContent ul li ul.SSMenuMultiple li{margin:0px; float:none; text-align:left; height:15px;width: 129px;}

.menuContent ul li ul li.TitreMenuNav{	font-weight:bold;    padding: 8px 0 4px;height:30px;}

.menuContent ul li ul li.TitreMenuNav a{    background-image: none;    color: #E2001A;    font-size: 12px;    margin-bottom: 10px;    padding-left: 0;}


.menuContent ul li ul li a:hover{ background-color:#c6bebb; font-weight:normal;}
.menuContent ul li ul li.TitreMenuNav a:hover{ font-weight:bold;}
.menuContent ul li .BlocSSMenu ul li a:hover{ font-weight:normal; color:#000;}

/******/

#Langue{ height:30px; display:none;}



a .BtLienLocaliser, a:link .BtLienLocaliser, a:active .BtLienLocaliser, a:visited .BtLienLocaliser{ height:25px; width:100px; background:url(../osimg/bkg-localiser.png) left top no-repeat;}
a:hover .BtLienLocaliser{ background-position:left -25px;}

a .BtLienDetailFiche, a:link .BtLienDetailFiche, a:active .BtLienDetailFiche, a:visited .BtLienDetailFiche{height:25px; width:100px;background: url(../osimg/bkg-fiche-detail.png) left top no-repeat;}
a:hover .BtLienDetailFiche{background-position:left -25px;}


a .BtLienLocaliser.UK{background:url(../osimg-uk/bkg-localiser.png) left top no-repeat;}
a .BtLienDetailFiche.UK{background: url(../osimg-uk/bkg-fiche-detail.png) left top no-repeat;}

input.BtLienDetailFiche{height:25px; width:100px;background: url(../osimg/bkg-fiche-detail.png) left top no-repeat;}
input.BtLienDetailFiche:hover{background-position:left -25px;}


.btnBlanc{margin-right:10px; float:left; display:block;}
.btnBlanc2{ margin-right:0px; float:right;display:block;}
/*** ***/
/*#BlocAdresse{ display:none;}*/

#ConeteneurCarre{
	position:relative;
	height: 450px;
}
.BlocCarre{ width:135px; height:135px;  position:absolute; background-color:#292A29; overflow:hidden; color:#FFF;}

.BlocCarre a, .BlocCarre a:link, .BlocCarre a:active, .BlocCarre a:visited, .BlocCarre a:hover{color:#fff;}

.Position1{left:136px;}
.Position2{left:408px;}
.Position3{left:0; top:135px;}
.Position4{left:272px; top:135px;}
.Position5{left:544px; top:135px;}
.Position6{left:136px;top:270px;}
.Position7{left:408px; top:270px;}
.Position8{left:0;top:435px;}


.BlocCarre div.survol {
	opacity: 0;
	filter:alpha(opacity=0);
	position: relative;
color:#FFF;
width:135px;
height:135px;

}
.BlocCarre div.survol .text{ position:absolute; width:125px; padding:5px; bottom:-60px; height:50px; overflow:hidden; background:url("../images/fond-noir-intro.png") repeat scroll 0 0 transparent; font-size:11px;}

.TitreRub{position:absolute; bottom:5px; font-size:16px; left:5px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px;}


/*** ***/
#BlocCoupCoeur{

}
#BorderBoxy{
	background-color:#f1ebe8;
	border:solid 5px #e2071c;
width:500px;
font-size:12px;
}
#MargeCoupCoeur{ padding:5px;}

a.OSTitreIntro,a.OSTitreIntro:link,a.OSTitreIntro:active,a.OSTitreIntro:visited{ color:#6d6d6d;}

.TexteIntro{ display:none;}