/* PAGE */
body { background: #9BBBE2 url('images/fondecran.png') no-repeat top center; }
html, body {
  padding: 0px;
  margin: 0px;
  height: 100%;
  font-size: 9pt;
}
#page_container {
	position: relative;
	height: 100%;
	width: 948px;
	margin: 0px auto 0px auto;
	padding-right: 0px;
	padding-left: 18px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;

}
html>body #page_container { height: auto; }
a.pasdestyle, a.pasdestyle:hover, a.pasdestyle:visited{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
#page {
	font-family: Arial, Tahoma, sans-serif;
	position: relative;
	width:928px;
	display: bloc;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	z-index: 1;
}
a img
{
border: none;
}
img{
-ms-interpolation-mode:bicubic;
}
img.bordnoir{
	border: 1px #000000 solid;
}
img.cloudcarousel{
	border: 1px #000000 solid;
}

a {
	color: #3783e0;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #F09D05;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #F49D05;
	font-weight: bold;
	text-decoration: none;
}
hr{
	clear: both;
	width: 95%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #A2A2A2 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
}
p {
	margin:0px;
	padding:0px;
}
table.page,
table.page td {
	vertical-align: top;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
table.page {
	width: 100%;
}
table.page td.colonne-gauche {
	width: 210px;
}

/* CONTEXTE DE NAVIGATION */
div#historique,
div#historique a {
	background: transparent;
	color: #fff;
	font-size: 7pt;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
div#historique {
	margin: 10px 0px;
}
div.corpfondbleu{
	width: 574px;
	margin: 0px;
	padding: 5px;
	padding-left: 115px;
	background: url('images/fondcorpfondbleu.png') repeat-y;
}
p.decalg{
	padding: 0px;
}
/* BLOC MENU */



#menu ul {
	float: left;
	margin: 0px;
	margin:0px;
	padding: 0px;
	list-style: none;
	width: 31px;
	width: 928px;
	background: url('images/fond_ul_menu.png') repeat-x;
}
#menu ul li {
	float: left;
	padding:0px;
	margin:0px;

}
li.separator{
	line-height: 31px;
	margin:auto;
	background: url('images/separateur.png') no-repeat center center;
}
li.premiermenu{
	line-height: 31px;
	background: url('images/degrade_premier_menu_gris.png') repeat-x;
}
li.premiermenu:hover{
	line-height: 31px;
	background: url('images/degrade_premier_menu_orange.png') repeat-x;
}

li.menunormal{

}
li.menunormal:hover{
	line-height: 31px;
	background: url('images/degrade_menu_orange.png') repeat-x;
}
li.menunormalactif{ /* Pas de hover, il est déjà orange */
	line-height: 31px;
	background: url('images/degrade_menu_orange.png') repeat-x;
}
li.premiermenuactif{ /* Pas de hover, il est déjà orange */
	line-height: 31px;
	background: url('images/degrade_premier_menu_orange.png') repeat-x;
}

a.menu {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	padding-left: 9px; /* Valeurs a modifier pour agrandir/retrcir le menu */
	padding-right: 9px;
	padding-top: 6px;
	padding-bottom: 7px;
	height: 31px;
	line-height: 31px;
}
a.menuselect{
	color: #000000;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	padding-left: 9px; /* Valeurs a modifier pour agrandir/retrcir le menu */
	padding-right: 9px;
	padding-top: 6px;
	padding-bottom: 7px;
	height: 31px;
	line-height: 31px;
}
a.menu:hover{
	color:#000000;
	font-weight: normal;
	text-decoration: none;
}


/* LISTE ACTUALITES */
.espace{
	padding-left: 300px;
}
div.resume-actu {
  text-align: left;
  padding: 5px;
  margin: 0px;
  width: 345px;
}
div.resume-actu * {
  margin: 0px;
  padding: 0px;
}
div.resume-actu div.logo img {
  border: 1px solid #000;
  float: left;
}
div.resume-actu div.pack img {
  border: 1px solid #000;
  float: right;
  margin-left: 5px;
}
div.pack{
margin-left:500px;
}
div.resume-actu div.titre {
  font-weight: bold;
  margin-left: 100px;
}
div.resume-actu div.texte {
  margin-left: 95px;
}
div.resume-actu div.suite {
  background: url('images/pointilles.png') repeat-x scroll left bottom;
  text-align: right;
  font-size: 8pt;
  clear: both;
}
div.suitepack {
  padding-left: 360px;
}
div.resume-actu div.suite a,
div.resume-actu div.suite a:hover {
  background:  #CEDAEA;
  font-weight: normal;
  padding-left: 12px;
}
div#formulaire_recherche{
	position: absolute;
	top: 3em;
	right: 0px;
	width: 220px;
	height: 25px;
	padding: 5px;
	background: #E1E1E1;
	text-align: right;
	font-size:8pt;
}
div#formulaire_recherche input[type=text]{
  width: 120px;
  height: 15px;
  border: 1px solid #000;
}
/* BLOC ACTUALITES */
div#bloc_actus {
  background-color: #fff;
  color: #000;
  width: 316px;
  margin-top: 5px;
}
div#bloc_actus div.contenu-bloc {
  height: 172px;
  overflow: auto;
}
div#bloc_actus div.titre a,
div#bloc_actus div.titre a:hover {
  color: #000;
}
div#bloc_actus  div.texte {
  color: #000;
}
div#bloc_actus div.suite {
  background: #fff url('images/pointilles.png') repeat-x scroll left bottom;
}
div#bloc_actus div.suite a,
div#bloc_actus div.suite a:hover {
  background: #fff url('images/puce_fleche.png') no-repeat scroll 2px center;
  color: #8c0008;
}



