body * {margin:0px;padding:0px;}
html * {margin:0px;padding:0px;}
body {
	background:#F2F3ED url(images/fond-page.jpg) no-repeat top;
}
#centre {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	width:955px;
	min-height:1200px;
	-height:1200px;
	overflow:auto;
	/height:1%;
	/overflow:visible;
	left: auto;
	right: auto;
	margin:0px auto;
	padding:0px;
	text-align: center;
	background:#fff url(images/aipd/bgcentre.jpg) repeat-y;
}

/*----------------------------- ZONE DE GAUCHE ----------------------------------*/
#gauche { display:inline; 
	background-color:#F2F3ED;
	width:672px;
	position: relative;
	overflow:auto;
	/height:1%;
	/overflow:visible;
	float:left;
	margin-top:0px;
	padding-top:0px;
	-margin:0px;
	-padding:0px;
}
/*-------------------Image Changeante -------------------------*/
#photo {
	position: relative;
	z-index:998;
	width:672px;
	height:580px;
	padding:0px;
	margin:0px;
}
#degrade {	
position: relative;
width:672px;
height:580px;
margin-top:-580px;
z-index:999;}
#accroche {
position: relative;
float:left;
text-align:left;
width:672px;
z-index:1000;
margin-top:-540px;
margin-left:0px;
padding-bottom:21px;
background:url(images/comcom/pied-fond-contenu.gif) no-repeat bottom;
}
#accroche img{padding-left:30px;}
/*-----------------------------Contenu--------------------------*/
#contenu { 
background:url(images/comcom/fond-contenu.gif) no-repeat top;
z-index:1;
position:relative;
width:600px;
min-height:400px;
height:auto !important;
height:400px;
overflow:auto;
/height:1%;
/overflow:visible;
margin-left:16px;
text-align:left;
padding:0 20px;
}
#contenu h2 {font-size:1.7em;color:#F2AA00;text-align:left;margin:5px 0px 5px 5px;}
#contenu h3 {font-weight:bold;color:#F2AA00;text-align:left;margin:5px 0px 5px 0px;}
#contenu img {padding:0px;}
/* ------------------------------------Fil d'ariane--------------- */
#ariane{color:#999;margin:10px 0px 0px 5px;text-align:left;}
#ariane a {color:#999;text-decoration:underline;} 
#ariane a:hover {color:#F2AA00; text-decoration:none;} 
#colgauche {
position:relative;
float:left;
z-index:997;
width:220px;
-height:1%;
-overflow:visible;
margin-top:5px;
padding-right:20px;
background:#fff;
margin-bottom:0px;
padding-bottom:0px;
}
#coldroite {-width:360px;-position:relative;-float:left;}
#description {clear:both;
background:url(images/aipd/fond-description-rubrique.gif) no-repeat;
padding:20px 20px 10px 20px;
color:#666;
}
#description p strong {font-size:1.2em;}
#pieddescription {
height:10px;margin-top:-5px;
background:url(images/aipd/fond-vert-bas2.gif) no-repeat;
}
.cartouche .print { background:url(images/comcom/print.jpg) no-repeat right;padding-right:20px;line-height:20px;}
/*--------------------------------------- PIed de Contenu ----------------------------------------*/
#footer {display:block;
	position:relative;
	float:left;
	width:640px;
	text-align:center;
	vertical-align: top;
	-overflow: visible;
	height:70px;
	/margin-top:-10px;	
	margin-left:15px;
	-margin-left:10px;
	
}
#footer hr {margin-top:10px;margin-bottom:10px;/margin-bottom:5px;color:#f2aa00;width:95%;margin-left:auto;margin-right:auto;
background-color:#F2AA00;
height: 1px;
border: 1px;
}
#footer li{ position:relative; height:1%;list-style-type:none; display:inline;}
#footer a{
	color:#666;
	padding:5px 20px 15px; 
	height:40px;
	/padding:20px 20px 35px;
	/height:1%;
}
#footer a:hover{color:#F2AA00;}
.contact {background:url(images/aipd/footer/contact.jpg) no-repeat left;}
.contact:hover {background:url(images/aipd/footer/contact2.jpg) no-repeat left;}
.credits {background:url(images/aipd/footer/credits.jpg) no-repeat left;}
.credits:hover {background:url(images/aipd/footer/credits2.jpg) no-repeat left;}
.mentions{background:url(images/aipd/footer/acces.jpg) no-repeat left;}
.mentions:hover{background:url(images/aipd/footer/acces2.jpg) no-repeat left;}
.lienss{background:url(images/aipd/footer/liens.jpg) no-repeat left;}
.lienss:hover{background:url(images/aipd/footer/liens2.jpg) no-repeat left;}
.plann{background:url(images/aipd/footer/plan.jpg) no-repeat left;}
.plann:hover{background:url(images/aipd/footer/plan2.jpg) no-repeat left;}
/* --------------------------------- Colonne de droite --------------------------------*/
#droite{display:inline;
margin-top:-3px;
width:283px;
height:auto;
position: relative;
float:left;
background:#FFF url(images/fond-droite.jpg) no-repeat top right;
color:#666;
margin:0px;
padding:0px;
}
#logo {margin:10px 0px;}
#droite .titre {font-weight:bold;color:#F2AA00;font-size:1.33em;text-align:left;margin-left:17px;}
#menuorange {
text-align:left;
width:258px;
background:url(images/aipd/menuorange/fond-menu-haut.gif) no-repeat;
margin:0px 0px 0px 10px;
/margin:0px;
padding:0px;
}
#menuorange ul {
clear:both;
/height:1%;
margin:0px;
padding:20px 0px;
background:url(images/aipd/menuorange/fond-menu-bas.gif) no-repeat left bottom;
}
#menuorange li{
list-style-type:none;
background:url(images/aipd/menuorange/fond-menu-li.gif) repeat-y ;
padding:3px 0px 3px 45px;
margin:0px;
font-weight:bold;
-behavior:url('_html_gabarits/csshover2.htc');
}
#menuorange li:hover{
background:url(images/aipd/menuorange/fond-menu-li-hover.gif) repeat-y ;
-behavior:url('csshover2.htc');
}
#menuorange li a {margin:0px;padding:0px;color:#FFF;}
#menuorange li a:hover {text-decoration:none;}
/* ----------------- Sous-menu -----------------------------*/
#menuorange ul li ul{	
	width:200px;
	padding:0px 0px 0px 53px;
	margin:0px;
	background:#F2AA00;
	margin-left:-42px;
	margin-top:1px;
}
#menuorange li ul li{ 
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style-image:url(images/aipd/menuorange/chevron.jpg);
	list-style-position:outside;
	/*behavior:url('_html_gabarits/csshover2.htc'); /*base:	behavior:url('_html_skeletes/csshover2.htc');*/
	background: #F2AA00  no-repeat;
	font-weight:normal;
	color:yellow;
}
#menuorange li li li {padding:0;margin:0;}
#menuorange li ul a{	
	clear:both;
	margin:0px;
	padding:0px; 
	background: #F2AA00 no-repeat;
}
 #menuorange li ul a:hover {text-decoration:underline;}
