h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p, form {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #1A171B;
	text-align: center;
	background-image: url(../images/fond-body.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
	
#Page{
}

#Conteneur{
	height: auto;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url(../images/fond-repeat.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#Contenu{
	width: 980px;
	min-height: 759px;
	_height: 759px;
}

#Contenant {
	width: 980px;
	background-image: url(../images/fond-txt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial;
	padding: 0px;
	min-height: 496px;
	_height: 496px;
	text-align: left;
}

/*----------------------------------- Entete de page -----------------------------------------*/
#MenuHaut {
	width: 980px;
	height: 14px;
	text-align: right;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #1A171B;
	padding-right: 5px;
}
#MenuHaut a, #MenuHaut a:link, #MenuHaut a:active, #MenuHaut a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#MenuHaut a:hover  {
	color:#FF9900;
	text-decoration: none;
}
#Entete {
	width: 980px;
	height: 279px;
	padding: 0px;
	margin: 0px;
	background-color: #1A171B;
}

#Menu {
	width: 980px;
	height: 25px;
	padding: 0px;
}

.ttt {
	font-size: 11px;
}
.important {
	color: #FFCC01;
}
.rouge {
	color: #CC0000;
}
.soulignage{
	text-decoration:underline;
}

/*----------------------------------- ColonneGauche -----------------------------------------*/
#ColonneGauche {
	width: 203px;
	float: left;
	min-height: 496px;
	_height: 496px;
	color: #1A171B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ColonneGauche p{
	margin-bottom: 12px;
}
#ColonneGauche h1{
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#ColonneGauche h2{
	color: #01BAF2;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#ColonneGauche a, #ColonneGauche a:link, #ColonneGauche a:active, #ColonneGauche a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#ColonneGauche a:hover  {
	color: #01BAF2;
	text-decoration:underline;
}
#ColonneGauche #Signature{
	padding-top: 50px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#ColonneGauche #Signature a, #ColonneGauche #Signature a:link, #ColonneGauche #Signature a:active, #ColonneGauche #Signature a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#ColonneGauche #Signature a:hover  {
	color: #01BAF2;
	text-decoration: none;
}


/*----------------------------------- ColonneMilieu -----------------------------------------*/

#Txt {
	float: left;
	width: 777px;
	min-height: 496px;
	_height: 496px;	
}

#BlocColonneMilieu {
	float: left;
	width: 544px;
	min-height: 446px;
	_height: 446px;
}
#ColonneMilieu {
	padding: 60px 40px 5px 45px;
	color: #515151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#ColonneMilieu p{
	margin-bottom: 12px;
	line-height: 18px;
}
#ColonneMilieu h1{
	color: #000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
}
#ColonneMilieu h2{
	color: #EC701A;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
}
#ColonneMilieu h3{
	color: #EC701A;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 18px;
}
#ColonneMilieu h4{
	color: #01BAF2;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
	text-transform:uppercase;
}
#ColonneMilieu a, #ColonneMilieu a:link, #ColonneMilieu a:active, #ColonneMilieu a:visited {
	color: #2469BC;
	text-decoration: none;
}
#ColonneMilieu a:hover  {
	color:#114482;
	text-decoration:underline;
}
#ColonneMilieu ul {
margin-left:2px;
}
#ColonneMilieu ul li{
	list-style:disc;
	list-style-position:inside;
} 

#ColonneMilieu dl {

}
#ColonneMilieu dl p{
	margin: 0px;
	padding:0px;
}

#ColonneMilieu dl dt {
	width: 120px;
	float: left;
	min-height: 110px;
	_height: 110px;
	text-align:center;
	margin: 0px;
	padding-right: 5px;
}

#ColonneMilieu dl dd {
	width: 300px;
	float: left;
	min-height: 110px;
	_height: 110px;
	margin: 0px;
	padding:0px;
	padding-right: 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#ColonneMilieu dl dd h2 {
	color:#263543;
	font-size:13px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

