/************************* Layout par défaut **********************************/

body {
font : normal normal 10px Verdana;
background: #ffffff;
margin:0;
}

#container {
margin: 0;
width:766px;
}

#middle {
background:url(/images/Localtis/fondLoc.gif) repeat-y right top;
margin: 10px 0 0 10px;
}

* html #middle {
height:1px;
}

#colgauche {
float: left;
width: 214px;
}

#centre {
width: 352px;
float : left;
margin : 0 10px;
}

#coldroite {
background:#ffffff;
float: left;
width:170px;
}

#footer {
margin:10px 0 0 10px;
}

/********************* éléments fixes *********************************/

#cdc {
position: absolute;
left: 717px;
top:53px;
}

/* liens normaux */
a:link {
color : #000099;
text-decoration: none;
}

a:visited {
color : #818181;
text-decoration: none;
}

a:hover {
color : #000099;
text-decoration: underline;
}

/* liens verts pour titre */

a.green:link, a.green:visited {
color : #88c110;
text-decoration: none;
}

a.green:hover {
color : #000099;
text-decoration: underline;
}

h1 {
margin:0;
padding:0;
background: url(/images/Localtis/bandeauLoc.gif) no-repeat right top;
}

h1 a, h1 a:hover {
}

form {
margin: 0;
padding:0;
}

img {
border: none;
}

ul {
margin:0;
padding:0;
list-style-type:none;
}

p {
margin:3px 0;
}

.cleaner {
clear: both;
height: 1px;
font-size: 1px;
border: none;
margin:0; padding:0;
background: transparent;
}

input, select {
font : normal normal 10px Verdana;
}

input.ok {
color: #000099;
padding:0;
font: normal bold 10px verdana;
background: white;
border:1px solid #000099;
border-width:1px 2px 2px 1px;
}

/* les blocs images */

.illustration150 {
width:150px;
margin: 0 10px 0 0;
float: left;
color: #818181;
}

.illustration100 {
width:100px;
margin: 0 10px 0 0;
float: left;
color: #818181;
}

.illustration85 {
width:85px;
margin: 0 5px 0 0;
float: left;
color: #818181;
}

.lienTout {
text-align: right;
font: normal normal 10px verdana;
}

.lienTout a {
padding: 0 0 0 12px;
background: url(/images/Localtis/flecheBasLoc.gif) no-repeat 0 3px;
}

.lienTout a:hover {
padding: 0 0 0 12px;
background:url(/images/Localtis/flecheBasLoc.gif) no-repeat 0 3px;
}

.datePub {
font: normal normal 10px Verdana;
color: #818181;
}

.copyright {
color: #818181;
}

.tetiere {
text-transform: uppercase;
color: #88c110;
}

.imprimeArticle {
margin: 0;
padding: 10px 10px 10px 0;
border-right: 1px dashed #cdcdcd;
}

* html .imprimeArticle {
height: 1px;
}

.imprimeArticle p {
padding: 0 0 0 20px;
background:url(/images/Localtis/imprimer_2.gif) no-repeat 0 0;
}

/************************** (Header) Recherche ****************************************/

#recherche {
height: 41px;
}

#recherche p.date {
float:left;
margin:12px 0 0 10px;
padding:0;
width:248px;
}
	
#recherche p.form {
float :left;
width: 408px;
margin: 8px 0 0 0;
padding:0;
color:#000099;
}



/************************** (Footer) bottomlinks *****************************/

#footer .bottomlinks {
text-align: center;
border: 1px solid #c3ea80;
padding: 4px 0;
margin: 2px 0 10px 0;
}

#footer .copy {
background : #c3ea80;
padding: 5px 0 5px 5px;
margin: 0;
color: #000099;
}

/************************* Layout sommaire espace **********************************/

#bodyEspace h2 {
font : normal bold 18px Verdana;
color: #88c110;
margin:0 0 10px 0;
}

#bodyEspace #middle {
margin:10px 0 0 0;
border:1px solid #cdcdcd;
border-width: 1px 4px 0 1px;
background : white;
padding : 10px 10px 0 10px;
}

/***** pour l'image coin coupé en bas*****/
#accueilespacebottom {
background: white url(/images/Localtis/espaceFondLoc.gif) no-repeat right bottom;
padding: 15px 0 0 0;
border-left:1px solid #cdcdcd;
}

#accueilespacebottom div {
border-bottom:4px solid #cdcdcd;
margin :0 19px 0 0;
}

#accueilespacebottom div span {
display: none;
}
/******/

#bodyEspace #colgauche {
float: left;
width: 150px;
}

#bodyEspace #centre {
float : left;
width: 391px;
margin: 0 20px 0 10px;
}

#bodyEspace #coldroite {
float: left;
width: 160px;
}

#editoEspace {
margin: 0 0 10px 0;
padding : 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#editoContent {
width: 551px;
margin : 0 20px 0 0;
float : left;
}

#editoContent p {
text-align: justify;
}

#editoSommaire {
width: 160px;
margin : 0;
float : left;
}

#editoSommaire p.date {
text-align:right;
color: #818181;
margin: 0 0 20px 0;
}

#bodyEspace #centre ul, #editocontent ul {
margin: 10px 0 0 0;
}

#bodyEspace #centre li, #editocontent li {
margin: 0 0 5px 0;
}

.boite {
border-bottom : 1px dashed #cdcdcd;
margin: 0 0 10px 0;
}

#bodyEspace #centre h3 {
margin: 0;
font: normal bold 14px Verdana;
}

#bodyEspace #centre h3 span.titreCourt {
margin: 0;
color: #ff9900;
font: normal bold 10px Verdana;
}

#veilleEspace {
padding: 0 10px 10px 0;
border-right: 1px dashed #cdcdcd;
}

#veilleEspace h3 {
font : normal bold 10px Verdana;
color: #88c110;
padding: 0;
margin: 0 0 5px 0;
}

#veilleEspace li {
margin: 0 0 10px 0;
padding: 0 0 0 8px;
background: url(/images/Localtis/puceLoc.gif) no-repeat 0 3px;
}

#ressourceEspace {
padding: 0 0 10px 10px;
border-left: 1px dashed #cdcdcd;
}

#ressourceEspace h3 {
font : normal bold 10px Verdana;
color: #88c110;
margin: 0 0 10px 0;
}


/******************** nav sommaire de l'espace **********************/

