body {
	position:relative;
	margin:0;
	padding:0;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	}

a img, img { border:none; }

.format_png { behavior:url(win_png.htc); }

.nettoyeur {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:0;
	line-height:0.1em;
	font-size:0.1em;
	overflow:hidden;
	}


/******************************
           PAGE
******************************/
#page {
	position: relative;
	margin: 0 auto;
	width: 956px;
	}

/******************************
           ENTETE
******************************/
#entete{
	position: relative;
	height: 40px;
	margin:0;
	padding:0;
	z-index: 10;
	}


/******************************
           NAVIGATION
******************************/
#navigation{
	position: relative;
	margin: -15px 0 0 0;
	padding:0;
	height: 144px;
	background: url(images/navigation.gif) no-repeat right;
	z-index: 1;
	}

#navigation p {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 49px;
	top: 25px;
	color: #005aa0;
	font-size: 18px;
	text-align: center;
	}

#navigation ul{
	position: relative;
	margin:0;
	padding:0;
	list-style: none;
	}


#navigation ul li a.rose{
	position: absolute;
	display: block;
	height: 54px;
	width: 130px;
	top: 60px;
	left: 175px;
	margin:0;
	padding:0;
	background: url(images/fond_zone_menu.gif);
	outline: none;
	}

#navigation ul li.on a.rose,
#navigation ul li a.rose:hover{
	position: absolute;
	display: block;
	height: 82px;
	width: 142px;
	top: 54px;
	left: 176px;
	margin:0;
	padding:0;
	background: url(images/survol_rose.gif) no-repeat bottom;
	outline: none;
	}


#navigation ul li a.violet{
	position: absolute;
	display: block;
	height: 44px;
	width: 180px;
	top: 22px;
	left: 318px;
	margin:0;
	padding:0;
	background: url(images/fond_zone_menu.gif);
	outline: none;
	}

#navigation ul li.on a.violet,
#navigation ul li a.violet:hover{
	position: absolute;
	display: block;
	height: 65px;
	width: 191px;
	top: 19px;
	left: 317px;
	margin:0;
	padding:0;
	background: url(images/survol_violet.gif) no-repeat bottom;
	outline: none;
	}

#navigation ul li a.bleu{
	position: absolute;
	display: block;
	height: 40px;
	width: 139px;
	top: 10px;
	left: 513px;
	margin:0;
	padding:0;
	background: url(images/fond_zone_menu.gif);
	outline: none;
	}



#navigation ul li.on a.bleu,
#navigation ul li a.bleu:hover{
	position: absolute;
	display: block;
	height: 60px;
	width: 152px;
	top: 7px;
	left: 504px;
	margin:0;
	padding:0;
	background: url(images/survol_bleu.gif) no-repeat bottom;
	outline: none;
	}

#navigation ul li a.ciel{
	position: absolute;
	display: block;
	height: 63px;
	width: 200px;
	top: 28px;
	left: 665px;
	margin:0;
	padding:0;
	background: url(images/fond_zone_menu.gif);
	outline: none;
	}

#navigation ul li.on a.ciel,
#navigation ul li a.ciel:hover{
	position: absolute;
	display: block;
	height: 93px;
	width: 206px;
	top: 20px;
	left: 656px;
	margin:0;
	padding:0;
	background: url(images/survol_ciel.gif) no-repeat bottom;
	outline: none;
	}

#navigation ul li a.vert{
	position: absolute;
	display: block;
	height: 43px;
	width: 80px;
	top: 80px;
	left: 875px;
	margin:0;
	padding:0;
	background: url(images/fond_zone_menu.gif);
	outline: none;
	}

#navigation ul li.on a.vert,
#navigation ul li a.vert:hover{
	position: absolute;
	display: block;
	height: 73px;
	width: 100px;
	top: 79px;
	left: 858px;
	margin:0;
	padding:0;
	background: url(images/survol_vert.gif) no-repeat bottom;
	outline: none;
	}

#navigation ul li a strong, 
#navigation ul li a span {
	display: none;
	}


/******************************
           SOMMAIRE
******************************/
#sommaire{
	position: relative;
	width: 956px;
	height: 500px;
	padding:0;
	margin: -35px 0 0 0;
	}

