/* DESIGN GENERAL DU SITE WEB */

html, body, p, img, h1, h2, h5, h6 {
	margin:0;
	padding:0;
}

body {
	width:768px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#e2cfac;
}

a {
	text-decoration:none;
}

a img /* Toutes les images contenues dans un lien */
{
   
   border: none; /* Pas de bordure */
}

a:hover {
	text-decoration:underline;
}

#bigcontenu {
	width:710px;
	margin:auto;
	border-right:1px solid #f79428;
	border-top:1px solid #f79428;
	border-left:1px solid #f79428;
	background-color:#FFF;
}

#bandeaubas {
	position:absolute;
	background-color:#fff;
	border-right:1px solid #f79428;
	border-bottom:1px solid #f79428;
	border-left:1px solid #f79428;
	z-index:1;
	/*padding-top: 30px;*/
}

#liens-bandeau-bas {
	position:absolute;
	margin-top:80px;
	margin-left:10px;
	z-index:2;
	/*font-weight:bold;*/
	font-family:Verdana;
	color:#fff;
	font-size:12px;
}

#liens-bandeau-bas p {
	margin-bottom:7px;
}
#actu {
	float:left;
	background-color:#fff9c7;
	height:244px;
	width:200px;
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:16px;
	font-family: Verdana;
	color:#f79428;
}

#imgdroitemenu {
	float:right;
	width:387px;
	height:254px;
}

#menusite {
	background-image :url("../img/structure/background-menu.png");
	background-repeat: no-repeat;
	/*background-color:#f79428;*/
	width:113px;
	height:254px;
	margin-left:210px;	
}

#ariane {
	font-weight:bold;
	font-size:14px;
	font-family: Verdana;
	color:black;
	background-color:#f79428;
	padding :0px 10px 0px 10px;
    height :38px;
}
#ariane img {
	float:left;
	margin-top:6px;
}

#ariane p {
	margin-left:35px;
	padding-top:7px;
}

#bouton-resa {
	width:150px;
	margin:auto;
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
}

#footer {
	position:relative;
	margin-left:27px;
	width:710px;	

}


#lien {
	width:692px;
	margin:auto;
	margin-top:170px;
	height:112px;
	background-image :url("../img/structure/bandeau-liens.png");
	background-repeat: no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-family: Verdana;
	padding:6px 10px 0px 10px;	
}



#logo_sports_nature {
	float:left;
	margin-top:13px;
	margin-left:20px;
}

#logo_coureurs {
	float:left;
	margin-top:18px;
	margin-left:20px;
}

#xiti-logo {
	margin-top:13px;
	margin-left:615px;
}


#tableweek {
   margin: auto; /* Centre le tableau */
   border: 1px solid black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:10px;  
}

#tableliberte {
   margin: auto; /* Centre le tableau */
   border: 1px solid black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:20px;  
}

#tableliberte2 {
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:20px;  
}

#tablerandonneepestre {
   margin: auto; /* Centre le tableau */
  
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:5px;  
}

#tableoxygene {
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:25px;  
}

#tablejeunesete1 {
   margin: auto; /* Centre le tableau */
   border: 1px solid black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:5px;
}

#tablesportsnature {
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:25px;  
}

#tablepleinsports {
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:25px;  
}

#tableredevances {
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:25px;  
}

#tabletarifshiver {
   margin: auto; /* Centre le tableau */
  border: 1px solid black; /* Bordure du tableau avec effet 3D (outset) */
   border-separate: separate; /* Colle les bordures entre elles */
   margin-top:10px;  
}

#tabletarifshiver1 {
   margin: auto; /* Centre le tableau */
  border: 1px solid black; /* Bordure du tableau avec effet 3D (outset) */
   border-separate: separate; /* Colle les bordures entre elles */
   margin-top:40px;  
}

#noscript1{
	position:relative;
	margin-top:30px;
}

/* STYLES UTILISES POUR ACTU*/

.actu {
	text-align:right;
	font-family:Verdana;
	color:#1bbbe9;
	font-weight:bold;
	font-size:10px;
	margin-top:20px;
}

.actu1 {
	margin-top:15px;
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
}	

.actu2 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	margin-top:10px;
}	

.actu4 {
	color:#f79428;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
}	

.actu5 {
	color:#1bbbe9;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	margin-top:15px;
}	

.actu6 {
	margin-top:10px;
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
}	

/* STYLES UTILISES POUR LE FORMATAGE DU TEXTE DANS LES PAGES WEB */

h1 {
	font-family:Verdana;
	font-size:26px;
	font-weight:bold;
	color:#97be0d;
	padding:10px 0px 0px 50px;
}

h2 {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#f79428;
	padding:10px 0px 0px 10px;
}

h3 {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#f79428;
}

h4 {
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#f79428;
	padding:10px 0px 0px 10px;
}

h5 {
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:5px 0px 0px 30px;
}

h6 {
	font-family:Verdana;
	font-size:11px;
	padding:3px 0px 0px 50px;
}

.style1 {
	font-weight:bold;
	color:#FFF;
	font-size:12px;
}	

