/***********************************************/

/* 3col_leftNav.css                             */

/* Use with template 3col_leftNav.html          */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



body{

	

	font-family: verdana;

	font-size:0.6em;

	line-height: 1.166;

	margin: 0px;

	background-color:#000000;

	padding: 0px;

    scrollbar-face-color: #FFFFFF; 

    scrollbar-shadow-color: #000000;

    scrollbar-highlight-color: #FFFFFF;

    scrollbar-3dlight-color: #C2C2B1; 

    scrollbar-darkshadow-color: #FFFFFF; 

    scrollbar-track-color: #FFFFFF; 

    scrollbar-arrow-color: #000000;

}



h1{

 font-family: Verdana,verdana;

 font-size: 120%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font-family: verdana;

 font-size: 114%;

 color: #006699;

 margin-left:5%;

 padding: 0px;

}



h3{

 font-family: verdana;

 font-size: 70%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font-family: verdana;

 font-size: 100%;

 font-weight: normal;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font-family: Verdana,verdana;

 font-size: 100%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

 font-family: verdana;

 font-size: 100%;

 font-weight: bold;

 color: #334d55;

}

a.lien 

{  

	text-decoration: none;

	color:#000000;

}

a.lien:hover, a.lien:focus, a.lien:active 

{  

	text-decoration: underline; 

	color:#A00808;

}

a.commentaires 

{  

	text-decoration: none;

	color:#000000;

	font-size:0.7em;

}

a.commentaires:hover, a.commentaires:focus, a.commentaires:active 

{  

	text-decoration: underline; 

	color:#A00808;

	font-size:0.7em;

}





/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#masthead{

	padding: 0px 0px 0px 0px;

	margin-top:5px;

	width: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	font-style: normal;

	font-weight: bold;

	font-variant: small-caps;

	color: #FFFFFF;

}

#masthead a{

	font-size: 1.3em;

}



#navBar{

	float: left;

	width: 160px;

	margin: 0px;

	padding: 20px 0px 0px 10px;

	font-size:1.2em;

	line-height:16px;

	background-color:#000000;

	font-style: normal;

	font-variant: small-caps;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.titre_menu{

	font-size:1.2em;

	font-weight:bold;

}



#headlines{

  	float:right;

	background-color:#000000;

	width: 14%;

	border: 1px solid #cccccc;

	font-size:10px;

}



#content{

  float:left;

  width:97%; 

  font-size:10px; 

  margin-top:10px;

  text-align:justify;

}

#pave_home{

	background-image: url(Images_entete/fond_pave_home.gif);

	background-repeat:no-repeat;

	padding:1px 0px 0px 1px;

}

#news_home{

	top:20px;

	left:470px;

	height:340px;

	width:340px;

	background-image: url(Images_entete/fond_news_home.gif);

	background-repeat:no-repeat;

	padding:0px 20px 0px 20px;

	position:absolute;

}

#news_home_text{

	height:340px;

	width:328px;

	overflow:auto;
	padding-right:10px;
	font-size:1.1em;

}

#articles_home{

	top:370px;

	left:0px;

	width:805px;
	height:390px;
	padding-right:10px;
	position:absolute;

}

#articles_home td{


	font-size:0.7em;

	color:#000000;

}

#footer_home{

	top:770px;

	left:0px;

	width:820px;

	background-color:#000000;

	color:#FFFFFF;

	text-align:center;

	position:absolute;

}



/***********************************************/

/* Components                                  */

/***********************************************/



#siteName{

	margin: 0;

	padding: 0 0 0 10px;

}





/************* #globalNav styles **************/



#globalNav{

padding: 5px 5px 5px 10px;

border: 1px solid #CCCCC;

color: #cccccc;

background-color:#FDEDB5;

}



#globalNav img{

 display: block;

}



#globalNav a {

	padding: 0 4px 0 0;

}



/************* #siteInfo styles ***************/



#siteInfo{

	clear: both;

	border: 1px solid #cccccc;

	font-size: 75%;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

}



#siteInfo img{

	padding: 4px 4px 4px 10px;

	vertical-align: middle;

}





/************* #search styles ***************/



#search{

	padding: 5px 0px 5px 10px;

	border-bottom: 1px solid #cccccc;

	font-size: 90%;

}



#search form{

 margin: 0px;

 padding: 0px;

}



#search label{

	display: block;

	margin: 0px;

	padding: 0px;

}





/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

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



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

	position: relative;

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid #cccccc;

	background-image: url(Images_entete/fd3.jpg);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: xx-small;

	font-weight: bold;

	font-variant: small-caps;

	text-transform: Aucune;

	font-style: normal;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

}



