/* CSS TANGKA V2 */

/*------------------------
	INITIALISATION
------------------------*/

/* remise � z�ro de tous les s�lecteurs */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 62.7%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #434749;
	background-image:url(img/V2/bodyBG.jpg);
	background-repeat:repeat-x;
	background-color:#0b0048;
}

img {
	border:0px;
	}
	
/*------------------------
	REGLES GENERALES
------------------------*/
#container {
	width: 880px;
	margin: 20px auto 0px auto;
	background-color:#0b0048;
}
	
/*------------------------
	TIPS
------------------------*/

.clearthefloats {
	clear:both;
	}
	
div.clearfix {
	border-top:1px solid #cccccc;
	padding:15px 0px;
	vertical-align:top;
	}	
	
/*------------------------
	 HEADER
------------------------*/	

#header {
	background-color:#0b0048;
	height:95px;
	width:880px;
	float:left;
	background:url(img/V2/bgHeader.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#header h1 {
	background-color:#0b0048;
	display: block;
	float: left;
	padding-left:290px;
	padding-top:30px;
	font-size:0.8em;
	}
	
#header a {
	text-decoration: none;
	color:#ffffff;
	font-size:1.4em;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
}

#header a:hover {	
	color:#ffffff;
}

#header a:visited {	
	color:#ffffff;
}

#header2 {
	background-color:#0b0048;
	height:70px;
	width:880px;
	float:left;
}

#header2 h1 {
	width:400px;
	float:left;
	}
	
#header2 a {
	text-decoration: none;
	color:#ffffff;
	font-size:1em;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
}

#header2 a:hover{	
	color:#ffffff;
}

#header2 a:visited{	
	color:#ffffff;
}


#menu {
	background:url(img/V2/bgMenu.jpg) repeat-x bottom;
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
	padding-top:25px;
	width:880px;
	height:25px;
	float:left;
	}

#menu ul {margin:0; padding:0; list-style-type:none;}

#menu li {float:left; margin-right:3px;}

#menu li a { color:#FFFFFF; }


#menu2 {
	float:left;display:block; margin:0px;
	}


#menu2 ul {margin-top:1px; padding:0; list-style-type:none;}
#menu2 li {float:left; margin-top:1px; display:block;}



/* NOUVEAU MENU BY STU NICHOLLS ===================================== 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navMenu, 
#navMenu ul {padding:0 0 5px 0; margin:0; list-style:none; font: 12px arial, sans-serif; border:1px solid #cccccc; border-color:#991727; border-width:1px 2px 2px 1px; background:#ff7f00; position:relative; z-index:10; font-weight:bold;}
#navMenu {height:23px; padding:0;background:#ff7f00; width:880px;}

#navMenu table {border-collapse:collapse;}
#navMenu li {float:left; padding:0 8px 0 8px;}
#navMenu li li {float:none;}
/* a hack for IE5.x and IE6 */
#navMenu li a li {float:left;}

#navMenu li a {display:block; float:left; color:#fff; height:23px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap; text-transform:uppercase;}
#navMenu li li a {height:20px; line-height:20px; float:none;}

#navMenu li:hover {position:relative; z-index:300; background:#fff;}
#navMenu a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#navMenu :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#navMenu a:hover ul {left:-10px;}

#navMenu ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#navMenu li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#navMenu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navMenu li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#navMenu a:hover a:hover ul,
#navMenu a:hover a:hover a:hover ul,
#navMenu a:hover a:hover a:hover a:hover ul,
#navMenu a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#navMenu a:hover ul ul,
#navMenu a:hover a:hover ul ul,
#navMenu a:hover a:hover a:hover ul ul,
#navMenu a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}





/*------------------------
	CONTENU 3 COLONNES
------------------------*/

#content {
	width:880px;
	background-image:url(img/V2/contentBg.gif);
	background-repeat:repeat-y;
	float:left;
	margin-top:5px;
	position:relative;
}	

#ban {
	position:absolute;
	top:0px;
	left:890px;
	padding:0px 5px;
	width:120px;
	float:left;
	height:600px;
	}
	
#ban a {
	display:block;
	width:120px;
	height:300px;
	}	
	
#ban2 {
	background:url(img/V2/bgVolsForm.jpg) top center no-repeat;
	background-color:#0b0048;
	position:absolute;
	top:0px;
	left:890px;
	padding:10px 5px;
	width:160px;
	float:left;
	height:660px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0b0048;
	font-size:1.2em;
	}

/*-------------------------------------
	LIENS MENU LATERAL GAUCHE
-------------------------------------*/

#colG {
	margin-top: 0px;
	width: 158px;
	float: left;
	background-color:#eae7d8;
}




/* titres des rubriques principales des menus */

#colG ul { 
	margin: 0 0 10px 0; 
	padding: 0; 
	border: 0; 
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

#colG  ul li { 
	text-align: left;
	margin: 0 0 0 0; 
	font-family:Verdana, Arial, sans; 
	border-top: 1px solid #ccc9bd;
	font-variant:normal; 
	}

#colG ul li a { 
	width: 150px; 
	display: block; 
	margin: 0;
	color: #333; 
	padding: 8px 0px 5px 10px; 
	text-decoration: none;
	font-weight:bold;
	}

#colG ul li a:hover { color: #fff; background: #ff7f00; }

#colG .header { 
	margin: 0 0 1px 0; 
	color: #991727; 
	letter-spacing: 0.2em; 
	border-top: 0; 
	padding:12px 5px 12px 5px;  
	font: bold 1.4em Arial, Helvetica, sans; 
	
	}
	
#colG form {
	width:150px;
	padding: 8px 0px 5px 10px; 
	color: #333;
	}
	
#colG form input {
	margin:5px 0px;
	color:#991727;
	}	
/*-------------------------------------
	COLONNE CENTRALE
-------------------------------------*/	

#topSlideshow {
	height:100px;
	float:right;
	margin-right:10px;
	width:690px;
	background:url(img/V2/bgSlideshow.png) no-repeat left top;
	}

#topSlideshow h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#FFFFFF;
	padding-left:200px;
	text-align:center;
	letter-spacing:0.1em;
	}

#slideshow {
	height:300px;
	float:right;
	margin-right:10px;
	width:690px;
	margin-bottom:10px;
	background:url(img/V2/bgSlideshow.png) no-repeat left top ;
	}
	
#slideshow h1 { /* VALABLE POUR LA PRESENTATION DES PAYS */
	margin:250px 0px 10px 10px;
	font-size:3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0b0048;
	}	


#presentation {
	height:120px;
	float:right;
	width:700px;
	margin-left:10px;
	padding: 10px;
	background:url(img/V2/bgPresentation.jpg) left top no-repeat;
	}
	
#presentation p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#0b0048;
	padding:10px;
	width:660px;
	font-weight:bold;
	}
	