.style2 {
	color:black;
	font-size:16px;
	font-family:Comic Sans MS;
}

.style3 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:15px;
}

.style4 {
	font-weight:bold;
}

.style5 {
	color:#000;
	text-align:justify;
	font-family:Verdana;
	font-size:14px;
}

.style6 {
	font-weight:normal;
}

.style7 {
	color:#fdb825;
}

.style8 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
}

.style9 {
	color:#f79428;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:18px;
}

.style10 {
	color:#1bbbe9;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
}	

.style11 {
	color:#f79428;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
}

.style12 {
	color:#000;
	text-align:right;
	font-family:Verdana;
	font-size:12px;
}	

.style13 {
	color:#1bbbe9;
	font-weight:bold;
	font-size:10px;
}	

.style14 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:13px;
}

.style15 {
	text-align:center;
}

.style16 {
	color:#97be0d;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
	padding-top:5px;
}	

.style17 {
	color:#97be0d;
	text-align:right;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
	padding-top:5px;
}	

.style18 {
	color:#000;
	text-align:left;
	font-family:Verdana;
	font-size:12px;
}	

.style19 {
	color:#f79428;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}

.style20 {
	color:#f79428;
	text-align:justify;
	font-family:Verdana;
	font-size:12px;
}

.style21 {
	color:#f79428;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:15px;
}

.style22 {
	color:#f79428;
}

.style23 {
	color:#f79428;
	text-align:justify;
	font-family:Verdana;
	font-size:14px;
}

.style24 {
	color:#f79428;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:14px;
}

.style25 {
	color:#f79428;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
}

.style26 {
	color:#f79428;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:14px;
}

.style27 {
	color:#000;
	text-align:justify;
	font-family:Verdana;
	font-size:13px;
}

.style28 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:14px;
}

.style29 {
	color:#000;
	font-weight:bold;
	font-size:12px;
}

.style30 {
	color:#000;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
}

.style31 {
	color:#97be0d;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}

.style32 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}

.style33 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
	margin-left:66px;
}

.style34 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
	margin-left:144px;
}

.style35 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
	margin-left:82px;
}

.style36 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
	margin-left:38px;
}

.style37 {
	color:#000;
	text-align:justify;
	font-family:Verdana;
	font-size:12px;
}
.style38 {
	color:#97be0d;
	font-weight:bold;
}

.style39 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:14px;
}

.style40 {
	color:#97be0d;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}

.style41 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:10px;
}

.style42 {
	color:#97be0d;
	text-align:left;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
	padding-top:5px;
}	

.style43 {
	color:#000;
	text-align:justify;
	font-family:Verdana;
	font-size:8px;
}

.style44 {
	color:#000;
	text-align:justify;
	font-family:Verdana;
	font-size:10px;
}

.style45 {
	color:#f79428;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:18px;
}

.style46 {
	color:#97be0d;
}

.style47{
	color:#97be0d;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	font-size:18px;
	padding-top:5px;
}	

.style48 {
	color:#000;
	text-align:left;
	font-family:Verdana;
	font-size:11px;
}

.style49 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:11px;
}

.style50 {
	color:#000;
	text-align:justify;
	font-family:Verdana;
	font-size:9px;
}

.style51 {
	color:white;
	text-align:center;
	font-family:Verdana;
	font-size:14px;
}

.style52 {
	color:white;
	text-align:center;
	font-family:Verdana;
	font-size:9px;
}

.style53 {
	color:#000;
	text-align:left;
	font-family:Verdana;
	font-size:9px;
}

.style54 {
	color:#000;
	text-align:center;
	font-family:Verdana;
	font-size:9px;
}

