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

/* typographie */
h1 {
	font-size: 75%; 
	color: navy;
	text-decoration:underline;
}
h2 {
	font-size: 60%;
	color: #036;
	font-family:Arial, Helvetica, sans-serif;
}
h3{
	color: #006;
	font: "Comic Sans MS", cursive;
	font-weight:100;
	font:italic;
	font-size:14px;
	margin-left: 25px;
	margin-right: 25px;
}
h4{
	color: #006;
	font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font:italic;
	font-size:13px;
	margin-left: 15px;
	margin-right: 15px;
}

/* div conteneur principal. A l'intérieur se trouve tous les autres div */
#container{
	width: 950px;
	margin: 0 auto;
}

/* initialisation de la page */
html, body {
margin: 0;
padding: 0;
}

/* paramètres globaux de la page */
body {
	background-image:url(/images/design/background.jpg);
	background-color:#F399C0;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	font-family: Verdana, sans-serif;
	font-size: 100%;
}

/* div du logo */
#logo{
	height: 203px;
	width: 277px;
	background: url(/images/design/logo.png) no-repeat top;
	margin-left:50px;
	margin-top: 5px;
}

/* div de la pub juste à la droite du logo */
#pub1{
	height: 109px;
	width: 568px;
	background: url(/images/design/pub1.png) no-repeat top;
	margin-left: 350px;
	margin-top: -130px;
	text-align: center;
	padding-top: 22px;
}

/* div du menu */
#menu{
	width: 157px;
	margin-left: 50px;
	margin-top: 30px;
}
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li a{
	height: 40px;
	text-decoration: none;
}
/* déclaration des images du menu */
#menu li a:link, #menu li a:visited {
	color: #262261;
	display: block;
	background: url(/images/design/btnmenu_a.jpg);
	padding: 8px 0 0 10px;
}
#menu li a:hover {
	color: #c32261;
	display: block;
	background: url(/images/design/btnmenu_h.jpg);
	padding: 8px 0 0 10px;
}

/* div des partenaires */
#partenaire{
	height: 241px;
	width: 161px;
	background: url(/images/design/partenaire.png) no-repeat;
	margin-left: 50px;
	margin-top: 20px;
	text-align:center;
	padding-top: 20px;
}

/* div du contenu principal */
#contenu{
	width: 662px;
	margin-left: 255px;
	margin-top: -585px;
}
/* sous-div du contenu pricinpal - bordure du haut */
#contenu_top{
	height: 37px;
	width: 662px;
	background: url(/images/design/contenu_top.png) no-repeat;
}
/* sous-div du contenu pricinpal - bordure du milieu */
#contenu_middle{
	width: 662px;
	background: url(/images/design/contenu_middle.jpg) repeat-y;
}
/* sous-div du contenu pricinpal - bordure du bas */
#contenu_bottom{
	height: 34px;
	width: 662px;
	background: url(/images/design/contenu_bottom.png) no-repeat;
}

/* contenu de la page accueil */
#contenu_accueil_1{
		height: 200px;
		width: 264px;
		text-align:center;
		padding: 20px;
		background-color: #ABE1FA;
		margin-left: 15px;
}
#contenu_accueil_2{
		height: 137px;
		width: 284px;
		display:block;
		text-align:center;
		background-color:#FFFBC8;
		margin-left: 15px;
		margin-top: 20px;
		padding: 10px;
}
#contenu_accueil_3{
		height: 67px;
		width: 284px;
		text-align:center;
		vertical-align:middle;
		background-color:#C9E6D2;
		margin-left: 15px;
		margin-top: 20px;
		padding: 10px;
}
#contenu_accueil_4{
		height: 472px;
		width: 294px;
		background-color:#FEDBBC;
		margin-left: 333px;
		margin-top: -523px;
		text-align:center;
		padding: 10px;
}

/* contenu de la page staff */
#contenu_staff_1{
	width: 550px;
	height: 130px;
	text-align: center;
	background-color: #6CF;
	margin-left: 45px;
	padding: 20px;
}
#contenu_staff_2{
		width: 300px;
		height: 350px;
		text-align:center;
		margin-left: 45px;
}
#contenu_staff_3{
		width: 250px;
		height: 350px;
		margin-left:345px;
		margin-top:-350px;
}
#contenu_staff_4{
		width: 550px;
		height: 50px;
		text-align:center;
		margin-left:45px;
}
#contenu_staff_5{
		width: 220px;
		height: 350px;
		text-align:center;
		margin-left: 45px;
}
#contenu_staff_6{
		width: 330px;
		height: 350px;
		margin-left:270px;
		margin-top:-350px;
}


/* contenu de la page inscriptions */
#contenu_inscriptions_1{
	width: 550px;
	height: 100px;
	text-align: center;
	background-color: #6CF;
	margin-left: 45px;
	padding: 5px;
}
#contenu_inscriptions_2{
	width: 550px;
	height: 320px;
	text-align: center;
	margin-left: 45px;
	padding: 5px;
}

/* contenu de la page evenements */
#contenu_news_1{
		height: 70px;
		width: 500px;
		padding: 10px;
		text-align:center;
		background-color: #ABE1FA;
		margin-left: 65px;
}
#contenu_news_2{
		width: 600px;
		padding: 10px;
		background-color:#CCFF66;
		margin-left: 20px;
		margin-top: 20px;
}

/* contenu de la page contact */
#contenu_contact_1{
		height: 400px;
		width: 590px;
		text-align:center;
		padding: 20px;
		background-color: #ABE1FA;
		margin-left: 15px;
}
#contenu_contact_2{
		height: 50px;
		width: 600px;
		text-align:center;
		padding: 10px;
		background-color: #CCFF66;
		margin-left: 20px;
		margin-top: 10px;
}
#contenu_contact_3{
	height: 320px;
	width: 600px;
	text-align:center;
	padding: 10px;
	background-color: #FFCC33;
	margin-left: 20px;
	margin-top: 10px;
}

/* contenu de la page médias */
#gal_pict{
	height: 500px;
	width: 600px;
	text-align: center;
	margin-left: 20px;
	padding: 10px;
}