/**********************************************/
/*    Styles personnalisés POLE ESG ENTREPRISES   */
/**********************************************/


html {
	background:url(../images/degrade_fond.jpg) repeat-x bottom fixed;
	}
	
html, body {
	height: 100%;
	margin: 0;
}

body {
	font: 90% "Trebuchet MS", sans-serif;
	position: relative; /* Pour ie */
	text-align: center; /* pour corriger le bug de centrage IE */
	overflow-y:scroll; /* Pour forcer FireFox à mettre un ascenceur sur les pages qui n'en n'ont pas besoin et éviter un decalage avec les pages qui en ont un */
}

div#global {
	min-height: 100%;
	height:auto !important;
	height: 100%; /* Pour ie */
	width: 950px;
	margin: 0 auto;
	position: relative !important;
	padding: 0;
	background:#fff;
	background: url(../images/global_fond.gif) center repeat-y;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

/*   H E A D E R   */

#header {
	background: #fff url(../images/header_fond.jpg) no-repeat 0 79px !important;
	background: #fff url(../images/header_fond.jpg) no-repeat 0 77px;
	height: 420px;/* modifie aussi la position du sidebar et du contenu sous le sous-menu */
	text-align: left;
	margin:0;
	padding:0;
}

#header h1 {
	position:absolute;
	left:0; 
	top:100px !important;
	top:110px;
	width:700px;
	padding-left:10px;
}

#header h2 {
	position:absolute;
	left:0; 
	top:110px !important;
	top:130px;
	width:700px;
	padding-left:10px;
}

/*   M E N U   H O R I Z O N T A L   */

#menu {
	position:absolute;
	top:70px;
	left:0;
	margin: 0;
	padding: 0;
	width: 732px; /* Pour IE, il faut absolument mettre une largeur */
	height: 26px;
	background-color:#D0227D;
}

#menu ul{
	list-style: none;
}

#menu li {
	float:left;
	list-style-type: none;
	padding:6px 7px;
}

#menu a,
#menu a:visited {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#menu a:hover {
	color:#A3E0E7;
}

#menu a.on {
	color:#A3E0E7;
}


/*   F I L   D' A R I A N E   */

#hierarchie {
  z-index:100;
  position:absolute;
  top:396px;
  left:12px;
  width:732px;
}

  
/*   S O U S   M E N U   E N   O N G L E T S  */

#ssmenu {
  /*float:left;*/
  z-index:200;
  position:absolute;
  top:350px;
  left:0;
  width:732px;
  background:#fff url("../images/bg.gif") repeat-x bottom;
  }
#ssmenu ul {
  margin:0;
  padding:0 10px 0;
  list-style:none;
  }
#ssmenu li {
  display:inline;
  margin:0;
  padding:0;
  }
#ssmenu a {
  float:left;
  background:url("../images/left_both.gif") no-repeat left top;
  margin-top:5px;
  padding:0 0 0 9px;
  border-bottom:1px solid #6699CC;
  text-decoration:none;
  white-space:nowrap;
  }
#ssmenu a span {
  float:left;
  display:block;
  background:url("../images/right_both.gif") no-repeat right top;
  padding:3px 9px 3px 0;
  margin-right:2px;
  font-weight:bold;
  color:#fff;
  }
#ssmenu a:hover span {
  color:#666;
  cursor:pointer;
  }
#ssmenu #current a {
  background-position:0 -151px;
  border-width:0;
  }

#ssmenu #current a span {
  background-position:100% -151px;
  padding-bottom:4px;
  color:#666;
  }
  
#ssmenu #current2 a {
  background-position:0 -151px;
  border-width:0;
  }

#ssmenu #current2 a span {
  background-position:100% -151px;
  padding-bottom:4px;
  color:#ff0000;
  }
  
#ssmenu a:hover {
  background-position:0% -151px;
  }
#ssmenu a:hover span {
  background-position:100% -151px;
  }



/*    S O U S   M E N U   2   E N   L I E N S   */

#ssmenu2 {
	position:absolute;
	top:30px;
	left:0;
	margin: 0;
	padding: 0;
	width: 732px; /* Pour IE, il faut absolument mettre une largeur */
	height: 26px;
	border-bottom:1px solid #6699CC;
}

#ssmenu2 ul{
	list-style: none;
}

#ssmenu2 li {
	float:left;
	list-style-type: none;
	padding:5px 10px;
}

#ssmenu2 a,
#ssmenu2 a:visited {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#395A8C;
	text-decoration:none;
}

#ssmenu2 a:hover {
	color:#FAAB5D;
}


/*   M E N U   V E R T I C A L   */

div#menuVerticalHeader {
	position:absolute;
	width:181px !important;
	width:217px;
	height:289px;
	/height:321px;
	top:70px;
	left:732px;
	background:#D3D6DA;
	padding: 18px 18px 16px 18px;
	text-align:left;
}

