/* styles generaux */


html, body {
	margin: 0;
	padding: 0;
	cursor: default;
	background: #DDD1C1;
	color: #333333;
	font: 10px Arial, Helvetica, sans-serif;
}

#chassis {
	float: left;
	width: 967px;
	padding: 0;
	margin: auto;
}

#bas {
	background: #DDD1C1 url(images/bas.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 212px;
	width: 967px;
	border-bottom: 0px;
}

#visualiser {
	float: left;
	background: #F9F9F9;
	margin: auto;
	width: 290px;
}

#mid {
	background: #DDD1C1;
	margin: auto;
	padding: 0px 0px 0px 40px;
	padding-top: 0px;
	width: 927px;
	border-bottom: 0px;
}

#triskel {
	position:absolute;
	left:760px;
	top:234px;
	background: #DDD1C1 url(images/basTriskel.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	width: 207px;
	height: 73px;	
	border-bottom: 0px;
}

.clear {
	clear: both;
	float: none;
	font-size: 1px;
	color: #FFF;
}

#content {
	background: #fff url(images/fondGeneral.jpg) no-repeat;
    background-position: bottom;
	padding: 20px 31px 100px 300px;	
	width: 400px;
}

#contentBis {
	background: #fff url(images/fondGeneral.jpg) no-repeat;
    background-position: bottom;
	padding: 20px 31px 100px 135px;	
	width: 565px;
}

#contentter {
	background: #fff url(images/fondGeneral.jpg) no-repeat;
    background-position: bottom;
	padding: 20px 31px 100px 25px;	
	width: 675px;
}

.cadre {
	background-color: #F9F9F9;
	border: 1px solid #D7D7D7;
	padding: 15px 15px 15px 15px;
	text-align: justify;	
}

.cadreBase {
	background-color: #F9F9F9;
	border: 1px solid #D7D7D7;
	padding: 10px 10px 10px 10px;
	text-align: justify;	
}

.cadreInter {
	background-color: #EFECE7;
	border: 1px solid #BF7F5B;
	padding: 10px 10px 10px 10px;
	text-align: justify;	
}

.cadreAvan {
	background-color: #DED4C6;
	border: 1px solid #A84006;
	padding: 10px 10px 10px 10px;
	text-align: justify;	
}














/* textes et liens */

a {
	border: 0px;
	text-decoration: none;
	color: #9C2422;
}

a img {
	border: 0px;
	padding: 0px;
	margin:0px 0px 0px 0px;	
}

a:hover {
	color: #4E1211;
	text-decoration: none;
}

.grasNoir {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.miniGras {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #C07B5E;
	text-decoration: none;
	font-weight: bold;
}

.gras {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #C07B5E;
	text-decoration: none;
	font-weight: bold;
}

.grosGras {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C07B5E;
	text-decoration: none;
	font-weight: bold;
}

.sousTitre{ 
	font-size: 10px; 
	font-family: verdana, Helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;	
}

.chiffrebarreactif{
	font-size:9px;
	font-family: verdana, Helvetica, sans-serif;
	color: #C07B5E;
	text-decoration: none;
	font-weight: bold;
}

.chiffrebarreon{
	font-size:9px;
	font-family: verdana, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

.chiffrebarreon:hover{
	color: #494949;
	font-family: verdana, Helvetica, sans-serif;
	font-weight: bold;
}





/* menu principal */

#menuContainer {
	background: #DDD1C1 url(images/top.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 212px;
	width: 967px;
	border-bottom: 0px;
}

#menuPrincipal {
	height: 63px;
	width: 457px;
	padding: 50px 0px 0px 50px;
}

#menuPrincipalGauche {
	float: left;
}

#menuPrincipalDroit {
	float: right;
	padding: 0px 0px 0px 1px;
}

.clear {
	clear: both;
	float: none;
	font-size: 1px;
	color: #FFF;
}

#menuAccueil a {
	position: relative;
	display:block;
	width: 264px;
	height: 15px;
	background: url(images/menuAccueil.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;
}

#menuAccueil a:hover	{	
	background-position: 0px -15px;
}

#menuMonde a {
	position: relative;
	display:block;
	width: 264px;
	height: 15px;
	background: url(images/menuMonde.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;	
}

#menuMonde a:hover	{	
	background-position: 0px -15px;
}

#menuRegle a {
	position: relative;
	display:block;
	width: 264px;
	height: 15px;
	background: url(images/menuRegle.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;	
}

#menuRegle a:hover	{	
	background-position: 0px -15px;
}

#menuEven a {
	position: relative;
	display:block;
	width: 264px;
	height: 15px;
	background: url(images/menuEven.jpg) no-repeat 0 0;
}

#menuEven a:hover	{	
	background-position: 0px -15px;
}

#menuFiche a {
	position: relative;
	display:block;
	width: 192px;
	height: 15px;
	background: url(images/menuFiche.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;	
}

#menuFiche a:hover	{	
	background-position: 0px -15px;
}

#menuAsso a {
	position: relative;
	display:block;
	width: 192px;
	height: 15px;
	background: url(images/menuAsso.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;	
}

#menuAsso a:hover	{	
	background-position: 0px -15px;
}

#menuContact a {
	position: relative;
	display:block;
	width: 192px;
	height: 15px;
	background: url(images/menuContact.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;	
}

#menuContact a:hover	{	
	background-position: 0px -15px;
}

#menuForum a {
	position: relative;
	display:block;
	width: 192px;
	height: 15px;
	background: url(images/menuForum.jpg) no-repeat 0 0;
}

#menuForum a:hover	{	
	background-position: 0px -15px;
}







/* sous menu */