#menuorange li ul, #menuorange li ul li, #menuorange li ul a, #menuorange li ul a:hover, #menuorange li ul li:hover{clear:both;color:#fff;height:auto;background:#F2AA00;}
#menuorange li ul li:hover, #menuorange li ul a:hover {background:#F2AA00;color:#fff;}
/*--------------------Sous-sous-menu---------------*/
#menuorange ul ul ul{	
	width:150px;
	padding:2px 0px 0px 53px;
	margin:0px;
	background:#F2AA00;
	margin-left:-42px;
	margin-top:1px;
}
#menuorange li li li{list-style-image:url(images/aipd/menuorange/plus.jpg);} 

/*---------------------------------- Formulaires -------------------------------*/
fieldset {border:0px;margin:0px;}
#communes {width:250px;}
#formrecherche {
width:255px; 
height:61px;
margin:10px 0px 0px 10px;
/margin:10px 0px 0px 0px;
padding:0px;
background:url(images/aipd/fond-recherche.gif) no-repeat top;
}
#formrecherche fieldset{border:0px;margin:0px;padding-top:15px;display:block;}
input#recherche {width: 160px; height:16px; background-color:#FFF; background-position:top;border-top:1px solid #999;border-bottom:0px;border-left:1px solid #999;border-right:0px;position:relative;float:left;margin-left:15px;}
#formrecherche .ok {
width:69px;
height:40px;
border:0px;
position:relative;
float:right;
margin-top:-10px;
margin-right:10px;
background:url(images/aipd/ok-recherche.gif) no-repeat;
-behavior:url('_html_gabarits/csshover2.htc');
cursor:pointer;
}
#formrecherche .ok:hover { background:url(images/aipd/ok-recherche2.gif) no-repeat;}