/* BLOC CONNEXION */
div.connexion {
  background-color: #333333;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  width: 224px;
}
div.connexion * {
  padding: 0px;
  margin: 0px;
}
div.connexion div.title,
div.connexion input[type=submit]{
  background: transparent none no-repeat scroll left center;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  border: 0px none;
  text-align: left;
}
div.connexion form div.field {
  text-align: right;
  margin: 4px 0px;
}
div.connexion label {
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  padding-right: 5px;
}
div.connexion input[type=text],
div.connexion input[type=password] {
  font-size: 12px;
  width: 140px;
  height: 15px;
  border: 1px solid #000;
}

/* BLOC INFOS UTILISATEUR */
div.info_user {
 background-color: #FFFFFF;
  color: #000;
  width: 200px;
  padding: 0px 8px 4px 0px;
  margin: 20px 0px;
}
div.info_user * {
  padding: 0px;
  margin: 0px;
}
div.info_user div.title {
  background: transparent none no-repeat scroll left center;
  color: #fff;
  font-size: 8pt;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  text-align: center;
}
div.info_user div.link {
  text-align: center;
}
div.info_user div.link a,
div.info_user div.link a:hover {
  background: transparent none no-repeat scroll left center;
  color: #fff;
  font-size: 8pt;
  font-weight: normal;
}

div.info_user div.logout {
  margin-top: 15px;
  text-align: center;
}
div.info_user div.logout a,
div.info_user div.logout a:hover {
  background: transparent url(images/deconnexion.png) no-repeat scroll left center;
  color: #fff;
  font-size: 8pt;
  font-weight: normal;
  padding: 0px;
  padding-left: 20px;
}

div.info_user div.administration {
  margin: 10px auto 0px auto;
  padding: 2px 5px;
  border: 1px solid #f0e7e1;
  position: relative;
  width: 120px;
}
div.info_user div.administration div.link {
  text-align: left;
}
div.info_user div.administration a,
div.info_user div.administration a:hover {
  color: #f0e7e1;
}

div#flash{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	width: 928px;
}

p {
	text-align: justify;
}

/* Page d'accueil */
div#intro{
	background: #E1E1E1;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: justify;
}
div#offremetier{
	margin-top: 0px;
	padding: 0px;
}

div#offrepacka{
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 200px;
	padding-left: 10px;
}
div#actu{
	background: #CEDAEA;
	width: 404px;
	margin-top: 10px;
	padding: 4px;
}
div#retrouver{
	width: 204px;
	padding: 10px;
	background: #E1E1E1;
	font-size: 10pt;
	margin-top: 10px;
	display: block;
}
div.demo  { float: left; width: 190px; padding: 5px; margin: 0px; background: #FFFFFF; border: 1px solid #9BBBE2; }
div#titreoffremetier {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	background: #F48D05;
	width: 412px;
}
div#titreoffrepacka {
	color: #000000;
	font-weight: bold;
	font-size: 12pt;
	background: #9BBBE2;
	width: 262px;
}
div#titreactus {
	color: #000000;
	font-weight: bold;
	font-size: 12pt;
	background: #9BBBE2;
	width: 404px;
	margin: 0px;
}
div#bordbleu {
	border: 1px solid #9BBBE2;
	margin-top: 10px;
	color: #000000;
	width: 250px;
	padding: 5px;
	margin-top: 1px;
}
div#bordbleu2 {
	border: 1px solid #9BBBE2;
	background: #FCD89C;
	color: #000000;
	width: 410px;
	padding: 0px;
	margin-top: 1px;
}
div#bordbleupub {
	border: 1px solid #1d328c;
	width: 212px;
	margin-top: 10px;
	color: #1d328c;
	padding: 5px;
	height: 45px;
	background: url('images/nous_contacter.png') no-repeat center left;
}
/*
div#coin{
	z-index: 100;
	border: 1px solid #FF0000;
	height: 15px;
	width: 212px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 5px;
	padding-top: -10px;
	background: url('images/bordbleu.png') no-repeat top right;
}
*/
p.loin {
	padding-left: 50px;
	padding-top: 5px;
	width:158px;
	text-align: center;
	color: #1d328c;
}

