body {
	background-color: white;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #414559;
}
.wrapper {
	background: #fff no-repeat 0 100%;
}
.filet-droit {
	float: left;
}
sup {
	font-size: 70%;
}
p{
        margin:0;
        padding:0;
}
/****************	Bandeau       ****************/
h1 {
 	padding: 90px 0 0 190px;
 	font-size: 1.6em;
	color: #332e44;
 	font-family: arial, sans-serif;
	display: none;
}
#logo {
 	position: absolute;
	top: 15px;
	left: 534px;
}
.wide {
	width: 100%;
}
.top {
	position: relative;
	height: 120px;
	margin: 0;
	padding: 0;
}
#recherche {
	position: relative;
	width: 170px;
	height: 70px;
	padding-top: 15px;
	color:  #037993;
	background: url(../../images/label_rechercher.gif) no-repeat top left;
	margin-left:20px;
}
#recherche fieldset {
	width: 170px;
}
#connexion {
	position: absolute;
	top: 0;
	left: 811px;
	width: 172px;
	height: 150px;
	background: url(/images/connecter.gif) no-repeat 15px 42px;
}
#recherche form, #connexion form {
	margin:  0;
	padding:  0;
}
#recherche label, #connexion label, #menu label, #recherche legend, #connexion legend, #menu legend  {
 	display: none;
}
.champ-saisie {
	margin: 0 0 5px 0px;
	width: 120px;
	border: 1px solid #037993;
	padding: 2px 1px;
	color: #037993;
	font-size:95%;
	float:  left;
}
select.champ-saisie {
	margin: 0 0 5px 0px;
	width: 140px;
	border: 1px solid #037993;
	padding: 2px 1px;
	color: #037993;
	font-size:95%;
	float:  left;
}
.ok {
	width: 22px;
	height: 15px;
	margin:  4px 4px;
	float: left;
	clear: right;
}
#avancee {
	font-size: 11px;
	width:  160px;
	color: #037993;
	float:  left;
}
#avancee a {
	text-decoration: none;
}
#oublie, #avancee {
 	margin-left: 4px;
	margin-right: -3px;
}
#recherche a, #connexion a {
	font-size: xx-small;
	color: #39393B;
	text-decoration: none;
}
#recherche a:hover, #connexion a:hover {
 	text-decoration: underline;
}
/***********************	Menu Horizontal************************/
#menu {
	position:  absolute;
	top:  40px;
	left: 182px;
        z-index:7;
}
#menu-outils {
	float: left;
	width: 800px;
	border-top: 1px solid #037993; 
 	font: 100% verdana, sans-serif;
}
#menu-outils-in {
	float: left;
}
#menu-outils ul {
	list-style: none;
}
#menu-outils li {
	float: left;
}
#sousmenu1, #sousmenu2, #sousmenu3, #sousmenu4, #sousmenu5, #sousmenu6  {
	display:none;
	background-color: #FA8E00;
}
#sousmenu1 {
	position: absolute;
	top:  30px;
	left: 18px;
	width:175px;
}
#sousmenu2 {
	position: absolute;
	top:  30px;
	left: 175px;
	width:175px;
}
#sousmenu3 {
	position: absolute;
	top:  30px;
	left: 308px;
	width:175px;
}
#sousmenu4 {
	position: absolute;
	top:  30px;
	left: 440px;
	width:175px;
}
#sousmenu5 {
	position: absolute;
	top:  30px;
	left: 536px;
	width:175px;
}
#sousmenu6 {
	position: absolute;
	top:  30px;
	left: 635px;
	width:175px;
}
#sousmenu1 a, #sousmenu2 a, #sousmenu3 a, #sousmenu4 a, #sousmenu5 a, #sousmenu6 a {
	text-decoration: none;
	float: left;
	width:163px;
	color: white;
	font: 11px/18px Arial, Helvetica, sans-serif;
	padding-left: 12px;
	padding-top : 5px;
	padding-bottom: 5px;
	background-image: none;
	border-bottom: 1px solid white;	height: 100%;
}
#sousmenu1 a:hover, #sousmenu2 a:hover, #sousmenu3 a:hover, #sousmenu4 a:hover, #sousmenu5 a:hover, #sousmenu6 a:hover {
	background-color: #037A94;
}
#menu-outils a {
	display: block;
	margin:  0;
	text-decoration: none;
}
.vivre a {
	width: 171px;
	height: 29px;
	background: url(../../images/vivre_int.gif) no-repeat top left;
}
.vivre a:hover {
	background: url(../../images/vivre_int-over.gif) no-repeat top left;
}
.vivre a#encours {
	background: url(../../images/vivre_int-over.gif) no-repeat top left;
}
.connaitre a {
	width: 132px;
	height: 29px;
	background: url(../../images/connaitre_int.gif) no-repeat top left;
}
.connaitre a:hover {
	background: url(../../images/connaitre_int-over.gif) no-repeat top left;
}
.connaitre a#encours {
	background: url(../../images/connaitre_int-over.gif) no-repeat top left;
}
.decouvrir a {
	width: 132px;
	height: 29px;
	background:  url(../../images/decouvrir_int.gif) no-repeat top left;
}
.decouvrir a:hover {
	background:  url(../../images/decouvrir_int-over.gif) no-repeat top left;
}
.decouvrir a#encours {
	background:  url(../../images/decouvrir_int-over.gif) no-repeat top left;
}
.entreprendre a {
	width:  100px;
	height: 29px;
	background: url(../../images/entreprendre_int.gif) no-repeat top left;
}
.entreprendre a:hover {
	background: url(../../images/entreprendre_int-over.gif) no-repeat top left;
}
.entreprendre a#encours {
	background: url(../../images/entreprendre_int-over.gif) no-repeat top left;
}
.preparer a {
	width:  106px;
	height: 29px;
	background: url(../../images/preparer_int.gif) no-repeat top left;
}
.preparer a:hover {
	background: url(../../images/preparer_int-over.gif) no-repeat top left;
}
.preparer a#encours {
	background: url(../../images/preparer_int-over.gif) no-repeat top left;
}
.agenda21 a {
	width:  75px;
	height: 29px;
	background: url(../../images/agenda_21_int.gif) no-repeat top left;
}
.agenda21 a:hover {
	background: url(../../images/agenda_21_int_hover.gif) no-repeat top left;
}
.agenda21 a#encours {
	background: url(../../images/agenda_21_int_hover.gif) no-repeat top left;
}
/***********************	Fin Menu Horizontal************************/
#services label { 
	display:inline;
	margin-left:18px;
	color:#FFB623;
	font-weight:bold;
	font-size:130%;	
        line-height: 1;
	vertical-align:middle;
}
#services select {
	width: 165px;
	margin-left: 45px;
	border: 0;
	vertical-align: middle;
}
#services .ok {
	vertical-align: middle;
}
/************************	Colonne de gauche*************************/
.container-left h3 {
	color: #fff;
	font-weight: normal;
}
.menuleft {
	padding-top: 10px;
	background: url(/images/left_col_bgd.gif) no-repeat 100% 0;
	margin-bottom:20px;
}
.menuleft-in {	
        padding-bottom: 20px;
	background: url(../../images/left_col_bot.gif) no-repeat 0 100%;
}
#acces-direct { 
	width: 125px;
	height: 9px;
	margin-left: 30px;
}
#acces-direct span { 
	display: none;
}
.menu-prin {
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 30px;
}
#box { 
        min-height: 220px;
}
* html #box{
        height:250px
}
.menu-prin ul { 
        list-style-type: none;
}
.menu-prin li.niveau1 {	
        line-height: 18px;
}
.menu-prin li.menuon {
	font-weight: bold;
}
.menu-prin li.menuon li {
	font-weight: normal;
}
.menu-prin li.menuon li.menuon {
	font-weight: bold;
}
.menu-prin ul li {
	list-style-position: outside;
}
.menu-prin ul ul {
	margin-left: 10px;
	list-style-type: none;
}
.menu-prin a {
	text-decoration: none;
	color: #3A077E;
}
.menu-prin a:hover {
	text-decoration: underline;
}
#newsletter legend { 
	display: none;
}
#newsletter { 
        padding-left: 30px;
}
#newsletter .menuleft {
        padding-top: 5px;
        background-image:none;
}
#newsletter .menuleft-in {
        padding-bottom: 10px;
        background-image:none;
}
#newsletter h3 {
        padding-bottom:3px;
}
#newsletter .champ-saisie {
	width: 120px;	border: 0;
	padding: 2px 1px;
}
#newsletter .ok {
	width: 20px;
	height: 20px;	
        vertical-align: top;
}
/************************	Colonne de droite*************************/
.right {
 	margin-top: 30px;
	font-size: 0.95em;
}
/*.right-top {
        border-top: 1px solid #332e44;
        border-bottom: 1px solid #332e44;
}
.right-top-in {
        padding: 3px 0 5px 20px; 
        border-right: 8px solid #ff6022;
}
.right-top .titre {
        color: #332e44; 
        font-weight: bold; 
        font-size: 110%; 
}
*/
a.box-esp {
 	background: url(/images/en_savoir_plus2.gif) no-repeat 100% 0;
	display: block;
	height: 10px;
	width: 165px;
	text-decoration: none;
	margin-top: 10px;
}
a.box-esp span {
 	display: none
}
.effacer, .valider {
	border: 1px solid #333;
	margin: 0 0 10px 10px;
	padding: 3px 2px;
	background-color:#fff;
}
.effacer {
	color: #666;
	border: 1px solid #666;
}
/*********************************	Zone Centrale*********************************/
.center { 
	padding-top: 0px;
}
h2 {
	font-size: 36px;
	color: #037993;
	font-weight: normal;
 	font-family: verdana, arial, sans-serif;
	margin: 0;
	background-color: #fff;	padding: 0;
	border-bottom: 1px solid #037993;
}
.ligne {
        margin: 0 ; 
        padding:10px 0 0 0;
        clear:left;
}
/* \*/ * html .ligne {
        padding:5px 0 0 0; }
