/*  
références couleurs :
rouge: #A73136;			
gris clair: #E8E8E8;	
gris foncé: #4A4A4A;	
blanc					
noir	
*/

/* 		corps et zonage		*/
body
{
	color: black;
	background-color: #E8E8E8;
	background-image: url(../images/sitebodyFond.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: "Verdana", "Vera Sans", sans-serif;
	font-size: 62.5%;
	line-height: 150%;
}

/* séquence "développement durable" :-)
modifier la largeur de la page ici
mini 800 maxi 880 
au delà changer les trois images de guide */

#pageComportement
{
	display: block;
	width: 800px;
	margin: 0px auto 0px auto;
	position: relative;
}

#pageHabillage
{
	float: left;
	color: black;
	background-color: white;
	background-repeat: no-repeat;
}

#institutionnelHabillage
{
	height: 150px;
	color: white;
	background-color: transparent;
	/*background-image: url(images/IHFond.gif);*/
	background-repeat: repeat-x;
}

#institutionnel
{
	height: 100px;
	color: white;
	background-color: transparent;
	background-image: url(../images/siteinstitutionnelFond.gif);
	background-repeat: no-repeat;
}

#institutionnel img
{ 
position : absolute;
left : 170px;
border : none;
 }

#information
{
	width: 100%;
	display: block;
	margin: 0px 0px 0px 0px;
	color: #4A4A4A;
	background-color: transparent;
}

#guides
{
	color: #4A4A4A;
	background-color: white;
	text-align: left;
	clear: both;
}

#liens
{

	color: #4A4A4A;
	background-color: white;
	margin: 10px 0px 10px 0px;
	padding: 8px 0px 0px 0px;
	border-top: 2px solid #E8E8E8;
	font-size: 0.95em;
}

.nettoyage
{
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
}

/* 		composants	institutionnels 	*/
#logoChartes
{
	display: block;
	position: absolute;
	top: 60px;
	right: 18px;
	width: 462px;
	height: 50px;
	background-color: transparent;
	background-image: url(../images/sitelogoChartes.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#logoChartes img
{ 
border : none;
position : absolute;
top : 0px;
left : 0px;
 }

#logoChartes h1 { visibility: hidden; }

#outils
{
	display: block;
	width: 550px;
	height: 50px;
	float: right;
	margin: 2px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	text-align: right;
	font-size: 1.2em;
}

#outils h2 { display: none; }

#outils ul
{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

#outils ul li
{
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#outils ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background-color: transparent;
	background-image: url(../images/outilFond.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-decoration: none;
	color: #E4B6B7;
}

#outils ul li a:hover
{
	background-color: transparent;
	background-image: url(../images/outilFondAlt.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: white;
}

#menu
{
	display: block;
        left : -10px;
        top : 20px;
	width: 170px;
	height: 175px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	text-align: right;
	font-weight: normal;
	font-size: 1.65em;
	line-height: 1.2em;
	position: relative;
}


#menu h2 { display: none; }

#menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#menu ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#menu ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	text-decoration: none;
  color : black;/*#A73136;*/
  font-weight : bold;
/*
	color: #E4B6B7;*/
}

#menu ul li a:hover
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #4A4A4A;
}

#adresse
{
	display: block;
	width: 530px;
	height: 30px;
	position: absolute;
	top: 110px;
	right: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #4A4A4A;
	background-color: transparent;
	text-align: right;
	font-size: 1.1em;
}

/* 		composants	information 	*/
#listeActualite
{
	display: block;
	float: left;
	width: 25%;
	height: 130px;
	color: #4A4A4A;
	background-color: transparent;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	text-align: left;
}

#listeActualite h2
{
	color: #A73136;
	font-weight: normal;
	font-size: 1.9em;
	line-height: 1.1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#listeActualite h2 a
{
	color: #A73136;
	text-decoration: none;
}

#listeActualite h2 a:hover
{
	color: #4A4A4A;
	text-decoration: none;
}

#listeActualite ul
{
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.4em;
}

#listeActualite ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(../images/listePuceR.gif);
}

#listeActualite ul li:hover { list-style-image: url(../images/listePuceG.gif); }

#listeActualite ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	text-decoration: none;
	color: #A73136;
}

#listeActualite ul li a:hover
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #4A4A4A;
}

.glose
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: black;
}

.glose a
{
	text-decoration: none;
	color: #4A4A4A;
}

.glose a:hover
{
	text-decoration: none;
	color: black;
}

#laUne
{
	width: 67%;
	display: block;
	float: right;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#laUne h2 { display: none; }

.uneInfo
{
	display: block;
	padding: 7px 20px 4px 20px;
	margin: 0px 0px 0px 0px;
}

#laUne .uneInfo a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: inherit;
	text-decoration: none;
}

#laUne .uneInfo a:hover
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: black;
	text-decoration: none;
}