.chapo {
	width:350px;
	float:left;
	background:url(img/V2/bgChapo.gif) left no-repeat;
	}

.chapo h1 {
	font-size:2.2em;
	padding-left:10px;
	padding-top:10px;
	font-weight:normal;
	line-height:28px;
	}

#colC {
	width:350px;
	background:#FFFFFF;
	float:left;
	margin-left:10px;
	}

#colC div.tete, #colD div.tete  {
	float:left;
	width:345px;
	background:url(img/V2/bgTete.jpg) no-repeat;
	}
	
#colC div.tete img, #colD div.tete img {
	float:left;
	}	
	
#colC div.tete h1, #colD div.tete h1 {
	float:left;
	font-size:1.8em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:lighter;
	width:330px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:15px;
	line-height:29px;
	}	
	
#colC div.desc, #colD div.desc {
	float:left;
	width:333px;
	padding-left:8px;
	height:135px;
	font-size:1.1em;
	margin-bottom:10px;
	border-left:2px solid #991727;
	border-right:2px solid #991727;
	border-bottom:2px solid #991727;
	}
	
div.descVideo {
	float:left;
	width:333px;
	padding-left:8px;
	padding-top:10px;
	height:280px;
	font-size:1.1em;
	margin-bottom:10px;
	border-left:2px solid #991727;
	border-right:2px solid #991727;
	border-bottom:2px solid #991727;
	}	
	
#colC div.desc img, #colD div.desc img {
	float:left;
	margin:5px 15px 0px 5px;
	}
	
#colC div.descVideo img, #colD div.descVideo img {
	float:left;
	margin:5px 15px 0px 5px;
	}	
	
#colC div.desc p, #colD div.desc p {
	float:left;
	width:200px;
	margin-top:10px;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	}		
	
#colC div.desc a, #colC div.descVideo a, #colD div.desc a, #colD div.descVideo a {
	text-decoration:none;
	color:#434749;
	font-weight:bold;
	text-align:left;
	}
	
#colC div.desc a:hover, #colC div.descVideo a:hover, #colD div.desc a:hover, #colD div.descVideo a:hover {
	text-decoration:underline;
	color:#434749;
	}	
	
#colC div.desc a:visited, #colC div.descVideo a:visited, #colD div.desc a:visited, #colD div.descVideo a:visited {
	text-decoration:none;
	color:#434749;
	}	
	
#colC div.descVideo p, #colD div.descVideo p {
	float:left;
	margin-top:10px;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	width:300px;
	}	
	
.playchannel p {
	color:#991727;
	}	
/*-------------------------------------
	COLONNE DROITE
-------------------------------------*/	
#colD {
	width:350px;
	background:#FFFFFF;
	float:left;
	margin-left:10px;
	}	

#coupCoeur {
	float:left;
	width:333px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc; 
	}

	
#coupCoeur h1 {
	background-image:url(img/V2/Coeur2.jpg);
	background-position:left;
	background-repeat:no-repeat;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-left:60px;
	font-weight:lighter;
	font-size:2em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-bottom:3px;
	padding-top:3px;
	line-height:50px;
	}	
	
#exclusif {
	background:url(img/V2/bgProds.jpg) no-repeat top;
	width:330px;
	float:left;
	padding-left:10px;
	height:235px;
	}
	
#exclusif h1 {
	background-image:url(img/V2/planete5.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:60px;
	font-weight:lighter;
	font-size:2em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-bottom:3px;
	padding-top:8px;
	width:230px;
	}	
	
#exclusif ul {
	width:140px;
	margin:0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	list-style-image:url(img/commun/1arrow_r_on.gif);
	padding-left:20px;
	float:left;
	}
	
#exclusif ul li {
	margin-left:5px;
	line-height:20px;
	}
	
#exclusif ul li a {	
	color:#222222;
	text-decoration:none;
	}
	
#exclusif ul li a:hover {	
	color:#222222;
	text-decoration:underline;
	}	
	
#exclusif ul li a {	
	color:#222222;
	text-decoration:none;
	}	
	
#sejours {
	float:left;
	width:333px;
	margin-bottom:10px; 
	}
	
#sejours h1 {
	background-image:url(img/V2/bgSelect.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	font-weight:lighter;
	font-size:2em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
	line-height:40px;
	}		
	
#sejours p {
	width:331px;
	text-align:center;
	font-size:1.2em;
	padding-top:5px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	}
	
#sejours form {
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
		}
		
#sejours select {
	color:#0b0048;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	}
		
		
#coupCoeur h1 {
	background-image:url(img/V2/bgCoeur.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	font-weight:lighter;
	font-size:2em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
	line-height:40px;
	}	
		
#coupCoeur ul {
	padding:5px;
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
	list-style-type:none;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	}
	
#coupCoeur li {
	margin-top:10px;
	height:100px;
	padding-left:5px;
	padding-bottom:20px;
	}	
		
.texteCoeur {
	padding-left:100px;
	padding-top:2px;
	}	
		
#coupCoeur ul li a {
	text-decoration:none;
	color:#0b0048;
	}
			

.prixCoeur {
	color:#ff9900;
	}

/*-------------------------------------
	AFFICHAGE LISTE PRODUITS
-------------------------------------*/	

#listeProduits {
	font-family:Arial, Helvetica, sans-serif;
	width:520px;
	float:left;
	margin-left:10px;
	position:relative;
	}

p#nbResultats {
	position:absolute;
	left:10px;
	top:-10px;
	line-height:2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#333333;
	padding-bottom:15px;
	}

#chapoProduits {
	width:520px;
	float:left;
	padding-left:10px;
	}
	
/* ajout pour pages pays */
#chapoProduits h1 {
	color:#0b0048;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:2.6em;
	text-align:center;
	width:520px;
	padding-top:10px;
	}

#modifRecherche {
	width:150px;
	float:right;
	margin-right:5px;
	text-align:center;
	background:url(img/V2/bgSearchForm.jpg) no-repeat top;
	height:350px;
	}
	
#modifRecherche form {
	padding-top:40px;
	}	
	
#modifRecherche form select {
	width:130px;
	margin-bottom:20px;
	}	
		
	
#modifRecherche form input {
	margin-bottom:20px;
	}
	
#modifRecherche form p {
	font-family:Arial, Helvetica, sans-serif;
	color:#0b0048;
	font-weight:bold;
	font-size:1.2em;
	}		
	
#listeProduits ul {
	width:520px;
	margin-left:10px;
	text-align:left;
	padding-left:0px;
	margin-top:10px;
	border-bottom:1px solid #ff9900;
	}
		
#listeProduits ul li {
	list-style-type:none;
	padding-top:10px;
	}

#listeProduits ul li h1 {
	width:520px;
	float:left;
	font-size:1.4em;
	color:#0b0048;
	border-bottom:1px solid #ff9900;
	text-transform:capitalize;
	}
		
#listeProduits ul li h1 a {
	text-decoration:none;
	color:#0b0048;
	padding-left:5px;
	}	