/******************************
           SOMMAIRE
           	.haut & .bas
******************************/
#sommaire div.haut,
#sommaire div.bas {
	position: absolute;
	width: 190px;
	height: 60px;
	top:116px;
	left: 165px;
	cursor:pointer;
	}

#sommaire div.bas {
	width: 150px;
	height: 60px;
	top: 200px;
	left: 173px;
	}

#sommaire div.haut span.titre,
#sommaire div.bas span.titre{
	position: relative;
	display:block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin:0;
	padding:0;
	}

#sommaire div.haut span.texte,
#sommaire div.bas span.texte{
	position: relative;
	display:block;
	font-size: 11px;
	color: #fff;
	}

#sommaire div.haut span.lien,
#sommaire div.bas span.lien{
	position: relative;
	display:block;
	float: right;
	font-size: 10px;
	font-style: italic;
	color: #fff;
	padding: 0 10px 0 0;
	}

#sommaire div.haut span.lien a,
#sommaire div.bas span.lien a{
	position: relative;
	text-decoration: none;
	color: #fff;
	}

/******************************
           SOMMAIRE
           	.logo
******************************/
#sommaire div.logo{
	position: absolute;
	width: 150px;
	height: 60px;
	top: 430px;
	left: 120px;
	padding: 0 0 0 60px;
	background: url(images/logo_antadir.gif) no-repeat left;
	}

#sommaire div.logo a{
	position: relative;
	display: block;
	color: #005aa0;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
	}

/******************************
           SOMMAIRE
           	.logo_2
******************************/
#sommaire div.logo_2{
	position: absolute;
	width: 86px;
	height: 62px;
	top: 423px;
	left: 335px;
	/*background: url(images/logo_charte.gif) no-repeat left;*/
	}

/******************************
           CONTENEUR
******************************/
#conteneur{
	position: relative;
	padding: 20px 0 0 0;
	margin: 0 0 5px 0;
	}


/******************************
           CONTENU
******************************/
#contenu{
	position: relative;
	float: right;
	width: 760px;
	font-size: 13px;
	text-align: justify;
	}

#contenu a{
	position: relative;
	font-size: 13px;
	font-style: italic;
	color: #005aa0;
	}

#contenu h3{
	position: relative;
	padding:0 0 5px 0;
	margin:0;
	color: #005aa0;
	text-align: left;
	}

#contenu h4{
	position: relative;
	background: url(images/puce.gif) no-repeat left;
	padding:0 0 0 15px;
	margin:0 0 -15px 0;
	color: #00559f;
	font-size: 13px;
	font-weight: bold;
	}

#contenu i strong,
#contenu em strong{
	position: relative;
	padding: 0;
	margin: 0;
	font-style: normal;
	color : #005aa0;
	}


/******************************
           CONTENU
             #central
******************************/
#contenu div.central{
	float: left;
	width: 350px;	/*modif*/
	margin:0 25px 0 0;
	padding:0 10px 0 15px; /*modif*/
	}

#contenu.sansColonneDroite div.central{
	position: relative;
	width:760px;
	margin:0;
	padding:0;
	}

#contenu div.central p {
	position: relative;
	margin-top: 0px;
	}

#contenu div.central div.chapo{
	position: relative;
	margin: 0 0 15px 0;
	color: #005aa0;
	}

#contenu div.central div.texte{
	position: relative;
	margin: 0 0 15px 0;
	}

/******************************
           CONTENU
             dl.bloc
******************************/
#contenu dl.bloc {
	margin:0 0 1em;
	padding:0;
	}
	
#contenu dl.bloc dt {
	margin:0;
	padding:6px 3px 2px 5px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	}
#contenu dl.bloc dt em {
	font-size:0.8em;
	font-weight:normal;
	color:#1796CD;
	}
#contenu dl.bloc dt img.spip_logos {
	position:relative;
	float:right;
	margin:0 0 6px 12px;
	}
#contenu dl.bloc dt img {
	float:right;
	margin:0 0.2em 0.2em 0;
	}
#contenu dl.bloc dd {
	font-size:0.9em;
	margin:0;
	padding:0.1em 0.2em 0.6em 10px;
	text-align:justify;
	}
#contenu dl.bloc .vignettes a {
	text-decoration:none;
	}