/*----------------------------------- ColonneDroite -----------------------------------------*/
#BlocColonneDroite {
	width: 233px;
	float: left;
	min-height: 446px;
	_height: 446px;
}
#ColonneDroite {
	padding: 45px 0px 5px 0px;
	color: #515151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ColonneDroite p{
	margin-bottom: 12px;
}
#ColonneDroite h1{
	color: #E2001A;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#ColonneDroite h2{
	color: #0072BA;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
}

#ColonneDroite h3{
	color: #E2001A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
}
#ColonneDroite a, #ColonneDroite a:link, #ColonneDroite a:active, #ColonneDroite a:visited {
	color: #2469BC;
	text-decoration: none;
}
#ColonneDroite a:hover  {
	color:#114482;
	text-decoration:none;
}

#ColonneDroite h4, #ColonneDroite h4 a, #ColonneDroite h4 a:link, #ColonneDroite h4 a:active, #ColonneDroite h4 a:visited, #ColonneDroite h4 a:hover{
	color: #EC701A;
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	line-height: 22px;
}
#ColonneDroite h5, #ColonneDroite h5 a, #ColonneDroite h5 a:link, #ColonneDroite h5 a:active, #ColonneDroite h5 a:visited, #ColonneDroite h5 a:hover{
	color: #01BAF2;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}

#ColonneDroite dl {

}
#ColonneDroite dl p{
	margin: 0px;
	padding: 0px;
}

#ColonneDroite dl a, #ColonneDroite dl a:link, #ColonneDroite dl a:active, #ColonneDroite dl a:visited {
	color: #292929;
	text-decoration: none;
}

#ColonneDroite dl a:hover {
	color: #2469BC;
	text-decoration: none;
}
#ColonneDroite dl dt {
	width: 145px;
	float: left;
	min-height: 120px;
	_height: 120px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#ColonneDroite dl dd {
	width: 150px;
	float: left;
	min-height: 120px;
	_height: 120px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#ColonneDroite dl dd h2{
	color: #E2001A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
}
#BlocNews {
	width : 233px;
	min-height: 200px;
	_height: 200px;
	background-image: url(../images/fond-news.gif);
	background-position: top center;	
	background-repeat: no-repeat;
}
#News {
	padding: 40px 5px 0px 25px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
/*----------------------------------- ColonneLarge -----------------------------------------*/

#ColonneLarge {
	padding: 55px 45px 5px 45px;
	color: #515151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#ColonneLarge p{
	margin-bottom: 12px;
	text-align: justify;
}
#ColonneLarge h1{
	color: #E2001A;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#ColonneLarge h2{
	color: #E76D19;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
}
#ColonneLarge h3{
	color: #292929;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#ColonneLarge h4{
	color: #01BAF2;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
	text-transform:uppercase;
}
#ColonneLarge a, #ColonneLarge a:link, #ColonneLarge a:active, #ColonneLarge a:visited {
	color: #2469BC;
	text-decoration: none;
}
#ColonneLarge a:hover  {
	color:#114482;
	text-decoration:underline;
}

#ColonneLarge dl {
	width: 680px;
	margin: 0px;
	padding:0px;
}
#ColonneLarge dl p{
	margin: 0px;
	padding:0px;
}

#ColonneLarge dl dt {
	width: 110px;
	float: left;
	min-height: 130px;
	_height: 130px;
	text-align:center;
	margin: 0px;
	padding-right: 5px;
}
#ColonneLarge dl dd {
	width: 210px;
	float: left;
	min-height: 130px;
	_height: 130px;
	margin: 0px;
	padding:0px;
	padding-right: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#ColonneLarge dl dd h2 {
	color:#263543;
	font-size:13px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom: 3px;
}

