@CHARSET "UTF-8";

/***********************************************************
 ** Style des balises de la structure principale du site. **
 ***********************************************************/
a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #630;
	text-decoration: none;
}
a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660;
	text-decoration: none;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	color: #630;
	text-decoration: none;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../../images/fond_motif.png);
	background-repeat: repeat;
}
.contenuadm
{
	padding: 5px;
	width: 940px;
}

/***********************************************************
 * style pour la div titre
***********************************************************/
.titres {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	color:#F60;
	width:640px;
	padding:0px 0px 0px 0px; /* top right bottom left */
	margin:0px 0px 0px 0px; /* top right bottom left */
	text-align:left;
	float:right;
	border: #5ec31b solid 0px; /* cyan */
}
.titres span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#600;
}

/***********************************************************
 * style pour MENU GAUCHE
 ***********************************************************/
.menugauche
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 265px; /* 529 */
	display:block;
	float:left;
	overflow:hidden;
	margin:10px 0px 0px 15px; /* top right bottom left */
	padding:0px 0px 0px 0px; /* top right bottom left */
	border: #F0F solid 0px; /* rose */
	position: relative;
}

/***********************************************************
 * style pour CONTENU
 ***********************************************************/
.contenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../../images/logo_640px.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size: 11px;
	width: 640px; /* 529 */
	float:right;
	overflow:hidden;
	margin:10px 20px 10px 0px; /* top right bottom left */
	padding:100px 0px 0px 0px; /* top right bottom left */
	border: #F0F solid 0px; /* rose */
	position: relative;
}
.contenutexte
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px;
	margin-left: 250px;
	border: #60F solid 0px; /* violet */
}
.texte
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#630;
	/* margin-top:24px; */
	border: #FF0 solid 0px; /* jaune */
}
.texteBas
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../../images/fond_texte_bas.png);
	background-repeat: no-repeat;
	height:46px;
	margin-left:260px;
}
.texte i, em
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660;
}
.texte strong
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #963;
}
.texte a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C60;
	text-decoration:none;
}
.texte a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration:none;
}
.texte em font
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #360;
	letter-spacing:1px;
	font-weight:normal;
	text-align:left;
}

/***********************************************************
 * style pour RETOUR
 ***********************************************************/
.retourHaut
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffe09d;
	border-bottom:#ffe09d solid 1px;
	text-align:right;
	padding:3px;
}
.retourHaut a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#C96;
	margin-right:10px;
}
.retourHaut a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#630;
	margin-right:10px;
}
.retourBas
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffe09d;
	border-top: #ffe09d solid 1px;
	text-align:right;
	padding:3px;
}
.retourBas a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#C96;
	margin-right:10px;
}
.retourBas a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #630;
	margin-right:10px;
}

/***********************************************************
 * style pour l'info bulle
 ***********************************************************/
a.infobulle {position:relative;}
a.infobulle span {display:none;} 
a.infobulle:hover span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	display:block;
	position:absolute;
	top:-2em;
	left:2em;
	padding:2px;
	border:1px solid #546e00;
	background-color: #FFCCCC;
	color: #600;
	z-index: 999;
	width:550px;
}
a.infobulleImg {position:relative;}
a.infobulleImg span {display:none;} 
a.infobulleImg:hover span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	display:block;
	position:absolute;
	top:-10em;
	left:2em;
	padding:2px;
	border:1px solid #546e00;
	background-color: #FFCCCC;
	color: #330099;
	z-index: 999;
}

/***********************************************************
 * style pour la div globale
 ***********************************************************/
.global
{
	width:100%;
	min-height: 100%;
	top: 0px; 
	left: 0px; 
	position:absolute;
	background-image: url(../../images/fond_page.png);
	background-repeat: repeat-y;
	background-position: center top;
	border: #F3C solid 0px; /* rose */
}
.tout
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 950px;
	overflow:hidden;
	text-align:left;
	position:relative;
	border: #000 solid 0px; /* noir */
}

/***********************************************************
 * style pour la div contenant la banière
 ***********************************************************/
.banniere_annim
{
	height:222px;
	width:930px;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
	display:block;
	float:left;
	border: #0F0 solid 0px; /* vert */
}

/***********************************************************
 * stype pour la div du menu du haut
 ***********************************************************/
.menuhaut
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin-left:10px;
	margin-top:0px;
	padding-left:3px;
	position:absolute;
	height:20px;
	width:927px;
	z-index:99;
	border: #03F solid 0px; /* Bleu */
	border-top: #d8bba1 solid 10px;
}
.onglets
{
	margin-left:0px;
	margin-top:0px;
	height:35px;
	width:132px;
	float:left;
	background-image:url(../../images/fond_onglets.png);
	background-repeat:no-repeat;
	background-position:left top;
	border: #F00 solid 0px; /* rouge */
	padding-top:2px;
}
.ongletsOn
{
	margin-left:0px;
	margin-top:0px;
	height:35px;
	width:132px;
	float:left;
	background-image:url(../../images/fond_onglets_on.png);
	background-repeat:no-repeat;
	background-position:left top;
	border: #F00 solid 0px; /* rouge */
	padding-top:2px;
}
.menuhaut a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #300;
	height:35px;
	width:200px;
	text-decoration:none;
}
.menuhaut a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #300;
	height:35px;
	width:200px;
	text-decoration:none;
}
.menuhaut a font
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #300;
	text-decoration:none;
	font-weight:bold;
}