#editoSommaireNav {
margin : 0;
}

	#editoSommaireNav div {
	margin:0;
	border: 1px solid #cdcdcd;
	border-width: 1px 4px 4px 1px;
	}
	
	#editoSommaireNav li {
	padding: 0 4px;
	margin : 2px;
	background : #c3ea80;
	}
	
		#editoSommaireNav li a:link, #editoSommaireNav li a:visited {
		color: #000099;
		width:143px;
		display: block;
		background : #c3ea80;
		font : normal bold 10px verdana;
		margin: 0;
		padding: 4px 0;
		}

		#editoSommaireNav li a:hover {
		color: #ff9900;
		text-decoration: none;
		}
	
	#editoSommaireNav li.current {
	padding: 0 4px;
	margin : 2px;
	background : #FF9900;
	}
	
	/*	#editoSommaireNav li.current p {
		color:white;
		width:143px;
		display: block;
		background : #FF9900;
		font : normal bold 10px verdana;
		margin: 0;
		padding: 4px 0;
		}	*/
		
		#editoSommaireNav li.current a:link, #editoSommaireNav li.current a:hover, #editoSommaireNav li.current a:visited {
		color:white;
		width:143px;
		display: block;
		background : #FF9900;
		font : normal bold 10px verdana;
		margin: 0;
		padding: 4px 0;
		}

	#editoSommaireNav div.titresommaire {
	width:8em;
	border:4px solid #cdcdcd;
	border-width: 0 4px 0 0;
	float: right;
	background: #ffffff url(/images/Localtis/espNavSomFond.gif) no-repeat left bottom;
	position: relative; top:2px; left:0;
	}
	
		* html #editoSommaireNav div.titresommaire {
		position: relative; top: 3px; left:0;
		}

		#editoSommaireNav div.titresommaire p {
		border-top:1px solid #cdcdcd;
		text-align:center;
		position: relative; top:0; left:0;
		margin:0 0 0 1.1em;
		}
		
	#editoSommaireNav div.sommaire {
	padding: 0 0 2px 0;margin:0;
	border:none;
	float: right;
	width: 13em;
	background: white url(/images/Localtis/accesEspFond.gif) no-repeat left bottom;
	position:relative; top:5px; left:4px;
	}
	
		* html #editoSommaireNav div.sommaire {
		position: relative; top: 6px; left:4px;
		}
		
		#editoSommaireNav div.sommaire p {
		border-top: 4px solid #cdcdcd;
		text-align:center;
		padding:0;
		margin:0 0 0 1.5em;
		}

/************************* Layout boite espace **********************************/

#bodyBoite h2 {
text-align: right;
border-bottom: 1px dashed #cdcdcd;
}

#bodyBoite h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
}

#bodyBoite h2 span.titre {
float: left;
}

#bodyBoite h2 span.date {
font: normal normal 10px Verdana;
color: #818181;
position: relative; top: 3px; left: 0;
}

#bodyBoite #colgauche {
float: left;
width: 160px;
}

#bodyBoite #centre {
float: left;
width: 576px;
margin: 0 0 0 20px;
}

#bodyBoite #middle {
background: none;
}



#editoBoite {
padding : 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodyBoite #centre h3 {
color: #88c110;
font: normal bold 18px Verdana;
margin: 0 0 10px 0;
}

#bodyBoite #centre h3 span.titreCourt {
color: #ff9900;
font: normal bold 12px Verdana;
margin: 0;
}

#bodyBoite #centre li {
border-bottom: 1px dashed #cdcdcd;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}

#bodyBoite #centre li a {
font-weight:bold;
}

#bodyBoite #centre li p {
text-align: justify;
}

#bodyBoite #veilleEspace {
margin: 10px 0 0 0;
padding: 5px;
border: 1px solid #cdcdcd;
border-width: 1px 4px 4px 1px;
}


/************************* Layout article espace **********************************/


#bodyEspArt #colgauche {
float: left;
width: 160px;
}

#bodyEspArt #centre {
float : left;
width: 406px;
margin: 0 10px;
}

#bodyEspArt #coldroite {
float: left;
width: 170px;
background: #ffffff;
}

#bodyEspArt #veilleEspace {
margin: 10px 0 0 0;
padding: 5px;
border: 1px solid #cdcdcd;
border-width: 1px 4px 4px 1px;
}

#bodyEspArt #autresArtBox {
margin: 10px 0;
padding: 5px;
border: 1px solid #cdcdcd;
border-width: 1px 4px 4px 1px;
}

#bodyEspArt #autresArtBox p {
font: normal bold 10px verdana;
color: #000099;
margin : 0 0 10px 0;
}

#bodyEspArt #autresArtBox li {
margin : 0 0 5px 0;
}

#bodyEspArt h2 {
text-align: right;
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyEspArt h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
}

#bodyEspArt h2 span.titre {
float: left;
}

#bodyEspArt h2 span.date {
font: normal normal 10px Verdana;
color: #818181;
position: relative; top: 3px; left: 0;
}

#bodyEspArt #centre h3 {
font: normal bold 14px Verdana;
}

#bodyEspArt #centre h3 span.titreCourt {
color: #ff9900;
font: normal bold 10px Verdana;
}

#bodyEspArt #centre h4 {
margin:0;
font : normal bold 18px Verdana;
}

#bodyEspArt #centre p {
text-align:justify;
}

#bodyEspArt #centre p.chapo {
text-align:justify;
font: normal bold 10px Verdana;
}


/************************* Layout tous les espaces **********************************/

#bodyEspArchives #centre {
width: 536px;
margin: 0 20px 0 0;
float : left;
}

#bodyEspArchives #middle {
background: url(/images/fondMiddle.gif) repeat-y right top;
}

* html #bodyEspArchives #middle {
height:1px;
}

#bodyEspArchives #coldroite {
float: left;
width:200px;
}

#bodyEspArchives #titre {
margin: 20px 0 20px 10px;
border-bottom: 1px dashed #cdcdcd;
}

#bodyEspArchives #titre span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}


#bodyEspArchives h2 {
font : normal bold 18px Verdana;
margin:0 0 10px 0;
}

#bodyEspArchives #centre h3 {
margin:0;
padding:0;
font: normal bold 14px Verdana;
}

#bodyEspArchives #centre h3 span.titreCourt {
margin: 0;
color: #ff9900;
font: normal bold 10px Verdana;
}

#bodyEspArchives #centre li {
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodyEspArchives #centre li li {
margin: 10px 0 0 0;
border:none;
padding: 0;
}

/************************* Layout actu JJMMAA **********************************/

#bodyActu h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyActu h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}


#bodyActu #centre h3 {
font : normal bold 18px verdana;
color: #88c110;
}


#bodyActu #centre {
width:536px;
float: left;
margin: 0 20px 0 0;
}

#bodyActu #middle {
background:url(/images/fondMiddle.gif) repeat-y right top;
}

* html #bodyActu #middle {
height:1px;
}

#bodyActu #coldroite {
width:200px;
float: left;
margin: 0;
}



#bodyActu #artJour {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodyActu #artJour h4 {
font: normal bold 18px Verdana;
margin:0; padding: 0;
}

#bodyActu #artJour p {
text-align: justify;
font-weight: bold;
}

#bodyActu #artVeille h4 {
font: normal bold 10px Verdana;
margin:0; padding: 0;
}

#bodyActu #centre h4 span {
font : normal normal 10px Verdana;
color: #88c110;
text-transform: uppercase;
}

#bodyActu #centre li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}




