*
{
margin:0;
padding:0;
}

img  {border: 0}

a img
{
	border:none;
}

.gras
{
	font-weight: bold;
}

.hr{
clear:both;
height: 1px;
}


/**********************************************************************************/
/*** Général **********************************************************************/
html,body
{
	height:100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


/**********************************************************************************/
/*** Colones **********************************************************************/
#Goch{
	width: 350px;
	height: 1125px;
	background-image: url(../images/fond_goch.jpg);
	background-repeat: no-repeat;
	float: left;
}

#Droite{
	width: 650px;
	height: 1125px;
	background-image: url(../images/fond_droite.jpg);
	background-repeat: no-repeat;
	float: left;
}

#Contenant{
	width: 434px;
	float: left;
}

#Colone{
	width: 186px;
	margin-left: 30px;
	margin-top: 10px;
	float: left;
}

#Diaporama{
	width: 434px;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}

#Footer{
	width: 20px;
	height: 200px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/**********************************************************************************/
/*** Colone Gauche **********************************************************************/
#MenuGoch{
	width: 274px;
	height: auto;
	background-image: url(../images/titre-goch01.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 355px;
	padding-top: 50px;
	padding-left: 60px;
}

#Actu{
	width: 274px;
	height: auto;
	background-image: url(../images/titre-goch01.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 355px;
	padding-top: 50px;
	padding-left: 60px;
}

#Evenement{
	width: 334px;
	height: 65px;
	background-image: url(../images/titre-goch02.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 20px;
}

#Inscription{
	width: 334px;
	height: 65px;
	background-image: url(../images/titre-goch03.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 20px;
}

#Coordonnees{
	width: 334px;
	height: 65px;
	background-image: url(../images/titre-goch04.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 20px;
}

#Autres{
	width: 274px;
	height: auto;
	background-image: url(../images/titre-goch05.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 20px;
	padding-top: 50px;
	padding-left: 60px;
}

/**********************************************************************************/
/*** Mise en page Bloc gauche **************************************************/

#Coordonnees ul
{
	list-style-type: none;
	float:left;
	margin-top: 50px;
	margin-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Coordonnees .tel
{
	margin-bottom: 5px;
	background-image: url(../images/ico01.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	color: #565656;
	min-height: 25px;
}

#Coordonnees .mail
{
	margin-bottom: 5px;
	background-image: url(../images/ico02.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	color: #967e5c;
	min-height: 25px;
}

#Coordonnees .mail a,a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #967e5c;
}

#Coordonnees .lieu
{
	margin-bottom: 5px;
	background-image: url(../images/ico03.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	color: #565656;
	min-height: 25px;
}

#Coordonnees .venir
{
	margin-bottom: 5px;
	background-image: url(../images/ico04.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	color: #967e5c;
	min-height: 25px;
}

#Coordonnees .plan
{
	margin-bottom: 5px;
	background-image: url(../images/ico05.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	color: #565656;
	min-height: 25px;
}

/**********************************************************************************/
/*** Accordeon Menu **********************************************************************/

#accordion {
	width:295px;
	background-image: url(../images/fond_menu_goch.gif);
	background-repeat: repeat-y;
}

#accordion h3.toggler {
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 0px;
}

#accordion .element {
	background-image: url(../images/fond_menu_goch.gif);
	background-repeat: repeat-y;
	background-position: 25px 0px;
}

#accordion div.element h4 {
	margin-top: 10px;
	margin-left:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#accordion div.element h4 .menH01 {
	color:#7ca23c;
}

#accordion div.element h4 .menH02 {
	color:#c87510;
}

#accordion div.element h4 .menH03 {
	color:#c12f78;
}

#accordion div.element h4 .menH04 {
	color:#36a2af;
}

#accordion div.element h5 {
	margin-top: 3px;
	margin-left:45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#accordion div.element h5 .menH01 {
	color:#7ca23c;
	font-weight: normal;
}

#accordion div.element h5 .menH02 {
	color:#c87510;
	font-weight: normal;
}

#accordion div.element h5 .menH03 {
	color:#c12f78;
	font-weight: normal;
}

#accordion div.element h5 .menH04 {
	color:#36a2af;
	font-weight: normal;
}

#accordion div.element a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#accordion div.element p {
	margin-left:17px;
	background-image: url(../images/bas-sm.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 19px;
}

/**********************************************************************************/
/*** Mise en page Menu Actu **************************************************/
#Menu
{
	height: 200px;
	width: 520px;
	float:right;
	background-image: url(../images/fond_menu.jpg);
	background-repeat:no-repeat;
	margin-top: 195px;
}

#Menu ul
{
	list-style-type: none;
	height: 145px;
	width: 520px;
	float:left;
	margin-top: 55px;
}

.men1
{
	width: 487px;
	height: 22px;
	display:block;
	padding-left: 33px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.men1 a,a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

.men2
{
	width: 512px;
	height: 28px;
	display:block;
	padding-left:8px;
	padding-top:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2dfd9;
	font-weight: bold;
}

.men2 a,a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.men3
{
	width: 512px;
	height: 30px;
	display:block;
	padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2dfd9;
	font-weight: bold;
}

.men3 a,a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.men4
{
	width: 512px;
	height: 28px;
	display:block;
	padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2dfd9;
	font-weight: bold;
}

.men4 a,a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.men5
{
	width: 512px;
	height: 30px;
	display:block;
	padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2dfd9;
	font-weight: bold;
}

.men5 a,a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.date{
	color:#a3a09d;
	font-weight: normal;
}

.Spacer{
	height: 200px;
}
/**********************************************************************************/
/*** Mise en page Diapo **************************************************/

#myTitreGallery
{
	background-image: url(../images/titre_diapo.png);
	height: 33px;
	width: 434px;
	float: left;
	margin-top: -32px;
	margin-left: 20px;
	margin-bottom: 15px;
	z-index: +2;
	position:relative;
}

#myTitreGallery H1
{
	height: 33px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc4b6;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 8px;
}

#myTitreGallery H2
{
	height: 57px;
	width: 230px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 8px;
}

.txtBox{ /*Style des textes box présent dans le formulaire*/
	width: 300px;	
}

.txtArea{ /*Style des zones de texte*/
	width: 300px;	
	height : 100px;
}