#menuContent {
	position:absolute;
	left:45px;
	top:227px;
	width: 283px;
	float: left;
	padding: 30px 0px 50px 20px;
} 

.menu {
	float: left;
} 

.menu ul {
	padding: 0;
	margin: 0;
	line-height: 15px;
}

.menu li {
	list-style: none;
	margin: 0;
}
.menu a {
	display: block;
	text-decoration: none;
	color: #541F17;
	padding-left: 5px;
	width: 220px;
	background: transparent;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.menu a:hover {
	color: #000;
	background: #DEDEE0;
}
.menu ul a#current {
	width: 220px;
	color: #fff;
	background: #BE7E5B;
}
.side_links {
	float: left;
	width: 200px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}
.side_links ul {
	padding: 0;
	margin: 0;
	line-height: 15px;
}
.side_links li {
	list-style: none;
	margin: 0;

}
.side_links a {
	width: 200px;
	background: transparent;
	text-decoration: none;
	color: #BF7F5C;
	padding-left: 20px;
	display: block;
	font-size:9px;
	font-family: verdana, Helvetica, sans-serif;
}

.side_links a:hover {
	color: #581D15;
	border-right: 5px solid #581D15;
	text-decoration: none;
}










/* accueil */ 

#accueil {
	background: #DDD1C1 url(images/accueil.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 282px;
	width: 967px;
	border-bottom: 0px;
}

#zoneNews {
	height: 94px;
	width: 295px;
	padding: 49px 0px 0px 438px;
}

#scrollNews {
	text-align: justify;
	padding: 0px 10px 0px 0px;
	height: 94px;
	width: 285px;
	overflow: auto;
}

#archive {
	padding: 0px 10px 0px 0px;
	text-align: right;
}



/* contacts */ 

#zoneContacts {
	position:absolute;
	background-color: #DED4C6;
	border: 1px solid #A84006;	
	left: 70px;
	top: 270px;
	width: 220px;
	float: left;
	padding: 10px 10px 10px 10px;
} 






/* fiche pratique */ 

#menuFicheP {
	padding: 0px 0px 30px 258px;
}
#menuFicheP ul {
	padding: 0;
	margin: 0;
	line-height: 15px;
}
#menuFicheP li {
	padding: 0px 0px 1px 0px;
	list-style: none;
	margin: 0;
}
#menuFicheP a {
	display: block;
	text-decoration: none;
	color: #581D15;
	padding-left: 5px;
	width: 300px;
	border-right: 3px solid #581D15;
}
#menuFicheP a:hover {
	color: #fff;
	background: #581D15;
}




/* titres des sections */

#titreRegles {
	background: #DDD1C1 url(images/titreRegles.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 22px;
	width: 967px;
	border-bottom: 0px;
}

#titreContacts {
	background: #DDD1C1 url(images/titreContacts.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 22px;
	width: 967px;
	border-bottom: 0px;
}

#titreMonde {
	background: #DDD1C1 url(images/titreMonde.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 22px;
	width: 967px;
	border-bottom: 0px;
}

#titreFiche{
	background: #DDD1C1 url(images/titreFiche.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 22px;
	width: 967px;
	border-bottom: 0px;
}

#titreAsso{
	background: #DDD1C1 url(images/titreAsso.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 22px;
	width: 967px;
	border-bottom: 0px;
}

#titreEven{
	background: #DDD1C1 url(images/titreEven.jpg) no-repeat 0 0;
	margin: auto;
	padding: 0;
	padding-top: 0px;
	height: 22px;
	width: 967px;
	border-bottom: 0px;
}

/* formulaire de contact */

.cadreContact {
	background-color: #F9F9F9;
	border: 1px solid #D7D7D7;
	padding: 15px 15px 15px 15px;
	text-align: justify;	
}

#submit_form {
	padding: 0px 0px 0px 20px;
}

.required {
	color: red;
	font: 9px verdana, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0 0 0 3px;
	line-height: 20px;
}

input {
	border: 1px solid #511B14;
	background: #fff;
	color: #8E8787;
	font: 10px verdana, Helvetica, sans-serif;
}
#submit_form .radio {
	border:none;
}
select {
	color: #8E8787;
	font: 9px verdana, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #511B14;
}
textarea {
	border: 1px solid #511B14;
	background: #fff;
	color: #8E8787;
	font: 10px verdana, Helvetica, sans-serif;
}
.submit {
	border: 1px solid #511B14;
	background: #C37C52;
	color: #fff;
	font-size: 10px;
}





/* zone cartes */

.cadreCartes {
	padding: 5px 0px 25px 10px;
	height: 830px;
}

#thumb {
	padding: 0px 0px 0px 0px;
}

#thumb ul {
	margin:0 0 0 0;
	padding:0;
}

#thumb ul li	{
	list-style: none;
	display: inline;
}

#thumb img {
	background-color: #fff;
	border: 1px solid #7D120C;
	padding: 2px;
	margin:0px 5px 4px 0px;	
}

#thumb a:hover img {
	background-color: #fff;
	border: 1px solid #999999;
}


#telechar {
	padding: 0px 0px 0px 60px;
}



/* evenement */ 

#menuevenG {
	padding: 0px 0px 30px 368px;
}
#menuevenG ul {
	padding: 0;
	margin: 0;
	line-height: 15px;
}
#menuevenG li {
	padding: 0px 0px 1px 0px;
	list-style: none;
	margin: 0;
}
#menuevenG a {
	display: block;
	text-decoration: none;
	color: #581D15;
	padding-left: 5px;
	width: 300px;
	border-right: 3px solid #581D15;
}
#menuevenG a:hover {
	color: #fff;
	background: #581D15;
}

	#flashcontent {
		width: 100%;
		height: 510px;		
	}