/*---------------------------------------------------
	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: 190px;
    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#main {
   padding:0px;
    margin-left: 230px;
    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 ***/
/*********************************/


/* ##### 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;
float:right;
clear:both;
}

#diaporama {
	width:620px;
	height:300px;
	margin:0px;
	padding:0px;
	}

.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: 50px;
	vertical-align:bottom;
	background-color:#FFFFFF;
	width:620px;
	height:40px;
	border-bottom:1px solid #000000;
}

.chapterTitle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:  #0b0048;
	font-size:1.8em;
	padding:0px 15px;
	vertical-align:bottom;
	}
	
.chapterTitle h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:  #0b0048;
	font-size:1.8em;
	padding:0px 15px;
	vertical-align:bottom;
	}
	
	
	
.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:15px;
	width:340px;
	float:left;
}

.subChapterTitle h2 {
	font-family:Arial, Verdana;
	font-size:3em;
	font-weight:normal;
	color:#ff7f00;
	letter-spacing:0.1em;
	margin-bottom:0px;
	}
	
.subChapterTitle h1 {
	font-family:Arial, Verdana;
	font-size:3em;
	font-weight:normal;
	color:#ff7f00;
	letter-spacing:0.1em;
	margin-bottom:0px;
	}
	

.subChapterPhotos { /*style pour les zones liens photos liés à un titres de sous-chapitre (encapsulé dans un div)*/
	font-weight: bold;
	margin-left:5px;
	float:left;
	text-align:center;
	width:250px;
	border:1px solid #ff7f00;
	margin-top:10px;
}

.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;
	float:left;
}


#vignettesPhotos {
	width:150px;
	text-align:center;
	float:left;
	}
	
#vignettesPhotos img {
margin:5px;
border:1px solid #ff7f00;
	}	

.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;
	width:580px;
	float:left;
}

.sectionContent p:first-letter {
	color:#fb7a35;
	font-size:2em;
	font-weight:bold;
	}

.sectionContent img#right { 
	margin:10px 0px 10px 10px;
	float:right;
	border:1px solid #ff7f00;
}

.sectionContent img#left { 
	margin:10px 10px 10px 0px;
	float:left;
	border:1px solid #ff7f00;
}

.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;
	}	

.sectionContent h2 {
	line-height:2em;
	margin:5px 0px;
	color:#ff7f00;
	font-style:italic;
	}
	
.sectionContent div.encart {
	background-color:#ff7f00;
	color:#ffffff;
	width:450px;
	margin:20px 0px 20px 70px;
	font-weight:bold;
	padding:10px;
	}

div.encart p {
	font-family:"Courier New", Courier, monospace;
	font-size:1.2em;
	text-align:justify;
}

div.encart p:first-letter {
	color:#ffffff;
	}
	
div.encart h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.3em;
	font-variant:small-caps;
	color:#FFFFFF;
	text-align:center;
}

.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:10px 0px;
	text-align:center;
	display:block;
}

.videolink 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:0.8em;
	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: #0b0048;
	font-size:1em;
	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:right;
	margin-right:25px;
	}		
	
#flag {
	width:620px;
	background:url(img/drapeau-guide-vietnam.png) no-repeat right top;
	height:40px;
	border-bottom:1px solid #000000;
	}
	
#listeVoyages {
	margin-top:15px;
	width:190px;
	}

#listeVoyages h1 {
	font-size:1.2em;
	color:#0b0048;
	text-align:center;
	margin-bottom:5px;
	}
	
#listeVoyages a {
	font-size:1em;
	color:#ff7f00;
	text-align:left;
	line-height:15px;
	}	
	
#listeVoyages a:link {	
	color:#ff7f00;
	text-decoration:none;
	}
	
#listeVoyages a:visited {	
	color:#ff7f00;
	text-decoration:none;
	}	
	
#listeVoyages a:hover {	
	color:#0b0048;
	text-decoration:none;
	}
	
#listeVoyages ul {
	margin:0 0 0 1em;
	padding:0px;
	}		
	
#listeVoyages ul li {
	margin:0px;
	padding:.3em;
	}

/*---------------------------------------------------
	  NAVIGATION
---------------------------------------------------*/

a.head {
	width:180px;
	padding:4px 0px 4px 5px;
	border-bottom:1px solid #cccccc;
	display:block;
	background-color:#0b0048;
	color:#ff7f00;
	}
	
	
#nav li ul {
	border:1px dotted #0b0048;
	}