	/* SLGRI CSS  */

{
margin:0;
padding:0;
}
body.page_article {
	background: #FFF;
	margin: 0;
	color: #333;
	text-align:left;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 100%;
	/*float:left;*/
	margin:auto;
	padding:0;
}


/* Entete */
#bandeau {
	width: 100%;
}
#entete {
	width: 100%;
	margin: auto;
	padding : 15px 0 0 0;
	background-color: #b7d06d;
	}
	

#entete .logo_site_resp {
	width :30%;
	display : inline-block;
	vertical-align : bottom ;

}

#entete .img_resp {
	width:10%;
	display : inline-block;
	vertical-align : bottom ;
	/*border: 0px solid #cad136;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius:  8px 8px 0 0;*/
	border-radius :  8px 8px 0 0;
}

#entete #nom_site_spip, #entete a .spip_logo {
	float : left;
	margin: 0 4px 0 0;
	font-weight: bold;
	font-size: 1.5em; 
	border: 0px solid #cad136;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius:  8px 8px 0 0;
	border-radius:  8px 8px 0 0;
	}
#entete a { 
	text-decoration: none; 
}
#entete .formulaire_recherche { float: right; }

/* Barre de nav */

#nav {
	float:left;
	width:100%;
	/*position:relative;*/
	font-family: Roboto, sans-serif;
	clear:both;
	margin-bottom: 35px;
}

#nav .BarreNav {
	display:none;
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav .BarreNav_rubactive {
	display:block; 
	position:absolute; 
	width:100%;
	height:29px; 
	left:0; 
	background:#f6a619; 
	padding:2px 0 0 7%; 
	z-index:10; 
	border-top:0px solid #fff;
	margin:3px 0 0 0;
}


#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .BarreNav_rubactive a {
	height:25px; 
	float:left; 
	text-decoration:none; 
	white-space:nowrap; 
	font-weight:normal;
	display:inline; 
	padding:0 10px; 
	margin:0; 
	font-size:1.6vw; 
	width:auto; 
	border:0; 
	color:#fff; 
	line-height:24px;
	letter-spacing:0; 

}


#nav .BarreNav_rubactive li a:hover, a:focus, a:active {
	background:transparent; 
	color:#b16c07; 
	text-decoration:none;
}


#nav .BarreNav_rubactive li.art_current a {
	color:#b16c07;
	background:transparent; 
	text-decoration:none;
	font-weight:bold;
}


/* Contenu de la page */

#conteneur {
	width:90%;
	overflow:auto;
	min-height:561px;
	_height:561px;
	padding:0 0 0 7%;
	margin : 0;
	clear: both;
	border-top:1px solid #fff;
	_border-top:10px solid #fff; /* pour IE6 */
}

#page > #conteneur {
	position:relative;
	top:-10px; /* Pour les navigateurs modernes sauf IE6 */
 	|top:9px; /* pour IE7 */
 	font: 0.80em "Roboto", Arial, Helvetica, sans-serif;
}

#conteneur #contenu {
	float:left;
	width: 65%;
	padding:20px 10px 10px 10px;
	min-height:400px;
	_height:400px;
	margin-right:20px;
	color:black;
}


#slgri_intitule {
	/*padding-top: 15px;*/
	/*padding-left: 10px;*/
	
	padding-bottom: 15px;
	padding-left: 0px;
	background:transparent;

}
#slgri_intitule h1
{
	/*padding-left: 14px;*/
	font: 3vw Roboto, sans-serif;
	line-height:42px;
	font-weight :bold;
	font-style : italic;
	text-align : left;
	color: #f6a619;
	margin: 0px;
	/*letter-spacing: 2px;*/
	position:relative;
	top:5px;
}

#contenu .texte {
	/*font: 0.90em "Roboto", Arial, Helvetica, sans-serif;*/
	text-align : left;
}

#contenu h2 {
	line-height: 1em;
	margin-bottom: 0em;
	text-decoration:none;
	font: 25px Roboto, sans-serif;	
	color: #f6a619;
	border-top: solid;
	border-top:2px solid #f6a619;
}


#contenu h2 a {
	line-height: 1em;
	margin-bottom: 0em;
	text-decoration:none;
	font: 25px Roboto, sans-serif;	
	color: #f6a619;
	background-color:transparent;
}

#contenu h2 a:hover {
	line-height: 1em;
	margin-bottom: 0em;
	text-decoration:underline;
	font: 25px Roboto, sans-serif;	
	color: #f6a619;
	background-color:transparent;
}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; 
}


/* Documents joints */


.liste_document {
	height: auto;
}
	
.docum_joints {
	width: 23%;
	display:inline-block;
	background-color: #b7d06d;
	margin: 0 10px 10px 0;
	padding :1%;
	border: 0px solid #f6a619;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius:  5px 5px 5px 5px;
	}	

.docum_joints .spip_logo {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border: 2px solid #fff;*/
	
}
	
