/*****************************/
/*          GLOBALE          */
/*****************************/
body {
	background-color:#dbdbdb;
	margin:0px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
font-familiy:Verdana;}
img {
	border:0px;
}

a {
	text-decoration:none;
	color:#1dbbe7;
}


a:hover {
	text-decoration:underligne;
	color:#97bd0e;
}

#globale {
	width:990px;
	margin:auto;
	padding:0px;
}

/*****************************/
/*           HEADER          */
/*****************************/
#globale #header {
	width:990px;
	height:67px;
	background-image:url(../design/header.jpg);
	background-repeat:no-repeat;
}

#logo {
	background-image:url(../design/header.jpg);
	background-repeat:no-repeat;
}

#logo img {
	padding-left:10px;
	padding-top:5px;

}
/*****************************/
/*            HAUT           */
/*****************************/
#globale #haut {
	width:990px;
	height:35px;
	background-image:url(../design/repeat.jpg);
	background-repeat:repeat-y;
}

#globale #haut #bouton {
	width:700px;
	padding-left:285px;
}

.unMenuHaut {
	display:inline;
	float:left;
}

a.lienMenuHautbloque {
	background-position:bottom;
}

a.lienMenuHaut {
	background-position:top;
}

a.lienMenuHaut:hover {
	background-position:bottom;
}

/*****************************/
/*           BANDEAU         */
/*****************************/
#globale #bandeau {
	width:990px;
	height:139px;
	background-image:url(../design/bandeau.jpg);
	background-repeat:no-repeat;
}

/* Modification pour ie 6 cf style_ie.css */
#imagemap {
	width:20px;
	height:100px;

	display:block;
	margin:0px;
	padding:0px;
	float:left;
	position:absolute;
}

#imagemap a{
	display:block;
	height:100px;
	margin:0px;
	padding:0px;
}

#contact {
	width:284px;
	height:106px;
	float:right;
	background-image:url(../design/contact.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	margin-right:25px;
}

/* Modification pour ie 6 cf style_ie.css */
#telContact {
	width:278px;
	height:38px;
	margin-left:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#bbbbbb;

}

#mailContact {
	width:252px;
	height:62px;
	margin-top:10px;
	margin-left:25px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	color:#ffffff;
}

#mailContact a {
	color:#ffffff;
}

#mailContact a:hover {
	color:#ffffff;
}

#globale #menuBandeau {
	width:990px;
	height:54px;
	background-image:url(../design/bandeaubas.jpg);
	background-repeat:no-repeat;
	padding-left:180px;

}

.unMenuBandeau {
	display:inline;
}

a.lienMenuBandeaubloque {
	background-position:center bottom;
}

a.lienMenuBandeau {
	background-position:center top;
}

a.lienMenuBandeau:hover {
	background-position:center bottom;
}

/*****************************/
/*            PAGE           */
/*****************************/
#globale #page {
	width:990px;
	float:left;
	background-image:url(../design/repeat.jpg);
	background-repeat:repeat-y;
}

#filariane {
	width:930px;
	margin-left:20px;
	padding-left:15px;
	background-image:url(../design/puce.jpg);
	background-repeat:no-repeat;
	background-position:left;
	color:#b3b3b3;

}

/*****************************/
/*         GAUCHE            */
/*****************************/
#gauche {
	width:170px;
	margin:0px 0px 0px 10px;
	padding:0px;
	float:left;
}

#gaucheCadre {
	width:150px;
	margin:20px 0px 0px 10px;
	padding:0px;
	float:left;
}

#gaucheCadre #hautCadre {
	width:150px;
	height:10px;
	padding:0px;
	margin:0px;
	background-image:url(../design/cadre_haut.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#gaucheCadre #milieuCadre {
	width:150px;
	padding:10px 0px 10px 0px;
	margin:0px;
	background-image:url(../design/cadre_milieu.gif);
	background-repeat:repeat-y;
}

#gaucheCadre #basCadre {
	width:150px;
	height:10px;
	padding:0px;
	margin:0px;
	background-image:url(../design/cadre_bas.gif);
	background-repeat:no-repeat;
	background-position:top;
}



.unMenuGauche {
	text-align:center;
}

.unMenuGauche a {
	width:118px;
	margin:5px auto 5px auto;
	display:block;
}

a.lienMenuGauchebloque {
	background-position:center bottom;
}

a.lienMenuGauche {
	background-position:center top;
}

a.lienMenuGauche:hover {
	background-position:center bottom;
}

/*****************************/
/*         DROITE            */
/*****************************/
#droite {
	width:750px;
	float:left;
	padding:10px;
}

#droite table {
	width:750px;
	margin:0px auto 0px auto;
	text-align:justify;
	line-height:14px;
	letter-spacing:1px;
	word-spacing:2px;
	font-size:11px;
}

#droite tr td {
	vertical-align:top;
	padding:12px;
	
}

#droite h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	display:inline;
	background-color:white;
	position:relative;
	z-index:3;
}

#droite .traitvert {
	display:inline;
	width:100%;
	float:left;
	border-bottom:2px solid #97bd0e;
	position:relative;
	bottom:4px;
}

#droite .traitmagenta {
	display:inline;
	width:100%;
	float:left;
	border-bottom:2px solid #95006B;
	position:relative;
	bottom:4px;
}

#droite .traitjaune {
	display:inline;
	width:100%;
	float:left;
	border-bottom:2px solid #ffcc01;
	position:relative;
	bottom:4px;
}

