/*
Couleurs liées :
orange foncé : f19300
orange clair : fbbc9d
rose fonce : e2017b
rose clair : f65fcb
violet clair : e69cdb
violet fonce : ae609e
*/

body{

font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
background: #F1EFE2; /* presque gris */
color:black;
margin: 0;
line-height:normal;

}

/**************** STRUCTURE SITE ******************/
/* logo et entete */
#head{
	position:relative;
	width:807px;
	height:215px;
	top:0;
	margin: 0 auto;
}

#headlogo{
	position:absolute;
	top:0;
	left:502px;
	width:305px;
	height:215px;
	background:url(../img/structure/agorasophia/logo-ur.png) left no-repeat;
}

#headmenu{
	position:absolute;
	top:0px;
	width:502px;
	height:215px;
	background:url(../img/structure/agorasophia/menu-ul-mini.png) left repeat-x;
}

/* Conteneur principal */
#page{
	position: relative; /* on positionne le conteneur */
	width: 807px;
	margin: 0 auto;
	overflow:hidden;
	background: url(../img/structure/agorasophia/content.png) top repeat-y;
}

#content{
	padding-left:2em;
	padding-right:150px;
	text-align:justify;
}

/***************** END STRUCTURE *****************/
/*************** GLOBAUX (menu, separator, content) : toujours présent ***************/
#menu, #menu2{
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	clear:both;
}
#menu ul{
	list-style: none ;
	margin: 0 1em ;
	padding: 0 ;
	text-align:center;
}
#menu2 ul{
	list-style: none ;
	margin: 0 1em ;
	padding: 0 ;
	text-align:center;
}
/*
Couleurs liées :
orange foncé : #f19300
orange clair : #fbbc9d
rose fonce : #e2017b
rose clair : #f65fcb
violet clair : #e69cdb
violet fonce : #ae609e
*/
#menu li, #menu2 li{
	float:left;
	padding-top:2%;
	padding-bottom:1%;
	margin-right: 5px;
	color: #fff ;
	
}
#menu li a, #menu2 li a{
	background: white ;
	color: #ae609e ;
	border: 1px solid #ae609e ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 20px ;
	text-align: center ;
	text-decoration: none ;
}
#menu li a:hover, #menu2 li a:hover{
	background:#e69cdb;
	color:white
}
#menu .selected, #menu2 .selected{
}
#menu .selected a, #menu2 .selected a{
	background:#ae609e;
	color: white ;
}

.spacer{
height:4px;
clear:both;
}

.separator{
height:5px;
background: url(../img/structure/SeparatorRose.png) left top no-repeat;
}

.petitSeparator{
text-align:center;
height:2px;
margin:1em 0;
background: url(../img/structure/PetitSeparatorRose.png) left top no-repeat;
}
/* mentions légales, contact etc... */
#mentions{
	padding:1em;
	text-align:center;
}
a {
	color:#CA9C1D;
}
/******************* END GLOBAUX ************************/

/* ##################### MEMBRES ########################## */
#membres{
}
#membres .personne .names{
font-size:x-large;
	color:#ae609e;
}
#membres .personne .titles{
color:#CA9C1D;
font-weight:bold;
}
#membres .personne .description{
text-indent:2em;
}
#membres .personne .description ul{
text-indent:0;
}

/*
violet fonce : #ae609e
*/
/* ##################### STATUS ############################ */
#status{
	
}

#status .article{
}
#status .article .titre{
	text-align:center;
	font-size:x-large;
	/*color:#CA9C1D;*/
	color:#ae609e;
}
#status .article ul{
text-indent:0;
}

 /* ############# CONTACT ############# */
#contact {
}

.contact {
padding:1em 0;
}

.contact a{
color:#CA9C1D;
}
 /* ############# END CONTACT ############# */
 /* ############# Accueil ############# */
#accueil{
}

#accueil .title {
font-size:x-large;
text-align:center;
margin:1em 0;
}

#accueil a{
	color:#CA9C1D;
}
#accueil img{

	border:0;
}

 /* ############# END Accueil ############# */
#presentation h2{
	color:#ae609e;
}

.flashcenter {
	width: 550px;
margin: 0 auto;
}