#laUne .date
{
	display: block;
	color: #A73136;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
}

#laUne .titre
{
	display: block;
	color: #4A4A4A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.4em;
}

#laUne .resume
{
	display: block;
	color: #4A4A4A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: justify;
}

/* 		composants	guide 	*/
#publics
{
	display: block;
	float: left;
	width: 33%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#publications
{
	display: block;
	float: left;
	width: 34%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#motAMot
{
	display: block;
	float: left;
	width: 33%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#guides h2
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #A73136;
	font-size: 1.9em;
	line-height: 1.2em;
	font-weight: normal;
}

#guides h2 a
{
	display: block;
	height: 112px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	color: #A73136;
	text-decoration: none;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#guides h2 a:hover
{
	color: #4A4A4A;
	text-decoration: none;
}

#guides #publics h2 a { background-image: url(../images/publicsFond.jpg); }
#guides #publics h2 a:hover { background-image: url(../images/publicsFondAlt.jpg); }
#guides #publications h2 a { background-image: url(../images/publicationsFond.jpg); }
#guides #publications h2 a:hover { background-image: url(../images/publicationsFondAlt.jpg); }
#guides #motAMot h2 a { background-image: url(../images/motAMotFond.jpg); }
#guides #motAMot h2 a:hover { background-image: url(../images/motAMotFondAlt.jpg); }

#guides ul
{
	margin: 10px 0px 9px 0px;
	padding: 0px 5px 0px 20px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4A4A4A;
	background-color: transparent;
}

#guides ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#guides ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	text-decoration: none;
	color: #4A4A4A;
}

#guides ul li a:hover
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: black;
}

#publics li { display: inline; }

#publications li
{
	display: block;
	list-style-type: none;
}

#motAMot li { display: inline; }

/*
Styles pour les sous-menus
*/

#sousmenu
{ 
  float : left;
  clear : left;
  text-align:left;
  width : 160px;
  margin-top : 5em;/*emplacement vertical du sous-menu; ancienne valeur : 3em*/
 }
#sousmenu h3 a
{ 
  margin-left : 1em;
  /*font-weight: bold;*/
  font-size: 14px;/*taille du titre du sous-menu : valeur ancienne : 1em*/
  line-height: 1.2em;
  color : #A73136;
 }
#sousmenu li
{
  font-size : small;
}

#sousmenu li.this
{ 
  list-style-image : url(../images/listePuceR.gif);
  font-weight : bold; 

 }

#sousmenu li.this ul
{ 
  list-style-image : url(../images/listePuceR.gif);
  font-weight : normal; 

 }

#sousmenu li
{ 
  list-style-image : url(../images/listePuceG.gif);
  margin-left : -1em;
 }

#soussousmenu li
{ 
  font-weight : normal;
  font-size : x-small;
  
  margin-left : -3em;
 }

#sousmenu a
{ 
  color : black;
  text-decoration : none;
 }

#sousmenu a:hover
{ 
  color : #4A4A4A;
  text-decoration : none;
 }

#toc li
{ 
  font-size : 1.2em;
  font-weight : bold;
  /*list-style-type : none;*/
 }

/*
suppression de padding-right:10px; le 13/07/2007
pour éviter la bande blanche dans les pages actualites
ajout de padding-right:10px; sur les éléments à l'intérieur
de #contenu
*/

#contenu
{ 
  margin-left : 175px;
  text-align : left;
  top : 150px;
 /* padding-right:10px;*/
 }


/*
Style pour la page
*/

#contenu h1 a{
color : black;
text-decoration : none;
font-size :  0.7em;
  padding-right:10px;
}

