/*- ---- Annulation des Styles de bases-------*/
* {margin:0;padding:0}
body {
    padding:0px;
    text-align:center;
}
/*---------------------------------------------------------------
--------------------------- Mise en page des blocs -------------------------------------------
---------------------------------------------------------------------------------*/
#cadre{
    width:auto;
    position:relative;
    margin-right: 30px;
    margin-left: 30px;
}

/*----------------------- Menu du haut-------------------------*/
#accessible {
    width: 100%;
    position: absolute;
    right: 260px;
	height:17px; 
	margin-top:-27px;
	padding:5px 0px 5px 0px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}
/*--------------------------- Bloc Têtière -------------------------*/
#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
	-padding-right:30px;
    height:243px;
	/height:245px;
    overflow:hidden;
    background:url(adiam-images/accueil/fondhaut.jpg) no-repeat top;
    background-position: left;
	/margin-top:-2px;
}
#clearheader{height:245px;}/*nécessaire pour créer l'espace de l'image changenate au_dessus du contenu*/
/*----------------------- Centre ------------------------------*/
#wrapper{background:red;
    width:auto;
    min-width:710px;
    max-width:880px;
    background:#fff;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
	padding-right:20px;
	-padding-right:0px;
    position:relative;
}
#contenu {/*div qui contient les textes */ /*----------------------------RUBRIQUE--------------------------*/
	width:100%;
	-width:90%;
	min-height:600px;
	-height:600px;
	padding-left:10px;
	position:relative;
	font-size:0.71em;
	max-width:685px;
	-width:expression(document.body.clientWidth > 915 ? "685px": "auto" );
}
* html #contenu{width:100%;/width:80%;-width:83%;}
#outer{/*----------------------------RUBRIQUE--------------------------*/
    margin-right:200px;
    color: #000000;
}
* html #outer{/* 3px jog*//*----------------------------RUBRIQUE--------------------------*/
    margin-right:197px;
}
.outerwrap {/*----------------------------RUBRIQUE--------------------------*/
float: left;
width: 99%;
}
.clearer{/*----------------------------RUBRIQUE--------------------------*/
    height:1px;
    overflow:hidden;
    margin-top:-1px;
    clear:both;
}
/*---------------------------------Colonne de Droite -------------------------*/
#right {
    position:relative;/*ie en a besoin pour appliquer float */
    width:199px;
    float:right;
    margin-right:-198px;/*doit etre 1px inférieur à "width" ou la div ne poussera pas le pied de page */
	left:1px;
   	margin-top: -246px;
	/margin-top:-248px;
	line-height:normal;
}
* html #right {margin-right:-200px;margin-left:-3px}/* stop float drop in ie + 3px jog */
/*-------------------------------- Pied de page ------------------------------*/
#footer {
    width:100%;
    clear:both;
	padding-right:20px;
	-padding-right:30px;
    text-align:center;
    position:relative;
	background:#E8E8E8;
	border-top:4px solid #FF90D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	vertical-align:top;
}
/*------------- Texte de l'image changenate -------------------------*/
#accroche {
	position:absolute;
	top:117px;
	left:50%;
	margin-left:-200px;
	z-index:1000;
}
/*---- Hack IE 7 pour émuler le min-width / max-width -------------------------------------------------------------------------*/
* html #cadre, * html #outer, * html #wrapper,* html #contenu {/height:1%}
/*---- Hack IE 6 pour émuler le min-width / max-width -------------------------------------------------------------------------*/
body {-width:expression( documentElement.clientWidth < 800 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 800 ? "800" : "auto") : "800px") : "auto" );}
#wrapper {-width:expression( documentElement.clientWidth > 915 ? (documentElement.clientWidth == 0 ? (body.clientWidth >915 ? "870" : "auto") : "870px") : "auto" );}
* html #cadre, * html #outer, * html #wrapper,* html #contenu {-height:1%}


/* ----- Décoration -------------*/
#ariane{color:#FF33CC;margin:5px 0px 0px 0px;text-align:left;}
#ariane a {color:#999999;text-decoration:none;} 
#ariane a:hover {color:#FF33CC; text-decoration:underline;} 
#accessible  a{
	text-decoration:underline;
	color:#999999;
}
#accessible  a:hover{
	text-decoration:underline;
	color:#FF33CC;
}
/*------------------ Apparence menu de droite -------------------------*/
#menudroite {
	margin-top:-29px;
	-margin-top:0px;
	min-height:390px;
	_height:350px;/*modif 17/05/07 qui permet d'enlever les commentaires conditionnels pour ie6*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
	font-weight: bold;
	text-align: left;
	background-image:url(adiam-images/accueil/basmenudroite0.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#F153A7;
}
#menudroite ul {
	clear:both;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	width:199px;
	list-style-type: none ;
}
#menudroite li {	
	border:1px solid #F153A7;
	clear:both;	height:auto;
	behavior:url('csshover2.htc'); /*base:behavior:url('csshover2.htc'); -> Validée */
	margin: 0px;
	padding:0px 0px 0px 30px;
	color:white; 
	font-weight:bold;
	background: url(adiam-images/accueil/menu-droite1.jpg) no-repeat;
	}
