/* CSS Document */

body, html {
	color:#3772BE;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg.gif) repeat-y center;
	margin:0;
	height:100%;
	width:100%;
}

img {
	border:0px;
	}
	
form {
	margin:0px;
	}

select, input, textarea {
	background-color:#FFFFFF;
	border:1px solid #D0ECF8;
	font-size:11px;
	color:#3772BE;
	}

a {
	color:#3772BE;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* Structure */

#conteneur {
	position: relative;
	width: 780px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

#lang {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left:250px;
	margin-top:10px;
}

#retour_accueil {
	position: absolute;
	width: 344px;
	height: 60px;
	margin-left:119px;
	margin-top:23px;
	z-index:6;
}

#accueil {
	position: absolute;
	width: 344px;
	height: 60px;
	margin-left:119px;
	margin-top:23px;
	z-index:5;
}

#bg {
	width:780px;
	height:139px;
	background-repeat:repeat-x;
	position:relative;
	}

#haut_g {
	width:178px;
	height:39px;
	float:left;
	}

#haut_d {
	width:150px;
	height:139px;
	float:right;
	margin-top:0px;
	}
	
#haut_c {
	margin:0;
	margin-top:116px;
	width:452px;
	height:23px;
	float:right;
	overflow:hidden;
	}

/* MENU */

#menu {
	background:no-repeat center top;
	width:160px;
	padding:40px 0 70px 12px;
	margin-top:5px;
	float:left;
	}

#menu .bt{
	display:block;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
	}


.rubrique {
	width:150px;
	height:auto;
	padding:0;
	border-bottom:1px solid #d0ecf8;
	font-size:12px;
	}

.rubrique a {
	display:block;
	padding:0 0 0 15px;
	background-color:#FFFFFF;
	font-weight:normal;
	background:url(../images/pic.gif) left top no-repeat;
	text-decoration:none;
	}

.rubrique a:hover {
	background-position:0% -49px;
	text-decoration:none;
	}


.rubrique a span{
	display:block;
	padding:6px 0 4px 6px;
	background-color:#FFFFFF;
	font-weight:normal;
	}

/* Modèle sous-rubrique */

.srubrique {
	padding:0px 0px 0px 10px;
	display:none;
	}
	
.srubrique ul {
	padding:0 0 0 5px;
	margin:0;
	margin-top:2px;
	margin-bottom:6px;
	font-size:11px;
	font-weight:bold;
	list-style:none;
	}	

.srubrique li {
	margin-top:0px;
	margin-bottom:5px;
	}

.srubrique a {
	margin: 0;
	padding: 0 0 0 7px;
	text-decoration: none;
	font-weight: bold;	
	background: url(../images/fleches.gif) no-repeat left top;
	}

.srubrique a span {
	display:block;
	margin: 0;
	padding: 0 0 0 3px;
	font-size: 11px;
	font-weight: bold;
	background-color:#FFFFFF;
}

.srubrique a:hover {
	text-decoration:underline;
	background-position:0% 0px;
	}

/* MEMBRES */

#membres {
	width:140px;
	height:102px;
	margin-top:139px;
	margin-left:178px;
	position:absolute;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
	background-image:url(../images/menu_membres.png);
	padding:6px 8px 8px 10px;
	font-size:11px;
	font-weight:bold;
	color:#fcfb00;
	line-height:24px;
	z-index : 10000;
}

#membres a {
	color:#FFFFFF;
	text-decoration:underline;
	display:block;
	margin-left:10px;
}

#membres a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* CENTRE */

#centre {
	width:431px;
	font-size:12px;
	padding:30px 20px 0px 20px;
	background:url(../images/bg_centre.gif) left top no-repeat;
	float:left;
	}
	
#centre_titre{
	background:url(../images/titre_pic.gif) left top no-repeat;
	padding:0 0 0 19px;
	width:300px;
	}
	
#centre_titre span{
	display:block;
	font-size:21px;
	padding: 0 0 0 5px;
	font-weight:500;
	background-color:#FFFFFF;
	}

#intro {
	margin-top:33px;
	width:163px;
	height:250px;
	background:url(../accueil/intro.jpg) no-repeat;
	position:absolute;
	float:left;
	}

#intro2{
	display:block;
	margin-top:20px;
	margin-left:133px;
	width:280px;
	position:absolute;
	float:right;
	text-align:justify;
	overflow:auto;
	height:150px;
	}