/* */
.conteneursousparagraphe { 
	float: left;
 	margin:  0;
	padding: 0;
}
.firstline {
        border:0; 
        padding-top:0; 
}
.filet {
	/*background-color: #778AAA;*/
	height: 1px;
	border-bottom:1px solid #778AAA;
	margin: 7px 0 Opx 7px;
	padding:  0;
}
/*************************************************	page de rubrique**************************************************/
#photo {
	height: 80px;
	background-repeat: no-repeat;	
        background-position: 50% 50%;
	padding: 0px 0 21px 0;	
	color: #fff;
}
#photo div {
	padding-left: 30px;
}
#fil-ariane {
	font-size: xx-small;
	top:  90px;	
        left: 200px;
	color: #332e44;	
        clear:all;
}
#fil-ariane a {
	color: #332e44;
	text-decoration: none;
}
#fil-ariane a:hover {
	text-decoration: underline;
}
#fil-ariane .elementparticulier a {
	text-decoration: underline;
}
a#connect {
	display: block;
	margin-top: 60px;
	margin-left: 15px;
	color: #fff;
}
/*******************	Pied de Page********************/
.bottom { 
	position: relative;
	height:  100px;
	font-size: xx-small;	
    padding: 0px 0px 3px 20px;
	background: url(../../images/vague_bas.gif) no-repeat right top ;
	overflow:show;
}
.jaune a, .jaune a:hover {
	color: #ffbe22;
	background-color: #332e44;
}
.jaune {
	margin: 0 0 13px 0;
	color: #ffbe22;
}
.adresse-basdepage { 
	position:  absolute;
	color:  #810d18;
	margin: 0; 	
        padding-top: 2px; 
	bottom: 7px; 
	font-size: 9px;
}
.outils-basdepage { 
	position:  absolute;
	color:  #037993;
	margin: 0; 
	padding-top: 2px; 
	bottom: 20px; 
        font-size: 10px;
}
.outils-basdepage a, .outils-basdepage a:visited {
	color:  #037993;
}
.adresse-basdepage a, .adresse-basdepage a:visited {
	color: #810d18;	
        text-decoration: none;
}
.adresse-basdepage a:hover, outils-basdepage a:hover {
	text-decoration: underline;
}
.pages {
	width: 160px;
	position: absolute; 
	bottom: 7px;
	right: 0px;	
        color: #fff;
	text-align:right;
}
.bloccentre {}
        #haut-page {	
        color: #009bc2;
}
/*#haut-page span { 
	text-indent: -9999px;
}*/
#imprimer {
	color: #009bc2;
}
/*#imprimer span {
 	text-indent: -9999px;
}*/
#kosmos {
	margin-left:400px;
	color: #fff;
	text-decoration: none;
	display:none;
}
#kosmos img {
 	margin-top: 5px;
} 
/**** Liste d'affichage ****/
.div-liste { 
        margin: 0 ;
        padding:0;
        clear:left; 
}
.div-liste a {
        padding-left:0; 
        float:right;
}