#menudroite a{
	clear:both;
	color:white;
	display:block;
	margin: 0px;
	padding:6px 10px;
	text-decoration: none;
	line-height: 0.9em;
}
#menudroite li:hover { 
	background:url(adiam-images/fondsousmenu.jpg) repeat-y; 
	height:auto; 
}
#menudroite li ul{	
	display:none;
	clear:both;
	padding:12px 0px 20px 0px;
	margin:0px 0px 0px -30px;
	font-weight:normal;
	width:198px;
	-width:197px;
	list-style-type: none;
	background:transparent url(adiam-images/footersousmenu.jpg) no-repeat bottom;
}
#menudroite li:hover ul{display:block;clear:both;}
#menudroite li ul li{ 
	padding:0px;
	margin:0px;
	/margin:-4px 0px -4px -1px;
	border:0px;
	font-weight:normal;
	height:50px;
	width:185px;
	behavior:url('csshover2.htc'); /*base:	behavior:url('_html_skeletes/csshover2.htc');*/
	background: white url(adiam-images/fondsousmenu-li.jpg)  no-repeat;
}
#menudroite li ul a{	
	clear:both;margin:0px;
	padding:4px  0px 4px 30px;
	background: url(adiam-images/fondsousmenu-li.jpg) no-repeat;
}
#menudroite li ul, #menudroite li ul li, #menudroite li ul a, #menudroite li ul a:hover, #menudroite li ul li:hover{clear:both;color:#FF33CC;height:auto;}
#menudroite li ul li:hover, #menudroite li ul a:hover {background:url(adiam-images/fondsousmenu-li.jpg) white no-repeat;color:#00AFEB;}
/*----------------------------------- Image  Changeante--------------------------------------------*/
#header img {margin-top:29px;} 
/*------------------------------ Ombrages ------------------------------*/
#ombregauche {-display:none;width:40px;height:30px;margin-left:-40px;background:#ccc url(adiam-images/accueil/ombregauche.jpg);}
#ombredroite {-display:none;width:20px;height:30px;-height:0px;margin-left:199px;margin-top:-30px;/margin-top:-27px;background-image:url(adiam-images/accueil/ombredroite.jpg);}
/*-------------------------Habillage contenu central -----------------*/
p {
    margin-bottom:1em;
    padding-right: 5px;
    padding-left: 5px;
}
/* ----------------- titre de la rubrique dans accroche s---------------*/
#accroche h1 {display:none;}
/* Les Styles pour la rubrique --------------------------------------------------------------------------------*/
#centrerubrique {
	width:500px;
	margin:0 auto;
	padding-right:15px;
	padding-top:15px;
	/padding-top:5px;
	display:block;
	float:right;
}
#rubrique { 
	clear:both;
	display:inline;
	position:relative;
	min-height: 600px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding:0px;
	font-size:1.25em;
}
.titrerubrique{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00AFEB;
}
#rubrique ul{ 
	margin:3px 0px 8px 0px; 
	padding:0px;
	list-style-type:none;
}
#rubrique li{  
	margin:0px;
	padding:8px 0px 10px 28px; 
	height:125px; 
	background:url(adiam-images/rubrique/rubrique.jpg) no-repeat; 
}
#rubrique li img{	 
	margin:0px;
	padding:3px;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
/* pour l'ombrage de l'image-------------*/
div#rubrique li div { 
	margin:8px 0px 0px 0px;
	padding:0px;
	width:188px; /*base:170px*/
	float:left;
	height:70px;
	background-color:white;
}
#rubrique p{
width:250px;
height:70px;
font-size:0.7em;
float:left;
margin:8px 5px 7px 5px;
padding:0px;
}
#rubrique p.spip {width:90%;height:auto;float:none;margin:0;padding:0;font-size:inherit;}
#rubrique h5{
position:relative;width:423px;font-size:0.65em;text-align:right; margin:0px;padding:0px;} /*base:3px 110px 0px 0px*/
#rubrique a{color:#00AFEB;text-decoration:underline;}