#evenement {
	margin-top:180px;
	margin-left:172px;
	width:245px;
	height:185px;
	background:url(../accueil/evenement.jpg) no-repeat center top;
	position:absolute;
	z-index:12;
	}

#evenement_lien {
	margin-top:180px;
	margin-left:172px;
	width:245px;
	height:185px;
	position:absolute;
	z-index:13;
	}

#promo {
	margin-top:305px;
	margin-left:0px;
	width:420px;
	height:197px;
	position:absolute;
	z-index:11;
	overflow:hidden;
	}
	
#promo div{
	width:194px;
	height:197px;
	background:left bottom no-repeat;
	display:block;
	float:left;
	margin:0;
}
	
#promo h1 {
	margin:0;
	margin-top:87px;
	width:206px;
	height:98px;
	padding:5px 7px 5px 7px;
	border:1px solid #ff9900;
	font-size:11px;
	text-align:justify;
	float:left;
	font-weight:normal;
	}
	
#promo a{
	color:#ff9900;
	text-decoration:underline;
	}

#promo a:hover{
	color:#ff9900;
	text-decoration:none;
	}

/* Adhérents */

#mosaic{
	margin-top:20px;
	display:block;
}

h1{
	margin-left:15px;
	display:block;
	font-size:14px;
}

h2{
	margin:0;
	margin-left:15px;
	display:block;
	font-size:12px;
	padding:0;
}

h3{
	margin:0;
	display:block;
	font-size:14px;
	padding:0;
}

#question{
	margin:0;
	margin-left:15px;
	display:block;
	font-size:14px;
	padding:5px 0 5px 0;
}

#showall{
	position:absolute;
	margin-left:320px;
	font-size:11px;
	font-weight:bold;	
	margin-top:-10px;
	color:#FFFFFF;
	padding:5px;
	width:80px;
	background:url(../images/bt_all.gif) no-repeat left top;
}

p, p li {
	margin-top:5px;
	font-size:11px;
	padding:0;
}

.adherent{
	width:422px;
	position:relative;
	margin-top:25px;
	text-decoration:none;
	padding:0px;
	border-collapse:collapse;
	}
	
.adherent .photo{
	margin:0px;
	border-right:10px solid #FFFFFF;
	padding:0px;
	width:160px;
	height:109px;
	background-repeat:no-repeat;
	float:left;
	}

.adherent h1{
	float:left;
	margin:0;
	padding:0;
	margin-top:20px;
	width:250px;
	display:block;
	font-size:14px;
}

.adherent h1 div{
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin-left:5px;
}

.adherent h1 span{
	float:left;
}

.adherent h2{
	float:right;
	margin:0;
	margin-top:10px;
	width:249px;
	display:block;
	font-size:11px;
	font-weight:normal;
}
	
.adherent h3{
	margin:0;
	border-top:1px solid;
	padding:8px;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
}

.adherent .barre{
	background:url(../images/barre_mask.gif) left top no-repeat;
	padding:0 0 0 270px;
	height:25px;
	width:422px;
}

.adherent .barre img{
	display:block;
	float:left;
}

.adherent .cellule{
	font-size:11px;
	margin-left:5px;
}

.adherent .picto{
	padding:5px;
	text-align:right;
}

/* Les supplements */