div.grise{
	background: #E1E1E1;
	padding: 0px;
	margin: 0px;
	width: 670px;
}
div.grise2{
	background: #E1E1E1;
	padding: 5px;
	margin: 0px;
	width: 214px;
	text-align: left;
}
/* Fin page d'accueil */

/* Pour toutes les pages */

div#enveloppe{
	width: 928px;
	display: block;
}

div#conteneurmilieu{
	width: 100%;
	padding-top: 5px;
}
div.spacer{clear:both; height:5px; display:block;}
/* PIED DE PAGE */
#footer {
  z-index: 11;
  bottom: 0;
  width:928px;
  margin: 0px;
  padding: 12px;
  text-align: center;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 8pt;
}

div#liensbleus{
	width: 250px;
	font-size: 2pt; /* Pour limiter la hauteur des sauts de page */
}

/* Pour les formulaires */
form{
padding: 0px;
margin: 0px;
}
input [type=text]{
 border:1px solid black;
 background-color:#FF0000;
 }
input[type=text] :hover{
	 border:1px solid #0000FF;
	 background-color:#FFFFFF;
	 color: #000000;
 }
h1{
	color: #000000;
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
}

/* Pour la page des box */
td.boxgauche{
 background-color:#CEDAEA;
 width: 100px;
}
a.lienpack{
	color: #3783e0;
	font-weight: 900;
	padding-left: 30px;
	background: url('images/puce.png') no-repeat center left;
	text-decoration: none;
}
a.lienpack:hover{
	color: #F09D05;
	text-decoration: underline;
}

a.lienvideo{
	color: #3783e0;
	font-weight: 900;
	padding-left: 30px;
	background: url('images/puce.png') no-repeat center left;
	text-decoration: none;
}
a.lienvideo:hover{
	color: #F09D05;
	text-decoration: underline;
}
a.video:hover{
	cursor: pointer;
}

/* CSS pour afficher le chemin */
.mon_style_de_chemin {
	font-size: 75%;
	font-weight: bold;
	padding-top: 4px;
}
.mon_style_de_chemin a:visited {
	   color: #777777;
}
.mon_style_de_chemin a:hover {
	   color: #F46D05;
}
.mon_style_de_chemin a {
	color: #000000;
}

/* CSS pour les formulaires */
div#formulaire_recherche.formulaire_spip label {
   font-weight: bold;
}

div#formulaire_recherche .submit {
	background: url('images/valider.png') no-repeat center left;
	width:20px;
	height: 20px;
	border: 0px;
}
.rechercheReponseTitre{
	padding: 20px 0px 5px 5px;
}
.rechercheReponseInfo{
	font-style:italic;
}
.rechercheReponse{
	padding: 5px 0px 5px 10px;
}
.recherchePage{
	font-style:bold;
}
a.lienbaspage, a.lienbaspage:hover, a.lienbaspage:visited{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

/* FORMULAIRE DE CONTACT */
/* CSS pour le formulaire JQUERY */
	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 0px 0px 6px #000;
					-moz-box-shadow: 0px 0px 6px #000;
					-webkit-box-shadow: 0px 0px 6px #000;
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 
form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	width:450px;
	margin: 0 auto;
}

.formular input, .formular select, .formular textarea {
	color: #555;
	border: 1px solid #7f9db9;
	font-size: 14px;
	margin-top: 4px;
	background: #CEDAEA;
	color: #000000;
}
.formular input:hover, .formular select:hover, .formular textarea :hover{
	border: 1px solid #52677b;
}
.formular input:focus, .formular select:focus, .formular textarea :focus{
	border: 1px solid #52677b;
	background: #FFFFFF;
}