/*----------------------------------- Pied de page -----------------------------------------*/
#Pied {
	color: #292929;
	text-align: left;
	padding: 5px 0px 5px 40px;
	margin: 0px;
}
#Coordonnees{
	float: left;
	width: 510px;
	padding: 0px 0px 15px 0px;
	margin-top:15px;
	border-top: 1px solid #01BAF2;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #292929;
}
#Coordonnees h2 {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01BAF2;
}
#Coordonnees a, #Coordonnees a:link, #Coordonnees a:active, #Coordonnees a:visited {
	color: #292929;
	text-decoration: underline;
}
#Coordonnees a:hover  {
	color: #FF9900;
	text-decoration: underline;
}
#LogoSybelles {
	float:left;
	width: 200px;
}

/*--------------------- Formulaire -----------------*/	
#ColonneGauche .condition{
	margin-top:160px;
}
.souligne{
	text-decoration:underline;
}
.combo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.combogo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #EC701A;
}

/************** TABLEAUX DE TARIFS ****************************/
TABLE TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
}

TABLE.TableData{
	color:#292929;
	padding-top: 3px;
	width:380px;
}
TABLE.TableData TR{
	background-color: #DCDADA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:15px;
}
TABLE.TableData TD{
	font-size: 10px;
	text-align: left;
	color:#292929;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #202D3D;
	border-bottom-color: #202D3D;
	border-left-color: #202D3D;
	padding: 2px;
}

TABLE.TableData TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #202D3D;
	border-right-color: #202D3D;
	padding: 5px;
	background-color:#9C4806;
	color: #FFFFFF;
}
TABLE.TableData TH.SansTrait{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #202D3D;
}
TABLE.TableData TH.colonne{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #202D3D;
	background-color:#E76D19;
	color: #292929;
}
TABLE.TableData TD a:link {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
TABLE.TableData TR.L1,TABLE.TableData TH.L1{	background-color: #F1EFEF;}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{	background-color: #E8E8E8;}
TABLE.TableData TR.L3,TABLE.TableData TH.L3{	background-color: #FFCC00;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover{	background-color:#F6F6F6;}

TABLE.TableData TD.Trait{
	border-right: 1px solid #292929;
}
TABLE h6 {
	display: block;
	background-color: #EC701A;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 2px 5px 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/************** page tarif ****************************/
#cond{
		margin:282px 10px 20px 10px;
		color:#fff;
}
#cond li{
		list-style-position:inside;
		margin:0 0 5px 10px;
		list-style:disc;
}
#pourcent{
		display:inline;
}
#pourcent li{
		width:80px;
		height:80px;
		background-repeat:no-repeat;
		float:left;
		margin-right:5px;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		line-height:80px;
}
#pour20{
		background-image:url(../images/tachev.gif);
}
#pour25{
		background-image:url(../images/tacheb.gif);
		
}
#pour28{
		background-image:url(../images/tacheo.gif);
}
#pour30{
		background-image:url(../images/tacher.gif);
}
#pour35{
		background-image:url(../images/tachej.gif);
}
#pourcent #plus{
	font-size:36px;
	width:30px;
}
#pourcent #pourgratuit{
	width:auto;
}
#pourcent #pourgratuit p{
	font-size:20px;
	text-align:center;
	letter-spacing:-0.5px;
}

.clear{
		clear:both;
}
#texte{
		font-size:14px;
		margin-top:30px;
		font-weight:bold;
}
#ColonneLarge .center{
		width:193px;
		height:89px;
		margin-bottom:30px;
		background-image:url(../images/tache.jpg);
		text-align:center;
		margin-left:200px;
		color:#000;
		text-indent:-5000px;
		
		
}
.tabs{	
	margin:20px 0 30px 80px;
	}

.tabNavigation ul{
	list-style: none;
	margin: 0px  ;
	padding: 0px;
	display:inline;
	
}

.tabNavigation ul li {
	float:left;
}
.exclamation{
	
}
#ColonneLarge .bloc p{
	margin-bottom:5px;
}
.exclamation {
	background-image:url(../images/exclamation.png);
	background-repeat:no-repeat;
	width:22px;
	height:20px;
	display:block;
	float:left;
	margin:6px 5px 0 5px; 
}
.commentaire{
	
	font-size:11px;
}
	