.cellule td.titre{ color:#FFFFFF; font-weight:bold;}

.page {
	display:block;
	border:1px solid #d0ecf8;
	padding:6px;
	margin-top:20px;
	font-size:11px;
}

.prec{
	background:url(../images/fleche_prec.gif) no-repeat left center;
	padding-left:14px;
}

.suiv{
	background:url(../images/fleche_suiv.gif) no-repeat right center;
	padding-right:14px;
	}

.fiche_tableau{
	border-collapse:collapse;
	width:100%;
}
.fiche_tableau td{
	padding:2px;
	font-size:11px;
}


/* Adhérents */

.doc{
	width:422px;
	position:relative;
	margin-top:25px;
	text-decoration:none;
	padding:0px;
	border-collapse:collapse;
	}
	
.doc td{
	vertical-align:top;
	}
	
.doc .photo{
	margin:0px;
	border-right:1px solid #43B3E7;
	padding:5px;
	width:70px;
	background-repeat:no-repeat;
	}

.doc h1, .promo h1{
	margin:10px;
	width:320px;
	display:block;
	font-size:14px;
	padding:0;
}
.doc h2, .promo h2{
	margin:10px;
	display:block;
	font-size:11px;
	font-weight:normal;
}
.doc h3{
	margin:10px;
	font-size:12px;
	color : #43B3E7;
}

.galerie {
	border:3px solid #EDEDED;
}

.sign {
	padding:8px;
	border-bottom:1px dotted #d0ecf8;
}

.sign h1 {
	font-size:11px;
	margin:0;
	padding:0 0 5px 0;
	font-weight:normal;
	color:#44b4e7;
}

.sign h2 {
	font-size:12px;
	margin:0;
	padding:0 0 5px 0;
}

.promo{
	width:422px;
	position:relative;
	margin-top:25px;
	text-decoration:none;
	padding:0px;
	border-collapse:collapse;
	}
	
.promo td{
	vertical-align:top;
	border:1px solid #FF9900;
	}

.promo .photo{
	background:url(../images/promo_bg.gif) no-repeat right top #FF9900;
	}

a.une{
	width:421px;
	text-decoration:none;
	padding:0;
	color:#FFFFFF;
	margin-bottom:10px;
	background:url(../images/une_h.gif) no-repeat left top;
	display:block;
	font-weight:normal;
	cursor:pointer;
	}

a.une div{
	padding:10px;
	width:400px;
	}

a.une span{
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	}

a.une .photo{
	margin:8px;
	}
	
a.une:hover .photo{
	margin:7px;
	border:1px solid #FFFFFF;
	}
	
a.une h4{
	height:10px;
	background:url(../images/une_b.gif) no-repeat left top;
	display:block;
	padding:0;
	margin:0;
	width:421px;
	}

/* formulaire */

.formulaire {
	width:400px;
	margin-top:20px;
}

.formulaire td, .formulaire td {
	padding:8px 10px 4px 10px;
	font-size:11px;
}

td.info {
	padding:5px 8px 5px 8px;
	border-bottom:1px solid #d0ecf;
	border-top:1px solid #d0ecf;
	line-height:20px;
}

.formulaire .bouton {
	background-image : url(../images/bt.gif);
	font-size : 12px; 
	font-family : Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:0px;
	padding:0px 0px 2px 0px;
	height:24px;
	width:90px;
	cursor:pointer;
	text-align:center;
}

a.petit{
	font-size:10px;
	font-weight:normal;
	color:#44b4e7;
}

.img {
	width:120px;
	height:90px;
	background:no-repeat left top;
	}

/* DROITE */

#droite {
	position: absolute;
	right:0;
	width: 137px;
	margin:0px;
	padding:0px;
	}

#essentiel {
	width:137px;
	height:57px;
	}

#alaffiche {
	width:122px;
	background-repeat:no-repeat;
	background-image:url(../images/alaffiche.gif);
	background-color:#f2bd1b;
	padding:45px 7px 0px 8px;
	font-size:11px;
	color:#FFFFFF;
	}

#alaffiche a{
	display:block;
	text-align:right;
	}

#affiche {
	width:137px;
	background-repeat:no-repeat;
	background-color:#f2bd1b;
	}
	
#accesmembre {
	width:120px;
	background-repeat:no-repeat;
	background-color:#3474c0;
	padding:50px 7px 0px 10px;
	font-size:11px;
	color:#FFFFFF;
	}
	
#accesmembre a img {
	margin-top:4px;
	border:2px solid #2663AC;
	width:110px;
	}
	
#accesmembre input {
	background-color:#FFFFFF;
	border:1px solid #44b4e7;
	height:11px;
	width:100px;
	font-size:11px;
	color:#3772BE;
	}

#accesmembre_ok {
	text-align:right;
	width:112px;
	height:53px;
	padding-top:15px;
	padding-right:25px;
	background-repeat:no-repeat;
	background-image:url(../images/accesmembre_ok.gif);
	background-color:#3474c0;
	}
	
#bas {
	width:780px;
	margin-top:50px;
	background:url(../images/bg_bas.gif) no-repeat right bottom;
	position:relative;
	font-size:11px;
	padding:0 0 50px 0;
	text-align:center;
	color:#d0ecf8;
	}
	
#bas a{
	font-weight:normal;
	color:#44B4E7;
	}
	
#bas a:hover{
	color:#000000;
	}
	
.spacer {
	clear: both;
	}