.style55 {
	color:#1bbbe9;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}	

.style56 {
	color:#1bbbe9;
	text-align:justify;
	font-family:Verdana;
	font-size:13px;
}	

.style57 {
	color:#000;
	text-align:left;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}	

.style58 {
	color:#000;
	text-align:right;
	font-family:Verdana;
	font-size:16px;
}

.style59 {
	color:#000;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}	

.style60 {
	color:#000;
	text-align:justify;
	font-weight:bold;
	font-family:Verdana;
	font-size:16px;
}

.style61 {
	color:#000;
	font-family:Verdana;
	text-align:justify;
	font-size:10px;
}

.style62 {
	color:#000;
	font-family:Verdana;
	text-align:justify;
	font-size:11px;
}

/* STYLES UTILISES POUR LE POSITIONNEMENT DES PARAGRAPHES DANS LA PAGE WEB */


.position1 {
	margin:20px 20px 0px 20px;
}

.position2 {
	margin:20px 0px 0px 250px;
}

.position3 {
	margin:15px 20px 3px 250px;
}

.position4 {
	margin:20px 0px 0px 20px;
}

.position5 {
	margin:15px 20px 3px 20px;
}

.position6 {
	margin:40px 20px 0px 20px;
}

.position7 {
	margin:10px 20px 0px 20px;
}

.position8 {
	margin:0px 20px 0px 20px;
}

.position9 {
	margin:20px 10px 0px 0px;
}


.position10 {
	margin:8px 0px 0px 0px;
}

.position11 {
	margin:20px 20px 3px 250px;
}

.position12 {
	margin:15px 20px 0px 20px;
}

.position13 {
	margin:10px 20px 0px 20px;
}

.position14 {
	margin:0px 20px 0px 20px;
}

.position15 {
	margin:45px 20px 0px 250px;
}

.position16 {
	margin:0px 20px 0px 250px;
}

.position17 {
	margin:30px 20px 0px 20px;
}

.position18 {
	margin:20px 20px 0px 30px;
}

.position19 {
	margin:5px 20px 0px 25px;
}

.position20 {
	margin:5px 20px 0px 33px;
}

.position21 {
	margin:20px 0px 0px 30px;
}

.position22 {
	margin:5px 20px 0px 13px;
}

.position23 {
	margin:20px 0px 0px 145px;
}

.position24 {
	margin:20px 0px 0px 105px;
}

.position25 {
	margin:5px 0px 0px 150px;
}

.position26 {
	margin:5px 0px 0px 90px;
}

.position27 {
	margin:20px 0px 0px 340px;
}

.position28 {
	margin:5px 0px 0px 25px;
}

.position29 {
	margin:5px 0px 0px 347px;
}

.position30 {
	margin:5px 0px 0px 110px;
}

.position31 {
	margin:5px 0px 0px 0px;
}

.position32 {
	margin:40px 20px 10px 30px;
}

.position33 {
	margin:30px 20px 0px 22px;
}

.position34 {
	margin:0px 20px 0px 290px;
}

.position35 {
	margin:10px 20px 0px 100px;
}

.position36 {
	margin:10px 20px 0px 10px;
}

.position37 {
	margin:20px 20px 0px 290px;
}

.position38 {
	margin:15px 0px 0px 0px;
}

.position39 {
	margin:0px 20px 0px 150px;
}

.position40{
	margin:20px 20px 0px 255px;
}

.position41{
	margin:0px 0px 0px 20px;
}

.position42 {
	margin:5px 20px 0px 20px;
}

.position43 {
	margin:5px 20px 0px 50px;
}

.position44 {
	margin:20px 20px 0px 50px;
}

.position45 {
	margin:5px 20px 3px 250px;
}

.position46 {
	margin:20px 0px 0px 320px;
}

.position47 {
	margin:35px 20px 0px 20px;
}

.position48 {
	margin:55px 20px 0px 20px;
}

.position49 {
	margin:20px 0px 10px 0px;
}

.position50 {
	margin:10px 105px 0px 20px;
}

.position51 {
	margin:20px 0px 0px 300px;
}

.position52{
	margin:20px 0px 0px 87px;
}

.position53 {
	margin:20px 10px 0px 10px;
}

.position54 {
	margin:20px 20px 20px 20px;
}


/* STYLES PARTICULIERS UTILISES POUR LE FORMATAGE DES IMAGES ET TABLEAUX DANS LES PAGES WEB */

.bordurenoire {
	border:1px solid black;
}

.position3 {
	margin:15px 20px 3px 250px;
}


/* STYLES PARTICULIERS UTILISES POUR LE POSITIONNEMENT DES IMAGES ET TABLEAUX DANS LA PAGE WEB */

.imageflottante {
	float:left;
	margin: 10px 10px 0px 20px;
}

.imageflottante1 {
	float:right;
	margin: 10px 20px 0px 10px;
}

.imageflottante2 {
	float:left;
	margin:15px 10px 0px 145px;
}

.imageflottante3 {
	float:right;
	margin:15px 145px 0px 0px;
}

.imageflottante4 {
	float:left;
	margin:15px 10px 0px 100px;
}

.imageflottante5 {
	float:right;
	margin:15px 100px 0px 10px;
}

.imageflottante6 {
	float:left;
	margin:15px 10px 0px 80px;
}

.imageflottante7 {
	float:right;
	margin:15px 90px 0px 10px;
}

.imageflottante8 {
	float:right;
	margin:15px 120px 0px 0px;
}


.dessous {
   clear: both;
}

.flottantgauche {
	float:left;
	margin:20px 0px 0px 20px;
}

.flottantgauche1 {
	float:left;
	margin:20px 20px 0px 20px;
}

.flottantgauche2 {
	float:left;
	margin:5px 15px 0px 25px;
}

.flottantgauche3 {
	float:left;
	margin:15px 15px 0px 25px;
}

.flottantgauche4{
	float:left;
	margin:20px 15px 0px 230px;
}

.flottantgauche5 {
	float:left;
	margin:25px 15px 0px 25px;
}

.flottantdroit {
	float:right;
	margin:20px 20px 0px 20px;
}

.flottantdroit1 {
	float:right;
	margin:45px 20px 0px 20px;
}

.flottantdroit2 {
	float:right;
	margin:5px 30px 0px 15px;
}

.flottantdroit3 {
	float:right;
	margin:15px 30px 0px 15px;
}

.flottantdroit4 {
	float:right;
	margin:33px 50px 0px 15px;
}

.flottantdroit5{
	float:right;
	margin:5px 45px 0px 15px;
}