*{
	font-family:"Century Gothic", verdana;
	font-size:13px;
}


html {
	margin: 0;
	padding: 0;
}

	
body { 
	font:"Century Gothic"; /*défini la typo de tout le site */
	line-height: 1.2;/*interligne */
	color: #000000; 
	margin: 0; 
	padding: 0;

	background: #0d0d0d url(../images/degrade.jpg) repeat-x top left;
}

.margin{
	margin: 4px; /*pour décoler les textes des bords*/
}	
	
/*Ce qui concerne les peids de pages*/
.footer{
	background-image:url(../images/foot.png);
	background-repeat:no-repeat;
	background-position: top left ;
}

.pied2page {
	font-size: 10px;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #000000;
	font-family: "Century Gothic";
	text-decoration:none;
}

.coordonnee{
	font-family: "Century Gothic";
	font-size: 11px;
	color: #FFFFFF; /*regrouper les marges en commencant par le haut - droite - bas - gauche*/
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
}



/*les images du site*/

.content{
	background-image:url(../images/top-background.png);
	background-repeat:repeat-x;
	background-position: top left ;
	  /*couleur image repetition position */
}	
.content2{
	background-image:url(../images/bot-background.png);
	background-repeat:repeat;
	background-position: top left ;
	  /*couleur image repetition position */
}
.container { 
	background: url(../images/container.png) no-repeat top left;
}
	
.container2 { 
	background: url(../images/fond-site.png) repeat top left;
}
		
	/* Fonds à mettre en aléatoire!! */
.bgtableau1{
	background: url(../images/fond-noir.png) repeat left top;
}
.bgtableau2{
	background: url() repeat-y left top;
}
.bgtableau3{
	background: url() no-repeat left bottom;
}

.bgfond1{
	background:url(../images/cote-gauche1.png) no-repeat top right;
}	
.bgfond2{
	background:url(../images/cote-gauche2.png) repeat-y top right;
}
.bgfond3{
	background: url(../images/cote-gauche3.png) no-repeat bottom right;
}
.bgfond4{
	background: url(../images/cote-droite1.png) no-repeat top left;
}

.bgfond5{
	background: url(../images/cote-droite2.png) repeat-y top left;
}
.bgfond6{
	background: url(../images/cote-droite3.png) repeat-y top left;
}
.bgfond7{
	background: url(../images/anim-dyn-fond.png) no-repeat top left;
}
.bgfond8{
	background: url(../images/fonddeco.png) no-repeat top right;
}	
.bgfond9{
	background: url(../images/plan-fond.png) no-repeat top left;
}	
.bgfond10{
	background: url(../images/horaire-fond.png) no-repeat top left;
}		
.bgfond11{
	background: url(../images/slogan.png) no-repeat center right;
}					
/*les TEXTES*/	
	
H1, H1 a:link, H1 a:visited, H1 a:hover {
	font-family: "Century Gothic";
	font-size: 15px;
	color: #999999;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	margin:0 auto;
}
H1 a:hover {
	color: #CCCCCC;
	text-decoration:underline;
}

H2, H2 a:link, H2 a:visited, H2 a:hover {
	font-family: "Century Gothic";
	color:#CCCCCC;
	font-size: 14px;
	letter-spacing: 0px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 auto;
}
H2 a:hover {
	text-decoration: underline;
}
H3, H3 a:link, H3 a:visited, H3 a:hover {
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
	font-variant: normal;
	text-transform: uppercase;
	margin:0 auto;
}
H3 a:hover {
	text-decoration: underline;
}
H4 {
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #422E87;
	font-variant: normal;
	text-transform: uppercase;
}
H4 a:link{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #422E87;
	font-variant: normal;
	text-transform: uppercase;
}
H4 a:visited{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #422E87;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration:underline;
}
H4 a:hover{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #422E87;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration:underline;
}
H5 {
	margin: 0px;
	float:left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	font-variant: normal;
}
H5 a:link{
	margin: 0px;
	float:left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	font-variant: normal;
}

H5 a:visited {
	margin: 0px;
	float:left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	font-variant: normal;
}
H5 a:hover{
	margin: 0px;
	float:left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	font-variant: normal;
	text-decoration:underline;
}
H6 {
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: normal;
}
H6 a:link{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: normal;
}

H6 a:visited{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: normal;
}
H6 a:hover{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: normal;
	text-decoration:underline;
}
.texte_saisi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #40312e;
	font-style: normal;
	letter-spacing: 1px;
	background-color: #FFF9FE;
	border: 1px solid #333333;
}

.txt_contenu{
	margin: 5px 10px 2px 10px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
}
.txt_contenu a:link{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
}

.txt_contenu a:visited{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
}
.txt_contenu a:hover{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration:underline;
}
.txt_contenu2{
	margin: 5px 10px 2px 10px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
}
.txt_contenu2 a:link{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
}

.txt_contenu2 a:visited{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
}
.txt_contenu2 a:hover{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration:underline;
}

.txt_contenu3{
	margin: 5px 10px 2px 10px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
.txt_contenu3 a:link{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

.txt_contenu3 a:visited{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
.txt_contenu3 a:hover{
	margin: 0px;
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration:underline;
}
.reference {
	font-family: "Century Gothic";
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.tarifs {
	font-family: "Century Gothic";
	font-size: 11px;
	font-style: normal;
	color: #2A394F;
	font-weight: bold;
}
.alerte{
	color: #FFFFFF;
	border: 2px solid #CCCCCC;
	background-color: #FF0000;
	font-family: "Century gothic", Times, serif;
	font-size: 12px;
}


/*LES LIENS*/	

a {
	font-size: 10px;
	font-variant: small-caps;
	color: #183F52;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;
}
a:link {
	font-size: 10px;
	font-variant: small-caps;
	color: #183F52;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	font-size: 10px;
	font-variant: small-caps;
	color: #183F52;
	font-family: "Century Gothic";
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	font-size: 10px;
	font-variant: small-caps;
	color: #000000;
	font-family: "Century Gothic";
	text-decoration:underline;
	font-weight:bold;
}
.lien {
	font-size: 10px;
	font-variant: small-caps;
	color: #fff;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;
}
.lien a {
	font-size: 10px;
	font-variant: small-caps;
	color: #fff;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;
}
.lien a:link {
	font-size: 10px;
	font-variant: small-caps;
	color: #fff;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;
}

.lien a:visited {
	font-size: 10px;
	font-variant: small-caps;
	color: #fff;
	font-family: "Century Gothic";
	text-decoration:none;
}

.lien a:hover {
	font-size: 10px;
	font-variant: small-caps;
	color: #fff;
	font-family: "Century Gothic";
	text-decoration:underline;
}
/*AUTRE DECO*/	

.bordure {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.bordure2 {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.bordure3 {
	border: 1px solid #A9C4D1;
}
.bordure4 {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #F3BA94;
}