#listeProduits ul li h1 a:hover {
	text-decoration:none;
	color:#ff9900;
	}
	
#listeProduits ul li h1 a:visited {
	text-decoration:none;
	color:#333333;
	}	
	
#listeProduits ul  p {
	padding-left:10px;
	padding-top:20px;
	font-size:1.2em;
	width:340px;
	float:left;
	}
	
#listeProduits ul img {
	float:left;
	}
	
.prixProd {
	font-size:1.2em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#991727;
	font-weight:bold;
	}
	
.dureeProd {
	background-color:#cccccc;
	color:#000000;
	padding-bottom:10px;
	}	
	
	
/*-------------------------------------
	PAGE ACCUEIL SELECTIONNES
-------------------------------------*/	

#philoProduit {
	float:left;
	width:700px;
	color:#0b0048;
	font-size:1.2em;
	padding:10px 10px;
	}
	
#philoProduit h1 {
	color:#ff7f00;
	font-size:1.2em;
	}	

.titreRubrique {
	float:left;
	width:360px;
	}		
	
.titreRubrique h1 {
	visibility:hidden;
	font-size:0.8em;
	}			
	
#listeDerProd {
	width:360px;
	float:left;
	}	
	
.derniersProduits {
	background:url(img/V2/BgDerProd.png) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	width:345px;
	float:left;
	margin-left:10px;
	position:relative;
	height:110px;
	margin-bottom:10px;
	}	
	
.derniersProduits  img {
	float:left;
	margin-right:10px;
	}
	
.derniersProduits  p {
	margin-top:20px;
	font-size:1em;
	width:260px;
	}		
	
.derniersProduits  h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#0b0048;
	padding-top:10px;
	}
	
.derniersProduits  h1 a {
	text-decoration:none;
	color:#0b0048;
	}
	
.derniersProduits  h1 a:link {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduits  h1 a:visited {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduits  h1 a:hover {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduits a {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduits a:link {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduits a:visited {
	text-decoration:none;
	color:#0b0048;
	}
	
.derniersProduits a:hover {
	text-decoration:underline;
		color:#ff7f00;
	}	
	
.prixDerProd {
	font-size:1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#991727;
	font-weight:bold;
	}	
	
	
#rechercheProduits {
	background:url(img/V2/bgFormProduit.png) no-repeat left top;
	width:345px;
	height:300px;
	float:left;
	margin-left:10px;
	}	
	
	
#rechercheProduits form label {
	width:80px;
	float:left;
	font-size:1.2em;
	margin-left:10px;
	}
	
#rechercheProduits form select {
	width:150px;
	margin-left:10px;
	}	

#rechercheProduits form input {
	margin-left:100px;
	}	
	
#rechercheProduits form  {
	font-family:Arial, Helvetica, sans-serif;
	color:#0b0048;
	font-weight:bold;
	font-size:1.2em;
	}		
	
#selection {
	background:url(img/V2/bgSelectionProduit.png) no-repeat left top;
	width:345px;
	height:440px;
	float:left;
	margin-left:10px;
	}	
	
.selectionDetail {
	width:100%;
	float:left;
	}
	
.selectionDetail img {
	margin:5px 10px;
	float:left;
	}
		
.selectionDetail p {
	width:240px;
	float:left;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#0b0048;
	}	
	
.selectionDetail p a {
	color:#0b0048;
	text-decoration:none;
	}	
	
.selectionDetail p a:link {
	color:#0b0048;
	text-decoration:none;
	}		
			
			
.selectionDetail p a:visited {
	color:#0b0048;
	text-decoration:none;
	}		
				
.selectionDetail p a:hover {
	color:#0b0048;
	text-decoration:underline;
	}		
	

.titreSelection {
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps;
	}	
	
/*-------------------------------------
	AFFICHAGE PRODUIT SEUL
-------------------------------------*/		

#detailProd {
	font-family:Arial, Helvetica, sans-serif;
	width:520px;
	float:left;
	margin-left:10px;
	}
	
	
#detailProd h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#0b0048;
	}	
	
.duree {
	font-size:1em;
	color:#0b0048;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	background:#ff9900;
	width:535px;
	line-height:20px;
	padding-left:5px;
	}	
	
#detailProd  p {
	font-size:1.2em;
	margin-bottom:5px;
	}

p.detailRub {
	text-align:center;
	}	
	
.listpromo {
	color:#ffffff;
	font-weight:bold;
	}
	
.listprix {
	color:#0b0048;
	}

#detailProd form select option {
	background:#ff9900;
	font-family:"Courier New", "Monotype Corsiva";
	font-size:1em;
	font-weight:bold;
	color:#0b0048;
	}		
	
#detailProd form input {
	background:#ff9900;
	font-family:"Courier New", "Monotype Corsiva";
	font-size:1.4em;
	color:#0b0048;
	}			
	
	
#guideVoyage {
	background:url(img/V2/bgGuideVoyage.jpg) no-repeat top;
	width:150px;
	float:right;
	margin-right:5px;
	text-align:center;
	height:160px;
	}	
		
#guideVoyage p {
	padding-top:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	font-style:normal;
	color:#0b0048;
	}	
	
#guideVoyage p a {
	text-decoration:none;
	color:#0b0048;
	}	
	
#guideVoyage p a:hover {
	text-decoration:underline;
	color:#ff9900;
	}	
	
#guideVoyage p a:visited {
	text-decoration:none;
	color:#0b0048;
	}	
	
#autresFoto {
	width:150px;
	float:right;
	margin-right:5px;
	text-align:center;
	height:350px;
	}	
	
#autresFoto p {
	width:150px;	
	color:#0b0048;
	background:#ff9900;
	font-size:1.2em;
	font-weight:bold;
	}
	
	
/*-------------------------------------
	AFFICHAGE PRE RESERVATION
-------------------------------------*/		

#preResa {
	float:left;
	width:600px;
	margin-left:10px;
	}
	
#preResa a {
	color:#0b0048;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	text-decoration:underline;
	}
	
#preResa a:hover {
	color:#ff9900;
	text-decoration:underline;
	}
	
#preResa a:visited {
	color:#0b0048;
	text-decoration:underline;
	}	
	
#preResa h2{
	text-align:center;
	margin:10px 10px;
	border-color:#cccccc;
	font-size:2em;
	color:#0b0048;
	}	
	
#preResa ul {
	border:1px solid #ff9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#0b0048;
	background:url(img/V2/clip.png) no-repeat left top;
	list-style-type:none;
	margin-bottom:20px;
	height:120px;
	}
	
#preResa ul li {
	padding-left:62px;
	}	
	
#preResa p {
	font-size:1.2em;
	}	
	
#preResa form input, textarea {
	border-bottom:2px solid #ff9900;
	border-right:1px solid #0b0048;
	}
	
	
