@charset "UTF-8";
/* CSS Document */

/*********************************************/
/*                                           */
/*            CSS codé par Graph'Pix         */
/*                                           */
/*             www.graphpix.com              */
/*                                           */
/*********************************************/



/**********************************************       BODY      */

body {
	background: #FFFFFF;
	margin: 0 0 0 0;
}
/**********************************************       SITE      */

#conteneur {
	width: 990px;
	margin: auto;
	overflow: hidden;
}
/**********************************************      MENU     */

#menu {
	margin: 0;
	width: 990px;
	height: 28px;
	padding: 0 0 0 0;
	line-height: 25px;
	overflow: hidden;
}
#menu ul {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px;
	overflow: hidden;
}
#menu li {
	width: 121px;
	height: 27px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#menu a {
	display: block;
	width: 121px;
	height: 25px;
}
#menu .accueil {
	display: block;
	width: 82px;
	height: 25px;
	background: url(../images/bt_accueil_v.png) no-repeat;
}
.accueil a:hover {
	background: url(../images/bt_accueil_g.png) no-repeat;
}
#menu .clubs {
	width: 90px;
	height: 25px;
	background: url(../images/bt_clubs_v.png) no-repeat;
}
.clubs a:hover {
	background: url(../images/bt_clubs_g.png) no-repeat;
}
#menu .calendrier {
	width: 121px;
	height: 25px;
	background: url(../images/bt_calendrier_v.png) no-repeat;
}
.calendrier a:hover {
	background: url(../images/bt_calendrier_g.png) no-repeat;
}
#menu .photos {
	width: 68px;
	height: 25px;
	background: url(../images/bt_photos_v.png) no-repeat;
}
.photos a:hover {
	background: url(../images/bt_photos_g.png) no-repeat;
}
#menu .videos {
	width: 66px;
	height: 25px;
	background: url(../images/bt_videos_v.png) no-repeat;
}
.videos a:hover {
	background: url(../images/bt_videos_g.png) no-repeat;
}
#menu .presse {
	width: 67px;
	height: 25px;
	background: url(../images/bt_presse_v.png) no-repeat;
}
.presse a:hover {
	background: url(../images/bt_presse_g.png) no-repeat;
}
#menu .liens {
	width: 55px;
	height: 25px;
	background: url(../images/bt_liens_v.png) no-repeat;
}
.liens a:hover {
	background: url(../images/bt_liens_g.png) no-repeat;
}
#menu .contact {
	width: 77px;
	height: 25px;
	background: url(../images/bt_contact_v.png) no-repeat;
}
.contact a:hover {
	background: url(../images/bt_contact_g.png) no-repeat;
}

#compteur {
float: right;
text-align:left;
height: 28px;
width: 85px;
padding: 0 0 0 0;
line-height: 25px;
color: #666;
font-family:Verdana, Geneva, sans-serif;
font-weight: 200;
font-size: 10px;

}



#compteur {
float: right;
width: 100px;
height: 28px;
padding: 0 0 0 0;
margin: 0;
line-height: 27px;
overflow: hidden;
color: #666;
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-weight: 200;
font-size: 10px;
}

.gplien {
	width: 300px;
	height: 30px;
	margin: auto;
	display: block;
	color: #999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
.gplien a {
	color: #999;	
}

.cpt {
margin-top: 5px;
width: 60px;
float: left;
color: #666;
}



#link001 {
display: none;
}

.nolink {
display : none;	
}

/**********************************************      CONTENU    */

#contenu {
	position: relative;
	width: 988px;
	height: 598px;
	margin: 0;
	border: solid 1px #d1d1d1;
}
/**********************************************      ILLUSTRATION + ENCART + TEXTES   */