#ColonneLarge .tabNavigation ul li a {
	background-image:url(../images/onglet.png);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #eee;
	font-size:14px;
	font-weight:bold;
	display:block;
	height:41px;
	width:130px;
	text-align:center;
	line-height:40px;
	margin:0;
	padding:0;
	}
#ColonneLarge .tabNavigation ul .line a{
	line-height:20px;
	letter-spacing:-0.5px;
}
	

#ColonneLarge .tabNavigation ul li a.selected,
#ColonneLarge .tabNavigation  ul li a:hover {
	background-image:url(../images/ongletSelect.jpg);
	background-repeat:no-repeat;
	background-color: #eee;
	color: #000;
}

.tabNavigation ul li a:focus {
		outline: 0;
}

.tabs .tableauTarif {
	/*	margin-top:-3px;*/
		width:520px;
		background-image:url(../images/fond-onglet.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		
		
}
#ColonneLarge .tabNavigation ul li a.selected{
	
	border-bottom:none;
	}
.bloc{
		width:259px;
		height:80px;
		float:left;
       }

.bloc li{
	width:150px;
	margin:5px 0 0px 30px;
	position:relative;
}

 .b1, .b3, .b5{
border-right:1px solid #8c8c8c;
border-bottom:1px solid #8c8c8c;
border-color:#8c8c8c;
}

 .b2,  .b4, .b6{
border-bottom:1px solid #8c8c8c;
}
.b7{
border-right:1px solid #8c8c8c;
}

.prix{
	position:absolute;
	text-align:right;
	font-weight:bold;
	right:0;
}
h5{
	font-size:14px;
	font-weight:bold;
	height:20px;
	background-repeat:no-repeat;
	background-position:right;
	
}
#four h5{
		margin-bottom:15px;
}
#four .b7 h5{
		margin:5px 0 0 15px;
}
#ColonneLarge .tarif{
		font-size:20px;
		margin-top:20px;
}

#reservation a{
		background-image:url(../images/bt_reserv.jpg);
		background-repeat:no-repeat;
		text-indent:-5000px;
		display:block;
		width:205px;
		height:32px;
		margin:10px 0 0 240px;
		outline:none;
}
#reservation a:hover{
	background-position:0 -34px;
}

 .gras{
	font-size:16px;
	font-weight:bold;
}
.bloc h5, .bloc p{
	margin:5px 5px 0px 15px;
}


.bleu {
	color:#607aea;
}
		
.bleu h5{
	background-image:url(../images/flocon_bleu.png);
}
.vert{
	color:#05aa01;
}
.vert h5{
	background-image:url(../images/flocon_vert.png);
}
.rouge{
	color: #e54141;
}
.rouge h5{
	background-image:url(../images/flocon_rouge.png);
}
.noir h5{
	background-image:url(../images/flocon_noir.png);
}   
#content p{
		margin:18px 0 0 10px;
}

#niveau{
	width: 300px;
	margin-left:80px;
}
#niveau td{
	font-size:14px;
}

#logoChequeV{
	margin:5px 0 0 50px;
}
/************** cadres photos ****************************/
.CadrePhoto {
	border: 1px solid #292929;
	}
	
.PhotoGauche {
	border: 2px solid #EC701A;
	float: left;
	margin-right: 5px;
	}
.PhotoDroite {
	border: 2px solid #EC701A;
	float: right;
	margin-left: 5px;
	}
.PhotoGaucheNoborder {
	margin-right: 5px;
	float: left;
	}
.PhotoDroiteNoborder {
	float: right;
	margin-left: 5px;
	}
	
.Vignette {
	border: 3px solid #E2001A;
}

/****************************************
	Table Contact
****************************************/
.TableContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.TableContact td{
	text-align:left;
}
.TableContact td.Libelle{
	width:35%;
	text-align:right;
}