#preResa form label {
	width:270px;
	float:left;
	font-size:1.2em;
	margin:0px 10px;
	}
	
	
/*++++++++ confirmation preresa ++++++++++*/

#preResaConf {
	float:left;
	width:700px;
	margin-left:10px;
	text-align:center;
	padding-top:15px;
	}	
	
#preResaConf p {
	font-size:1.3em;
	}		
	
	
#preResaConf img {
	margin:10px 0px 10px 0px;
	}	
	
#preResaConf span.produit {
	font-size:1.6em;
	font-weight:bold;
	color:#0b0048;
	}	
	
/*-------------------------------------
	CGV - REFERENCEMENT
-------------------------------------*/		
	
#blabla {
	float:left;
	width:700px;
	margin-left:10px;
	text-align:left;
	padding-top:15px;
	margin-bottom:10px;
	}	
	
#blabla img {
	margin:10px 0px 10px 0px;
	}	
	
#blabla p {
	font-size:1.3em;
	padding-top:10px;
	}
	
#blabla h1 {
	text-align:center;
	}	
	
#blabla h2 {
	font-size:2em;
	color:#0b0048;
	}
	
#blabla span.article {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#ff9900;
	}		
	
#blabla a {
	color:#0b0048;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	text-decoration:underline;
	}
	
#blabla a:hover {
	color:#ff9900;
	text-decoration:underline;
	}
	
#blabla a:visited {
	color:#0b0048;
	text-decoration:underline;
	}		
	
#blabla ul {
	width:230px;
	float:left;
	}
/*-------------------------------------
	INTERHOME
-------------------------------------*/		
	
#blanche {
	float:left;
	width:700px;
	margin-left:10px;
	text-align:left;
	padding-top:15px;
	margin-bottom:10px;
	background:#ffffff;
	}	
	
#chapoBlanche {
	width:700px;
	float:left;
	}		
	
.frame {
	float:left;
	width:100%;
	overflow:hidden;
	border:1px solid #ff9900;
	padding-top:10px;
	}	
	
#options {
	float:left;
	width:640px;
	background:url(img/V2/options.png) no-repeat top left;
	padding-left:60px;
	height:60px;
	margin-top:10px;
	}	
	
#options ul {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	}
	
#options ul li {
	display:inline;
	line-height:30px;
	vertical-align:middle;
	padding-top:20px;
	}
		
#options ul li a {
	color:#0b0048;
	text-decoration:none;
	}
	
#options ul li a:hover {
	color:#ff9900;
	text-decoration:underline;
	}
	
#options ul li a:visited {
	color:#0b0048;
	text-decoration:none;
	}				
		
		
/*-------------------------------------
	VIDEOTHEQUE
-------------------------------------*/	

#chapoVideotek {
	float:left;
	background:#000;
	text-align:center;
	}

#piedVideotek {
	float:left;
	background:#fff;
	}	
	
#videoBox {
	width:530px;
	float:left;
	margin-left:10px;
	}		
		
.contenuVideo {
	background-color:#222222;
	float:left;
	width:680px;
	margin-top:15px;
	border:2px solid #999;
	}
	
.contenuVideo img {	
	float:left;
	margin:10px;
	}
	
.contenuVideo h2 {
	margin:10px;
	float:left;
	color:#ff7f00;
	font-size:1.6em;
	font-weight:bold;
	width:450px;
}

.contenuVideo p {
	float:left;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	width:450px;
}

.contenuVideo p#depose {
	width:180px;
	float:right;
	background-color:#ffffff;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 10px;
	color:#0b0048;
	line-height:30px;
	margin:60px 15px 15px 15px;
	}

.contenuVideo ul#pays {
	float:left;
	font-size:1.4em;
	font-weight:bold;
	color:#0b0048;
	width:480px;
	}
	
.contenuVideo ul#pays li {	
	display:inline;
	line-height:25px;
	background-color:#ffffff;
	padding:3px;
	}
	
.contenuVideo ul#pays li a {
	color:#0b0048;
	text-decoration:none;
	}
	
.contenuVideo ul#pays li a:hover {
	color:#0b0048;
	text-decoration:underline;
	}
	
.contenuVideo ul#pays li a:visited {
	color:#0b0048;
	text-decoration:none;
	}

.contenuVideo p#depose a {	
	color:#0b0048;
	text-decoration:none;
	}
	
.contenuVideo p#depose a:visited {	
	color:#0b0048;
	text-decoration:none;
	}	
	
.contenuVideo p#depose a:hover {	
	color:#0b0048;
	text-decoration:underline;
	}	
	
	
	
/*-------------------------------------
	PHOTOTHEQUE
-------------------------------------*/	

#chapoFototek {
	float:left;
	}

	
#photoResult {
	width:525px;
	float:left;
	margin-left:20px;
	}
	
#photoResult p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#991727;
	font-weight:bold;
	text-align:center;
	}	
	
.affichVignette  {
	margin:10px 5px;
	width:160px;
	text-align:center;
	float:left;
	background-color:#E1E1E1;
	padding:10px 0px;
	height:150px;
	}
	
.pagination {
	width:523px;
	height:20px;
	float:left;
	border:1px solid #991727;
	text-align:center;
	margin-bottom:10px;
	}	
	
.pagination img {
	margin:3px;
	vertical-align:bottom;
	}	

.pagecourante {
	font-size:14px;
	color:#991727;
	margin:3px;
	}
	
.pagin {
	color:#0b0048;
	font-size:12px;
	margin:3px;
	text-decoration:none;
	}		
			
.pageInvisible {
	color:#ffffff;
	}
	
.pagePrec {
	text-align:left;
	}
	
.pageSuiv {
	text-align:right;
	display:inline;
	}
	
.nbpages {
	text-align:center;
	display:inline;
	}		
	
#popFoto {
	margin-top:70px;
	background-color:#0b0048;
	text-align:center;
	}	
	
#popFoto p {
	text-align:center;
	margin:10px;
	color:#ffffff;
	font-size:1.4em;
	}	
	
#popFoto img {
	margin:0 auto;
	}
	
/*-------------------------------------
	OFFICE TOURISME
-------------------------------------*/		
	
#listeOffices {
	font-family:Arial, Helvetica, sans-serif;
	width:530px;
	float:left;
	margin-left:10px;
	}
	
#listeOffices ul {
	width:520px;
	margin-left:10px;
	text-align:left;
	padding-left:0px;
	margin-top:10px;
	border-bottom:1px solid #ff9900;
	}
		
#listeOffices ul li {
	list-style-type:none;
	padding-top:10px;
	}

#listeOffices ul li h1 {
	width:520px;
	float:left;
	font-size:1.2em;
	color:#0b0048;
	border-bottom:1px solid #ff9900;
	}
	
#listeOffices ul li h1 img {
	float:inherit;
	margin:0;
	}
		
		
#listeOffices ul li h1 a {
	text-decoration:none;
	color:#0b0048;
	padding-left:5px;
	}	