/************************* Layout tous les dossiers **********************************/

#bodyDossiers #centre {
width: 536px;
margin: 0 20px 0 0;
float : left;
}

#bodyDossiers #middle {
background: url(/images/fondMiddle.gif) repeat-y right top;
}

* html #bodyDossiers #middle {
height:1px;
}

#bodyDossiers #coldroite {
float: left;
width:200px;
}

#bodyDossiers h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyDossiers h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyDossiers #centre h3 {
font: normal bold 18px Verdana;
margin:0;
padding:0;
}

#bodyDossiers #centre li {
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodyDossiers #centre li li {
margin: 10px 0 0 10px;
border:none;
padding: 0;
}

#bodyDossiers #centre h4 {
font: normal bold 10px Verdana;
margin:0;
}

div.somDossier {
width: 426px;
margin: 0 0 0 10px;
float: left;
}

p.somDosTitre {
font : normal bold 10px verdana;
color: #ffffff;
background: #88c110;
padding: 2px 10px;
text-transform: uppercase;
}


/************************* Layout dossier **********************************/


#bodyDosArt #centre {
float : left;
width: 536px;
margin: 0 20px 0 0;
}

#bodyDosArt #middle {
background: url(/images/fondMiddle.gif) repeat-y right top;
}

* html #bodyDosArt #middle {
height:1px;
}

#bodyDosArt #coldroite {
float: left;
width: 200px;
}

#bodyDosArt h2 {
text-align: right;
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyDosArt h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
}

#bodyDosArt h2 span.titre {
float: left;
}

#bodyDosArt h2 span.date {
font: normal normal 10px Verdana;
color: #818181;
position: relative; top: 3px; left: 0;
}

#bodyDosArt #centre h3 {
margin:0;
font : normal bold 18px Verdana;
}

#bodyDosArt #centre p {
text-align:justify;
}

#bodyDosArt #centre p.chapo {
font : normal bold 10px Verdana;
}

#somDossier {
padding: 0 10px 10px 0;
border-right: 1px dashed #cdcdcd;
}

* html #somDossier {
height: 1px;
}

#somDossier li {
margin: 0 0 5px 0;
padding: 0 0 0 10px;
}

#somDossier li a {
font-weight: bold;
}

#somDossier li span {
color: #818181;
}

#somDossier li.affiche {
background: url(/images/Localtis/puceLoc.gif) no-repeat 0 3px;
}

#somDossier p {
font: normal bold 10px Verdana;
color: #ffffff;
background: #88c110;
padding:2px 10px;
margin: 0 0 10px 0;
text-transform : uppercase;
}


/************************* Liens externes *********************************/

#liensExt, #liensInt {
padding:10px 10px 10px 0;
border-right: 1px dashed #cdcdcd;
}

* html #liensExt {
height: 1px;
}

* html #liensInt {
height: 1px;
}

#liensExt li, #liensInt li {
margin: 0 0 5px 0;
}

#liensExt p, #liensInt p {
font: normal bold 10px Verdana;
color: #000099;
padding:0 0 0 18px;
margin: 0 0 10px 0;
background: url(/images/Localtis/dbleFleche.gif) no-repeat 0 3px;
}

#liensExt p.urlLienExt {
display:none;
}


/************************* Layout article *********************************/

#bodyArticle h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyArticle h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyArticle #centre {
width: 536px;
margin:0 20px 0 0;
float: left;
}

#bodyArticle #centre h3 {
font : normal bold 18px verdana;
margin:0;
}

#bodyArticle #middle {
background: url(/images/fondMiddle.gif) repeat-y right top;
}

* html #bodyArticle #middle {
height:1px;
}

#bodyArticle #centre p {
text-align: justify;
}

#bodyArticle #centre p.chapo {
font: normal bold 10px Verdana;
}

#bodyArticle #coldroite {
width: 200px;
float: left;
}

div.colDroiteContexte {
border: 1px dashed #cdcdcd;
padding: 10px;
margin: 10px 0;
}

* html div.colDroiteContexte {
height:1px;
}

div.colDroiteContexte h3 {
font: normal bold 10px Verdana;
color: #000099;
margin: 0 0 10px 0;
}

div.colDroiteContexte li {
margin: 0 0 10px 0;
}

/******************************** HP ********************************/

#filActu #artJour {
margin: 0 0 10px 0;
}

#filActu h2 {
font: normal bold 10px Verdana;
margin: 0 0 10px 0;
color: #88c110;
padding:0;
}

#filActu #artJour h3 {
font: normal bold 12px Verdana;
margin:0; padding: 0;
}

#filActu span {
font : normal normal 10px Verdana;
color: #88c110;
text-transform: uppercase;
}

#filActu li {
margin: 0 0 10px 0;
}

#filActu #telexJour h3 {
font: normal bold 10px Verdana;
margin: 0 0 5px 0;
padding:0;
}


/****************** dossier hp ***************************/

#dossierHP {
margin: 10px 0 0 0;
border:1px dashed #cdcdcd;
padding:1px;
}

* html #dossierHP {
height: 1px;
}

#dossierHP h2 {
font: normal bold 10px Verdana;
margin: 0;
padding: 4px 0;
background: #88c110;
color: #ffffff;
text-transform: uppercase;
text-align: center;
}

#dossierHP div {
padding: 10px;
}

#dossierHP li {
margin: 0 0 5px 0;
font: normal bold 10px Verdana;
}


/****************** experiences hp ***************************/

#experienceHP {
margin: 10px 0 0 0;
}

* html #experienceHP {
height: 1px;
}

#experienceHP h2 {
font: normal bold 10px Verdana;
margin: 0;
padding: 4px 10px;
background: #ffffff;
color: #88c110;
text-transform: uppercase; 
text-align:center;
}

#experienceHP div {
padding: 10px;
border:1px solid #88c110;
background: #FFFFFF;
}

#experienceHP li {
margin: 0 0 5px 0;
}

#experienceHP li span {
text-transform: uppercase;
color: #88c110;
}


/****************** espaces hp ***************************/

#espacesHp {
margin: 0 0 15px 0;
}

div.espaceSuivant {
width:171px;
margin: 0 10px 0 0;
float: left;
}

div.espaceSuivant2 {
width:171px;
float: left;
}

#espaceValorise, div.espaceSuivant div, div.espaceSuivant2 div {
margin: 0 0 10px 0;
padding: 0;
border-top:1px solid #cdcdcd;
border-right:4px solid #cdcdcd;
border-bottom:4px solid #cdcdcd;
border-left:1px solid #cdcdcd;
}

#espaceValorise #intro {
margin:0;
padding: 8px;
border-bottom: 1px solid #cdcdcd;
}


#espacesHp #nouveau {
width:13em;
padding: 0 0 2px 0;
border:4px solid #cdcdcd;
border-width: 0 4px 0 0;
float: right;
background: #ffffff url(/images/Localtis/espNavSomFond.gif) no-repeat left bottom;
position: relative; top:2px; left:0;
}
	