#droite .traitviolet {
	display:inline;
	width:100%;
	float:left;
	border-bottom:2px solid #5E356F;
	position:relative;
	bottom:4px;
}

#droite .traitbleu {
	display:inline;
	width:100%;
	float:left;
	border-bottom:2px solid #162a83;
	position:relative;
	bottom:4px;
}


/*****************************/
/*          FOOTER           */
/*****************************/
#globale #footer {
	width:990px;
	height:51px;
	background-image:url(../design/footer.jpg);
	background-repeat:no-repeat;
	clear:both;
}

#globale #footer p {
	text-align:left;
	display:inline;
	margin:0px;
	padding:0px;
	color:#444444;
}

#globale #footer p.adresse {
	position:relative;
	top:20px;
	left:10px;

}

#globale #footer p.menuFooter {
	position:relative;
	top:20px;
	left:60px;
}

#globale #footer a{
	text-decoration:none;
	color:#444444;

}

#globale #footer a:hover{
	text-decoration:none;
	color:#444444;

}

#globale #footer p.realisation {
	position:relative;
	top:20px;
	left:100px;
}

/*****************************/
/*     DOCUMENTS JOINTS      */
/*****************************/

#documents_joints .tel_doc a {
	text-decoration: none;
}

#documents_joints .tel_doc {
	padding:0px;
	margin:0px;
}

#documents_joints .tel_desc {
	margin-left:5px;
	font-style:italic;
}


/*****************************/
/*           PLAN            */
/*****************************/
#plan h2.rubrique a{
	text-decoration:none;
	font-size:12px;
	color:#1dbbe7;
}

#plan li.article a{
	text-decoration:none;
	font-size:12px;
	color:#000000;
}

#plan li.rubrique a{
	text-decoration:none;
	font-size:12px;
	color:#000000;
}

/*****************************/
/*          DIVERS           */
/*****************************/
.center {
	text-align:center;
}

#droite .formulaire_spip table {
	padding-top:20px;
	width:400px;
	margin:auto;
}
/* Accordeontexte*/
.navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #000;
			width: auto;
			/*font: 11px/1.5em "Lucida Grande", Arial, sans-serif;*/
			}
		.navigation a, .navigation span {
			display: block;
			padding: 4px 0px;
			font: 11px/1.5em  Arial, sans-serif;
			color:#ff6600;
			font-weight:bold;
			text-decoration: none;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
		.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
			background-image: url(menu-item-deroule.png);
			list-style: none;
			}
		.navigation .open a, .navigation .open span {
			background-image: url(menu-item-enroule.png);
			}
		.navigation a:hover, .navigation a:focus, .navigation a:active {
			text-decoration: none;
			}
		.navigation .subMenu {
			/*font-size: .8em;
			background: #ccc url(subMenu.png) 0 0 repeat-x;
			font-size: .9em;*/
			color: #000;
			margin: 0;
			padding: 0;
			/*border-bottom: 1px solid #666;*/
			list-style: none;
			}
		.navigation ul.subMenu a {
			background: none;
			padding: 3px 10px;
			list-style: none;
			}
/* fin accordeon*/
/* Accordeonbreve*/
.navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #000;
			width: auto;
			/*font: 11px/1.5em "Lucida Grande", Arial, sans-serif;*/
			}
		.navigation a, .navigation span {
			display: block;
			padding: 4px 0px;
			font: 11px/1.5em  Arial, sans-serif;
			color:#ff6600;
			font-weight:bold;
			text-decoration: none;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
		.navigation .toggleSubMenu1 a, .navigation .toggleSubMenu1 span {
			background-image: url(menu-item-deroule.png);
			list-style: none;
			}
		.open_at_load{ display: block;
			padding: 4px 0px;text-decoration:none;list-style: none;}
		.navigation .open a, .navigation .open span {
			background-image: url(menu-item-enroule.png);
			}
		.navigation a:hover, .navigation a:focus, .navigation a:active {
			text-decoration: none;
			}
		.navigation .subMenu1 {
			/*font-size: .8em;
			background: #ccc url(subMenu.png) 0 0 repeat-x;
			font-size: .9em;*/
			color: #000;
			margin: 0;
			padding: 0;
			/*border-bottom: 1px solid #666;*/
			list-style: none;
			}
		.navigation ul.subMenu1 a {
			background: none;
			padding: 3px 10px;
			list-style: none;
			}
/* fin accordeon*/
/*2colonnes articles */
div.bb span.colonnes { /*clear:both;*/
float: left;
font-family:"Trebuchet MS";
text-align: justify;
width: 42%;
padding: 3%;
}


/* recherche*/
#search {
	/*padding-top: 1px;margin-right:0px; margin-left:0px;*/margin-bottom:10px;
	text-align: right;/* border:1px solid red;*/
	}

#recherche{
	border-top: 1px solid #BBBBAD;
	border-left: 1px solid #BBBBAD;
	border-bottom: 1px solid #BBBBAD;
	border-right: 1px solid #BBBBAD;
	background: #eee;
	padding-left: 10px;
	width: 110px;
}

#recherche:focus {
	background: #fff;
	}
/*liste_pied*/
.ma_colonne{
      float:left;
      width:31%;
      background-color:#dbdbdb;
      margin-bottom:0%;
      margin-top:0px;
      margin-left:1%;
      padding:0%;
	  font-size:11px;
}
.ma_colonne li{list-style-type:none;}
.ma_colonne a{color:#aaaaaa;text-decoration:none}
.ma_colonne a:hover{color:grey;text-decoration:underline}