#contenu h2 a{
color : black;
text-decoration : none;
font-size :  0.7em;
  padding-right:10px;
}

#contenu h3 a{
color : black;
text-decoration : none;
font-size :  0.7em;
  padding-right:10px;
}


#contenu h1.titre /*titre des pages in tpl article*/
{ 
  font-size : large;
  padding-bottom : 0.7em;
  border-bottom : solid;
  border-color : #E8E8E8;
 }

#contenu h1
{ 
  line-height : 1.2em;
  font-size : 2em;/*modif 10/09/07 pour gérer la taille des titres de § ds le corps des articles in IE7*/
  padding-right:10px;

}

#contenu h2/*ajout 10/09/07 pour gérer la taille des sous-titre de § ds le corps des articles in IE7*/
{ 
  font-size : 1.6em;
  line-height : 1.2em;
  padding-right:10px;

}

#contenu p
{ 
  font-family: "Verdana", "Vera Sans", "verdana", sans-serif;
  font-size : small;
  line-height : 1.2em;
  /*text-align : justify;*/
  padding-right:10px;
 }

#contenu p.texte
{ 
  font-family: "Verdana", "Vera Sans", "verdana", sans-serif;
  font-size : small;
  line-height : 1.2em;
  /*text-align : justify;*/
  padding-right:10px;
 }

.puces p
{ 
 /* line-height : 0.8em;*/
  font-size : small;
  padding-right:10px;
}

.centre
{ 
  text-align : center;
 }



#contenu li
{ 
font-size : small;
margin-left : 2%;
 }

.descens p{ 

  font-size : xx-small;

 }

#contenu td
{ 
  border : solid black 1px;
 }

.brandnew h2 /*permet de gérer la police des titre des actualités dt l'encodage h2 par défaut était mal interprété par IE7*/
{ 
font-size : 1.4em;
}
 
.brandnew a {
color : #A73136;
/*text-decoration : none;*/
/*font-size :  0.7em; gère la police in des encarts actualités à l'exception des titre des actualités*/
}

#contenu sup
{ 
vertical-align : 0.5em;
line-height : 0em;
font-size : x-small;
}

.haut
{ 
text-align : right;
 }

.brandnew
{ 
text-align : left;
width : 80%;
padding : 1em;
 }

.brandnew div
{ 
  border : 1px solid black;
  padding : 1%;
 }

.brandnew span /*div de titre de l'actu où figurent le type de l'actu et la date*/
{ 
  border-top: 1px solid black; 
  border-left: 1px solid black; 
  border-right: 1px solid black; 
  font-weight: bold; 
  font-size : small ;
  padding-left: 1%; 
  padding-right: 1%;
  margin-bottom : -0.5%;
 }

/* composants liens */
#liens ul.langues
{
	display: block;
	text-align: left;
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	clear: none;
}

#liens ul.petitsLiens
{
	display: block;
	text-align: right;
	float: right;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	clear: none;
}

#liens ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #4A4A4A;
	background-color: transparent;
}

#liens ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	display: inline;
}

#liens ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	background-color: transparent;
	text-decoration: none;
	color: #4A4A4A;
}

#liens ul li a:hover
{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	color: black;
}

#liens ul.petitsLiens li a { margin: 0px 0px 0px 5px; }
#liens ul.petitsLiens li a:hover { margin: 0px 0px 0px 5px; }

#liens ul.petitsLiens li a.partenaire
{
	margin: 0px 0px 0px 4px;
	padding: 2px 5px 2px 5px;
	background-color: #E8E8E8;
}

#liens ul.petitsLiens li a.partenaire:hover
{
	margin: 0px 0px 0px 4px;
	padding: 2px 5px 2px 5px;
	background-color: #AC4343;
	color: white;
}

a{ 
color: #A73136;
}
a:hover
{ 
  color : #4A4A4A;
 }

em em {
	font-style:normal;
}

/*agenda histoire du livre*/
#agenda td
{ 
  border : none;
 }
.petite_cap {
	font-variant:small-caps;
}