* html #espacesHp #nouveau {
position: relative; top: 3px; left:0;
}

#espacesHp #nouveau p {
border-top:1px solid #cdcdcd;
text-align:center;
position: relative; top:0; left:0;
margin:0 0 0 1.5em;
font : normal bold 10px verdana;
color: #ff0303;
}

#espacesHp h2 {
margin:0 0 10px 0;
font : normal bold 10px Verdana;
color: #88c110;
}

#espaceValorise h3 {
margin:0;
font : normal bold 12px Verdana;
}

#espaceSuite h3 {
margin:0;
font : normal bold 10px Verdana;
padding: 5px;
border-bottom: 1px solid #cdcdcd;
}

#espacesHp li {
margin:0 5px;
padding: 5px 0;
font: normal normal 10px Verdana;
}

#espacesHp li span.nouveau {
color: #ff0303;
}

#espacesHp li.dashed {
margin:0 5px;
padding: 5px 0;
border-top: 1px dashed #cdcdcd;
}

#espacesHp div.sommaire {
padding:0 0 2px 0;margin:0;
border:none;
float: right;
width: 13em;
background: white url(/images/Localtis/accesEspFond.gif) no-repeat left bottom;
position:relative; top:5px; left:4px;
}


* html #espacesHp div.sommaire {
position: relative; top: 6px; left:4px;
}

#espacesHp div.sommaire p {
border-top: 4px solid #cdcdcd;
text-align:center;
padding:0;
margin:0 0 0 1.5em;
}

/****************** puvblications hp ***************************/

#publications {
margin: 0;
}

#publications h2 {
margin:0;
padding: 15px 0 5px 0;
text-align:center;
text-transform: uppercase;
font: normal bold 10px Verdana;
color: #000099;
background: url(../images/mc/publication.gif) no-repeat right bottom;
}

#publications h3 {
font: normal bold 10px Verdana;
color: #579abc;
margin: 0 0 5px 0;
}

#publications li {
margin:0 0 10px 0;
padding:0 0 0 8px;
background:url(../images/mc/puceTriBleu.gif) no-repeat 0 3px;
}

#publiList {
border: 1px solid #579abc;
margin: 0;
padding: 10px;
}

* html #publiList {
height:1px;
}

#parutions {
float: left;
width:157px;
margin: 0 16px 0 0;
}

#mondelocal {
float: left;
width:157px;
margin: 0;
}

/************************ colonne de droite hp et agenda ****************************/

#bodyHome #coldroite div, #bodyAgenda #coldroite div {
margin: 0 0 10px 0;
}

#bodyHome #coldroite div div, #bodyAgenda #coldroite div div {
border-right: 1px solid #88c110;
border-bottom: 1px solid #88c110;
border-left: 1px solid #88c110;
background:#c3ea80;
padding:5px;
margin: 0;
}

#bodyHome #coldroite div h3, #bodyAgenda #coldroite div h3 {
background: #88c110 url(/images/Localtis/coinBlancLoc.gif) no-repeat right top;
color : white;
font: normal bold 10px Verdana;
margin:0;
padding: 5px;
text-transform: uppercase;
}

#bodyHome #coldroite div li, #bodyAgenda #coldroite div li {
padding: 0 0 0 8px;
background:url(/images/Localtis/pucColDroite.gif) no-repeat 0 3px;
}

#bodyHome #lettreLoc p, #bodyAgenda #lettreLoc p {
margin : 5px 0 0 5px;
}

/************************ agenda ****************************/


#bodyAgenda h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}


#bodyAgenda h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}


#bodyAgenda #centre li {
margin:0;
padding:10px;
}

#bodyAgenda #centre {
width: 566px;
margin: 0 20px 0 0;
float : left;
}


#bodyAgenda #centre li {
margin:0 0 10px 0;
padding: 0 10px 10px 10px;
border-bottom: 1px dashed #cdcdcd;
}

#bodyAgenda #centre li p {
text-align:justify;
}

#bodyAgenda #centre li h3 {
font: normal bold 10px Verdana;
margin:0;
}

/************************** NAV ******************/

#nav {
}

#nav li {
background: #E5EFD4;
float: left;
position: relative;
width: 137px;
z-index:99;
padding:0;
margin:0;
}

#nav li.accueil {
background: #E5EFD4;
float: left;
position: relative;
width: 26px;
z-index:99;
padding:0;
margin:0;
}

#nav li ul {
display: none;
position: absolute;
top: 18px;
left: 0;
z-index:99;
}

#nav li>ul {
top: auto;
left: auto;
}

#nav li:hover ul, #nav li.over ul {
display: block;
z-index:99;
}

#nav li a:hover {
text-decoration: none;
color: #000099;
background: #E5EFD4;
}


#nav li a {
background: #E5EFD4;
display: block;
padding: 5px 0;
margin: 0 5px;
width: 180px;
border-bottom: 1px dashed #cdcdcd;
}

#nav li.current2 a, #nav li.current2 a:hover  {
font-weight:bold;
}

#nav li p {
margin: 0;padding:0;
}

#nav li p a.entete {
display: block;
width:136px;
background:#c3ea80;
margin:0 0 0 1px;
padding: 3px 0;
text-align: center;
font : normal bold 10px verdana;
color:#000099;
border:none;
}

#nav li.accueil p a.entete {
display: block;
width:25px;
background:#c3ea80;
margin:0 0 0 1px;
padding: 0;
text-align: center;
font : normal bold 10px verdana;
color:#000099;
border:none;
}

#nav li p.current a.entete {
display: block;
background:#FF9900;
margin:0 0 0 1px;
padding: 3px 0;
text-align: center;
font : normal bold 10px verdana;
color: #ffffff;
border:none;
}

#nav li.accueil p.current span {
display: block;
width:25px;
background:#FF9900;
margin:0 0 0 1px;
padding: 0;
text-align: center;
font : normal bold 10px verdana;
color: #ffffff;
border:none;
}

#nav li p a.entete:hover {
background: #E5EFD4;
display: block;
margin:0 0 0 1px;
padding: 3px 0;
text-align: center;
color : #000099;
border:none;
}

#nav li.accueil p a.entete:hover {
background: #E5EFD4;
display: block;
margin:0 0 0 1px;
padding: 0;
text-align: center;
color : #000099;
border:none;
}

#nav li:hover p a.entete, #nav li.over p a.entete {
background: #E5EFD4;
color: #000099;
}



/************************* sommaire des experiences Niveau 1 (par theme) *******************/

#bodySomExp #middle {
background: none;
}


#bodySomExp #colgauche {
float: left;
width: 150px;
}

#bodySomExp #centre {
float: left;
width: 596px;
margin: 0 0 0 10px;
}

#bodySomExp #centre #triExp {
margin: 18px 0 15px 0;
padding: 8px 10px;
background: #cdcdcd;
}