.img-liste {
	float:left;
	clear:left;
	margin:0 10px 0 0;
}
.div-liste h4.titre-liste a{
        color:#037993; 
        font:bold 14px/14px "Arial Narrow", Arial, sans-serif;
        float:none
}
.resume-liste {
        font-size:100%;
}
.date-liste {
        color:#3E027E;
        font: bold 11px/14px Arial, helvetica, sans-serif ; 
        padding-left: 10px;
}
.soustitre-liste {
        font:bold 11px/14px Arial, sans-serif; color:#037993; 
}
.redac-liste {
        font-size:110%;
        font-style:italic;
        color:#332e44;
}
/**** IE5 Mac ****/*>html .top .ok {
        position: absolute;
}
*>html #menu-outils a {
        float: left; 
}
*>html .ligne { 
        clear: none;
        float: left; 
}
/**** Fin IE5 Mac ****/
/*** prevents long urls from widening floated cols and breaking the layout in IE6 ***/
/* \*/* html .outer {
	word-wrap: break-word;
}
/* */
.bt_retour {
	width:99%;
}
.bt_retour a {
	width: 118px;
	height:17px;
	margin-top: 40px;
	margin-left: 30px;
	display: block;
	background: url(../../images/bt_retour.gif) no-repeat top left;
}

.div-liste h4.titre-style4 a {
    color:#B85D02; 
    font-size:1.45em;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;	
}

.div-liste .date-style4{
	margin-top: 10px;
	padding-left: 0;
}