div#menuVerticalHeader ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#menuVerticalHeader li{
	margin:0 !important;
	margin:-2px 0;
}


div#menuVerticalHeader a,
div#menuVerticalHeader a:visited{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#5D5D61;
	text-decoration:none;
}

div#menuVerticalHeader a:hover{
	color:#D0227D;
	text-decoration:none;
}


/*   C E N T E R   */

div#center {
	padding-bottom: 50px; /* Pour éviter la superposition du pied de page et du contenu : */
	/* margin-top: -400px; Ajouter par Sylvain lors du debugage */
	overflow: auto !important;
	overflow: visible; /* Pour ie */
	height:auto !important;
	height: 1%; /* Pour ie */
	position: relative;
	z-index:100; /* Ajouter lors du debugage: permet à Firefox de laisser les liens cliquables */
	/*background:#0099CC;*/
}


/*   C O N T E N T   */

div#content {
	float: left;
	width: 715px;
}

#articles {
	position:relative;
	top: 20px;
	padding: 0 10px 0 10px;
}

#articles img{
	z-index:100;
}

/*   A R T I C L E S   */

#articlesHome {
	float:left;
	width: 340px;
	margin-right: 30px;	
}

#brevesHome {
	width: 340px;
	float:left;
}

#infoPub {
	width: 340px;
}

/* Attention : les puces par défaut de SPIP sont des triangles affichés avec un tiret (-)*/
#articles ul{
	list-style:none;
	margin:0 12px;
	padding:0;
}

#articles li {
	list-style:square;
}


#articles table,
#articles table td {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}


/*   A G E N D A    */

#sidebar h3 {
	font: bold 17px Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:0.1em;
}


.agenda {
	border:1px solid #CCCCCC;
	padding: 8px;
	margin:0 0 5px 0;
	background:#F4F4F4;
}

.agenda .titre{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#5BBBD7;
}

.agenda .titre a{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#cc3399;
}

.agenda .date{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#666;
}

.agenda .lieu{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}

.agenda .descriptif{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	padding-top: 12px;
}


/*   B R E V E S   */


#brevesLiens {
	margin:20px 0 0 0px;
	padding-top: 20px;
}

#brevesLiens h3,
#brevesDetail h3{
	margin:0;
	padding:0;
}

#brevesLiens ul{
	list-style-type:square;
	margin:0;
	padding:16px;
}

#brevesLiens li {
	padding-bottom:10px;
}


#brevesDetail {
	margin:10px 0 0 0;
	padding: 16px;
	border:1px solid #9DC9D9;
}

#brevesDetail .date{
	text-align:right;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#333;
}


/*    S O U S   L I E N S    A V E C   A N C R E S   */
#ssLiensAncres {
	float: right;
	border:1px solid #CCCCCC;
	padding: 8px;
	margin:-30px 0 10px 10px;
	background:#F4F4F4;
}

#ssLiensAncres a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#395A8C;
}

/*    R E F O R M A T A G E   B A L I S E S   P A R   D E F A U T    */


h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#D0227D;
}

h2,
h2 a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5e5e5e;
}

h3 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#cc3399;
	margin:20px 0;
}

h3 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#cc3399;
}

h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #6B78A9;
	margin:20px 0;
	border-bottom: 1px dotted #6699CC;
	padding-bottom: 2px;
}

h5 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#6B78A9;
	margin:15px 0;
	padding-left: 8px;
	border-left:2px solid #666;
}

p, .default {
	font:12px Arial, Helvetica, sans-serif;
	color:#5e5e5e;
}

a {
	font:12px Arial, Helvetica, sans-serif;
	color:#395A8C;
	text-decoration:underline;
}
a:visited {
	color:#7092C5;
}

a:hover {
	color:#cc3399;
}

ul {
	font:12px Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:10px;
}
hr {
	width:70%;
	color:#5e5e5e; /* Pour ie */
	background-color:#5e5e5e; /* Pour Firefox */
	height: 1px;
	border: 0;
}


/*  S I D E   B A R  */

	

#sidebar {
	float: right;
	width: 203px;
	padding: 5px;
	text-align:left;
}
#sidebar a  {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#D0227D;
}


/*  F O O T E R  */


#footer {
	width: 950px;
	margin: 0 auto;
	padding: 15px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#afafaf;
	text-align: center; 
	background-color:#FFF;
	border-top:1px solid #37679B;
	z-index:100;
}
#footer a{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#afafaf;
	text-decoration:none;
}
#footer a:visited{
	color:#afafaf;
}
#footer a:hover{
	color:#D0227D;
	text-decoration:underline;
}


/*   S T Y L E S   G E N E R I Q U E S   */


.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear:both;
}
.strong {
	font-weight:bold;
}