body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EEECE1;
	font-family: verdana;
}
a {
	text-decoration:none;
}

th {
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #FFFFFF;
	background-color: #2E221B;
	text-align: center;
	border-color:#2E221B;
	border-width:1px;
	border-style:solid; 
}

 .encadre {
	border: thin solid #2E221B;
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}

.tableau-total {
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	color: #FFFFFF;
	background-color: #2E221B;
	text-align: center;
	border-color:#2E221B;
	border-width:1px;
	border-style:solid; 
}
.tableau-impair {
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#C6D849;
	color:#2E221B;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}
.tableau-pair {
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#C2D69A;
	color:#2E221B;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}
.tableau-valid{
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#C2D69A;
	color:#2E221B;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}
.tableau-brouillon{
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#A79B8E;
	color:#ffffff;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}


.tableau-refus{
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#C00000;
	color:#ffffff;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}
.tableau-attente{
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	background-color:#FCD5B4;
	color:#2E221B;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}

.tableau-detail {
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	color:#2E221B;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid; 
}

.cadre_principal {
	background-color: #2E221B;
}
.cadre_beige {
	background-color: #DDD9C3;
	color: #838073;
	font-size: 11px;
/*	text-align: justify;*/
	vertical-align: top; 	
}
.cadre_vert {
	background-color: #C6D849;
	color: #838073;
	font-size: 11px;
	/*text-align: justify;	*/
	vertical-align: top; 
}
.cadre_taupe {
	background-color: #A79B8E;
	color: #2E221B;
	font-size: 11px;
	/*text-align: justify;*/
	vertical-align: top; 
}

.cadre_choco {
	background-color: #2E221B;
	color: #FFFFFF;
	font-size: 11px;
	/*text-align: justify;*/
	vertical-align: top; 
}
.pied_page {
	background-color: #2E221B;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	height: 30px;
	vertical-align: top; 
	padding-left:0px; padding-top:10px; padding-bottom:5px
}

.form_titre {
	font-size: 16px;
	text-align: center;
	color: #838073;
	text-decoration: underline;
	font-family: tahoma,Georgia, "Times New Roman", Times, serif;
}

.texte_nom {
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-family: tahoma,Georgia, "Times New Roman", Times, serif;
}


.texte_ident {
	color: #838073;
	font-size: 11px;
}


.texte {
	color: #2E221B;
	font-size: 12px;
	/*text-align: justify;*/
}
.titre_bleu {
	color: #0086C6;
	font-size: 12px;
	font-weight: bold;
}
.titre_blanc{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.espace{
	padding-left:26px; padding-top:20px
}

.calendrier{
cursor: pointer;
     border:none;
     color:#fff;
     background: transparent url('images/calendar.png') no-repeat center center;
     width:16px;
     height:16px;


}

.form_contact{
	color: #6B685A;
	font-size: 11px;
	padding-left:27px;
}
.form_saisie{
	color: #6B685A;
	font-size: 11px;
	padding-left:27px;
}
.form_saisie2{
	color: #FF0000;
	font-size: 11px;
	padding-left:27px;
}

.textfield{
	 height:20px; font-size:11px; border:1px solid #79725B; background-color:#DDD9C3; padding-top:2px;
}
.textarea{
	 width:258px; height:70px; font-size:11px; border:1px solid #79725B; background-color:#DDD9C3; padding-top:2px; overflow:auto; 
}

.textarea_demande{
	 width:258px; height:70px; font-size:11px; border:1px solid #FF0000; background-color:#DDD9C3; padding-top:2px; color: #FF0000;overflow:auto; 
}

.bouton{
	margin:0px;
	padding:0px;
	background:#DDD9C3;
	border:1px solid #838073;
	font-size: 13px;
	color: #6B685A;
	cursor:  pointer;
}

.style1 {
	color: #FFFFFF;
	font-size: 11px;
	/*text-align: justify;*/
}
.style2 {
	color: #838073;
	font-size: 11px;
	/*text-align: justify;*/
}
.style3 {
	color: #2E221B;
	font-size: 11px;
/*	text-align: justify;*/
}
.style4 {
	color: #0086C6;
	font-size: 12px;
	/*text-align: justify;*/
}

.style5 {
	color: #6B685A;
	font-size: 11px;
	/*text-align: justify;*/
}


#mu li {list-style:url(images/point_2.gif); margin:0 0 0 0px}
#mu a { font-family:tahoma; font-size:11px; color:#FFFFFF}


.confirm{
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3AAAAA;
	text-align: center;
}
.texte_erreur{
	font-weight: bold;
	color: #FF0000;
}
.alerte {
	font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}


/******************************/
/*  MENU DEROULANT */
/******************************/
/*
#menu {
width:100%;
font-family:Tahoma, Helvetica, sans-serif;
letter-spacing: 0.12em;	
display:block; 
margin:0 0 5px 0;
padding:7px 0 0 0;
height:20px;
font-size:13px;
background-color:#2E221B;
z-index:1000;
}

#menu div {
float:left;
padding:0 0 0 25px;
}

#menu div a {
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
}

#menu div  a:hover {
color: #C6D849 ;
}

#menu div ul {
position: absolute;
margin: 5px 0 0 0;
*margin:15px 0 0 -75px;
background-color:#2E221B;
line-height:20px;
border-left:2px solid #C6D849;
border-right:2px solid #C6D849;
border-bottom:2px solid #C6D849;
*white-space: nowrap;
*width:100%;
}

#menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:outside;
}

#menu ul li {
padding:0 5px;
font-size:9px;
}
	
#menu ul li a {
color:#c0c0c0;
text-decoration: none;
}

#menu ul li a:hover {
color: #f5f5f5 ;
}

*/







/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.7em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
/*	margin-bottom:	1em;*/
}
.sf-menu a {
	border-left:	1px solid #2E221B;
	border-top:		1px solid #2E221B;
	padding: 		.35em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	background:		#2E221B;
	font-family:	Tahoma, Helvetica, sans-serif;
	letter-spacing: 0.12em;	
	font-size:	12px;
}
.sf-menu li li {
	background:		#2E221B;
}
.sf-menu li li li {
	background:		#2E221B;

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#2E221B;
	outline:		0;
	color:			#C6D849;

}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}









/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
} 

a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 15px 25px 25px 15px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  520px;
    height     :  auto;
    overflow   :  visible;
}