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

/* 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 { float:left; background-image: url(Images_entete/fond_pave_home.gif); background-repeat:no-repeat; padding:1px 0px 0px 1px; }
#news_home { float:left; height:340px; width:340px; background-image: url(Images_entete/fond_news_home.gif); background-repeat:no-repeat; padding:0px 20px 0px 20px; }
#news_home_text { float:left; height:340px; width:328px; overflow:auto; padding-right:10px; font-size:1.1em; }
#articles_home { float:left; clear:both; width:805px; height:390px; padding-top:10px; }
#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.7em; 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:13px; color: #000000; line-height:16px; color: #000000; }
.coordonnees td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #000000; line-height:16px; }
.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:18px; 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:18px; 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:18px; 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:18px; 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; }