#listeOffices ul li h1 a:hover {
	text-decoration:none;
	color:#ff9900;
	}
	
#listeOffices ul li h1 a:visited {
	text-decoration:none;
	color:#333333;
	}	
	
#listeOffices ul  p {
	padding:10px;
	font-size:1.1em;
	width:500px;
	float:left;
	}	
	
#listeOffices ul  p a {
	color:#0b0048;
	text-decoration:none;
		}	
		
#listeOffices ul  p a:visited {
	color:#0b0048;
	text-decoration:none;
		}			
		
#listeOffices ul  p a:hover {
	color:#ff7f00;
	text-decoration:underline;
		}			
	
.infoOffice {
	width:520px;
	background:#cccccc;
	}	
	
.nomPays {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:2em;
	vertical-align:middle;
	font-style:italic;
	}	
	
#listeRecherche {
	width:150px;
	float:right;
	margin-right:5px;
	text-align:center;
	background:url(img/V2/bgSearchListeForm.png) no-repeat top;
	height:200px;
	}
	
#listeRecherche form {
	padding-top:40px;
	}	
	
#listeRecherche form select {
	width:130px;
	margin-bottom:20px;
	}	
		
	
#mlisteRecherche form input {
	margin-bottom:20px;
	}
	
#listeRecherche form p {
	font-family:Arial, Helvetica, sans-serif;
	color:#0b0048;
	font-weight:bold;
	font-size:1.2em;
	}			
	
#listeOffices p {
	width:340px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:10px;
	margin-top:20px;
	border:1px solid #ff7f00;
	}
	
#listeOffices img {
	float:left;
	margin:15px 10px 0px 5px;
		}
		
		
/*-------------------------------------
	PARTENAIRES - BOUTIQUES
-------------------------------------*/	

#partenaires {
	float:left;
	width:700px;
	margin-left:10px;
	text-align:left;
	padding-top:15px;
	margin-bottom:10px;
	background:#ffffff;
	}	
	
#chapoPartenaires {
	width:700px;
	float:left;
	}
	
#partenaires h2 {
	border-bottom:1px solid #991727;
	line-height:2em;
	margin-top:5px;
	font-size:1.4em;
	font-weight:bold;
	font-variant:small-caps;
	}	
	
#partenaires h2 img {	
	margin-right:5px;
	}
	
#partenaires p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	float:left
	}
	
#partenaires p a {
	color:#991727;
	text-decoration:none;
	margin:3px 0px;
	line-height:1.6em;
	font-weight:bold;
	}	
	
#partenaires p a:visited {
	color:#991727;
	text-decoration:none;
	}	
	
#partenaires p a:hover {
	color:#333333;
	text-decoration:underline;
	}	
	
#partenaires p img {
	float:left;
	margin:5px 10px 5px 0px;
	}	
		
/*-------------------------------------
	FOOTER
-------------------------------------*/	


#footer	{
	background-color: #ff7f00;
	border-top: 5px solid #0b0048;
	margin: 0;
	padding: 15px;
	color: #7d7d69;
	font-size:1em;
	text-align: left;
	clear:both;
	}
	
.tangka {
	font-size:2em;
	color:#0b0048;
	font-weight:bold;
	}
	
ul#liens	{
	list-style: none;
	margin-left: 100px;
	padding:0;
	}
	
ul#liens li	{
	font-size:1.2em;
	display: inline;
	padding:3px 8px;
	font-weight: bold;
	background-color: #ffffff;
	color:#ff9900;
	}
	
	
	
ul#fonc {
	list-style-type:none;
	margin-left:100px;
	padding-top:10px;
	}	
	
ul#fonc li {
	font-size:1.2em;
	display:inline;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 5px;
	}
	
ul#fonc li a {
	color:#FFFFFF;
	}
	
#footer a	{
	color: #ff9900;
	font-weight:bold;
	text-decoration:none;
	}
	
#footer a:hover	{
	text-decoration: underline;
	}
	
#footer a:visited	{
	color: #fff;
	text-decoration:none;
	}	
	
#footer p	{
	margin:0 0 0 80px;
	padding:3px 20px;
	font-weight:bold;
	color: #fff;
	font-size:1.2em;
	}
	
ul#liens li	a {
	text-decoration:none;
	color:#0b0048;
	}
	
ul#liens li	a:hover {
	text-decoration:none;
	color:#ff9900;
	}
	
ul#liens li	a:visited {
	text-decoration:none;
	color:#0b0048;
	}		
	
/*---------------------------------------------------
	GUIDE MULTIMEDIA
---------------------------------------------------*/	

/* accueil general */

div#guideVedette {
	width:640px;
	margin:0px 20px;
	padding-top:30px;
	height:250px;
	border-bottom:1px dotted #0b0048;
	}
	
div#guideVedette img {
	float:left;
	margin:5px 5px;
	}	
	
div#guideVedette p {
	float:right;
	width:340px;
	font-family:"Lucida Grande", Arial, Verdana;
	font-size:1.3em;
	margin:10px 5px;
	}	

div#guideVedette a {
	color:#333333;
	text-decoration:underline;
	}
	
div#guideVedette a:visited {
	color:#333333;
	text-decoration:none;
	}	
	
div#guideVedette a:hover {
	color:#ff7f00;
	text-decoration:underline;
	}	

div#guideSearch {
	width:660px;
	margin:30px 20px 20px 0px;
	height:350px;
	background-color:#f8f5f2;
	}
	
div#searchLeft {
	width:270px;
	float:left;
	}	
	
div#searchRight, div#searchPlus {
	width:180px;
	float:left;
	}	
	
div#searchLeft img {	
	float:left;
	margin:5px 5px;
	}
	
div#searchLeft p {
	float:left;
	width:200px;
	text-align:center;
	margin:20px 5px;
	font-family:"Lucida Grande", Arial, Verdana;
	font-size:1.2em;
	color:#0b0048;
	}	
	
div#searchRight ul, div#searchPlus ul {
	float:left;
	width:180px;
	font-family:"Lucida Grande", Arial, Verdana;
	font-size:1.3em;
	margin:10px 0px 10px 5px;
	}	

div#searchRight ul li, div#searchPlus ul li { /* 2 lignes pour remplacer le list-style-image qui marche pas ;-( */
	background:url(img/V2/droite.gif) no-repeat left;
	padding-left:20px;
	}
	
div#searchRight a, div#searchPlus a {
	color:#0b0048;
	text-decoration:none;
	}
	
div#searchRight a:visited, div#searchPlus a:visited {
	color:#0b0048;
	text-decoration:none;
	}	
	
div#searchRight a:hover, div#searchPlus a:hover {
	color:#ff7f00;
	text-decoration:underline;
	}	
		
div#guideSearch form {
	padding-top:40px;
	float:right;
	margin:10px 50px 10px 10px;
	}	
	
