/*-------------- INTRO --------------*/
* {
	padding:0;
	margin:0; }
 
body {
	background-color:#FFCC33; }

#container {
	position:relative;
	width:765px;
	height:603px;
	margin:10px auto 5px auto;}

#header {
	position:relative;
	width:100%;
	height:108px; }

#content {
	position:relative;
	width:725px;
	height:410px;
	padding:10px 20px 50px 20px;
	background-color:#FFFFFF; }
	
/*--------------- CONTENU ---------------*/
#cadre1 {
	position:relative;
	width:545px;
	height:auto;
	padding:10px 10px 10px 5px;
	margin:15px 0 10px 0;
	float:left;
	border:1px solid #FFCC33; }

#cadre2 {
	position:relative;
	width:545px;
	height:auto;
	padding:10px 10px 10px 5px;
	margin:15px 0 10px 0;
	float:right;
	border:1px solid #66CC33; }
 
#cadre3 {
	position:relative;
	width:545px;
	height:auto;
	padding:10px 10px 10px 5px;
	margin:15px 0 10px 0;
	float:left;
	border:1px solid #FFCC33; }
 
#cadre4 {
	position:relative;
	width:545px;
	height:auto;
	padding:10px 10px 10px 5px;
	margin:15px 0 10px 0;
	float:right;
	border:1px solid #66CC33; }
 
h1 {
	font:15px Verdana, Arial, sans-serif;
	color:#db0704;
	margin:0 0 4px 10px; }
 
p {
	color:#006992;
	padding-left:10px;
	font:14px Arial, Helvetica, sans-serif;
	margin-bottom:10px; }
 
.photog {
	position:relative;
	border:1px solid #002D42;
	float:left;
	margin:5px 10px 0px 0px; }

.photod {
	position:relative;
	border:1px solid #002D42;
	float:right;
	margin:0px 0px 0px 10px; }

a {
	color:#006992;}

a:hover {
	color:#CC3366;
	text-decoration:none;}
	
.jaune {
	position:absolute;
	left:700px;
	top:0px;	}

.verte {
	position:absolute;
	left:10px;
	top:330px;	}

/*--------------- INDEX ---------------*/
.index {
	background-color:#FFFFFF;}

/*------------ ASSOCIATION ------------*/
#container_asso {
	position:relative;
	width:765px;
	height:770px;
	margin:10px auto 0px auto;}

#header .asso {
	position:absolute;
	top:35px;
	left:259px; }
 
#content_asso {
	position:relative;
	width:725px;
	height:610px;
	padding:10px 20px 10px 20px;
	background-color:#FFFFFF;}

.bleue_asso {
	position:absolute;
	left:600px;
	top:260px;}

.rouge_asso {
	position:absolute;
	left:120px;
	top:540px;}

.verte_asso {
	position:absolute;
	left:10px;
	top:410px;}
	
.structure {
	position:absolute;
	top:4px;
	left:445px;}

.actualite {
	position:absolute;
	top:405px;
	left:640px;}

/*------------- ACTIVITES -------------*/
#container_act {
	position:relative;
	width:765px;
	height:1120px;
	margin:10px auto 0px auto;}

#header .act {
	position:absolute;
	top:38px;
	left:367px;}
 
#content_act {
	position:relative;
	width:725px;
	height:920px;
	padding:10px 20px 50px 20px;
	background-color:#FFFFFF;}

.bleue_act {
	position:absolute;
	left:100px;
	top:880px;}

.rouge_act {
	position:absolute;
	left:676px;
	top:580px;}

.neufmois {
	position:absolute;
	top:5px;
	left:385px;}

.dixhuitmois {
	position:absolute;
	top:265px;
	left:545px;}

.deuxquatreans {
	position:absolute;
	top:445px;
	left:318px;}

.troisouquatreans {
	position:absolute;
	top:660px;
	left:475px;}

/*--------------- STAGES --------------*/
#container_stages {
	position:relative;
	width:765px;
	height:660px;
	margin:10px auto 0px auto;}

#header .stages {
	position:absolute;
	top:50px;
	left:475px;}

#content_stages {
	position:relative;
	width:725px;
	height:500px;
	padding:10px 20px 10px 20px;
	background-color:#FFFFFF;}
 
.bleue_stages {
	position:absolute;
	left:640px;
	top:390px;}

.verte_stages {
	position:absolute;
	left:10px;
	top:250px;}

.rouge_stages {
	position:absolute;
	left:130px;
	top:200px;}

.troissixans {
	position:absolute;
	top:133px;
	left:605px;}

.quatreseptans {
	position:absolute;
	top:313px;
	left:442px;}

/*-------------- CONTACT --------------*/
#container_contact {
	position:relative;
	width:765px;
	height:815px;
	margin:10px auto 5px auto;}

#header .contact {
	position:absolute;
	top:61px;
	left:571px;}

#content_contact {
	position:relative;
	width:725px;
	height:620px;
	padding:10px 20px 50px 20px;
	background-color:#FFFFFF;}

.bleue_contact {
	position:absolute;
	left:600px;
	top:70px;}

.rouge_contact {
	position:absolute;
	left:120px;
	top:130px;}

/*--------------- PRESSE --------------*/
#header .presse {
	position:absolute;
	top:67px;
	left:647px;}

.jaune_presse {
	position:absolute;
	left:700px;
	top:0px;}

.bleue_presse {
	position:absolute;
	left:640px;
	top:380px;}

.rouge_presse {
	position:absolute;
	left:300px;
	top:400px;}

/*-------------- A PROPOS -------------*/
.bleue_apropos {
	position:absolute;
	left:640px;
	top:380px;}

.rouge_apropos {
	position:absolute;
	left:300px;
	top:400px;}

/*-------------- FOOTER ---------------*/
#footer {
	position:relative;
	width:765px;
	height:23px;
	padding:1px 0;
	margin-bottom:100px;
	background-image:url(../img/footer.png);}

#footer a {
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;	}