/* CSS Document */

/************************************
	Règles générales page			*
									*
*************************************/


body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;

}

img {
	border: none;
	}

ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

ul li{
	margin: 0;
	padding: 0;
}

#page {
	width: 1000px;
	margin: 0;
	padding:0;

	}

#entete {
	margin: 0;
	padding: 0;
	}

#entete img {
	border: none;
	float: left;
	margin: 0px;
	padding: 0px;
	}



.introrubrik {
	width: 760px;
	margin-bottom: 10px;
	padding:0 4px 0 4px;
}



#cadregauche {
	background-image: url('images/cadregauche.gif');
	background-repeat:no-repeat;
	float: left;
	width: 200px;
	padding: 0px;
	margin:0px;
	height: 80%;
}


/*************************
Règles menu gauche		 *
						 *
*************************/

a.menuasso { display: block; width: 155px; height:19px; background-image: url('images/btnasso_on.gif') }
a.menuasso:hover { visibility: visible }
a.menuasso:hover img { visibility: hidden }

a.menuactivites { display: block; width: 155px; height:21px; background-image: url('images/btnactivites_on.gif') }
a.menuactivites:hover { visibility: visible }
a.menuactivites:hover img { visibility: hidden }

a.menucentres { display: block; width: 155px; height:19px; background-image: url('images/btncentres_on.gif') }
a.menucentres:hover { visibility: visible }
a.menucentres:hover img { visibility: hidden }

a.menuthemes { display: block; width: 155px; height:19px; background-image: url('images/btnthemes_on.gif') }
a.menuthemes:hover { visibility: visible }
a.menuthemes:hover img { visibility: hidden }

a.menuagenda { display: block; width: 155px; height:19px; background-image: url('images/btnagenda_on.gif') }
a.menuagenda:hover { visibility: visible }
a.menuagenda:hover img { visibility: hidden }



a.menurejoindre { display: block; width: 155px; height:21px; background-image: url('images/btnrejoindre_on.gif'); background-repeat: no-repeat; }
a.menurejoindre:hover { visibility: visible }
a.menurejoindre:hover img { visibility: hidden }


a.menucontacter { display: block; width: 155px; height:19px; background-image: url('images/btncontacter_on.gif'); background-repeat: no-repeat; }
a.menucontacter:hover { visibility: visible }
a.menucontacter:hover img { visibility: hidden }

a.menupartenaires { display: block; width: 155px; height:21px; background-image: url('images/btnpartenaires_on.gif'); background-repeat: no-repeat; }
#formcontact input {
	background-image: url(images/images/form_fieldtext.gif);
}

a.menupartenaires:hover { visibility: visible }
a.menupartenaires:hover img { visibility: hidden }

a.menupresse { display: block; width: 155px; height:21px; background-image: url('images/btnpresse_on.gif'); background-repeat: no-repeat; }
a.menupresse:hover { visibility: visible }
a.menupresse:hover img { visibility: hidden }

a.menusoutien { display: block; width: 155px; height:20px; background-image: url('images/btnsoutien_on.gif'); background-repeat: no-repeat; }
a.menusoutien:hover { visibility: visible }
a.menusoutien:hover img { visibility: hidden }

a.menuretour { display: block; width: 155px; height:14px; background-image: url('images/btnretouracc_on.gif'); background-repeat: no-repeat; }
a.menuretour:hover { visibility: visible }
a.menuretour:hover img { visibility: hidden }

a.menuplansite { display: block; width: 155px; height:15px; background-image: url('images/btnplansite_on.gif'); background-repeat: no-repeat; }
a.menuplansite:hover { visibility: visible }
a.menuplansite:hover img { visibility: hidden }

a.menumentions { display: block; width: 155px; height:17px; background-image: url('images/btnmentions_on.gif'); background-repeat: no-repeat; }
a.menumentions:hover { visibility: visible }
a.menumentions:hover img { visibility: hidden }