.docum_joints .titre_docum {
	text-align: center;
	margin: 0 0 3px 0;
	color:#fff;
}

.docum_joints .credit_docum {
	text-align: center;
	margin: 0 0 3px 0;
	color:#fff;
	font-size: 0.7em;
}

.docum_joints .titre_docum a {color:#fff;}

.docum_joints .titre_docum a:hover {color:#fff; background: none; text-decoration:none}

/* Barre latérale d'actualité ET Page Actualités */

#conteneur #actus_accueil {
	overflow:auto;
	width: 30%;
	padding:20px 0px 0px 0px;
	min-height:400px;
	_height:400px;
	color:black;
}

#actus_libelle {
	font: 2vw Roboto, sans-serif;	
	font-style: italic;
	font-weight:bold; 
	text-align : center;
	padding-top:20px;
	padding-bottom:10px;
	background:#f6a619;
	color:#fff;
	border: 0px solid #f6a619;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius:  5px 5px 5px 5px;
}

.actualite {
	padding :10px 0px 5px 0px;
	border-bottom:2px solid #f6a619;
	text-align :left;
}

.actualite .actu_nom a {font: 1.3vw Roboto, sans-serif;color:#f6a619;}
.actualite .actu_nom a:hover {color:#b16c07;background-color:transparent;text-decoration:none}


.actualite .actu_date {
	font-size:1vw;
	color:#b16c07;
	padding-bottom:10px;
}


.actualite .spip_logo {
	padding:0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	/*margin:0;*/ 

}

.actualite .texte_breve {
	padding-top: 10px;
	margin-bottom: 10px;
}



.actu_prec_suivant {
	font: 17px Roboto, sans-serif;
	color:#f6a619;
	background-color : transparent;
}
.actu_prec_suivant a:hover {color:#b16c07; background-color:transparent;}
.actu_prec_suivant a:visited {color:#f6a619; background-color:transparent;}


.actu_prec_suivant .precedent {float:left;}
.actu_prec_suivant .suivant {float:right;}

#conteneur #actus_liste {
	overflow:auto;
	width: 100%;
	padding:20px 0px 0px 0px;
	min-height:400px;
	_height:400px;
	/*margin:0;*/
	color:black;
}
	
#actus_liste .actualite {
	width:48%;
	float : left;
	padding-top:10px;
	padding-bottom : 5px;
	margin-right : 1%;
	margin-bottom:25px;
	border-bottom:2px solid #f6a619;
	border-top:2px solid #f6a619;
}

#actus_liste .spip_logo {
	float:left;
	padding-right:3%;
}

#actus_liste .actualite .texte_breve a {
	font-weight:normal;
	color:black;
	text-decoration:none;
	display:inline-block;
	vertical-align:bottom;
		}
		
/* Barre latérale plan de la rubrique strategie */
	
#plan_strategie {
	overflow:auto;
	width: 30%;
	padding:20px 0px 0px 0px;
	min-height:400px;
	_height:400px;
	color:black;
}

#plan_strategie ul.spip {margin-left:15px;}
#plan_strategie p {margin-bottom:0px}

#conteneur_plan_actions {padding-top:10px}

/* Pied de page */

#pied {
	clear: both;
	font-family: "Roboto";
}
#pied small { font-size: 0.80em; }
#pied img { vertical-align: bottom; }

#pied #slgri_pied_menu{
	background-color: #b7d06d;
	color:#fff;
	text-align: center;
	right:10px;
	border-top:1px dashed #CCC;
	padding-top:30px;
	padding-bottom : 30px;
}


#slgri_pied_menu a {
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}

#slgri_pied_menu a:hover {color:#8ea745;background-color:transparent;text-decoration:underline;}
#slgri_pied_menu a:active {color:#8ea745;background-color:transparent;text-decoration:underline;}

/*  ------------------------------------------
/*  Outils g�n�raux
/*  ------------------------------------------ */

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
  height: 0;
  margin: 1.5em 0;
  border: solid;
  border-width: 0px 0 0;
}

/* Images Responsive */


/* Formulaire recherche */
#recherche{
	background: #828723;
/*	background: #39c;*/
	color: #fff;
/*	color: #9cc;*/
	border: 0px solid ;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:  6px 6px 0 0;
	border-radius:  6px 6px 0 0;
	padding: 2px;
	border: none;
	width: 122px;
	height:16px;
	position:absolute;
	right:14px;
	top:24px;
	z-index:100;
	text-align: center;
	font: bold 15px Arial, Helvetica, sans-serif;
}

/* Page plan du site */

.slgri_plan h2 {
	color:#fff;
}

.slgri_plan ul.spip, ol.spip {

    margin-left: 20px;

}

.slgri_plan ul.spip a {
	color:#f6a619;
	text-decoration:none;
}

.slgri_plan ul.spip a:hover {
	color:#f6a619;
	background:none;
	text-decoration:underline;
}