div#guideSearch form select {
	width:130px;
	margin-bottom:20px;
	}	
		
	
div#guideSearch form input {
	margin-bottom:20px;
	}
	
div#guideSearch form p {
	font-family:Arial, Helvetica, sans-serif;
	color:#0b0048;
	font-weight:bold;
	font-size:1.2em;
	}		

#travaux {
	clear:both;
	width:680px;
	margin:50px 0px;
	font:1.2em "Lucida Grande", Arial, Verdana;
	color:#0b0048;
	border:1px dotted #0b0048;
	}


div#headergarde {
    text-align: center;
    height: 166px;
    margin: 0px;
}

div#navcol {
	padding-top:10px;
    width: 200px;
    float: left;
	margin-left:10px;
	margin-right:10px;
}	

div#navcolGarde {
	padding-top:10px;
    width: 300px;
    float: left;
    padding-right: 2px;
	padding-left:3px;
}	

div#mainGarde {
  padding-left: 10px;
	background-color:#ffffff;
	border-left: dotted 1px black;
	width:450px;
	text-align:right;
}

	
div#navcolHead {
	width:190px;
	background-image:url(guide/img/sommaireGuide.png);
	background-position:left;
	background-repeat:no-repeat;
	height:30px;
}


div#main {
    padding-left: 10px;
	padding-right: 10px;
    margin-left: 220px;
    margin-right: 5px;
	background-color:#ffffff;
	border-right: dotted 1px black;
	border-left: dotted 1px black;
}


div#sidecol {
    padding: 10px;
    width: 1px;
    float: right;
}
div#foot {
    border-top: dotted #000 1px;
	background-image:url(footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
    padding-top: 10px;
    text-align: center;
    clear: both;
}

div#column2 {
    margin: 0;
    padding: 0;
    background-position: right;
    background-repeat: repeat-y;
    width: 860px;
    background-color: #ffffff;
	   
}

div#column2garde {
    margin: 0;
    padding: 0;
    background-repeat: repeat-y;
    width: 780px;
    background-color: #ffffff;
	   
}

div#column1 {
    margin: 0px;
    padding: 0px;
    background-image: url(side1.gif);
    background-repeat: repeat-y;
    width: 100%;
   
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
	
div#navcol ul {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
div#navcol li {
	padding-left:5px;
	font-weight:normal;
	}
	


/*********************************/
/**** Styles cr��s par S�b ****/ 
/*********************************/
/*** Modifications Franck le 08 fevrier 2007 ***/
/*** Modif integration,tangka 02/2007 et 09/2007***/
/*********************************/


/* ##### Styles menu de navigation sommaire #####*/
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}

#menuChapts	{
	position: relative; top: 0; left: 0;
	font-family:"Lucida Grande", Arial, Verdana;
	}
	
#menuChapts {width: 190px;}

#menuChapts dt {
	cursor: pointer; 
	margin: 2px 0; 
	line-height: 20px; 
	font-weight: bold;
	background-position: 0 8px;
	padding-left: 12px;
	}
	
#menuChapts dt a:hover {
	color:#ff7f00; 
	text-decoration:underline;
	}

#menuChapts dd {
	background-color: #ffffff;
	}

#menuChapts li { 
	font-family:"Lucida Grande", Arial, Verdana;
	margin-left:15px;
	background-position: 0 4px;
	border-left:1px dotted #5b83a7;
	border-right:1px dotted #5b83a7;
	}
#menuChapts li a, #menucats dt a {
	display: block;
	font-size: 11px;
	padding-left: 20px;
	  }


.menuChaptTitle1{ /*style pour les noms de chapitres non expand�s*/
	/*color : #880000;*/
	color : #0b0048;
}

.menuChaptTitle2 {  /*style pour le nom du chapitre expand�*/
	color : #ff7f00;
}

.menuChaptTitle3{  /*style pour le nom du chapitre courant*/
	color : #ff7f00;
	font-size :15px;
}

.subMenuHide { /*style pour cacher le contenu des chapitres autres que le courant */
	display: none;
}

.subMenuShow { /*style pour afficher le contenu du chapitre courant et celui du chapitre expand� */
	display: block;
}



.subMenuTitle2  a:link { /*style pour le nom du sous-chapitre courant*/
	color: #ff7f00;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
}

.subMenuTitle2  a:visited  { /*style pour le nom du sous-chapitre courant*/
	color: #ff7f00;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
}



.subMenuTitle1 a:link {  /*style par d�faut pour les noms de sous-chapitres */
	color: #0b0048;
}

.subMenuTitle1 a:visited {  /*style par d�faut pour les noms cliques de sous-chapitres */
	color: #0b0048;
}
.subMenuTitle1 a:hover {  /*style par d�faut pour les noms de sous-chapitres */
	color: #ff7f00;
}



/* ##### Style pour les fl�ches de navigation en haut de la partie centrale (encapsul� dans un div) #####*/
.smallNav {
text-align:center;
padding-right:20px;
margin-bottom:5px;
padding-top:15px;
position:relative;
}

.backhome {
background-color:darkred; 
text-align:center;
color:white; 
font-weight: bold; 
line-height:40px; 
font-size:18px;
text-decoration:underline
}
.backhome:link {
background-color:darkred; 
color:white; 
font-weight: bold; 
line-height:40px; 
font-size:14px;
text-decoration:underline
}


/* ##### Style pour le contenu g�n�r� dans la partie centrale #####*/

.chapterTitle {  /*style pour les titres de sous-chapitre (encapsul� dans un div)*/
	margin-left: 0px;
	line-height: 30px;
	vertical-align:middle;
	background-color:#ff7f00;
	
}

.chapterTitle h1 {
	color:  #ffffff;
	font-size:1.8em;
	padding:0px 15px;
	}
	
	
.subChapter {  /*style pour l'ensemble du contenu d'un sous-chapitre (encapsul� dans un div)*/
	margin-left: 0px;
}


