/***************************/
/*** Style generaux ********/
/***************************/
body {
	background-color: #FCF89F;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	text-align: justify;
}

a:link {
	color: #0000cc;
	font-weight: bold;
	text-decoration: underline;	
}
ul {
	list-style-type: circle;
	margin: 0px;
}
a:visited {
	color: #666666;
	text-decoration: underline;	
}
a:hover {
	color: #ccccff;
	font-weight: bold;
	text-decoration: underline;	
}
table {
    border-collapse:collapse;
}

/***************************/
/*** Page index ********/
/***************************/

.index_titre {
	font-family: "Comic Sans MS", Arial, "Times New Roman";
	font-size: 40px;
	font-weight: bold;
	color: #FB6C03;
}
.index_texte {
	font-family: "Comic Sans MS", Arial, "Times New Roman";
	font-size: 13px;
	font-weight: bold;
	color: #444444;
}
.index_texte a:link, .index_texte a:visited{
	font-family: "Comic Sans MS", Arial, "Times New Roman";
	font-size: 13px;
	font-weight: bold;
	color: #FB6C03;
}
.index_texte a:hover {
	font-family: "Comic Sans MS", Arial, "Times New Roman";
	font-size: 13px;
	font-weight: bold;
	color: #ccccff;
}
/***************************/
/*** Nouveaux style ********/
/***************************/

.Titre_bandeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FCF89F;
}

.Titre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color:#FDA740;
}

.LettreDeb {
	color: #62AA6B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	text-align: justify;
}
.normal_centre {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	text-align:center;
}
.normal_dateMaj {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}
.important {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
}
.mots_ref {
	font-family: Arial, Helvetica, sans-serif;
	color: #84FF96;
	font-size: 12px;
	text-align: justify;
}

/***************************/
/*** Style image ********/
/***************************/

.image,.image a:link, .image a:visited,.image a:hover{
	color: #f1fff3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 30px;
}

/***************************/
/*** Style des tableaux ****/
/***************************/

.tab_titre_grand {
	font-family: Arial, Helvetica, sans-serif;
	color: FCF89F;
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
	background-color: FDA740;
}

.tab_titre {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
}

.tab_ligne{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}
.tab_ligne1{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	background:#FFD393;
}
.tab_ligne2{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	background:#FFECCE;
}

/***************************/
/*** Style tarif gite ******/
/***************************/

.Tarif_Titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f1fff3;
	font-weight: bold;
	font-size: 20px;
	background:#61C261;
}
.Tarif_ligne_1{
	font-family: Arial, Helvetica, sans-serif;
	color: #62AA6B;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
}
.Tarif_ligne_2{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}


/**
*   DIV pour afficher cadre en avant plan
*
*/
.div_popup_fond
{
    z-index: 3;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position: fixed;
    background-image: url(/images/fond_transparent.png); 
}
.div_popup_contenu
{
    z-index: 3;
    background-color: #FFFFFF;
    background-image: url(/images/fond_transparent.png); 
    display: block;
    position:absolute;
    top: 50%;
    left: 50%; 
}

/***************************/
/*** Style ancien menu *****/
/***************************/



.menuPrincipal, .menuPrincipal a:link, .menuPrincipal a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#FDA740;
	text-decoration: none;
	background-color:       #FCF89F;
}
.menuPrincipal a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#62AA6B;
	text-decoration: underline;
	font-style: oblique;
}

.menu, .menu a:link, .menu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
.menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	text-decoration: underline;
	font-style: oblique;
	font-weight: normal;
}
/********************************/
/*** Style menu hori ****/
/********************************/

#menuHori {
	/*position:               relative;*/
	float:                  left;
	/*width:                  100%;*/
	font-size:              14pt;
	font-family: 			Arial, Helvetica, sans-serif;
	line-height:            normal;
	/*width:			58em!important;*/
	width:			66em!important;
}