.formular .text-input {
	color: #555;
	padding: 2px;
	border: 1px solid #7f9db9;
	font-size: 14px;
	margin-top: 4px;
}
.formular .text-input :hover{
	border: 1px solid #52677b;
}
.formular .text-input :focus{
	border: 1px solid #52677b;
}
.formular textarea {
 	color: #555;
	padding: 2px;
	border: 1px solid #7f9db9;
	font-size: 14px;
	margin-top: 4px;

}
.formular textarea:hover {
	border: 1px solid #52677b;
}
.formular textarea:focus {
	border: 1px solid #52677b;
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	border: 1px solid #7f9db9;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
/* Gestion de la carte */
.disp-none {
  display: none;
}
#carte-region
{
  width: 415px;
  height: 400px;
  float: left;
}

#list-coordonnees
{
  float: left;
  width: 250px;
  padding: 3px;
  overflow: auto;
}
.coord {
  border: 1px solid #302B28;
  margin: 2px;
  padding: 2px;
}
.coord:hover {
  background-color: #CEDAEA;
  color: #302B28;
  border: 1px solid #CEDAEA;
}
.coord a, .coord a:hover {font-weight:normal;color:#000000;}
.coord:hover a, .coord:hover a:hover {color:#302B28;}
.coord p {
  margin: 1px;
  padding: 0;
}
.coord .label {font-weight: normal;}
.coord .parenthese {font-style: italic;}
.coord .Tel {font-weight:bold;}
.coord .Societe {font-weight:bold;}
.coord .Site {font-weight:bold; font-size:9pt;}
.message {margin: 2px; padding: 0px; }
.message .region {font-weight: bold; color: #80B902; font-style: normal;}
.list-left {float:left; width:20px;margin-top:1px;}
.list-right {float:left; width:240px; padding: 0px 0px 0px 0px; }

/* Gestiion de l'accordeon */
.basic  {
	width: 668px;
}
.basic div {
	background-color: #FCD89C;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:668px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#9BBBE2 url('./images/collapsed.gif') no-repeat scroll 3px 11px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:20px;
	text-decoration: none;
	line-height: 30px;
}
#navigation a.head:hover {
	color:#000000;
	background-color:#FCD89C;
}
#navigation a.selected {
	background-image: url('./images/expanded.gif');
	background-color:#F49D05;
}
#navigation a.current {
	background-color:#F49D05;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; 
	display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}
/* ZOOM SUR LES IMAGES */
.fullsize-icon {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: transparent url('images/zoom/fullsize-icon.png') no-repeat left top;
	z-index: 950;
	cursor: url(fullsize.cur), auto;
}

.fullsize-loading, .fullsize-wrapper {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 999;
}

.fullsize-loading {
	height: 51px;
	width: 51px;
	background: transparent url('images/zoom/fullsize-loading-bg.png') no-repeat left top;
}

.fullsize-loading-inner {
	height: 100%;
	width: 100%;
	background: transparent url('images/zoom/fullsize-loading-spinner.gif') no-repeat center center;
}

.fullsize-image {
	display: block;
}

.fullsize-title {
	position: relative;
	margin: 0;
	padding: 5px 0;
	min-height: 14px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	text-shadow: 0 0 1px #000;
	background: transparent url('images/zoom/fullsize-title-bg.png') repeat-x left top;
}

.fullsize-title-text {
	text-align: center;
	margin: 0 auto;
}

a.fullsize-close {
	position: absolute;
	display: block;
	margin: -15px 0 0 6px;
	width: 16px;
	height: 16px;
	text-decoration: none;
	z-index: 1000;
	background: transparent url('images/zoom/fullsize-close.png') no-repeat left top;
}

/* Safari 3.0 and Chrome rules here */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	a.fullsize-close {
		margin-top: -14px;
	}
}

a.fullsize-close:hover {
	background-position: right top;
}

.fullsize-close {
	cursor: pointer;	
}

/* Shadows */

.fullsize-sh-wrap {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}

.fullsize-sh-top, .fullsize-sh-body, .fullsize-sh-bottom {
	width: 100%;
}

.fullsize-sh-top-l, .fullsize-sh-top-m, .fullsize-sh-top-r, .fullsize-sh-bottom-l, .fullsize-sh-bottom-m, .fullsize-sh-bottom-r {
	background-position: left top;
	background-repeat: none;
	background-color: transparent;
	height: 20px;
}

.fullsize-sh-top-l {
	float: left;
	width: 22px;
	background-image: url('images/zoom/fullsize-sh-top-l.png');
}

.fullsize-sh-top-m {
	margin: 0 22px;
	background-image: url('images/zoom/fullsize-sh-top-m.png');
	background-repeat: repeat-x;
}

.fullsize-sh-top-r {
	float: right;
	width: 22px;
	background-image: url('images/zoom/fullsize-sh-top-r.png');
}

.fullsize-sh-bottom-l {
	float: left;
	width: 22px;
	height: 24px;
	background-image: url('images/zoom/fullsize-sh-bottom-l.png');
}

.fullsize-sh-bottom-m {
	margin: 0 22px;
	height: 24px;
	background-image: url('images/zoom/fullsize-sh-bottom-m.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}

.fullsize-sh-bottom-r {
	float: right;
	width: 22px;
	height: 24px;
	background-image: url('images/zoom/fullsize-sh-bottom-r.png');
}

.fullsize-sh-body {
	background-image: url('images/zoom/fullsize-sh-body-l.png');
	background-repeat: repeat-y;
}

.fullsize-sh-body-r {
	float: right;
	height: 100%;
	width: 11px;
	background-image: url('images/zoom/fullsize-sh-body-r.png');
	background-repeat: repeat-y;
}
.sAccordion-open{
	cursor: pointer;
}