/******************************
           CONTENU
             .encart_rose
******************************/
#contenu .encart_rose {
	position: relative;
	width:370px;
	margin:10px 0 10px -10px;
	background:#e2cce0 url(images/haut_rose.gif) no-repeat right top;
	}

#contenu .encart_rose .contenu {
	position: relative;
	padding:10px;
	background:url(images/bas_rose.gif) no-repeat right bottom;
	}

/******************************
           CONTENU
             .encart_bleu
******************************/
#contenu .encart_bleu {
	position: relative;
	width:370px;
	margin:10px 0 10px -10px;
	background:#bbc5e1 url(images/haut_bleu.gif) no-repeat right top;
	}

#contenu .encart_bleu .contenu {
	position: relative;
	padding:10px;
	background:url(images/bas_bleu.gif) no-repeat right bottom;
	}

/******************************
           CONTENU
             #colonneDroite
******************************/
#contenu div.colonneDroite{
	position: relative;
	float: right;
	width: 325px;
	margin:0;
	}

#contenu div.colonneDroite img.spip_logos {
	position: relative;
	padding-left: 15px;
	}

#contenu div.colonneDroite div.ps {
	position: relative;
	margin: 60px 0 10px 0;
	}

#contenu div.colonneDroite div.ps h3{
	position: relative;
	padding:0 0 5px 0;
	margin:0;
	color: #005aa0;
	text-align: left;
	}

#contenu div.colonneDroite div.ps i strong,
#contenu div.colonneDroite div.ps em strong{
	position: relative;
	padding: 0;
	margin: 0;
	font-style: normal;
	color : #005aa0;
	}

#contenu div.colonneDroite div.ps p{
	position: relative;
	margin-top: 0px;
	}

#contenu div.colonneDroite div.ps p img{
	position: relative;
	margin:0;
	padding:0;
	}

#contenu div.colonneDroite div.notes {
	margin:10px 0;
	font-size:0.8em;
	}
#contenu div.colonneDroite div.notes p {
	margin:0.4em 0;
	}

/******************************
           BLOC ACCORDEON
******************************/
.blocAccordeon h3{
	color: #00559f;
	font-size: 14px;
	font-weight: bold;
	}

.blocAccordeon .blocAcc .toggleSubMenu h3 a{
	background: url(images/puce_accordeon.gif) no-repeat left;
	padding-left: 20px;
	color: #00559f;
	font-size: 13px;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	outline: none;
	}

/******************************
           SOUS_MENU
******************************/
#sous_menu {
	position: relative;
	width:155px;
	margin: 0 0 20px 29px;	
	}
#sous_menu div {
	position: relative;
	height:477px;
	background: url(images/menu_rose.gif) no-repeat left top;
	}

/* 1er niveau */
#sous_menu div ul {
	position: relative;
	padding:100px 0 50px 0;
	margin:0;
	list-style-type: none;
	}
#sous_menu div ul li{
	margin-bottom: 5px;
	}
#sous_menu div ul li a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: url(images/puce_blanche.gif) no-repeat 0 0.4em;
	padding-left: 20px;
	width:120px;
	outline: none;
	}
#sous_menu div ul li.on a,
#sous_menu div ul li a:hover{
	color: #8c3e86;
	background: url(images/puce_rose.gif) no-repeat 0 0.4em;
	}

/* 2nd niveau */
#sous_menu div ul ul{
	padding:5px 0 5px 20px;
	}
#sous_menu div ul ul li a,
#sous_menu div ul li.on ul li a{
	background-image:url(images/sous_puce_blanche.gif);
	padding-left:15px;
	}
#sous_menu .violet ul ul li.on a,
#sous_menu .violet ul ul li a:hover{
	background-image: url(images/sous_puce_violet.gif);
	}

/******************************
           SOUS_MENU
           	.rose
******************************/
#sous_menu .rose {
	height:477px;
	background-image:url(images/menu_rose.gif);
	}
#sous_menu .rose ul li.on a,
#sous_menu .rose ul li a:hover{
	color: #8c3e86;
	background-image:url(images/puce_rose.gif);
	}

/******************************
           SOUS_MENU
           	.violet
******************************/
#sous_menu .violet {
	height:565px;
	background-image:url(images/menu_violet.gif);
	}
#sous_menu .violet ul li.on a,
#sous_menu .violet ul li a:hover{
	color: #57378a;
	background-image:url(images/puce_violet.gif);
	}
