/* CSS Document */
/*contenu-------------------------UK home-----------------------------*/
html, body {
} 
body {
font-family:Arial, Helvetica, sans-serif;
background-color:#373C8B;
font-size: 10pt;
margin: 0;
padding: 0;
}

#header {
height: 120px;
background-color: #618AC8;
margin: 0;
padding: 0;
}
.blocimagegauche11 { 
float:left;
}
.blocimagegauche22 { 
position: absolute;
  top: 0;
  left: 200px;
}

#header_menu {
	height:16px;
	/*height: 12px;*/
background-color: #72B8FF;
	padding-top: 3px;
}

#Menu {
	height:240px;
	background-color: #72B8FF;
	width:108px;
	margin-top: 300px;
	margin-left: 3px;
	border-style:solid;
	border-width:1px;
	border-color:white;
	position: absolute;
	left: 3px;
	z-index: 10;
}


#conteneur {
	width: 79%;
	background-color: #FFFFFF;
	z-index: 1;
	margin:1em auto;
}

.blocimage {
	float:left;
	margin: 15px 5px 1px 1px;
}

.separation {clear:both;}

#pied {
	height:auto;
	/*height: 20px;*/
background-color: #72B8FF;
	clear: both;
}
/*Block central-------------------------------------------------------------*/
.Collgauche {
	border-width:1px;
	background-color:#FFFFFF;
	width:200px;
	padding:4px;
	height:750px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	border-right-style: dotted;
}
.Collactiveresa {
	width:150px;
	position: relative;
	margin: auto;
}