#bodySomExp #summary {
padding:5px;
margin:0 100px 20px 100px;
border:1px dashed #cdcdcd;
}

#bodySomExp #summary span {
font-weight: bold;
}

#bodySomExp h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodySomExp h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodySomExp #centre li {
padding: 0 10px 0 0;
margin: 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodySomExp #centre p.titreItem {
font: normal bold 10px verdana;
}

#bodySomExp #centre p.chapo {
margin: 10px 0;
}

/************************** Experience (article) ***************************/


#bodyExperience #colgauche {
float: left;
width: 150px;
}

#bodyExperience #centre {
float: left;
width: 412px;
margin: 0 14px 0 10px;
}

#bodyExperience h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyExperience h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyExperience #expNiv {
margin:0 0 20px 0;
}

#bodyExperience #centre p.theme {
font: normal bold 10px Verdana;
color: #88c110;
margin:0 0 20px 0;
}

#bodyExperience #centre h3 {
font: normal bold 18px Verdana;
margin: 0;
}

#bodyExperience #centre p {
text-align: justify;
}

#bodyExperience p.chapo {
font: normal bold 10px verdana;
}

/************************** Experience (nav) ***************************/

.navExTitre {
font-weight:bold;
}

#navEx ul {
	width: 200px;
	}
	
#navEx li.niv1 {
	position: relative;
	}

#navEx li.niv1 a.tNiv1 {
	font: normal bold 10px Verdana;
	display: block;
	text-decoration: none;
	color: #000099;
	background: #c3ea80; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ffffff; /* IE6 Bug */
	border-width: 0 1px 1px 0;
	}
	
#navEx li.niv1 a.currentT {
	font: normal bold 10px Verdana;
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #FF9900; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ffffff; /* IE6 Bug */
	border-width: 0 1px 1px 0;
	}
	
#navEx li.niv1 a.tNiv1:hover {
	display: block;
	color: #000099;
	background: #E5EFD4; /* IE6 Bug */
	}
	
	
/* Holly Hack. IE Requirement \*/
* html #navEx li.niv1 { float: left; height: 1%; }
* html #navEx li.niv1 a { height: 1%; }
/* End */

#navEx li:hover ul, #navEx li.over ul { display: block; } /* The magic */

/************************* sommaire des publications *******************/

#bodySomPub #middle {
background:url(/images/fondMiddle.gif) repeat-y right top;
}

#bodySomPub #centre {
width: 536px;
float: left;
margin: 0 20px 0 0;
}

#bodySomPub #coldroite {
float: left;
width: 200px;
}

#bodySomPub h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodySomPub h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodySomPub #centre h3 {
font: normal bold 18px Verdana;
color: #88c110;
margin: 0 0 10px 0;
}

#bodySomPub #centre h4 {
font: normal bold 10px Verdana;
color: #000099;
margin: 10px 0 5px 0;
}


#bodySomPub #centre div p.adresse {
background: #eeeeee;
padding: 10px;
margin: 10px 0;
width: 200px;
}

#bodySomPub #centre #sommaire h4 {
font: normal bold 12px Verdana;
color: #000099;
margin: 15px 0 0 0;
padding: 10px 0 0 0;
border-top:1px dashed #cdcdcd;
}

#bodySomPub #centre #sommaire h5 {
font: normal bold 10px Verdana;
color: #88c110;
margin: 10px 0 0 20px;
}

#bodySomPub #centre #sommaire h5.Cahi {
padding: 6px 0 6px 30px;
background:url(/images/Localtis/cahier.gif) no-repeat left center;
}

#bodySomPub #centre #sommaire h5.Ques {
padding: 6px 0 6px 30px;
background:url(/images/Localtis/question.gif) no-repeat left center;
}

#bodySomPub #centre #sommaire h5.Livr {
padding: 6px 0 6px 30px;
background:url(/images/Localtis/livre.gif) no-repeat left center;
}

#bodySomPub #centre #sommaire h5.Fich {
padding: 6px 0 6px 30px;
background:url(/images/Localtis/ficheJur.gif) no-repeat left center;
}

#bodySomPub #centre #sommaire h5.Doss {
padding: 6px 0 6px 30px;
background:url(/images/Localtis/dossier.gif) no-repeat left center;
}

#bodySomPub #centre #sommaire h5.Logi {
padding: 6px 0 6px 30px;
background:url(/images/Localtis/cdRom.gif) no-repeat left center;
}

#bodySomPub #centre #sommaire p {
margin : 0 0 0 50px;
padding: 0 0 0 8px;
background: url(/images/Localtis/puceLoc.gif) no-repeat 0 3px;
}



/************************* publication *******************/

#bodyPub #middle {
background:url(/images/fondMiddle.gif) repeat-y right top;
}

#bodyPub #centre {
width: 536px;
float: left;
margin: 0 20px 0 0;
}

#bodyPub #coldroite {
float: left;
width: 200px;
}

#bodyPub h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyPub h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyPub #centre h3 {
font: normal bold 18px Verdana;
margin: 0;
}

#bodyPub #centre p.chapo {
margin: 10px 0;
font : normal bold 10px Verdana;
}

p.theme {
font: normal bold 18px Verdana;
margin:0 0 10px 0;
color: #88c110;
}

#bodyPub #centre #identite {
border-bottom: 1px dashed #cdcdcd;
margin: 0 0 10px 0;
padding : 0 0 10px 0;
}

#bodyPub #centre #identite span {
font: normal bold 10px Verdana;
color: #88c110;
}

#bodyPub #centre h4 {
font: normal bold 10px Verdana;
color: #000099;
margin: 0 0 10px 0;
}



/************************* sommaire des RPV *******************/

#bodyRpv #middle {
background:url(/images/fondMiddle.gif) repeat-y right top;
}

#bodyRpv #centre {
width: 536px;
float: left;
margin: 0 20px 0 0;
}

#bodyRpv #coldroite {
float: left;
width: 200px;
}

#bodyRpv h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyRpv h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyRpv #centre h3 {
font: normal bold 18px Verdana;
color: #88c110;
margin: 0 0 20px 0;
}

#bodyRpv #centre p.chapo {
font: normal bold 10px Verdana;
text-align: justify;
}

#bodyRpv #centre li {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodyRpv #centre li p {
text-align: justify;
}

#bodyRpv #centre li span {
color: #88c110;
font-weight: bold;
}

#bodyRpv #centre h4 {
font: normal bold 12px Verdana;
color: #88c110;
margin: 0 0 5px 0;
}

#bodyRpv #centre p.date {
color: #88c110;
}



/********************* contact sur les articles ***********************/

#contact {
border: 1px solid #88c110;
background:#E5EFD4;
padding:0;
margin: 20px 0 10px 0;
}

#contact p.contact {
padding: 0 0 0 20px;
margin: 5px 10px 5px 13px;
background : url(../images/mc/contact.gif) no-repeat left top;
}

#contact p.structure {
margin: 0 10px 5px 13px;
}

