body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
background-color: #000;
background-image:url(fond1.gif);
background-repeat:repeat-x;
color: #fff;
}

#conteneur {
	position: relative;
	width: 850px;
	height: 550px;
	margin: 0 auto;
	padding: 0;
	background-image:url(fond2.gif);
	background-repeat:repeat-y;
	top: -0px;
}

/**********************************conteneur pour animation flash*/

#conteneur2 { 
position: relative;
width: 800px;
height: 600px;
margin: 0 auto;
padding: 0;
}
#conteneur2 p{ 
margin: 50px 0 0 50px;
padding: 0;
/*font-size: 2em;*/
}
#skip{ 
margin-top: 10px;
padding: 0;
text-align: center;
}

/**********************************Règles générales*/
img {
border : 0
}
* {
margin: 0;
padding: 0;
}

h1 {
font-size : 1.25em;
color: #c4776a;
font-weight:normal;
margin-bottom: 25px;
}
h1:first-letter {
font-size : 1.4em;
}

h2 {
font-size : 1em;
color:#fff;
margin-bottom: 5px;
margin-top: 25px;
text-align: center;
}

a {
color : #cdcdcd;
text-decoration:none;
}
a:hover {
color : #c8a46d;
}
ul li{ 
list-style-type: none;
display: inline;
}
.actif{ 
color : #c8a46d;
}
.hautdepage{ 
text-align:right;
margin: 0;
padding: 0;
}

/**************************************HEADER*/
#header {
width:800px;
height: 80px;
background-image:url(fond_header.gif);
font-size: 1.25em;
z-index:1;
}
#header img{ 
margin-top: 20px;
margin-left: 45px;
}

#navprinc {
position:absolute;
/**************************************menu*/
left:280px;
top:81px;
width:758px;
height:28px;
line-height: 28px;
z-index:1;
text-align: left;
}
#navprinc ul li{
margin: 0 30px 0 0;
}

/**************************************MENU LANGUE/MENTIONS*/

#menu2 {
position:absolute;
left:60px;
top:500px;
width:170px;
height:19px;
color : #c8a46d;
z-index:1;
}
#menu2 img{
margin: 0 10px;
}
#menu2 p{
margin: 30px 0 0 0;
padding: 0;
}

/**************************************SOUS-MENU ASSOCIES et COLLABORATEURS*/

#menu3 {
position:absolute;
left:60px;
top:350px;
width:170px;
height:126px;
line-height: 3em;
z-index:1;
}

/**************************************CONTENU des pages ACCUEIL et MENTIONS LEGALES*/
#calque1 {
position:absolute;
left:280px;
top:140px;
width:492px;
height:313px;
text-align: justify;
z-index:1;
}
#calque1 p{
margin-bottom: 10px;
}

/**************************************CONTENU des pages ASSOCIES, COLLABORATEURS, CONTACT ET RECRUTEMENT*/
#calque2 {
position:absolute;
left:280px;
top:140px;
width:492px;
height:550px;
text-align: left;
z-index:1;
}
#calque2 p{
margin-bottom: 20px;
padding-bottom: 30px;
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 100px;
}
#calque2 em{
color : #c8a46d;
font-style:normal;
font-size: 1.1em;
}

#calque2 a {
color : #c8a46d;
}
#calque2 a:hover {
color : #cdcdcd;
}

/**************************************PHOTOS/ILLUSTRATIONS*/

#illustration {
position:absolute;
left:82px;
top:152px;
width:120px;
height:168px;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
z-index:1;
}
/**************************************ASSOCIES*/
/*le texte de chaque fiche "associé" est contenu dans une balise <p>. La photo est en arrière-plan.
A chaque fiche est donc attribuée une classe unique qui définit cette photo d'arrière plan.*/

.ass01 {
background-image:url(photos/puce.gif);
}
.ass02 {
background-image:url(photos/puce.gif);
}
.ass03 {
background-image:url(photos/puce.gif);
}
.ass04 {
background-image:url(photos/puce.gif);
}
.ass05 {
background-image:url(photos/puce.gif);
}
.ass06 {
background-image:url(photos/puce.gif);
}
.ass07 {
background-image:url(photos/puce.gif);
}
.ass08 {
background-image:url(photos/puce.gif);
}
.ass09 {
background-image:url(photos/puce.gif);
}
.ass10 {
background-image:url(photos/puce.gif);
}
.ass11 {
background-image:url(photos/puce.gif);
}
.ass12 {
background-image:url(photos/puce.gif);
}
.ass13 {
background-image:url(photos/puce.gif);
}
.ass14 {
background-image:url(photos/puce.gif);
}
.ass15 {
background-image:url(photos/puce.gif);
}

/**************************************COLLABORATEURS*/
/*le texte de chaque fiche "collaborateur" est contenu dans une balise <p>. La photo est en arrière-plan.
A chaque fiche est donc attribuée une classe unique qui définit cette photo d'arrière plan.*/

.coll01 {
background-image:url(photos/puce.gif);
}
.coll02 {
background-image:url(photos/puce.gif);
}
.coll03 {
background-image:url(photos/puce.gif);
}
.coll04 {
background-image:url(photos/puce.gif);
}
.coll05 {
background-image:url(photos/puce.gif);
}
.coll06 {
background-image:url(photos/puce.gif);
}
.coll07 {
background-image:url(photos/puce.gif);
}
.coll08 {
background-image:url(photos/puce.gif);
}
.coll09 {
background-image:url(photos/puce.gif);
}
.coll10 {
background-image:url(photos/puce.gif);
}
.coll11 {
background-image:url(photos/puce.gif);
}
.coll12 {
background-image:url(photos/puce.gif);
}
.coll13 {
background-image:url(photos/puce.gif);
}
.coll14 {
background-image:url(photos/puce.gif);
}
.coll15 {
background-image:url(photos/puce.gif);
}
.coll16 {
background-image:url(photos/puce.gif);
}
.coll17 {
background-image:url(photos/puce.gif);
}
.coll18 {
background-image:url(photos/puce.gif);
}
.coll19 {
background-image:url(photos/puce.gif);
}
.coll20 {
background-image:url(photos/puce.gif);
}
.coll21 {
background-image:url(photos/puce.gif);
}
.coll22 {
background-image:url(photos/puce.gif);
}
.coll23 {
background-image:url(photos/puce.gif);
}
.coll24 {
background-image:url(photos/puce.gif);
}
.coll25 {
background-image:url(photos/puce.gif);
}