#sous_menu .violet ul ul li.on a,
#sous_menu .violet ul ul li a:hover{
	background-image: url(images/sous_puce_violet.gif);
	}

/******************************
           SOUS_MENU
           	.bleu
******************************/
#sous_menu .bleu{
	height:571px;
	background-image:url(images/menu_bleu.gif);
	}
#sous_menu .bleu ul li.on a,
#sous_menu .bleu ul li a:hover{
	color:#0055a0;
	background-image:url(images/puce_bleu.gif);
	}

/******************************
           SOUS_MENU
           	.ciel
******************************/
#sous_menu .ciel{
	height:495px;
	background-image:url(images/menu_ciel.gif);
	}
#sous_menu .ciel ul {
	padding-left:4px;
	}
#sous_menu .ciel ul li.on a,
#sous_menu .ciel ul li a:hover{
	color:#008fc2;
	background-image:url(images/puce_ciel.gif);
	}

/******************************
           SOUS_MENU
           	.vert
******************************/
#sous_menu .vert{
	height:495px;
	background-image:url(images/menu_vert.gif);
	}
#sous_menu .vert ul li.on a,
#sous_menu .vert ul li a:hover{
	color: #009c96;
	background-image:url(images/puce_vert.gif);
	}

/******************************
           SOUS_MENU
           	.actu
******************************/
#sous_menu .actu{
	height: 495px;
	background-image:url(images/menu_actu.gif);
	}
#sous_menu .actu {
	padding-left:2px;
	}
#sous_menu .actu ul li.on a,
#sous_menu .actu ul li a:hover{
	color:#00559f;
	background-image:url(images/puce_bleu.gif);
	}



/******************************
           SOUS_MENU
           	.pied1
******************************/
#sous_menu .pied1{
	height: 495px;
	background-image:url(images/menu_pied1.gif);
	}
#sous_menu .pied1 ul li.on a,
#sous_menu .pied1 ul li a:hover{
	color: #00559f;
	background-image:url(images/puce_bleu.gif);
	}


/******************************
           SOUS_MENU
           	.pied2
******************************/
#sous_menu .pied2{
	height:495px;
	background-image:url(images/menu_pied2.gif);
	}
#sous_menu .pied2 ul li.on a,
#sous_menu .pied2 ul li a:hover{
	color:#00559f;
	background-image:url(images/puce_bleu.gif);
	}

/******************************
           SOUS_MENU
           	.pied3
******************************/
#sous_menu .pied3{
	height: 495px;
	background-image:url(images/menu_pied3.gif);
	}
#sous_menu .pied3 ul li.on a,
#sous_menu .pied3 ul li a:hover{
	color: #00559f;
	background-image:url(images/puce_bleu.gif);
	}

/******************************
           PIED
******************************/
#pied{
	position: relative;
	width: 956px;
	height: 42px;
	background: #005aa0;
	margin: 0;
	padding: 0;
	}

#pied ul{
	position: relative;
	margin:0;
	padding:15px 0 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	}
html[xmlns*=""] body:last-child #pied ul{ 
	padding: 12px 0 0 13px;
	}

#pied ul li{
	position: relative;
	padding:0 20px;
	float:left;
	border-right: solid 1px #fff;
	list-style:none;
	}


#pied ul li a{
	position: relative;
	color: #fff;
	text-decoration: none;
	}


#pied ul li.on a,
#pied ul li a:hover{
	color: #f9bb00;
	outline: none;
	}

#pied ul li.recherche {
	border:none;
	}
#pied ul li.recherche form{
	display:inline;
	}
#pied ul li.recherche label.lab{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	}
#pied ul li.recherche input.forml{
	background: url(images/rechercher.gif) right top no-repeat;
	_background-attachment : fixed; 
	width: 122px;
	margin:0 0 0 10px;
	padding: 0 5px 0 5px;
	border: none;
	height: 17px;
	}


#pied p{
	position: absolute;
	margin:0;
	padding:0;
	width: 219px;
	height: 50px;
	top:-8px;
	left: 738px;
	background: url(images/espace_pro.gif) no-repeat;
	}

#pied p a.pro{
	position: absolute;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	top: 20px;
	left: 60px;
	}

#pied p a.pro:hover{
	color: #f9bb00;
	}