/*----------------------------------------- NEWSLETTER --------------------------------------------*/
#lettre {position:relative;float:right;width:269px;min-height:144px;/height:144px;background:url(images/comcom/newsletter.jpg) no-repeat left top;overflow:auto;/height:1%;/overflow:hidden;}
#lettre fieldset {border:none;padding-top:30px;/padding-top:15px;text-align:left;margin-left:30px;/margin-left:0px;}
#lettre label.lettre {margin-left:40px;/margin-left:70px;line-height:25px;font-size:0.99em;}
#lettre .html {min-height:38px; /height:38px;margin-left:0px;/margin-left:20px;vertical-align:center;}
#lettre input.lettre {width:188px;height:20px;margin-left:40px;/margin-left:70px;border:1px inset #999;}
#lettre .ok {
width:63px;
height:34px;
border:0px;
position:relative;
float:right;
margin-top:-28px;
/margin-top:-25px;
margin-right:10px;
background:url(images/accueil/okvert.jpg) no-repeat;
-behavior:url('_html_gabarits/csshover2.htc');
cursor:pointer;
}
#lettre .ok:hover { background:url(images/accueil/okverth.jpg) no-repeat;}
/*---------------------------------infos-------------------------------------------*/
#infos { width:235px;text-align:left;background:url(images/aipd/fond-infos.gif) no-repeat;margin-left:10px;/margin-left:0px; padding:5px 8px 0px 15px;/padding:10px 8px 0px 15px;font-weight:normal;font-size:1em;overflow:auto;/height:1%;/overflow:hidden;}
.titrinfos {font-weight:bold;padding-left:10px;}
#infos h3.spip {color:#F2AA00;text-align:left;background:url(images/aipd/pictoul.gif) no-repeat left;margin-left:-10px;margin-top:10px;font-weight:bold;padding-left:10px;}
#infos h2 {color:#F2AA00;text-align:left;background:url(images/aipd/pictoul.gif) no-repeat left;margin-left:-10px;margin-top:10px;font-weight:bold;padding-left:10px;}

