/*- ---- 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; 
	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:448px;
	/height:450px;
    overflow:hidden;
    background:url(adiam-images/accueil/adiam.jpg) no-repeat top;
    background-position: left;
	/margin-top:-2px;
}
#clearheader{height:305px;}/*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 */ 
	width:100%;
	padding-left:30px;
	-padding-left:0px;
	position:relative;
	margin-right:0px;
}
* html #contenu{width:100%;}
#outer{
    margin-right:200px;
    color: #000000;
}
* html #outer{/* 3px jog*/
    margin-right:197px;
}
.outerwrap {
float: left;
width: 99%;
}
.clearer{
    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: -306px;
	/margin-top:-307px;
	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;
}
/*---- 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('_html_gabarits/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('_html_gabarits/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;} 
/*------------------------------ 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-top:7px;
}
/* Les Styles pour la section ACTUALITES ----------------------------------------------------------------------*/
#actualite {
	display:inline;
	position:relative;
	width:220px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin:0px;
	padding:10px 45px 0px 0px;
	-padding-left:20px;
}

#actualite h2 {
	font-size: 1.40em;
	font-weight: normal;
	text-transform: lowercase;
	color: #999999;
	font-family: Georgia, Times, serif;
}

#actualite h3 {
	padding:5px 0px;
	background-image:url(adiam-images/accueil/h3dots.jpg);
	background-repeat: repeat-x; /*base:no-repeat*/
	color: #00AFEB;
	font-size:0.71em;
	line-height:1.1em;
}
#actualite h3.soustitre {} /*ajout Crayons*/

#logosaccueil {margin:0px;padding:15px 15px 15px 0px;text-align:left;} /*ajout 17/05/07 espacement logos */
#logosrubrique {margin:0px 0px 0px 60px; padding:0px 15px 15px 0px;text-align:left;} /*ajout 18/05/07 base:margin:0px;padding:15px 15px 15px 0px ; text-align:left;*/
/* #logo1 {margin-right:5px;} ajout 17/05/07 séparation entre les logos */
#actualite p {font-size:0.71em;text-align:justify;line-height:1.3em;} /* modif 17/05/07 fixe le line-height*/
#actualite p.texte{color:#999999;} /*ajout Crayons*/
/* Les Styles pour la section A L'AFFICHE ---------------------------------------------------------------------------------*/

#affiche {
	display:inline;
	position:relative;
	float:left;
	text-align: left;
	padding:10px 0px 0px 0px;
	margin:0px auto;
	-padding-left:20px;
}
#affiche h2 {
	font-size: 1.4em;
	text-transform: lowercase;
	color: #999999;
	font-family: Georgia, Times, serif;
	margin:0px;
	padding:0px;
}
#affiche img{	
	margin:0px;
	padding:3px;
	background-color:#FFFFFF;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
}
#affiche ul {padding-top:20px;}
#affiche li{	
	width:158px;
	background-image:url(adiam-images/accueil/affiche/trame.jpg);
	display:block;
	float:left;
	text-align:center;
	list-style-type: none;
	padding:20px 10px;
	line-height:0.88em;
}
.dataffiche {
	background-color:#FF66CC;
	color:#FFFFFF;
	font-size:0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	
} 
#affiche li .dataffiche {
	background-color:#FF66CC;
} 
.titraffiche {
	color:#000000;
	font-size:0.71em;
	font-weight: bold;
}