.Colllarge {
	padding:10px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
.ColllargeAll {
	border-width:1px;
	width:100%;
	padding:1px;
	margin-left: 0px;
	margin-top: 10px;
	float: left;
	border-top-style: dotted;
}

.Collpetite {
	border-width:1px;
	width:300px;
	margin-left: 0px;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	height: 210px;
}


/*-----------------Habillage Form -------------------------------------------------------------*/

input {
	font-size: 0.85em;
	padding: 1px;
	border: 1px solid #878787;
  }
  
textarea { 
  padding: 3px;
  border: 1px solid #878787;
  }


.li {
	line-height: 130%;
	list-style-type :none ;
	background-image:url(images_DE/Soleil10.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:14px;
}
.select.centrale {width:150px;}

/*Habillagetexte-------------------------------------------------------------*/
.titrerubrique {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 1em;
	font-size: 15pt;
	text-align: left;
	padding: 5px 15px 0 1px;
	margin: 0;
	background: url(images_DE/Soleil10.gif) 100% no-repeat;
	border-bottom: 1px solid #B10000;
}
.titrerubriquesans {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 1em;
	font-size: 15pt;
	text-align: left;
	padding: 5px 15px 0 1px;
	margin: 0;
	border-bottom: 1px solid #B10000;
}
  
.titreliste {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 1em;
	font-size: 10pt;
	text-align: left;
	padding: 5px 25px 0 25px;
	margin: 0 0 0 0;
	background: url(images_DE/boutonorange.gif) 0% 0 no-repeat;
	font-weight: bolder;
}


.textecourant {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.petittigregrasorange {
	color: #F47804;
	font-size: 14px;
	text-decoration:none;
	font-weight:800;
}
.textebleupastel {
	color: #99CCFF;
}
.grostitre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-style: italic; font-weight: bolder; color: #F47804;}
.grostitreJaune {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt;  font-weight: bolder; color: #FFFF00;}
.grostitreBleuner {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-style: italic; font-weight: bolder; color: #0000CC;}
.grostitreVertnature {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-style: italic; font-weight: bolder; color: #006600;}
.grosblue14pxSOULIGNEArial {	COLOR: #266287;	FONT-FAMILY: Arial, Helvetica, sans-serif; 	FONT-SIZE: 14pt;	FONT-WEIGHT: Bold; line-height: 40px ; border-bottom: 1px dotted;}
.grosblue13pxArial {	COLOR: #266287;	FONT-FAMILY: Arial, Helvetica, sans-serif; 	FONT-SIZE: 13pt; FONT-WEIGHT: Bold; line-height: 40px ;}
.grosblue14pxArial {	COLOR: #266287;	FONT-FAMILY: Arial, Helvetica, sans-serif; 	FONT-SIZE: 14pt; FONT-WEIGHT: Bold; line-height: 20px ;}
.grosblue14pxArial {	COLOR: #373C8B;	FONT-FAMILY: Arial, Helvetica, sans-serif; 	FONT-SIZE: 14pt; FONT-WEIGHT: Bold;}



.textecourantpetit11 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textecourantGras {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.orange {	COLOR: #FF6600;	FONT-FAMILY: verdana;	FONT-SIZE: 12pt;	FONT-WEIGHT: Bold }

.purple {	COLOR: purple;	FONT-FAMILY: verdana, Helvetica, sans-serif; 	FONT-SIZE: 12pt;	FONT-WEIGHT: Bold }

.bleutresclair {	COLOR: #99CCFF;	FONT-FAMILY: verdana, Helvetica, sans-serif; 	FONT-SIZE: 12pt;	FONT-WEIGHT: Bold }

.bleutresclairBIG {	COLOR: #99CCFF;	FONT-FAMILY: verdana, Helvetica, sans-serif; 	FONT-SIZE: 14pt;	FONT-WEIGHT: Bold }

.orangepale {	COLOR: #FFC387;	FONT-FAMILY: verdana, Helvetica, sans-serif; 	FONT-SIZE: 12pt;	FONT-WEIGHT: Bold }

.TitreverdanaBleuH1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #0000CC;
	text-align:center
}
.TitreverdanaBleufonce{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #052085;
	text-align:center
}

.TitreGenevaBleu36px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #0000CC;
	text-align:center
}
.TitreGenevaBordeau36px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #A61212;
	text-align:center
}
.TitreGenevaOrange36px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #FF9900;
	text-align:center
}
.TitreGenevaGris40px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bolder;
	color: #808080;
	text-align:center
}
.TitreGenevaRose14pt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #F8476C;
}
.TitreGenevaRouge14pt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #FF2250;
}
.TitreGenevaRouge14pt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #C62602;
}
.TitreGenevaViolet14pt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #421767;
}
.TitreGenevaGris14px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #808080;
	text-align:center
}
.bordeaux20pt
{
	COLOR: #A61212;
	FONT-FAMILY: verdana, Helvetica, sans-serif; 
	FONT-SIZE: 20pt;
	FONT-WEIGHT: Bold
}
.titreencadre {
	background : #FFDEAD none;
	color : #000000;
	font-size : 100%;
	font-weight: bold; 
}
/*---------------Lienstexte--------------------------------------------------------#FF6600-----*/
a {
	/*font-weight: bold;*/
	color: #99CCFF;
    Text-Decoration : underline;
	}
a:hover {
	color: #99CCFF;
	text-decoration: none;
	}

a.liendebase {
	Font-Family : Arial, Helvetica, sans-serif;
	color: #3300FF;
	font-weight: 400;
	}
a.liendebase:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

a.liennavigation14pt {
            Font-Family : Arial, Helvetica, sans-serif ;
			font-size: 14pt;
			font-weight : bold;
			letter-spacing : 1px ; 
			Text-Decoration : underline;
            Color :  #99CCFF;
            }
a.liennavigation14pt:hover   {
						Color : #5D625C; 
                        Text-Decoration : none;
                }
				
a.liengris {
            Font-Family : Arial, Helvetica, sans-serif ;
            Text-Decoration : underline;
            Font-Size : 9pt;
            Color : #5D625C;
            }
a.liengris:hover   {
			Color : #FF6600 ;
           Text-Decoration : underline;
            }


a.linkgeneral {
	font-weight: bold;
	color: #99CCFF;
    Text-Decoration : underline;
	}
a.linkgeneral:hover {
	color: #99CCFF;
	text-decoration: none;
	}

a.linkgeneralViolet {
	font-weight: bold;
	color: #870080;
    Text-Decoration : underline;
	}
a.linkgeneralViolet:hover {
	color: #5D625C;
	text-decoration: none;
	}
	
a.lienListe {
            Font-Family : Arial, Helvetica, sans-serif ;
            Text-Decoration : underline;
            Font-Size : 9pt;
            Color : #5D625C;
            }
a.lienListe:hover   {
			Color : #FF6600 ;
           Text-Decoration : none;
            }

/*------------------------menu javascript----------------------------------------------------------------------*/
.m0l0o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l1o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l2o {
	border: 1px solid #ffffff;
	text-decoration: underline;
}
/* texte de la collonne 1 */
.m0l0i {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif ;
	Color : #000040;
	padding: 4px;
	text-decoration: none;
}
/* texte de la collonne 2 */
.m0l1i {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif ;
	Color : #181D64;
	padding: 4px;
	text-decoration: none;
}

.m0l2i {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif ;
	padding: 4px;
}

/* --- menu Tigra styles -----------------------------------------------------------
/* level 0 inner (intérieur : texte) */
.m0l0iout {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding: 4px;
	color: #000040;
}
.m0l0iover {
	font: 13px Arial, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 4px;
	color: #000040;
}

/* level 0 outer(extérieur: cadre, fond) 1er niveau fond bleu et bleu clair quand over*/
.m0l0oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #72B8FF;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B7FFFF;
}

/* level 1 inner (intérieur : texte) */
.m0l1iout {
	font: 13px Arial, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	color: #000040;
}
.m0l1iover {
	font: 13px Arial, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 4px;
	color: #000040;
}

/* level 1 outer (extérieur: cadre, fond) - 2eme niveau fond bleu et bleu clair*/
.m0l1oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #72B8FF;
	filter: alpha(opacity=85);
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B7FFFF;
}
/* --- -----------------------------------------------------------
/* --- cadre et table styles -----------------------------------------------------------*/

div#cadre { /* conteneur global et arrière-plan du titre du cadre */
	width: 180px;
	padding-top: 16px;
	background: url(images_DE/cadreRougeHaut180.gif) top left no-repeat;
	margin: auto;
}
div#bloccadre { /* arrière-plan bas et sur l'ensemble du cadre */
background: url(images_DE/cadreRougeBas180.gif) bottom left no-repeat;
padding-bottom: 16px;
}
div#bloccadre p {
	margin: 0px 5px 0 5px;
}
/*--------cadreSejours---------*/
div#cadre2 {
	width: 200px;
	padding-top: 16px;
	background: url(images_DE/cadreRougeHaut200.gif) top left no-repeat;
	margin: auto;
}
div#bloccadre2 { /* arrière-plan bas et sur l'ensemble du cadre */
background: url(images_DE/cadreRougeBas200.gif) bottom left no-repeat;
padding-bottom: 16px;
}
div#bloccadre2 p {
	margin: 0px 5px 0 5px;
}
/*-----------------Tableaux--------------------*/
.table_sejours {
	width: 200px;
}
.table_visite {
	background-color:#FFFFFF;
	padding-right: 10px;
}
.table_texte {
	padding: 5px 5px 0px 5px;
}