#contact h4 {
color: #88c110;
font: normal bold 10px Verdana;
padding: 5px;
background: #ffffff;
margin: 0 0 5px 0;
}

#contact h5 {
padding:5px 0 0 8px;
margin : 10px 5px 5px 5px;
font : normal bold 10px Verdana;
color: #000099;
background: url(../images/mc/puceCarre.gif) no-repeat 0 10px;
}

#contact h5.dashed {
border-top : 1px dashed #cdcdcd;
}

#contact span {
color: #000099;
}

/************************* sommaire des experiences Niveau 1 (par theme) *******************/

#bodySomExpNiv1 #middle {
background:url(/images/fondMiddle.gif) repeat-y right top;
}

#bodySomExpNiv1 #colgauche {
float: left;
width: 150px;
}

#bodySomExpNiv1 #coldroite {
float: left;
width: 200px;
}

#bodySomExpNiv1 #centre {
float: left;
width: 386px;
margin: 0 10px;
}

#bodySomExpNiv1 #summary {
padding:5px;
margin:0 100px 20px 100px;
border:1px dashed #cdcdcd;
}

#bodySomExpNiv1 #summary span {
font-weight: bold;
}

#bodySomExpNiv1 p.removefilter {
text-align: right;
padding: 0;
}

#bodySomExpNiv1 h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}


#bodySomExpNiv1 h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodySomExpNiv1 #centre li {
margin: 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodySomExpNiv1 #centre p.titreItem {
font: normal bold 10px verdana;
}

#bodySomExpNiv1 #centre p.chapo {
margin: 10px 0;
}


/************************** page recherche  **********************************/

#filtre span {
font-weight: bold;
padding:2px 0 0 0;
float : left;
}

#filtre a {
float : right;
}

#cluster {
border: 1px solid #000000;
height: 1%;
margin: 0 0 10px 0;
}

hr {
visibility: hidden;
clear: both;
margin:0;
padding:0;
border:none;
height:1px;
}



/* cluster Name */

#cluster div.tClusterHead {
margin: 0 0 2px 0;
padding: 2px 0 2px 5px;
background: #cdcdcd;
font-weight: bold;
}

/* les liens */

#cluster a {
cursor: pointer;
color :#000099;
}

#cluster a:hover {
border:none;
background-color:none;
}

* html #cluster a {
cursor: hand;
}

#cluster .cFilterSelected a {
color :#000099;
}


img.selectionImg {
cursor: pointer;
}

* html img.selectionImg {
cursor: hand;
}

/* bloc niveau 1 */

#cluster ul {
margin:0;
padding:0;
}

/* filtre niveau 1 simple (sources et rubriques) */

#Sources li.cFilter, #Rubriques li.cFilter {
color :#000099;
padding: 2px 10px 2px 15px;
background: url(/images/Localtis/pt_puce_vertclair.gif) no-repeat 7px 8px;
}

#Sources li.cFilterSelected,#Rubriques li.cFilterSelected {
padding: 2px 10px 2px 15px;
background: #D9FE99 url(/images/Localtis/pt_puce_vertclair.gif) no-repeat 7px 8px;
}

/* lien plus loupe */

#cluster a.filterPlus {
background: url(/images/Localtis/plus.gif) no-repeat left center;
margin: 0;
padding: 2px 0 2px 10px;
}

/* filtre niveau 1 dossier sans sous-niveau */


#Themes ul li div.cFilter, #Dates ul li div.cFilter, #Geo ul li div.cFilter {
color :#000099;
padding: 2px 0 2px 33px;
background: white url(/images/Localtis/folder.gif) no-repeat 15px 3px;
height:1%;
}

#Themes ul li div.cFilterSelected, #Dates ul li div.cFilterSelected, #Geo ul li div.cFilterSelected {
color :#000099;
padding: 2px 0 2px 33px;
background: #D9FE99 url(/images/Localtis/folder.gif) no-repeat 15px 3px;
height:1%;
}

/* filtre niveau 1 dossier avec sous-niveau */

/*#Themes li {
clear: both;
}*/

#Themes ul li div.cFilterFolder, #Dates ul li div.cFilterFolder, #Geo ul li div.cFilterFolder {
color :#000099;
padding: 2px 0 2px 4px;
height:1%;
}

#Themes ul li div.cFilterSelectedFolder, #Dates ul li div.cFilterSelectedFolder, #Geo ul li div.cFilterSelectedFolder {
color :#000099;
padding: 2px 0 2px 4px;
background: #D9FE99;
height:1%;
}

#Themes ul li a.folderplus, #Dates ul li a.folderplus, #Geo ul li a.folderplus {
display: block;
float: left;
width: 25px;
background: url(/images/Localtis/folderplus.gif) no-repeat left center;
margin:0 4px 0 0;
}

#Themes ul li a.foldermoins, #Dates ul li a.foldermoins, #Geo ul li a.foldermoins {
display: block;
float: left;
width: 28px;
background: url(/images/Localtis/foldermoins.gif) no-repeat left center;
margin:0 4px 0 0;
}

#Themes ul li a.filter, #Geo ul li a.filter {
float: left;
display: block;
width: 150px;
}

/* filtre niveau 2 sans sous-menu */


#Themes ul ul li div.cFilter, #Dates ul ul li div.cFilter, #Geo ul ul li div.cFilter {
background:url(/images/Localtis/folder.gif) no-repeat 31px 3px;
padding: 2px 0 2px 47px;
height:1%;
}

#Themes ul ul li div.cFilterSelected, #Dates ul ul li div.cFilterSelected, #Geo ul ul li div.cFilterSelected {
background: #D9FE99 url(/images/Localtis/folder.gif) no-repeat 30px 3px;
padding: 2px 0 2px 46px;
height:1%;
}


/* filtre niveau 2 avec sous-menu */

#Themes ul ul li div.cFilterFolder, #Dates ul ul li div.cFilterFolder, #Geo ul ul li div.cFilterFolder {
padding: 2px 0 2px 20px;
height:1%;
}

#Themes ul ul li div.cFilterSelectedFolder, #Dates ul ul li div.cFilterSelectedFolder, #Geo ul ul li div.cFilterSelectedFolder {
padding: 2px 0 2px 20px;
height:1%;
}

#Themes ul ul li a.filter, #Geo ul ul li a.filter {
float: left;
display: block;
width: 130px;
}



/* filtre niveau 3 */

#Themes ul ul ul li div.cFilter, #Dates ul ul ul li div.cFilter, #Geo ul ul ul li div.cFilter {
color :#000099;
padding: 2px 0 2px 66px;
background:url(/images/Localtis/folder.gif) no-repeat 50px 3px;
height:1%;
}

/* filtre actif niveau 3 */

#Themes ul ul ul li div.cFilterSelected, #Dates ul ul ul li div.cFilterSelected, #Geo ul ul ul li div.cFilterSelected {
background: #E5EFD4;
padding: 2px 0 2px 66px;
background: #D9FE99 url(/images/Localtis/folder.gif) no-repeat 50px 3px;
height:1%;
}