#champ {
	border-top: 4px  solid #DBDBDB;
	border-left: 4px solid #DBDBDB;
}

/* fin des règles cadre gauche*/


#centre /*position idéale du calque: top: 134px left: 204px*/
{	position: absolute;
	padding-top:5px;
	height: 397px;
	width: 793px;
	margin: 0;
	left: 204px;
	top: 134px;
}


.cadre /* reglage des petits cadres fixes, pages intro*/
{	background:url(images/cadrevide.gif) left top no-repeat;
	float: left;
	width: 357px;
	margin: 0 20px 8px 0;
	padding: 0 0 5px 0;
}

.cadreplan {
	background:url(images/cadreplansite.gif) left top no-repeat;
	float: left;
	width: 363px;
	height: 57px;
	margin: 0px 20px 20px 0;

}
.picto {
	position: relative;
	top: -13px;
	left: 12px;
	float: left;
}




/************************************
	Régles cadres étirables			*
									*
************************************/

div#titrequartier {
	width: 523px;
	padding-top:26px;
	background: url('images/cdr_coeurhaut.gif') top left no-repeat;
	margin: 0px;
	float: left;
}
div#blocquartier {
	background: url('images/cdr_coeurbas.gif') bottom left no-repeat;
	margin: 0px;
}

div#titreactu {
	background: url('images/cdr_actuhaut.gif') top right no-repeat;
	width: 205px;
	padding-top: 26px;
	margin: 0px;
}
#blocactu {
	background:url('images/cdr_actubas.gif') bottom right no-repeat;
	margin: 0px;
	padding-left: 10px;
	padding-right: 3px;
	padding-bottom: 8px;
}

#cadregt_haut /*regle cadres de sous rubriques*/
{
	background: url('images/cdr_gthaut.gif') top left no-repeat;
	margin-top: 20px;
	text-align: center;
}
#cadregt_bas {
	background: url('images/cdr_gtbas.gif') bottom left no-repeat;
	margin: 0px;
	padding: 0 5px 2px 5px;
}

#cdrmention_haut {
	margin-top: 20px;
	background: url('images/cdrmention_haut.gif') top left no-repeat;
}

#cdrmention_bas {
	margin: 0px;
	background:url('images/cdrmention_bas.gif') bottom left no-repeat;
}



.texte2 p {
	padding: 0;
	margin:0;
}

/*#contenu {
	position: relative;
	top: 23px;
	width: 760px;
	text-align: left;
	background-image: url(images/grandcadre.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
}
*/

#titre-activite{
	position: absolute;
	top: 20px;
	left: 83px;
	width: 682px;

}

#titrepage2 {
	width: 250px;
}

#cartecentre {
	position: absolute;
	left: 259px;
	top: 2px;
	height: 468px;
}



/*regles du formulaire de contact*/

#formcontact {

}

.formcontact .champ {
	background: url(images/form_champvide.gif) top left no-repeat;
	margin: 0 20px 13px 0;
	width: 370px;

}

.formcontact .champquestion {
	background: url(images/form_fondquestion.gif) top left no-repeat;
	margin: 0 20px 10px 0;
	width: 370px;
}

.formcontact label{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	top: -8px;
	left: -3px;
	line-height: 15px;
}

.formcontact .champmessage {
	background: url(images/form_cdrmessage.gif) top left no-repeat;
	float: right;
	width: 390px;
	padding: 31px 1px 7px 5px;

}

.formcontact textarea{
	position: relative;
	width: 350px;
	border: 0;
	top: 7px;
	left: 3px;
	height: 189px;
}

.formcontact img{
	margin: 0;
	padding: 0;
}

#action	li{
	float: left;
	list-style-type: none;
	display: block;
	width: 350px;
	margin: 0;
	padding:0;
}
#page #centre #cadregt_haut p {
	font-family: Verdana, Geneva, sans-serif;
}