#infobas {width:258px;height:12px;background:url(images/aipd/fond-infos-bas.gif) no-repeat;margin-left:10px;/margin-left:0px; }
/*------------------------------- Habillage du contenu dynamque------------*/
.cartouche  .titre { font-size:2.4em;color:#ccc;text-align:left; border-bottom:1px solid #ccc;text-align:left;}
.cartouche  {  -position:relative;border-bottom:1px solid #ccc;margin-top:15px;text-align:right;}
.cartouche  *{margin:3px 0px 0px 0px;}
.descriptif { color:#F2AA00; font-weight:bold;text-align:left;margin-top:-10px;}
.texte { color: #666; font-size: 0.96em;text-align:left;overflow:auto;/height:1%;/overflow:visible;}
.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;}
.ps {color:#666; }
.chapo {font-weight:bold;color:#F2AA00;font-size:1.2em;}
/* Logos, documents et images */
#contenu img { margin:5px 0px; padding: 0;border:4px solid #ccc;-behavior:url('_html_gabarits/win_png.htc'); }
#contenu span img, #contenu form img {margin:0px; border:0px;}
#contenu span.spip_documents img {  border: 4px solid #ccc;}
#coldroite h3.spip {
	text-align:left; 
	font-size: 1.15em; 
	font-weight: bold;
	color:#F2AA00;
	display:list-item;
	list-style-image:url(images/aipd/pictoh3.gif);
	margin-top:20px;
	margin-left:20px;
	margin-bottom:5px;
}
.spip_doc_titre, .spip_doc_descriptif  { color:#F2AA00;}
hr.spip {color:#ccc;
background-color:#ccc;
margin-bottom:5px !important;
}
/*---- Habillage Champ chapo ---------*/ 
#colgauche h3.spip {display:block;font-weight:bold;font-size:1.2em;margin-left:0px;margin-top:0px;}
#colgauche p.spip { margin-bottom:0px;padding-bottom:5px;}
/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background:#F2AA00;color:#FFF; }
table.spip tr.row_odd { background: #fff;color:#F2AA00; }
table.spip tr.row_even { background:#F9F1E0; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
ul.spip {margin-left:30px;padding-left:10px;color:#666;}
ul ul.spip {clear:both;color:#666;}
ol.spip {margin-left:30px;}
ol li.spip{list-style-type:decimal;list-style-image:none;}
ul li.spip {list-style-image:url(images/aipd/pictoul.gif);}
ul li li.spip {list-style-image:url(images/comcom/pictoli.gif);}
ul li li li.spip {list-style-image:url(images/aipd/pictoli2.gif);}

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #F2AA00; } /* liens internes */
a.spip_out { color: #F2AA00; } /* liens sortants */
a.spip_url { color: #F2AA00; } /* liens url sortants */
a.spip_glossaire { color: #F2AA00; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #F2AA00; } /* liens exposes */
/*formulaire orange*/
.spip_forms legend {color:#F2AA00;}
.spip_forms .obligatoire_oublie {color:#F2AA00;}
td a.spip_barre img, .ligne .formo, .ligne .form1{background:#FDEAC4;}
.spip_forms .spip_form_ok a {
	color:#FDEAC4;
}
.spip_forms .spip_form_ok {background: #F2AA00;}/* 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: #FDEAC4;
}
.spip_forms .champ_obli_oubli {
	border:1px solid orange;
	background: #FDEAC4;
}
textarea.formo {font-size:1.3em !important;}
a.jTip {background:#F2AA00;}
/* Boite de titre d'un forum : dégradé de verts */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #FCD888; }
ul ul .forum-chapo { background: #FBE1A1; }
ul ul ul .forum-chapo { background: #FDEAC4; }
ul ul ul ul .forum-chapo { background: #F9F1E0; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }
/*forums verts*/
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { color: #F2AA00; font-size:1.1em;}
#contenu h2.forum-repondre {font-size:1.3em;}
#contenu h2.forum-decompte {font-size:1.1em;}
/*---------Tableau de donnees---------*/
.donnees th.neutre {background: #FF9900 repeat-x left bottom; text-align :center;	}
.donnees th.header {padding-left: 15px;background: #FF9900 no-repeat left bottom;	}
.donnees th.headerSortUp {padding-left: 15px;background: #FF9900 no-repeat left bottom;	}
.donnees th.headerSortDown {padding-left: 15px;background: #FF9900 no-repeat left bottom;}
h4 {margin-bottom:20px;color:#ccc;} 
h4 a { font-size:1.2em;font-weight:bold;color:#999999;}
hr {color:#ccc;
background-color:#ccc;
height: 1px;
margin:5px 0;
/margin:0px;
/padding:0px;
border: 1px;}
/*---------- Annuaire des Associations ---------------*/
#coldroite.annu p.descriptif{padding-top:20px;}
#coldroite.annu .ps {
	min-height:23px;
	margin-top: 0;
	padding-top: 0px;
	/height:1%;}
#coldroite.annu {/height:1%;position:relative;}
#coldroite.annu h2 { font-size:1em;}