/***********************************************************
 * style pour la div ACTUALITE
***********************************************************/
.actualite
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../../images/fond_actualite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:250;
	padding: 40px 10px 0px 15px; /* top right bottom left */
	border: #FF0 solid 0px; /* jaune */
	text-align:left;
	color:#6b2104;
}
.actualite a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#6b2104;
}
.actualite a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#546e00;
}
.actualite strong
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#300;
}
.actualite div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom:5px.
}
.actualitebas
{
	background-image:url(../../images/fond_actualite_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:11px;
	width:100%;
	margin-bottom:0px;
	border: #FF0 solid 0px; /* jaune */
}

/***********************************************************
 * style pour la div RESERVATION
***********************************************************/
.reservation a div
{
	background-image: url(../../images/encarts_reservation.jpg);
	width:264px;
	height:122px;
	border:0px solid #000; /* noir */
}
.reservation a:hover div
{
	background-image: url(../../images/encarts_reservation_on.jpg);
	width:264px;
	height:122px;
	border:0px solid #000; /* noir */
}

/***********************************************************
 * style pour la div AUTOCARISTE
***********************************************************/
.autocaristes a div
{
	background-image: url(../../images/encarts_autocaristes.jpg);
	width:264px;
	height:122px;
	border:0px solid #000; /* noir */
}
.autocaristes a:hover div
{
	background-image: url(../../images/encarts_autocaristes_on.jpg);
	width:264px;
	height:122px;
	border:0px solid #000; /* noir */
}

/***********************************************************
 * style pour la div 4CARRES
***********************************************************/
.carres
{
	background-image: url(../../images/encarts_4_carres.jpg);
	width:264px;
	height:60px;
	margin: 10px 0px 10px 0px; /* top right bottom left */
	border:0px solid #000; /* noir */
}

/***********************************************************
 * style pour la div DESSIN VACHE
***********************************************************/
.dessinvache
{
	background-image: url(../../images/img_dessin_vache.jpg);
	width:264px;
	height:162px;
	margin: 10px 0px 10px 0px; /* top right bottom left */
	border:0px solid #000; /* noir */
}

/***********************************************************
 * style pour les tableaux
***********************************************************/
.listingTableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #546e00;
}
.listingTableau tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546e00;
	text-decoration: none;
}
.listingTableau tr td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b2104;
	text-decoration: none;
}
.listingTableau tr td span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b2104;
	text-decoration: none;
}
.listingTableau tr td a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b2104;
	text-decoration: none;
}
.listingTableau tr td a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546e00;
	text-decoration: none;
}
.listingTableau tr td strong a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546e00;
	text-decoration: none;
}
.listingTableau tr td strong a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546e00;
	text-decoration: none;
}
.listingTableau tr th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCFF99;
	text-decoration: none;	/*background-color: #0099FF;*/
}
.listingTableau tr th a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b2104;
	text-decoration: none;
}
.listingTableau tr th a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546e00;
	text-decoration: none;
}

/***********************************************************
 * style pour le pied de page
***********************************************************/
.piedpage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C96;
	float:left;
	width:920px;
	text-align:center;
	background-color:#ffe09d;
	padding:5px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	border: #900 solid 0px;
}
.piedpage a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #600;
	text-decoration:none;
}
.piedpage a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660;
	text-decoration:none;
}
.piedpage a font
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F60;
	text-decoration:none;
}

/***************************************************
 *  Formulaires
 ***************************************************/
.formulaire
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C96;
	width:440px;
	margin-left:130px;
	border:#F00 solid 0px; /* rouge */
}
.formulaire font b
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F30;
}
.motpasse
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #630;
	width: 600px;
	text-align: center;
	margin:5px;
	padding:5px;
	background-color:#C96;
	border:#FFF solid 1px;
}
input
{
	font-size: 10px;
	border:#FFF solid 1px;
	color:#630;
	background-color:#C96;
}
textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:#FFF solid 1px;
	color:#630;
	background-color:#C96;
}
.inputBtn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FC6;
	background-color:#630;
	border:#630 solid 0px;
}
select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:#C96 solid 0px;
	color:#630;
}
option
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #C96;
	border:#C96 solid 1px;
	color: #630;
}

/***************************************************
 *  Messages divers
 ***************************************************/
.erreur
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:35px;
	padding-right:25px;
	color:#F00;
	text-align: center;
}
.legende
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #C96;
}
.information
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:35px;
	padding-right:25px;
	color: #630;
	text-align: center;
}
.information a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #963;
	font-weight:bold;
	text-align: left;
}
.information font
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F30;
}
.alerte
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:35px;
	padding-right:25px;
	padding-top:10px;
	padding-bottom:10px;
	color: #C30;
	text-align: center;
	border: #0F0 solid 0px; /* vert */
}
.copyright
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #C96;
	float:left;
	width:950px;
	text-align:center;
}
.copyright a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#360;
	text-decoration:none;
}
.copyright a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	text-decoration:none;
}

/* ------------------------------------------------
----------- JQUERRY --------------------------------
------------------------------------------------ */

/*------ calendrier jquerry----- */
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }

/*------ carrousel jquerry----- */
img {
	vertical-align:middle; 
	border:none;
} 
#thumbs {
	overflow:auto; 
	list-style:none; 
	padding:0px; 
	border:#FFF solid 0px;
} 
#thumbs li {
	float:left;
} 
#thumbs a {
	display:block; 
	margin-right:10px; 
	margin-left:10px; 
	outline:none; 
	border:#FFF solid 1px;
} 
#thumbs a:hover, #thumbs a:focus {
	border:#461C00 solid 1px;
} 
#thumbs a.active {
	border:#360 solid 1px;
} 
#viewer {
	position:relative; 
	height:360px;
} 
#viewer img[src*="loader"] {
	position:absolute; 
	left:50%; 
	top:50%; 
	margin:-15px 0 0 -15px;
}