/*- ---- 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 */
	float:right;
	margin-left:auto;
	margin-right:auto;
	left:auto;
	right:auto;
	text-align:left;
	width:95%;
	-width:90%;
	min-height:370px;
	-height:600px;
	padding-right:10px;
	-padding-left:10px;
	position:relative;
	background-color:#fff;
	font-size:0.71em;
	max-width:440px;
	-width:expression(document.body.clientWidth > 915 ? "400px": "auto" );
}
* html #contenu{width:100%;/width:80%;-width:83%;}
#outer{
    margin-left:200px;
    margin-right:200px;
    color: #000000;
}
* html #outer{/* 3px jog*/
    margin-left:197px;
    margin-right:197px;
}
.outerwrap {
float: left;
width: 99%;
}
.clearer{
    height:1px;
    overflow:hidden;
    margin-top:-1px;
    clear:both;
}
/*-------------------- Colonne de Gauche --------------------------------------*/
#left {
    position:relative;/*ie en a besoin pour appliquer float */
    width:196px;
    float:left;
    margin-left:-195px;/*doit etre 1px inférieur à "width" ou la div ne poussera pas le pied de page */
    left:0px;
	/left:-5px;
	-left:-2px;
    margin-top: -40px;
	padding-top:40px;
	/padding-left:5px;
}
* html #left {margin-left:-195px;}/* 3px jog*/

/*image d'ombrage nécessaire en dur pour que le png passe sous ie6,
mais on l'affiche en background du menugauche pour les autres navigateurs, 
pour qu'on puisse avoir des bg du texte sous ff*/ 
.ombreie6 {margin-top:-36px;margin-left:-5px;display:none;-display:block;}
#menugauche {
margin-top:-33px;
-margin-top:-160px;
padding-top:30px;
-padding-top:0px;
margin-left:-5px;
-margin-left:0px;
background:url(adiam-images/article/fondcol.png) no-repeat top;-background-image:none;
padding-left:10px;
padding-bottom:10px;

}
/*---------------------------------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);}
/* ------------------------------------ Formulaire de recherche de structure-------------------------*/
#left form {
font-size:0.65em;
color:#333333;
width:180px;
margin-top:0px;
padding:0px 0px 0px 10px;
font-weight:bold;
}	
#left form fieldset {border:0px;}
#left form #formrechercher{border:0px;padding-left:10px;text-align:left;color:#00AFEB;font-weight:bold;text-decoration:underline;background: #FFF url(adiam-images/article/pictoliuli.jpg) no-repeat left;cursor: pointer;behavior:url('_html_skeletes/csshover2.htc');}
#left form h1 {color:#00AFEB;font-size:1.1em;font-weight:bold;margin-bottom:10px;margin-top:3px;}
#left form select {width:150px; margin:0px 0px 10px 0px ;padding:0px}
#left form input {width:150px; margin:0px 0px 10px 0px ;padding:0px}
#left form #formrechercher:hover{text-decoration:underline;color:#FF33CC;}
/*-------------------------Habillage contenu central -----------------*/
p {
    margin-bottom:1em;
    padding-right: 5px;
    padding-left: 5px;
}
/* ----------------- titre de la rubrique dans accroche s---------------*/
#accroche h1 {display:none;}
/*------------------------ Habillage Colonne de Gauche ---------------------*/
.col1{
	width:170px;
	margin-right:10px;
	font-size:0.79em;
	line-height:1.4em;
	color: #00AFEB;
	font-weight:bold;
	background:url(adiam-images/accueil/h3dots.jpg) repeat-x bottom;
	padding:5px 0px 10px 0px;
	margin:0px;}		
.col2{ 
	width:170px;
	font-size:0.69em;
	line-height:1.5em;
	background:url(adiam-images/accueil/h3dots.jpg) repeat-x bottom;
	color:black;
	margin:0px;
	padding:5px 0px 10px 0px;
}

.col2 a{color: #00AFEB;}
.col2 a:hover{color:#FF33CC;}	
/*---------------------- Zone telecharger ----------------------------------------------*/
#telecharger .tel{font-family: Times, serif;padding:8px 0px 10px 10px;margin:0px;font-weight:bold;float:none;height:20px;font-size:16px;}

#telecharger {
	margin:40px 0px 0px -5px;
	?margin:40px 0px 0px -5px;
	padding:0px 0px 0px 15px;
	background-image:url(adiam-images/article/telecharger-top.jpg);
	background-repeat:no-repeat;
	width:201px;
}
#telecharger ul{
list-style-type:none; 
margin:0px 0px 0px -15px;
padding:0px 0px 15px 0px;
background:url(adiam-images/article/telecharger-pied.jpg) no-repeat bottom;
width:201px;
}
#telecharger li{
width:186px;
height:50px;
padding:5px 0px 10px 15px;
margin:0px;
?margin:-4px 0px;
/*_padding:5px 0px 0px 15px;*/
background-image:url(adiam-images/article/telecharger-li.jpg);
background-repeat:repeat-y;
}
#telecharger li a {color:#666666; text-decoration:none;}
#telecharger li a:hover{text-decoration:underline;}
#telecharger img {
vertical-align:top;
margin:0px;
padding:0px;
width:34px;
height:42px;
}
#imgtelecharger {float:left; margin-right:10px;}
#ptel{width:130px;height:42px;font-size:11px;margin:0px;padding:0px;float:left;}
#ptel a{font-size:13x;font-weight:bold;color:#333333;text-decoration:underline;margin:0px;padding:0px;}

/*-------------------------------------------------------------------------------------formulaire*/
.spip_forms {border:0px;}
.spip_forms legend {color:#F153A7;margin-left:-17px;/margin-left:-20px;}
.spip_forms .obligatoire_oublie {color:#F153A7;}
td a.spip_barre img, .ligne .formo, .ligne .form1{background:#E3E1E1;}
.spip_forms .spip_form_ok a {
	color:#E3E1E1;
}
.spip_forms .spip_form_ok {background: #666;}/* Fond après validation du form*/
.spip_forms .forml, .spip_forms .fondl, .spip_forms .spip_bouton input, .spip_forms .champ_obli_oubli,
.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus ,
.spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .spip_forms .formo-focus ,
.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
background: #E3E1E1;
}
.spip_forms .champ_obli_oubli {
	border:1px solid #ccc;
	background: #E3E1E1;
}
#contenu input, textarea {border:1px solid #ccc !important;font-family: Arial, Helvetica, sans-serif;font-size: 0.9em;   }
textarea.formo {border:1px solid #ccc;}
a.jTip {background:#F153A7;}
.spip_forms .spip_form_ok {background: #F153A7;}
.erreur { font-weight:bold; color:#F153A7; }