#illustration {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 500px;
	border-bottom: 1px solid #d1d1d1;
	background: url(../images/fond_illustration.png) top left no-repeat;
	padding: 20px 0 10px 0;

}
#illustration p {
	margin-top: 0;
	padding-top: 0;
}
#illustration h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	display:block;
	padding-bottom: 20px;
	border-bottom: #000 solid 1px;
}
#illustration img {
	border: none;
}
#illustration .left {
	text-align: left;
	padding: 0 20px;
}
#illustration .gauche {
	text-align: left;
	padding: 5px 5px;
}
#illustration .left p {
	text-align: left;
}
#photos {
	width: 600px;
	height: 400px;
	margin: 20px 0 0 0;
	float: left;
	overflow: hidden;
}
#photos ul {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 400px;
}
#photos li {
	list-style: none;
	float: left;
}
#photos li img {
	width: 600px;
}
.mini img {
	float: left;
	margin: 5px 0 20px 20px;
	;
}
#illustration h3 {
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
}
#legende {
	position: absolute;
	top: 500px;
	left: 0;
	width: 600px;
	height: 29px;
	background: #687d77;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;

	border-bottom: #d1d1d1 solid 1px;
}
#legende p {
	margin: 0;
	padding: 0;
	line-height: 29px;
	color: #FFF;
	font-size: 10px;
}
.centre {
	text-align: center;
}
.clubtitre {
	margin-top: 0;
	background: url(../images/ombre.png) repeat-x bottom;
	color: #900;
}
.clubintitule {
	margin: 10px 20px 0 20px;
	border-bottom: solid 1px #afbab7;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #afbab7;
}
.decalg {
	margin: 0 10px;
	padding-top: 0;
}
.decalg2 {
	margin: 0 20px;
}
.dateprecise {
	margin: 0 20px 10px 20px;
}
.dateprecise p {
	font-family:Verdana, Geneva, sans-serif;
	
	float: left;
	text-align: left;
	margin: 10px 40px 10px 0;
	padding: 0;
}
#liste {
	width: 600px;
	height: 468px;
	overflow: auto;
}
#liste table {
	width: 550px;
	margin: auto;
}
#liste table tr {
	border-bottom: 1px solid #900;
}
#liste table th {
	padding: 10px;
}
#liste table th p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
}
#liste table a {
	color: #900;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
}
.video {
	margin-top: 40px;
}

#msgenv {
width: 400px;
height: 200px;
margin: auto;
border: #063 1px solid;
padding: 90px 0 0 180px;
}

.pdfdownload {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
/************************************************************************************************************************/



#encartnewsletter {
	position: absolute;
	top: 530px;
	left: 0;
	width:450px;
	height: 43px;
	padding: 25px 0 0 150px;
	background: url(../images/fond_newsletter) no-repeat;
}
#encart {
	position: absolute;
	top: 530px;
	left: 0;
	width:600px;
	height: 38px;
	padding: 0 0 0 0;
}
#encart p {
	display: block;
	float: left;
	padding: 5px 0 0 5px;
	margin: 0 20px 0 0;
	font-family: Verdana, Geneva, sans-serif;
	
}
#encartpdf {
	position: absolute;
	top: 530px;
	left: 0;
	width:600px;
	height: 38px;
	padding: 10px 0 0 0;
	line-height: 50px;

}
#encartpdf img {
	border: none;
}
#encartpdf a {
	font-weight:bold;
	color: #000;
	text-decoration:none;
}
#encart a {
	color: #900;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: left;
	padding: 5px;
}
#encart .mail {
	text-align: right;
	padding: 20px 20px 0 0;
}
.center a {
	margin: 10px;
}
/************************************************************************************************************************/

#texte {
	position: absolute;
	background: url(../images/fond_texte.png) bottom no-repeat;
	top: 0;
	left: 600px;
	width: 387px;
	height: 530px;
	border-left: solid 1px #d1d1d1;
	font-family: Verdana, Geneva, sans-serif;
	
}
#texte h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #a80000;
	border-bottom: 1px solid #a80000;
	margin-top: 20px;
}
#titrepageaccueil {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/actu.png) no-repeat;
}
#titrepageaccueil h2 {
	display: none;
}
#texte .actualite {
	margin: 0;
	padding: 0px 20px 0 20px;
	height: 430px;
	display: block;
	overflow: auto;
}
.pdfac {
	background: #900;
	height: 39px;
	border-top: #000 solid 1px;
}

.pdfac img {
	margin-left: 10px;
	border: none;
	margin-top: 3px;
}
.pdfac a {
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
}
#texte .actualite li {
	list-style: none;
}
#texte .calendrier {
	margin: 0;
	padding: 70px 20px 0 20px;
	background: url(../images/calendrier.png) no-repeat;
	height: 457px;
	overflow: auto;
}
#texte .calendrier li {
	list-style: none;
}
#titrepageclub {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/clubs.png) no-repeat;
}
#titrepageclub h2 {
	display: none;
}
#texte .clubs {
	margin: 0;
	padding: 0px 20px 0 20px;
	height: 470px;
	overflow: auto;
}
#texte .clubs a {
	text-decoration: none;
	color: #900;
	display: block;
	background: none;
}
#texte .clubs a:hover {
	background: none;
	color:#333;
}
#texte .clubs li {
	list-style: none;
}


#texte .date li {
	list-style: none;
	width: 112px;
	text-align: center;
	float: left;
	}