/* ouvre ssmenu */



#Themes ul ul li a.folder, #Dates ul ul li a.folder, #Geo ul ul li a.folder {
background: url(/images/Localtis/folderplus.gif) no-repeat left center;
padding: 2px 0 2px 22px;
margin: 0 0 0 0;
}



/* resultats */

#summary {
margin: 20px;
}

#summary p {
text-align: center;
}

#tri {
padding: 5px 10px;
background: #cdcdcd;
}

p.titreItem {
font: normal bold 11px Verdana;
}

p.infoItem {
color: #818181;
}

p.resumeItem {
text-align: justify;
}


.sHighlight
{
background: yellow;
}

/*************************** Recherche ***************************/

#bodyRecherche #middle {
background: url(/images/fondMiddle.gif) repeat-y right top;
}

#bodyRecherche #centre {
width: 536px;
margin:0 20px 0 0;
float: left;
}

#bodyRecherche #coldroite {
width: 200px;
margin:0;
float: left;
}

#bodyRecherche h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyRecherche h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyRecherche #centre li {
margin: 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #cdcdcd;
}

#bodyRecherche #centre li p {
text-align: justify;
}

#bodyRecherche #centre p.removefilter {
text-align: right;
}

p.sauvProg {
margin: 0 0 0 10px;
}

/*************************** Recherche avancée ***************************/


#bodyAdvRecherche #centre {
width: 566px;
margin:0 20px 0 0;
float: left;
}

#bodyAdvRecherche #coldroite {
width: 170px;
margin:0;
float: left;
}

#bodyAdvRecherche h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyAdvRecherche h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyAdvRecherche #formAdvSearch {
border: 1px solid #87c210;
background:#eeeeee;
padding:10px;
margin: 0 0 10px 0;
color: #000099;
}

#bodyAdvRecherche #formAdvSearch p, #bodyAdvRecherche #formAdvSearch li {
margin:5px 0;
padding:0;
}

#bodyAdvRecherche #formAdvSearch fieldset {
margin : 10px 0;
border: 1px solid #88c110;
padding: 5px;
}

#bodyAdvRecherche #formAdvSearch fieldset ul {
margin:0 20px 0 0;
width:220px;
float: left;
}

#bodyAdvRecherche #formAdvSearch fieldset legend {
font: normal bold 10px verdana;
}

#bodyAdvRecherche #formAdvSearch p.validation {
text-align: center;
margin: 10px 0;
}


/****************** nav precedent - suivant *************/

p.precSuiv {
margin: 20px 10px;
text-align: center;
}

p.precSuiv a, p.precSuiv a:hover, p.precSuiv a:visited {
color: #000099;
font-weight: bold;
}

p.precSuiv span {
color: #818181;
}

/****************** article eWebEditPro *************/

#article h4, #article h5  {
color:#88c110;
font: normal bold 12px verdana;
margin :10px 0 0 0;
padding :10px 0 0 0;
border-top:1px dashed #cdcdcd;
}

#article p.intertitre {
font: normal bold 11px verdana;
margin :10px 0 5px 0;
padding: 0;
}

#article p.question {
font: normal bold 10px verdana;
margin :10px 0 5px 0;
}

#article p.encadre {
padding: 5px;
background:#E5EFD4;
border:1px solid #88c110;
margin : 0 0 10px 0;
}

#article .gras {
font-weight: bold;
}

#article .italic {
font-style: italic;
}

#article table {
border: 1px solid #88c110;
width: 100%;
}

#article th {
background:#E5EFD4;
padding:5px;
border:none;
text-align:center;
vertical-align:top;
}

#article td {
background:#E5EFD4;
padding:5px;
border:none;
text-align:left;
vertical-align:top;
}

#article ul {
margin:0 20px;
padding:10px;
list-style-type:square;
}

#article li {
margin:5px 0;
}

#article .encadre2 {
padding: 5px;
background:#E5EFD4;
border:1px solid #88c110;
margin : 0 0 10px 0;
}

#article p.signature {
color: #818181;
}

/********************* formulaire bon de commande pub MC *********************/*

#bodyPub #formulaire {
border: 1px solid #88c110;
background:#eeeeee;
padding:10px;
margin: 20px 0;
color: #000099;
}

*html #bodyPub #formulaire {
height:1%;
}

#bodyPub #formulaire p {
clear: both;
margin: 5px 0;
padding: 4px 0;
}

#bodyPub #formulaire label {
padding: 4px 0 4px 8px;
background: url(../images/mc/puceCarre.gif) no-repeat 0 9px;
}

#bodyPub #formulaire label.obligatoire {
color: #d94a00;
}

#bodyPub #centre #formulaire p.validation {
text-align: center;
margin: 10px 0;
}


/***************** plan du site ***********************/

#bodyPlan #middle {
background: none;
}

#bodyPlan #middle p {
font-weight: bold;
}

#bodyPlan #planNiv1{
text-align: center;
}

#bodyPlan #planNiv2 div {
float: left;
margin:0 10px;
width:165px;
background: #eeeeee;
}

#bodyPlan #planNiv2 p {
text-align: center;
border: 1px solid #ffffff;
border-width:5px 0 1px 0;
padding:3px 0;
margin:0;
}

#bodyPlan #planNiv2 li {
margin: 0 5px 5px 5px;
}

#bodyPlan #planNiv3 p {
float: left;
margin:0 5px;
padding:3px 0;
width:100px;
background: #eeeeee;
}

#bodyPlan .planTrans {
text-align: right;
margin: 0 20px 20px 0;
}
#bodyStatic h2, #bodyPlan h2 {
font: normal bold 18px verdana;
color: #000099;
margin: 0 0 20px 0;
}


/********************* Fonds Structurels **********************/

#bodyNpfs #middle {
margin: 10px 0 0 10px;
background: #FFFFFF;
}


#bodyNpfsStatic h2,#bodyNpfs h2,#bodyNpfsRegion h2 {
border-bottom: 1px dashed #cdcdcd;
}
#bodyNpfs h2 span,#bodyNpfsRegion h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyNpfs #summary {
padding:5px;
margin:0 100px 20px 100px;
border:1px dashed #cdcdcd;
}

#bodyNpfs #centre {
width:536px;
float: left;
margin: 0 20px 0 0;
}

#bodyNpfs #coldroite {
width:200px;
float: left;
}

.illustration70 {
width:70px;
margin: 0 5px 0 0;
float: left;
color: #818181;
}

#bodyNpfsRegion #middle, #bodyNpfsStatic #middle {
background: url(/images/fondMiddle.gif) repeat-y right top;
}
* html #bodyNpfsRegion #middle, * html #bodyNpfsStatic #middle { 
height:1px;
}