.subChapterTitle {  /*style pour les titres de sous-chapitre (encapsul� dans un div)*/
	background-color:#ffffff;
	margin: 10px 0px;
	background-image:url(guide/img/puceSubTitle.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:25px;
}

.subChapterTitle h2 {
	font-family:"Lucida Grande", Arial, Verdana;
	font-size:1.6em;
	color:#333333;
	font-weight:bold;
	}
	

.subChapterPhotos { /*style pour les zones liens photos li�s � un titres de sous-chapitre (encapsul� dans un div)*/
	font-weight: bold;
	margin-left: 45px;
}

.subChapterContent { /*style pour l'ensemble des sections d'un sous-chapitre (encapsul� dans un div)*/
	color: darkblue;
	margin-top:20px;
	margin-left: 15px;
	font-size:1.2em;
}

.section {  /*style pour l'ensemble du contenu d'une section (encapsul� dans un div)*/
	margin-left:0px;
}
.sectionTitle  h3 { /*style pour les titres de section (encapsul� dans un div)*/
	color: #333333;
	font-size:1.4em;
	font-weight: bold;
	margin-left: 0px;
	/*line-height: 30px;*/
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#cccccc;
}


.sectionTitleResume  h3 { /*style pour les titres de section des pages resumees du guide (encapsul� dans un div)*/
	color: #333333;
	font-size:1em;
	font-weight: bold;
	font-style:italic;
	margin-left: 0px;
}


.sectionPhotos { /*style pour les zones liens photos li�s � un titres de section (encapsul� dans un div)*/
	margin-left:15px;
	margin-top:10px;
}


.sectionPhotos img { /*style pour les zones liens photos li�s � un titres de section (encapsul� dans un div)*/
	vertical-align:bottom;
}

.sectionContent { /*style pour le contenu d'une section, hors titre (encapsul� dans un div)*/
	color:#333333;
	font-size:1em;
	margin-left: 15px;
}

.sectionContent ul { /*style pour le contenu d'une section, hors titre (encapsul� dans un div)*/
	color:#333333;
	font-size:1.2em;
	margin-left: 15px;
}

.sectionContent ul li {
	list-style-type:circle;
	}

.sectionContent span.accesGuide {
	font-style:italic;
	font-size:0.9em;
	color:#006600;
	}
	
.sectionContent span.accesGuide a {
	text-decoration:none;
	color:#006600;
	}	

.sectionContent span.accesGuide a:hover {
	text-decoration:underline;
	color:#006600;
	}	

.sectionContent span.accesGuide a:visited {
	text-decoration:none;
	color:#006600;
	}	

.photomark {
	color: green;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	background-color:#CFEFC0;
}

.videomark {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	background-color: #FFCCCC;

}

.videolink a {/*style pour les liens videos (encapsul� dans un <a>)*/
	color:#ff7f00;
	font-size:1.1em;
	font-weight: bold;
	text-decoration:none;
	margin-right:5px;
}

.videolink img {
	vertical-align:bottom;
	}
	
.photolink img {
	vertical-align:bottom;
	}
	
.videolink a:visited {
	text-decoration:none;
	color:#ff7f00;
	}	
	
.videolink a:hover 	{
	color:#0b0048;
	text-decoration:underline;
	}
	


.photolink a {
	color:#ff7f00;
	font-size:1.1em;
	font-weight: bold;
	text-decoration:none;
	margin-right:5px;
	}	
	
.photolink a:visited {
	text-decoration:none;
	color:#ff7f00;
	}	
	
.photolink a:hover {
	color:#0b0048;
	text-decoration:underline;
	}
	
	

.externlink {
	color:  #3366FF;
	}


.itemList { /*style pour les listes descriptives que l'on peu retrouver dans une section ou un sous chapitre (encapsul� dans un div)*/
}

.itemTitle { /*style pour les titres d'�l�ments de listes descriptives(encapsul� dans un span)*/
	color: green;
	font-size: 14px;
	font-weight: bold;
	margin-left: 0px;
}

.itemData {/*style pour les textes d'�l�ments de listes descriptives(encapsul� dans un span)*/
	color: darkblue;
	font-size: 13px;
	margin-left: 15px;
}

.chrono_title { /*style pour les titres de grandes p�riodes dans les chronologies(encapsul� dans un span)*/
	color: darkred;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	
}

.chrono_subtitle {/*style pour les titres de p�riodes dans les chronologies(encapsul� dans un span)*/
	color: green;
	font-weight: bold;
	font-size: 14px;

}

.feast_date {
	color: green;
	font-weight: bold;
	font-size: 14px;
	
}	
		
#chapoGuide {
	text-align:center;
	}		
	
#copyMondeos {
	padding:10px;
	font-size:1em;
}
	
/*-----------------------------
	AFFICHAGE POPUP PHOTOS
-----------------------------*/	

#pop{ /* fausse popup */
margin-left:auto;
margin-right:auto;
position:absolute;
/*left:10px;*/
top:20px;
display:none;
z-index:200;
background-color:#000;
border:3px solid #000;
/* pour IE seulement */
filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#222222,strength=4)
}
#tet{ /* titre */
cursor:move;
background-color:#ff7f00;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:white;
padding:5px 20px 5px .5em;
font-size:1.2em;
height:30px;
}
#tet img{ /* croix pour fermer */
position:absolute;
right:0;
top:0;
cursor:default;
margin:2px 1px 1px;
padding:10px 10px;
border:0px
}
	
/*----------------------------
	ASSURANCE
-----------------------------*/

#blocAssur {
	width:700px;
	padding-top:10px;
	background-color:#FFFFFF;
	float:left;
	border-right:2px solid #ffffff;
	border-bottom:1px dotted #999999;
	font-family:Arial, Helvetica, sans-serif;
	}

#blocAssur p {
	font-size:1.2em;
	color:#0b0048;
	padding-left:10px;
	}

#chapoAssur {
	width:680px;
	float:left;
	}

#blocAssur table {
	width:680px;
	padding:5px;
	background: url(img/logoForm.gif) center top repeat-y;
	color:#FFFFFF;
	margin-left:10px;
	}
	
#blocAssur table th {
	padding:5px;
	line-height:2em;
	font-weight:bold;
	font-size:1.4em;
	background-color:#0b0048;
	}
	
#blocAssur td { 
	color:#333333;
	padding:10px;
	text-align:center;
	font-size:1.2em;
	vertical-align:top;
	border-left:1px solid #333333;
	}
	
#blocAssur td#titre { 
	color:#000000;
	padding:10px;
	text-align:center;
	font-size:1.3em;
	vertical-align:top;
	border:1px dotted #333333;
	background-color:#999999;
	}	

#Resassurance {
	float:left;
	width:680px;
	}
	
#Resassurance ul li{
	list-style-type:disc;
	}	
	
.ssblocAssur {
	width:570px;
	border-right:1px dotted #cccccc;
	float:left;
	margin:5px 0px 5px 0px;
	}

#blocAssur .image_right  {
	float:right;
	margin:5px 5px 0px 0px;
	background-color:#FFFFFF;
	border:1px solid #999999;
}

#blocAssur .image_left {
	float:left;
	margin:5px 5px 0px 5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
}

#blocAssur .pleft {
	text-align:justify;
	padding:5px;
	margin:5px;	
	float:left;
	width:550px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	border-left:1px solid #b71511;
	}

#blocAssur .pright {
	text-align:justify;
	padding:5px;
	margin:5px;	
	float:left;
	width:730px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	border-left:1px solid #b71511;
	}

#blocAssur h5 {
	padding:5px;
	color:#84ac26;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	width:550px;
	}

#blocAssur h2 {
	padding:5px;
	color:#006600;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:bold;
	font-variant:small-caps !important;
	width:570px;
	}

#blocAssur h2 a {
	color:#006600;
	text-decoration:none;
	}
	