#titrepagedate {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/calendrier.png) no-repeat;
}
#titrepagedate h2 {
	display: none;
}
#texte .date {
	margin: 0;
	padding: 0px 20px 0 20px;
	height: 470px;
	overflow: auto;
}
#texte .date a {
	text-decoration: none;
	color: #900;
	display: block;
	background: none;
}
#texte .date a:hover {
	background: none;
	color:#333;
}
#texte .photos {
	margin: 0;
	padding: 0px 20px 0 20px;
	height: 470px;
	overflow: auto;
}
#titrepagephotos {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/photos.png) no-repeat;
}
#titrepagephotos h2 {
	display: none;
}
#texte .photos a {
	text-decoration: none;
	color: #900;
	display: block;
	background: none;
}
#texte .photos a:hover {
	background: none;
	color:#333;
}
#texte .photos li {
	list-style: none;
}
#texte .videos {
	margin: 0;
	padding: 70px 20px 0 20px;
	background: url(../images/videos.png) no-repeat;
	height: 457px;
	overflow: auto;
}
#texte .videos a {
	text-decoration: none;
	color: #900;
	display: block;
	background: none;
	font-size: 12px;
}
#texte .videos a:hover {
	background: none;
	color:#333;
}
#texte .videos li {
	list-style: none;
}
#texte .presse {
	margin: 0;
	padding: 0px 20px 0 20px;
	height: 470px;
	overflow: auto;
}
#titrepagepresse {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/presse.png) no-repeat;
}
#titrepagepresse h2 {
	display: none;
}
#texte .presse a {
	text-decoration: none;
	color: #900;
	display: block;
	background: none;
}
#texte .presse a:hover {
	background: none;
	color:#333;
}
#texte .presse li {
	list-style: none;
}
#texte .liens {
	margin: 0;
	padding: 0px 20px 0 20px;
	height: 470px;
	overflow: auto;
}
#titrepageliens {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/liens.png) no-repeat;
}
#titrepageliens h2 {
	display: none;
}
#texte .liens a {
	text-decoration: none;
	color: #900;
	display: block;
	background: none;
}
#texte .liens a:hover {
	background: none;
	color:#333;
}
#texte .liens li {
	list-style: none;
}
#texte p {
	margin: 0;
	padding: 0;
}

#titrepagecontact {
	margin:0;
	padding:0;
	height: 59px;
	width: 387px;
	background: url(../images/contact.png) no-repeat;
}
#titrepagecontact h2 {
	display: none;
}


.listeclub {
	font-size: 14px;
}
.listeclub p {
	font-size: 14px;
}
.listephotos {
	font-size: 12px;
}
.listevideo {
	font-size: 12px;
	margin-left: 30px;
}
.listepresse {
	font-size: 12px;
	padding-left: 20px;
}
#logos {
	position: absolute;
	top: 530px;
	left: 600px;
	height: 53px;
	width: 178px;
	padding-top: 15px;
	padding-left: 210px;
	background: url(../images/fond_logos.png) right top;
}
#logos img {
	border: none;
}
.depnom {
	display: block;
	width: 330px;
	color: #FFF;
	background: #687d77;
	text-align: center;
	font-size: 14px;
	margin: 15px 0 5px 0;
}
.villenom {
	display: block;
	width: 320px;
	color: #900;
	border-bottom: solid 1px #900;
	text-align: left;
	font-size: 14px;
	margin: 15px 0 5px 10px;
}


.anneenom {
	clear: both;
	display: block;
	width: 150px;
	color: #FFF;
	background: url(../images/fddate.png) center bottom no-repeat;
	text-align: center;
	font-size: 14px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 2px;
	padding-top: 30px;
}

.liensnom {
	display: block;
	width: 320px;
	color: #900;
	border-bottom: solid 1px #900;
	text-align: left;
	font-size: 12px;
	margin: 15px 0 5px 10px;
}

/*********************************************      FOOTER  */
#footer {
	width: 146px;
	height: 47px;
	padding: 0 0 0 844px;
}
/*********************************************       DIVERS      */



p {
	padding: 10px;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
h1 {
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/h1.png) no-repeat;
	width: 600px;
	height: 42px;
}
.center {
	text-align: center;
}
.displaynone {
	display: none;
}

.contacth3 {
width: 320px;
margin: 30px;
}

.champ {
border: 1px solid #CCC;
background: #FFF;
height: 20px;
width: 420px;
display: block;

}

.textear {
width: 420px;	
}

label {
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
width: 422px;
display: block;
margin: auto;
margin: 10px auto;
padding: 0;
}

.bouton {
width: 100px;
display: block;
margin: auto;	
}