/***********************************************************************/
/*********************** FEUILLE DE STYLE YZEO *************************/
/***********************************************************************/


/***************************  Construction *****************************/
body {
	background-image:url(images/fond.jpg);
	background-color:#6E071A;
	background-repeat:repeat-x;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003e57;
}

#divh1{
	width:100%;
	height:20px;
	text-align:center;
}

#main{
	display:block;
	text-align:right;
	width:946px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position	:right;
}

#header{
	width:946px;
	height:292px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position	:top;
}

#centre{
	width:100%;
}

#top{
	width:880px;
	height:34px;
	float:left;
}
#top img{
	vertical-align:top;
}

#contenu{
	background-image:url(images/fond-contenu.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width:886px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	float:left;
}

#piedPage{
	width:946px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	vertical-align:text-bottom;
	color:#FFFFFF;
}

#piedPage a{
	color:#FFFFFF;
}

#liensBas{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	clear:both;
	text-align:center;
	font-size:10px;
}

#liensBas img{
	vertical-align:middle;
	border:none;
	color:#FFFFFF;
}

#liensBas a{
	color:#FFFFFF;
}


.clearvalidator{ clear:both; height:3px;}
/*************************** Fin de la Construction *****************************/


/*************************** Sytles des balises *********************************/

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

h2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #1181b0;
}

h3{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #1181b0;

}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #003e57;
}

.txtBleuclair{
	color: #1181b0;
}

.txtBleuclair1{
	color: #1181b0;
	text-align:center;
}

.txtBleufonce{
	color: #003e57;
}

ul.rubriques{
	list-style-image:url("images/puce.gif");
	padding:0px 0px 0px 22px;
	margin:0px;
	color: #1181b0;
}

li.rubriques{
	color: #1181b0;
	list-style:outside;
	line-height:18px;
	padding:0px;
	margin:0px;
	list-style-image:url("images/puce.gif");
}

ul.rubriques2{
	padding:0px 0px 0px 22px;
	margin:0px;
	list-style-image:url("images/fleche.gif");
	color: #1181b0;
}

li.rubriques2{
color: #1181b0;
list-style:inside;
line-height:18px;
padding:0px;
margin:0px;
list-style-image:url("images/fleche.gif");
}
a:link {
	color: #1181b0;
	text-decoration: underline;
} 

a:visited {
	color: #1181b0;
	text-decoration: underline;
} 

a:hover {
	color: #1181b0;
	text-decoration: none;
}

hr{
	color:#1181b0;
	background-color:#1181b0;
	height:1px;
	size:1px;
	border: 0;
}

/************************** Fin des sytles des balises ***********************/


/*************************** Classes Element *********************************/

.justifier{
	text-align:justify;
}
.centrer {
	text-align:center;
	color:#1181b0;
}
.floatLeft{
	float:left;
	margin-right:10px;
}
.floatLeft2{
	margin:20px 10px 10px 10px;
}
.floatRight{
	float:right;
	margin-left:10px;
}
.floatRight2{
	float:right;
	margin: -30px 10px 13px 25px;
}
.centrer{
	margin-left:auto;
	margin-right:auto;
}
.centrerText{
	text-align:center;
}
.clearFloat{
	clear:both;
	float:none;
	line-height:0px;
	height:0px;
	width:0;
	margin:0;
	padding:0;
}
.tableStyle{
	width:100%;
	border:0px;
	vertical-align:text-top;
}
.cadreImg{
	border:solid 1px #1181b0;
}

.imgsanscadre{
	border:none;
}
.sport {
	margin-top:5px;
}
.encadre{
	border:solid 1px #5eabcc;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #003e57;
}

.encadreLeft{
	border:solid 1px #5eabcc;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-align:justify;
	text-transform: none;
	color: #003e57;
	float:left;
	width:415px;
}

.encadreRight{
	border:solid 1px #5eabcc;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-align:justify;
	text-transform: none;
	color: #003e57;
	float:right;
	width:415px;
}

.txtDroite{
	float:left;
}

.legende-hyper{
	padding-left:220px;
	padding-top:50px;
}

/*************************** Fin des classes Element *************************/


/*************************** Class Plan API GOOGLE ***************************/

.titreplan {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #6e071a;
	font-weight: bold;	
}
.txtplan {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
.plan {
	width: 876px;
	height: 450px;
	border:medium;
	border-color:#6e071a;
	border-style:solid;
}


/*************************** Fin Class Plan API GOOGLE ***************************/
.commune { 
	margin: 50px 0px 0px;; 
	border:none;
}
  /********************************** Tableau ***************************************/
.td1 {
  width:60px;
  text-align:center;
  font-weight:bold;
}
.td2 {
  width:60px;
  text-align:center;
}
.etatcivil {
	vertical-align:middle;
	margin:0px auto 0px auto;
	border:1px solid #71001E;
}

.taxe {
	width:145px;
	text-align:center;
	color: #1181b0;
	font-weight:bold;
}

.budget {
	border:1px solid #71001E;
	text-align:center;
}
table {
	vertical-align:middle;
	margin:0px auto 0px auto;
}
.scolaire {
	border:2px solid #71001E;
	text-align:center;
	color:#71001E;
	padding:10px;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	margin:0px auto 0px auto;
}
.club {
	width:150px;
	text-align:center;
}
.nom {
	text-align:center;
	width:100px;
}
.pratiques {
	width:250px;
	text-align:center;
	border:1px solid #71001E;
}
.infrastructure {
	float:left;
	margin-left:138px;

}
.infrastructure1 {
	float:right;
	margin-right:100px;
}