#blocAssur h2 a:hover {
	text-decoration:none;
	color:#006600;
	border-top: 1px dotted #006600;
	border-bottom: 1px dotted #006600;
		}	
		
#blocAssur h2 a:visited {
	color:#006600;
	text-decoration:none;
	}		
	
/*---------------------------------------------------
	NEWSLETTER
---------------------------------------------------*/			
	
div#newsletter {
	width:700px;
	margin-left:10px;
	border-color:#cccccc;
	float:left;
	}
	
div#newsletter h5{
text-align:center;
	margin:10px 10px;
	border-color:#cccccc;
	font-size:1.1em;
	}	
	
div#newsletter h2{
text-align:center;
	margin:10px 10px;
	border-color:#cccccc;
	font-size:2em;
	color:#ff7f00;
	}
		
div#newsletter ul{
	margin:10px 10px;
	border-color:#cccccc;
	font-size:1.1em;
	list-style-type:none;
	}	
		
div#newsletter form {
	border-top:2px solid #cccccc;
	border-bottom:3px solid #cccccc;
	background-image:url(img/logoForm.gif);
	background-repeat:no-repeat;
	background-position:top;
		}
	
div#newsletter div.clearfix {
	border-top:1px solid #cccccc;
	padding:15px 0px;
	vertical-align:top;
	}
	
div#newsletter form label {
	width:270px;
	float:left;
	font-size:1.2em;
	margin:0px 10px;
	}		
	
	
div#newsletter form input {
	font-size:1.2em;
	border:1px solid #ff7f00;
	padding:2px;
	height:1.5em;
	}		
		
/*-------------------------------------
	DEPOSE PHOTO / ELEMENTS SUPP.
-------------------------------------*/	


#autrInfo {
	width:700px;
	background-color:#FFFFFF;
	float:left;	
	display: table-cell;
	vertical-align: middle;
	font-size:1.2em;
	}
	
#autrInfo p {
	width:600px;
	float:left;
	margin-top:10px;
	padding:3px 0px 3px 0px;
	border-bottom:1px dotted #006600;
	border-top:1px dotted #006600;
	}
	
#autrInfo img {
	float:left;
	padding:0px 10px 5px 0px;
	}	
	
#autrInfo a {
	color:#006600;
	text-decoration:none;
	}
	
#autrInfo a:hover {
	color:#b71511;
	text-decoration:underline;
	}		
	
#autrInfo a:visited {
	color:#006600;
	text-decoration:none;
	}							
	
/*-------------------------------------------------
	PAGES PRESENTATION PAYS / ELEMENTS SUPP
----------------------------------------------------*/	

#BottomSlideshow {
	height:340px;
	float:right;
	margin:10px;
	width:690px;
	background-position: right center;
	background-repeat:no-repeat;
	}	
	
#BottomSlideshow h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.6em;
	color:#333333;
	margin:0px 200px 5px 0px;
	padding:10px;
	}
	
#BottomSlideshow p {
	height:160px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#333333;
	margin:5px 200px 5px 0px;
	padding:10px;
	}
	
#BottomSlideshow a {
	color:#b71511;
	text-decoration:underline;
	line-height:2em;
	}
	
#listeDerProdPays {
	margin-right:10px;
	width:690px;
	float:right;
	}
	
#coupCoeurPays, #utilesPays {
	margin-top:20px;
	padding-right:365px;
	float:right;
	width:333px; 
	}

	
#coupCoeurPays h1 {
	background-image:url(img/V2/bgCoeur.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	font-weight:lighter;
	font-size:2em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
	line-height:40px;
	}	
	
#utilesPays h1 {
	background-image:url(img/V2/bgSelect.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	font-weight:lighter;
	font-size:2em;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
	line-height:40px;
	}	
	
#liensUtilesPays {
	height:340px;
	float:right;
	margin:10px;
	width:690px;
	}
	
#liensUtilesPays p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#333333;
	margin:5px 200px 5px 0px;
	padding:10px;
	}	
		
	
#liensUtilesPays a {
	padding:10px;
	font-size:1.2em;
	color:#b71511;
	text-decoration:underline;
	line-height:2em;
	}			
	
.derniersProduitsPays {
	float:right;
	background:url(img/pays/bg-prods-presentation-pays.jpg) left top no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	width:675px;
	float:left;
	margin-right:10px;
	height:230px;
	margin-bottom:10px;
	}	
	
.derniersProduitsPays  img {
	float:left;
	margin:10px;
	}
	
.derniersProduitsPays  p {
	float:left;
	margin:10px;
	font-size:1.4em;
	width:400px;
	}		
	
.derniersProduitsPays  h1 {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	color:#0b0048;
	padding:0px;
	font-style:italic;
	margin-top:10px;
	width:400px;
	}
	
.derniersProduitsPays a {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduitsPays a:link {
	text-decoration:none;
	color:#0b0048;
	}	
	
.derniersProduitsPays a:visited {
	text-decoration:none;
	color:#0b0048;
	}
	
.derniersProduitsPays a:hover {
	text-decoration:underline;
		color:#ff7f00;
	}	
	
.prixDerProdPays {
	font-size:0.8em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#991727;
	font-weight:bold;
	}	
		
/*-------------------------------------
	       ESPACE PRO
-------------------------------------*/		
	
#rubPro {
	float:left;
	width:710px;
	margin-left:10px;
	text-align:left;
	padding-top:15px;
	margin-bottom:10px;
	}	
	
#rubPro img {
	margin:10px 0px 10px 0px;
	}	
	
#rubPro p {
	font-size:1.3em;
	padding-top:10px;
	}
	
#rubPro h1 {
	text-align:center;
	}	
	
#rubPro h2 {
	font-size:2em;
	color:#ffffff;
	text-align:center;
	background-color:#ff7f00;
	line-height:2em;
	margin-bottom:15px;
	}
	
#rubPro span.article {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#ff9900;
	}		
	
#rubPro a {
	color:#0b0048;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	text-decoration:underline;
	}
	
#rubPro a:hover {
	color:#ff9900;
	text-decoration:underline;
	}
	
#rubPro a:visited {
	color:#0b0048;
	text-decoration:underline;
	}		
	
#rubPro ul {
	width:225px;
	list-style-type:none;
	border:1px dotted #0b0048;
	}
	
#rubPro ul li.intitule {
	padding:10px;
	width:210px;
	float:left;
	background-color:#0b0048;
	color:#ffffff;
	text-transform:capitalize;
	font-size:1.4em;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	}
	
#rubPro ul li {
	font-size:1.2em;
	color:#0b0048;
	padding:5px;
	}
		
.listeSejourPro {
	width:230px;
	float:left;
	padding-left:3px;
		}

.listeSejourPro h3 {
	width:225px;
	color:#ff7f00;
	background-color:#0b0048;
	font-size:1.6em;
	line-height:2em;
	text-align:center;
	}