#bodyNpfsRegion #centre, #bodyNpfsStatic #centre  {
width: 551px;
margin:0 5px 0 0;
float: left;
}
#bodyNpfsRegion #coldroite, #bodyNpfsStatic #coldroite {
width: 200px;
float: left;
}
.imprimeFiche {
margin: 0;
padding: 10px 10px 10px 0;
border-right: 1px dashed #cdcdcd;
}

* html .imprimeFiche {
height: 1px;
}

.imprimeFiche p {
padding: 0 0 0 20px;
background:url(/images/Localtis/imprimer_2.gif) no-repeat 0 0;
}

#bodyNpfsStatic h2,#bodyNpfsRegion h2 {
border-bottom: 1px dashed #cdcdcd;
margin-left: 10px;
}

#bodyNpfsStatic h2 span,#bodyNpfsRegion h2 span {
margin: 0 0 10px 0;
font: normal bold 12px Verdana;
color: #88c110;
background: #ffffff;
position: relative; top: 3px; left: 0;
}

#bodyNpfsRegion #centre #chapo p {
font: normal bold 10px Verdana;
text-align: justify;
}

#bodyNpfsStatic .chapo {
font: normal bold 10px Verdana;
text-align: justify;
}

#bodyNpfsStatic .gras, #bodyNpfsRegion .gras, #bodyNpfs .gras {
font-weight: bold;
}

.dateTemp {
font: normal normal 10px Verdana;
color: #818181;
text-align: right;
}

#bodyNpfsStatic .dateTemp {
font: normal normal 10px Verdana;
color: #818181;
text-align: left;
}

#bodyNpfsStatic #centre p {
text-align: justify;
}


#enPlus {
padding:10px 10px 10px 0;
border-right: 1px dashed #cdcdcd;
}

* html #enPlus {
height: 1px;
}

#enPlus li
{
background: url(/images/Localtis/pt_puce_vertclair.gif) no-repeat 0 6px;
padding:0 0 0 8px;
margin: 0 0 10px 10px;
}

#enPlus p {
font: normal bold 10px Verdana;
color: #000099;
padding:0 0 0 18px;
margin: 0 0 10px 2px;
background: url(/images/Localtis/dbleFleche.gif) no-repeat 0 3px;
}

div.enPlusRegion {
border: 1px dashed #cdcdcd;
padding: 10px;
margin: 10px 0;
}

* html div.enPlusRegion {
height:1px;
}

div.enPlusRegion p {
font: normal bold 10px Verdana;
color: #000099;
padding:0 0 0 18px;
margin: 0 0 10px 0;
background: url(/images/Localtis/flecheBasLoc.gif) no-repeat 0 3px;
}

div.enPlusRegion li
{
background: url(/images/Localtis/pt_puce_vertclair.gif) no-repeat 0 6px;
padding:0 0 0 8px;
margin: 0 0 10px 10px;
}


p.tittlePanel {
 background: url(/images/Localtis/folderplus.gif) no-repeat ;
 padding:0 0 0 26px;
 margin: 0 0 0 10px;
 font: normal bold 11px Verdana;
 }

.panelContent {
margin: 5px 6px 5px 5px;
width:350px;
float:left;
text-align: justify;
}

.panelNormal {
width:520px;
margin: 5px 6px 5px 5px;
text-align: justify;
}

.panelNormal p.inter {
margin: 4px 6px 4px 0px;
font: normal bold 10px verdana;
padding: 0px;
}

.panelNormal p {
margin: 4px 1px 4px 3px;
text-align: justify;
}

.panelCadre {
width:161px;
float:right;
margin: 5px 0px 5px 0px;
background: #ECE9D8 none repeat scroll 0%;
border: 1px solid #579ABC;
}

.panelCadre p.inter {
margin: 4px 1px 4px 3px;
font: normal bold 10px verdana;
padding: 0;
}

.panelCelavar {
width:520px;
margin: 5px 4px 5px 3px;
background:#E5EFD4;
border: 1px solid #88C110;
}

.panelCelavar p {
margin: 4px 6px 4px 5px;
text-align: justify;
}

.panelCelavar p.inter {
margin: 4px 6px 4px 5px;
font: normal bold 10px verdana;
}

.panelCadre p {
margin: 4px 1px 4px 3px;
}

p.inter {
font: normal bold 10px verdana;
margin :10px 0 5px 0;
padding: 0;
}

#overviewHeader1 ,#overviewHeader2,#overviewHeader3 ,#overviewHeader4,#overviewHeader5 ,#overviewHeader6,#overviewHeader7 ,#overviewHeader8 {
padding:4px 0 4px 0;
border: 1px dashed #88C110;
}

#bodyNpfs #coldroite ul li
{
border-top: 3px solid #c3ea80
}

#bodyNpfs #coldroite ul li a
{
font-color: #000099;
font: normal bold 10px verdana;
line-height:40px;
background: url(/images/Localtis/pt_puce_vertclair.gif) no-repeat 0 6px;
padding:0 0 0 6px;
}


#bodyNpfsStatic p.encadre {
padding: 5px;
background:#E5EFD4;
border:1px solid #88c110;
margin : 0 0 10px 0;
}

#bodyNpfsStatic p.signature {
color: #818181;
}
/********************* Bloc NewsLetter **********************/
#bodyHome #coldroite #formInscr , #bodyArticle #coldroite #formInscr {
	margin-bottom: 10px;
}
#bodyHome #coldroite #formInscr h3, #bodyArticle #coldroite #formInscr h3{
	background: #D3D3F9;
	padding: 5px 5px 5px 5px;
	background: url(/images/Localtis/coinBlancLoc.gif) #00009D no-repeat right top;
	margin: 0px;
	font: bold 10px Verdana;
	text-transform: uppercase;
	color: white;
}
#bodyHome #coldroite #formInscr div, #bodyArticle #coldroite #formInscr div {
	background: #D3D3F9;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-right: #00009D 1px solid;
	border-bottom: #00009D 1px solid;
	border-left: #00009D 1px solid;
}

#coldroite .blocVert {
	margin-bottom: 10px;
}
#coldroite .blocVert h3 {
	padding: 5px 5px 5px 5px;
	background: url(/images/Localtis/coinBlancLoc.gif) #88C110 no-repeat right top;
	margin: 0px;
	font: bold 10px Verdana;
	text-transform: uppercase;
	color: white;
}
#coldroite .blocVert div {
	background: #C3EA80;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-right: #88C110 1px solid;
	border-bottom: #88C110 1px solid;
	border-left: #88C110 1px solid;
}

/********************* Form alerte Espace **********************/
#blocAlerteForm table 
{
border-collapse:collapse;
background: #C3EA80;
}

#blocAlerteForm  
{
margin-left:160px;
margin-top:15px;
}

#blocAlerteForm .redForm
{
color:#d94a00;
font-weight:bold;
}
.rightLine {
margin: 0;
border-right: 1px dashed #cdcdcd;
}
#formEventAlerte, .toggle {
margin: 0;
border-right: 1px dashed #cdcdcd;
}
.signature {color: #818181;}