#menuHori ul {
	margin:                 0;
	padding:                5px 10px 0 0px;
	list-style:             none;
	z-index:		1000;
}
#menuHori li {
	display:                inline;
	margin:                 0;
	padding:                0;
}
#menuHori a {
	text-decoration:        none;
	font-size:              14pt;
	font-family: 			Arial, Helvetica, sans-serif;
	font-weight:            bold;
	float:                  left;
	display:                block;
	margin:                 0 5px -1px 0;
	z-index:                50;
	border:                 1px solid #2c2c2c;
	background:             #61C261;
	text-align:             center;
	padding:                5px 2px;
	color:                  #f1fff3;
	width:                  7.5em;
	white-space:            nowrap;
}

#menuHori a.selected {
	border-bottom:          1px solid #f1fff3;
	background:             #f1fff3;
	color:                  #61C261;
	z-index:                200;
	margin-bottom:		-1px;
}

#menuHori a:hover {
	border-bottom:          1px solid #2c2c2c;
	color:                  #FB6C03;
	background:             #f1fff3;
} 
#menuHori a.selected:hover {
	border-bottom:          1px solid #f1fff3;
	background:		#f1fff3;
}

/*********************************/
/*** Style menu titre verti ****/
/*********************************/

td#menuTitre {
        padding:                0;
}

div#conteneur_menuTitre {
        width:                  139px;
        margin:                 0px 0px 0px 0px;
        border:                 0px solid #3C5269;
}

#menuTitre div.sub_menuTitre {
        background-color:       #FCF89F;
}

#menuTitre ul {
	list-style-image:       none;
	list-style:             none;
	margin:                 0px;
	padding:                0;
	font-size:              10pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bolder;
}

#menuTitre ul li {
        padding:                0;
        margin:                 0;
        border:                 1px solid #C0D2F3;
        border-width:           0px 0px 1px 0px;
		line-height:			25px;
}

#menuTitre ul li a:link  {
        display:                block;
        padding:                0 0 0 2px;
        text-decoration:        none;
        color:                  #000;
		font-weight:			bolder;
}
#menuTitre ul li a:visited  {
        display:                block;
        padding:                0 0 0 2px;
        text-decoration:        none;
        color:                  #000;
		font-weight:			bolder;
}
#menuTitre ul li a:hover {
        display:                block;
        background-color:       #61C261;
        text-decoration:        none;
        border-bottom:          none;
        color:                  #fff;
		font-weight:			bolder;
}
/*********************************/
/*** Style menu verti ****/
/*********************************/

td#menuVerti {
        padding:                0;
}

div#conteneur_menuVerti {
        width:                  139px;
        margin:                 0px 0px 0px 0px;
        border:                 0px solid #3C5269;
}

#menuVerti div.sub_menuVerti {
        background-color:       #FCF89F;
}

#menuVerti ul {
        list-style-image:       none;
        list-style:             none;
        margin:                 0px;
        padding:                0;
		font-size:              9pt;
		font-family: 			Verdana, Arial, Helvetica, sans-serif;
}

#menuVerti ul li {
        padding:                0;
        margin:                 0;
        border:                 1px solid #C0D2F3;
        border-width:           0px 0px 1px 0px;
		line-height:			25px;
}

#menuVerti ul li a:link  {
        display:                block;
        padding:                0 0 0 2px;
        text-decoration:        none;
        color:                  #000;
		font-weight:			normal;
}
#menuVerti ul li a:visited  {
        display:                block;
        padding:                0 0 0 2px;
        text-decoration:        none;
        color:                  #000;
		font-weight:			normal;
}

#menuVerti ul li a:hover {
        display:                block;
        background-color:       #FDA740;
        text-decoration:        none;
        border-bottom:          none;
        color:                  #fff;
}

#menuVerti a.selected {
	display:                block;
	text-decoration:        none;
	border-bottom:          none;
	color:                  #FB6C03;
	font-weight: 			bold;
	font-size:              9pt;
}


/***************************/
/*** Style lien dam-info ***/
/***************************/
.dam-info{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}
.dam-info a:link, .dam-info a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ccccff;
	font-weight: bold;
}
.dam-info a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}


#bas_page
    {
    position        : fixed;
    bottom:0px;
    height: 70px;
    width: 100%;
    background-color: white;
    
    
    }
    
    .carnet_voyage {
        padding: 2em 10em;
    }