#sectionLinks a {

	display: block;

	border-top: 1px solid #cccccc;

	padding: 2px 0px 2px 10px;

}



#sectionLinks a:hover{

}





/*********** .relatedLinks styles ***********/



.relatedLinks{

	position: relative;

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

	background-color: #FFFFFF;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a:link,

.relatedLinks a:visited {

	display: block; 

}



/************** #advert styles **************/



#advert{

	padding: 30px 0px 10px;

}



#advert img{

	display: block;

}





/************** #headlines styles **************/



#headlines{

	margin: 0px;

	font-size: 10px;

	color:#FF9900;

}



#headlines p{

	padding: 0px 0px 0px 0px;

}

/************** #Voyages **************/



.cadre {

	width:800px;

	margin:10px 10px 10px 10px;

}

.cadre td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	color: #000000;

}

.destination {

	width:780px;

	margin:10px 10px 10px 10px;

	background-color:#FFFFFF;

}

.destination td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	color: #000000;

}

.themes {

	width:760px;

	margin:10px 10px 10px 10px;

	background-color:#FFFFFF;

}

.themes td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	color: #000000;

}

#intro {

	width:800px;

	margin:10px 10px 10px 10px;

	font-size: 1.2em;

	color: #FFFFFF;

}

.titre_voyages {

	font-weight:bold;

}

.titre{

 font-size:1.6em;

 font-weight:bold;

 color: #FFFFFF;

 margin: 10px 0px 10px 10px;

 padding: 10px 0px 10px 10px;

}

/************** #Reservation **************/



.resa {

	width:800px;

	margin:10px 0px 0px 10px;

	background-color:#FFFFFF;

}

.resa td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	color: #000000;

}

.coordonnees td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	color: #000000;

}

.mini 

{  

	color:#666666;

	font-size:0.7em;

}

.form td

{  

	font-size:0.9em;

}

.input_resa {

	BORDER-RIGHT: #516F8A 1px solid;

	BORDER-TOP: #9BABBA 1px solid;

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	width:450px;

	height:20px;

	BORDER-LEFT: #9BABBA 1px solid;

	COLOR: #000000;

	LINE-HEIGHT: normal;

	BORDER-BOTTOM: #516F8A 1px solid;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #EBF7FC;

}

.input_resa2 {

	BORDER-RIGHT: #516F8A 1px solid;

	BORDER-TOP: #9BABBA 1px solid;

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	width:50px;

	height:20px;

	BORDER-LEFT: #9BABBA 1px solid;

	COLOR: #000000;

	LINE-HEIGHT: normal;

	BORDER-BOTTOM: #516F8A 1px solid;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #EBF7FC;

}

.input_resa3 {

	BORDER-RIGHT: #516F8A 1px solid;

	BORDER-TOP: #9BABBA 1px solid;

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	width:300px;

	height:20px;

	BORDER-LEFT: #9BABBA 1px solid;

	COLOR: #000000;

	LINE-HEIGHT: normal;

	BORDER-BOTTOM: #516F8A 1px solid;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #EBF7FC;

}

.input_resa100 {

	BORDER-RIGHT: #516F8A 1px solid;

	BORDER-TOP: #9BABBA 1px solid;

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	width:100px;

	height:20px;

	BORDER-LEFT: #9BABBA 1px solid;

	COLOR: #000000;

	LINE-HEIGHT: normal;

	BORDER-BOTTOM: #516F8A 1px solid;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #EBF7FC;

}

.textarea_resa {

	BORDER-RIGHT: #516F8A 1px solid;

	BORDER-TOP: #9BABBA 1px solid;

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	width:300px;

	height:70px;

	BORDER-LEFT: #9BABBA 1px solid;

	COLOR: #000000;

	LINE-HEIGHT: normal;

	BORDER-BOTTOM: #516F8A 1px solid;

	FONT-FAMILY: Arial, Trebuchet MS, Geneva, sans-serif;

	BACKGROUND-COLOR: #EBF7FC;

}

.bouton_resa {

	BORDER-RIGHT: #516F8A 2px solid;

	BORDER-TOP: #9BABBA 2px solid;

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	BORDER-LEFT: #9BABBA 2px solid;

	COLOR: #000000;

	BORDER-BOTTOM: #516F8A 2px solid;

	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #EBF7FC;

	FONT-VARIANT: normal;

	TEXT-DECORATION: none;

	text-align : center;

	padding:1px 1px 1px 1px;

}