body {
	font-family: Verdana, Arial, "MS Sans-Serif", sans-serif;
	background: #333333 url(../images/bkg_canevas.gif) repeat-y 50% 0;
	margin: 0px;
	padding: 0px;
	color: #222;
	text-align: center;
}
/*Début-----Élément divers*/
a[hreflang]:after { content: " [" attr(hreflang) "] "; }
acronym {cursor: help;}
hr {
	color: #ccc;
	background-color: #444;
	height: 1px;
	border: 0;
	margin: 10px 0 0 0;
}
img {border: 0;}
address {
	font-size: 11px;/*Netscape4*/
	font-style: normal;
}
/*/*/a{}
body address {
	font-size: xx-small;/*IE 5*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;/*IE 6*/
}
html>body address {font-size: x-small;/*FireFox, Opera*/}
/* */
.iconeMailto {
	padding: 0;
	margin: 0 5px 0 0;
}
.iconeLien {
	padding: 0 0 0 0;
	margin: 0 0 0 3px;
	border:0px solid;
}
.iconeLien img {border: 0;}
.imgTxtRight {
	float:right;
	margin:10px;
}
.imgTxtLeft {float:left;}
.blueBox {
	background: #ecf3f8;	
	border: 1px solid #96badc;
	padding: 1em;
	margin: 1em 0 0 0;
}
#carteRiki {
	background: url(../images/carte_riki.gif) no-repeat center;
	width: 450px;
	height: 445px;
	border: 5px solid #333;
}
/*Fin-----Élément divers*/
/* Début -----Moteur de recherche--hugo*/
/* Fin ------- Moteur de recherche--hugo*/
#basgauche {
	float: left;
	width: 545px;
	text-align: left;
	border-bottom: 1px none #6600FF;
	padding: 0;
	margin: 15px 0px 0px 0px;
	display: inline;
}
#conteneur {
	margin: 15px auto 0;
	padding: 0;
	width: 760px;
	clear:both;
	text-align: left;
}
#logoCacher {display:none;}
#basdroite {
	width: 198px;
	margin: 15px 0px 0px 15px;
	padding: 0px;
	float: right;
}
#footer {
	background-color: #fff;
	color: #000000;
	text-align: center;
	width: 760px;
	height: 50px;
	margin: 0px 0 0px 0;
	padding: 25px 0 0 0;
	clear: both;
}
#footer ul {
	/*background-color: #f2f2f2;*/
	padding: 3px;
	margin: 0;
	border: 1px solid #f2f2f2;
}
#footer ul li {
	display: inline;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
/*/*/a{}
body #footer ul li {
	font-size: xx-small;/*IE 5*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;/*IE 6*/
}
html>body #footer ul li {font-size: x-small;/*FireFox, Opera*/}
/* */
/* -------------------- section de l'entete -------------- */
#haut {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header {
	background-image: url(../images/header_1.jpg);
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 210px;
	background-repeat: no-repeat;
	border: thin none #00FF00;
    clear:both;
}
#floatr {
	float: right;
	padding: 15px 15px 0px 0px;
	margin: 0px; 
}
 #menuHeader {
	padding: 3px 0;
	margin: 0 0 0 0;
	font: 11px Verdana, sans-serif;
}
#menuHeader li {
	list-style: none;
	margin: 0;
	display: inline;
}
     /*FireFox*/#menuHeader li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	background-image: url(../images/pixel70.png);
	text-decoration: none;}
	#menuHeader li a:link { color: #fff; }
#menuHeader li a:visited { color: #fff; }
#menuHeader li a:hover {
	color: #000;
	background: #84b945;
	border-color: #02281d;
}
#menuHeader li a#current {
	background: white;
}
/* Fin--------section de l'entete -- */
/* ------------------ section de GAUCHE  --------------- */
.secgauche {float: left;}
/* debut------------Fil d'Ariane*/
#path li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 0px;
	list-style: none;
	display: inline;
}
.espace {font-size: 10px;}/*NETCAPE4*/
/*/*/a{}
body.espace {
  font-size: xx-small;/*IE 5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;/*IE 6*/
  margin-right: 5px;
}
html>body.espace {
	font-size: x-small;/*FireFox, Opera*/
}
/* */
#path {
  	height: 28px;
	width: 545px;
	background-color: #F2F2F2;
	padding: 0px;
	margin: 0px;
}
#path ul {font-size: 11px;}/*NETCAPE4*/
/*/*/a{}
body #path ul {
	font-size: xx-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;/*IE 6*/
  	margin-left: 0;
	padding-left: 0;
	display: inline;
}
html>body #path ul {font-size: x-small;/*FireFox, Opera*/}
/* */
.alignementcrochet {
margin-right: 0px;
margin-left: 10px;
margin-top: 5px;
}
#path a:link, a:visited, a:active {color: #000000;}
#path a:hover {color: #41a437;}
/* FIN ------------Fil d'Ariane*/
#descriptionBottom {
	height: 20px;
	width: 545px;
	padding: 0;
	margin: 0;
	background: url(../images/box_arrow.gif) no-repeat bottom;
}
#description {
	/*height: 100%;*/
	width: 545px;
	margin: 15px 0 0 0;
	background-color: #42A537;
	font-family: Verdana;
	font-size: 12px;/*NETCAPE4*/
	font-weight: bold;
	color: #FFFFFF;
}
/*/*/a{}
body #description {
	font-size: x-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: small;/*IE 6*/
}
html>body #description {font-size: small;/*FireFox, Opera*/}
/* */
#description p {
	margin: 0px;
	padding: 5px 15px;
}
.imgcrochet {
	background-image: url(../images/i_crochet.gif);
	height: 14px;
	width: 13px;
}
/*  section du site */
#section {
	width: 535px;
	border: thin none #FF0000;
	margin-top: 0;
}
#section p {
	font-size: 12px;
	margin-left: 115px;
}
/*/*/a{}
body #section p  {
	font-size: x-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: small;/*IE 6*/
}
html>body #section p  {font-size: small;/*FireFox, Opera*/}
/* */
.alignement {margin-right: 15px;}
.imgLogement {
	background: transparent url(../images/i_logement.jpg) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.imgTechno {
	background: transparent url(../images/i_informatique.jpg) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.imgCredit {
	background: transparent url(../images/i_vente.gif) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.imgCoop {
	background: transparent url(../images/i_coopjeuness.jpg) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.imgAnimation {
	background: transparent url(../images/i_animation.jpg) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.imgEconomie {
	background: transparent url(../images/i_economie.jpg) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.imgEconomie a:link {
	display: block;
	width: 99px;
	height: 100px;
}
/* ------------------ section de DROITE ---------------- */
/* Navigation */
#menunavigation {
	border: 1px solid #BED1BC;
	background-color: #E2F0E0;
	font-family: Verdana;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
/* DÉbut --------Menu*/
#menu {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 15px;	
}
#menu li {
	background: transparent url(../images/i_puce_nav.gif) no-repeat 0 .4em;
	margin: 0 0 5px 0;
	padding-left: 1em;
	font-size: 12px;/* Netscape 4*/
}
/*/*/a{}
body #menu li {
	font-size: x-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: small;/*IE 6*/
}
html>body #menu li {font-size: small;/*FireFox, Opera*/}
/* */
#menu ul ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu ul ul ul {
	padding: 0;
	margin: 0;
}
#menu li li {
	background: transparent url(../images/i_puce_nav2.gif) no-repeat 0 .4em;
	margin: 0.5em 0 0 -3em;
	padding-left: 1em;
	list-style-type: none;
}
#menu li li li {
    background: none;
	margin: 0.5em 0px 0px 15px;
	list-style-type: circle;
	padding: 0px;
}
/* Fin --------Menu*/
#imgnavigation {
	margin: 0px;
	padding: 0px;
	border: 1px none #0000FF;
	background-image: url(../images/header_navigation.gif);
	width: 200px;
	height: 28px;
}
/*#styleswitcher {
	background-color: transparent;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}
#styleswitcher h3 {font-size: 70%;}*/
#boxStandards {
	border: 1px solid #bbb;
	background-color: #f2f2f2;
	font-size: 11px;/*Netscape 4*/
	font-family: Verdana;
	margin: 15px 0px 0px 0px;
	padding: 0 0px 0px 0px;
}
/*/*/a{}
body #boxStandards {
	font-size: xx-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;/*IE 6*/
}
html>body #boxStandards {font-size: x-small;/*FireFox, Opera*/}
/* */
#boxStandards ul {
	font-size: 100%;
	margin-left: 15px;
	padding: 0px 15px 10px;
}
#boxStandards ul li {
	margin-bottom: 5px;
}
#boxStandards a:link, a:visited, a:active {color: #000000;}
#boxStandards a:hover {color: #41a437;}
/* **************************************** contenu du Site ******************************************** */
#contenu {
    margin: 15px 0px 0px 0px;
	width: 535px;
	padding: 0px;
	height: 100%;
	text-align: justify;
}
#section img {float: left;}



#contenu li {margin: 0 0 1em 0}
#contenu p {line-height: 1.4em;}
/* ********************************************** DROITE ********************************************** */
#sousmenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#sousmenu li {
	background: transparent url(../images/i_bullet_text.gif) no-repeat 0 .1em;
	margin: 5px 0px 0px 1em;
	padding-left: 2em;
}
/* coloration du menu */
#menunavigation a:link, a:visited, a:active {color: #000000;}
#menunavigation a:hover {color: #41a437;}
/* menu bulletin */
#menubulletin {
	background-color: #B7E6FF;
	border: 1px solid #A6CDE2;
	margin: 15px 0 0 0 ;
	padding: 15px 0 15px 0;
	line-height: 13px;
}
#menubulletin h3 {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	font-family: Verdana, Arial, "MS Sans-Serif", sans-serif;
	font-size : 11px;/*Netscape4*/
}
/*/*/a{}
body #menubulletin h3 {
	font-size: xx-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;/*IE 6*/
}
html>body #menubulletin h3 {font-size: x-small;/*FireFox, Opera*/}
/* */
#menubulletin p {
	font-size: 11px;/*Netscape4*/
	color: #006600;
	margin: 0px;
	padding: 0px 15px 10px;
}
/*/*/a{}
body #menubulletin p {
	font-size: xx-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;/*IE 6*/
}
html>body #menubulletin p {font-size: x-small;/*FireFox, Opera*/}
/* */
#imgbulletin {
	background-image: url(../images/header_bulletin.gif);
	height: 28px;
	width: 200px;
	margin-top: 15px;
}
#menubulletin a:link {color: #006600;}
#boxAdresse {
	color: #777;
	padding: 0 0 0 1em;
	margin: 15px 0 0 0;
	border: 1px solid #f5f5f5;
	line-height: 13px;
	font-size: 11px;/*Netscape4*/
}
/*/*/a{}
body #boxAdresse {
	font-size: xx-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;/*IE 6*/
}
html>body #boxAdresse {font-size: x-small;/*FireFox, Opera*/}
/* */
#boxAdresse a:link, a:visited, a:active {color:#000000;}
#boxAdresse a:hover {color:#006600;}
#adobeReader {
	color: #777;
	padding: 0 0 0 1em;
	margin: 15px 0 0 0;
	border: 1px solid #f5f5f5;
	line-height: 13px;
	font-size: 11px;/*Netscape4*/
}
/*/*/a{}
body #adobeReader {
	font-size: xx-small;/*IE 5*/
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;/*IE 6*/
}
html>body #adobeReader {font-size: x-small;/*FireFox, Opera*/}
/* */
.pdfIcone {
	background: url(../images/i_downloadpdf.gif) no-repeat;
	float: right;
	width: 50px;
	height: 42px;
	margin: 1em .5em 0 .5em;
}
#adobeReader a:link, a:visited, a:active {color:#000000;}
#adobeReader a:hover {color:#006600;}
/* ******************************************* FOOTER ************************************************* */
#footer a:link, a:visited, a:active {color:#000000;}
#footer a:hover {color:#006600;}
.floatl {
	width: 250px;
	height: 195px;
	float:left;
	padding: 0;
	margin-left: 10px; 
}
.floatl h3 {
   margin:0px;
   padding:0px;
}
.floatl h4 {
   margin:0px;
   padding:0px;
}
/* debut ------ Polices en tailles relatives pour le div contenu --- par hugo*/
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Geneva, sans-serif;text-align: left;}
#contenu h1 { 
	font-size: 16px;/*NETCAPE4*/
	text-transform: uppercase;
}
/*/*/a{}
body #contenu h1 {
  font-size: small;/*IE 5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;/*IE 6*/
  margin-top: 0;
  margin-bottom: 0;
}
html>body #contenu h1 {font-size: medium;/*FireFox, Opera*/}
/* */
#contenu #section h1 a:link, #contenu #section h1 a:visited, #contenu #section h1 a:active {border:none;}
#contenu h2 {font-size: 30px;}/*NETCAPE4*/
/*/*/a{}
body #contenu h2 {
  font-size: large;/*IE 5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;/*IE 6*/
  margin-top: 0;
  color: #032c1c;
}
html>body #contenu h2 {font-size: x-large;/*FireFox, Opera*/}
/* */
#contenu h3 {font-size: 20px;}/*NETCAPE4*/
/*/*/a{}
body #contenu h3 {
  font-size: medium;/*IE 5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: large;/*IE 6*/
  margin-bottom: .5em;
}
html>body #contenu h3 {font-size: large;/*FireFox, Opera*/}
/* */
#contenu h4 {font-size: 16px;}/*NETCAPE4*/
/*/*/a{}
body #contenu h4 {
  font-size: small;/*IE 5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;/*IE 6*/
  margin-bottom: 0;
}
html>body #contenu h4 {font-size: medium;/*FireFox, Opera*/}
/* */
h5, h6 {margin: 0; padding: 0;}
#contenu p, ul, ol, dl {font-size: 12px;}/*NETCAPE4*/
/*/*/a{}
body #contenu p, body  #contenu ul, body  #contenu ol, body  #contenu dl, body  #contenu dt, body  #contenu dd, body #contenu li {
  font-size: x-small;/*IE 5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;/*IE 6*/
}
html>body #contenu p, #contenu ul, #contenu ol, #contenu li, #contenu dl, #contenu dt, #contenu dd {font-size: small;/*FireFox, Opera*/}
/* */
#contenu a:link {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted Green;
}
#contenu a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted Green;
}
#contenu a:active {
	color: #41a437;
	border-bottom: 0;
	font-weight: bold;
	text-decoration: none;
}
#contenu a:hover {
	color: #41a437;
	border-bottom: 0;
	font-weight: bold;
	text-decoration: none;
}
/* Fin ------ Polices en tailles relatives pour le div contenu --- par hugo*/
/* Debut ----- Nav avec ancres --- par hugo*/
.enHaut {
	background: transparent no-repeat url(../images/i_uparrow.png);
	padding-left: 1em;
	margin: 0 0 0 0;
}
.enHaut a {font-size: 11px;} /*Netscape4*/
/*/*/a{}
body .enHaut a {
  font-size: xx-small;/*IE5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;/*IE6*/
}
html>body .enHaut a {font-size: x-small;}/*FireFox, Opera*/
/* */
#navAncresBox {
  background-color: #ecf3f8;	
  border: 1px solid #96badc;
  width: 50%;
  float: right;
  margin: 1em;
  padding: 0.5em 0.5em 0.5em 1em;
  text-align: left;
}
#navAncresBox a:link, #navAncresBox a:visited, #navAncresBox a:active, #navAncresBox a:hover {
	font-style: normal;
	font-weight: normal;
}
#navAncres {
  	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#navAncres li {
	padding: 0;
	padding-left: 1.3em;
	margin: 0.5em 0 0 0;
	background: transparent url(../images/i_puce_nav2.gif) no-repeat 0 .4em;
}
#navAncres li li {
	padding: 0;
	margin: 0.5em 0 0 0;
	background: none;
}
/* */
/* Fin ----- Nav avec ancres --- par hugo*/
.logoQc img {
	margin-top: 15px;
}
dl.logoQc {
	text-align: left;
}
.logoQc dd {
	margin-left: 0;
	padding: 0;
}
dl.appui {
	width: 100px;
	margin: 2em 0;
	padding: 0;
}
.appui dt {
	width: 25em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #cccccc;
	font-weight: bold;
}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */
.appui dd {
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
}
.clear {clear: both;}
ul.annees {list-style: none; margin: 0;padding: 0;}
.annees li {display: inline;}
dl.gallery {
	border: 1px solid #000;
	background-color: #FFFFFF;
	width: 100px;
	text-align: center;
	padding: 10px;
	float: left;
	height: 100%;
}
.gallery dt {font-weight: normal;}
.gallery dt img {
	border: 1px solid #000;
	width: 100px;
	height: 100px;
}
.gallery dd {
	margin: 0;
	padding: 0;
}
.current {font-weight: bolder;} 
.imgGallery {
	float:left;
	margin-bottom:30px;
	margin-top:15px;
	width: 350px;
	max-width: 350px;
}
.imagef {
	float: left;
	height: 50px;
	width: 50px;
	border: 1px solid #000000;
	margin: 0 0 15px 15px;
}
.boxIcones {
	width: 150px;
	float: left;
	margin-top: 15px;
}
.partenaires dd {
	padding: 0px;
	clear: both;
	margin: 5px 0px 0px 0px;
}
.partenaires dl {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}
.partenaires dt {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.clearl {clear: left;}
.partenaires {
	float: left;
	width: 545px;
}
.spacer {clear:both;}
.hauteur {
	height: 15px;
	width: 10px;
	margin: 0px;
	padding: 0px;
}
.ouvert {
   display: list-item;
	list-style: none;
}
.fermer {display:none;}
#rechercher {
	clear: both;
	float: right;
	display: inline;
	margin: 125px 5px 0px 0px;
}
#rechercher p {
	margin: 0;
	padding: 0;
	font-size: x-small;
}
form {
	margin: 0;
	padding: 0;
}
input {
	margin: .5em 0 0 0;
	padding: 0;
	font-size: 10px;
}
.btnGo {
	color: #fff;
	margin-left: .5em;
	padding: .3em;
	background: url(../images/btngo.gif) repeat-x;
	border-top: 1px solid #1d722f;
	border-right: 1px solid #1d722f;
	border-bottom: 1px solid #02281d;
	border-left: 1px solid #02281d;}
.btnGo:hover {border: 1px solid #333;}
.txtSearch {
	padding: .3em;
	background: #fff;
	border: 1px solid #02281d;}
.txtSearch:hover {border: 1px solid #65BD27;cursor: text;}


/* Début--------Table de la page formation--hugo*/
table #formation {border-collapse: collapse;}

#formation th, #formation td {
	border: 1px solid #333;

	padding: 5px 0 5px 5px;
}

/*#formation td {
	border: 1px solid #333;

	padding: 5px 0 5px 5px;
}
*/

/*#formation td[scope] {
	font-weight: bold;
}*/
#formation caption {margin: 0 0 5px 0;}
.cellColor {background-color: #eee;}
table {font-size: 12px;}/*Netscape4*/
/*/*/a{}
body table {
  font-size: x-small;/*IE5*/
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;/*IE6*/
}
html>body table {font-size: small;}/*FireFox, Opera*/
/* */
/* Fin--------Table de la page formation--hugo*/
/* Début------- du sous-menu de la section Qui sommes-nous?--hugo*/
#menuQuiBox {
  background-color: #ecf3f8;	
  border: 1px solid #96badc;
  width: 30%;
  float: right;
  margin: 1em;
  padding: 0.5em 0.5em 0.5em 1em;
  text-align: left;
}
#menuQui {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: none;
}
#menuQui a:link, #menuQui a:visited, #menuQui a:active, #menuQui a:hover  {
	font-style: normal;
	font-weight: normal;
}
#menuQui li {
	padding: 0;
	padding-left: 1.3em;
	margin: 0.5em 0 0 0;
	background: transparent url(../images/i_puce_nav2.gif) no-repeat 0 .4em;
}
#menuQui li li {
	padding: 0;
	margin: 0.5em 0 0 -1.8em;
	background: none;
}
/* FIN------- du sous-menu de la section Qui sommes-nous?--hugo*/
/* Début------- menu de la page Archives des projets en TIC--hugo*/
#menuTicBox {
  background-color: #ecf3f8;	
  border: 1px solid #96badc;
  width: 30%;
  float: right;
  margin: 1em;
  padding: 0.5em 0.5em 0.5em 1em;
  text-align: left;
}
#menuTic {
	margin-left: 1em;
	padding-left: 0;
	list-style-type: none;
	background: none;
}
#menuTic a:link, #menuTic a:visited, #menuTic a:active, #menuTic a:hover  {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#menuTic li {
	padding: 0;
	padding-left: 1.3em;
	margin: 0.5em 0 0 0;
	background: transparent url(../images/i_puce_nav2.gif) no-repeat 0 .4em;
}
/* FIN------- menu de la page Archives des projets en TIC--hugo*/
/* Début ------------ Page projets de la section logement social*/
.encadrer dl {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.dt {
   width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	font-weight: bold;
	border-bottom: 1px solid black;

}
.dd {
    width: 220px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
	text-align: right;
}
.encadrer h4 {margin: 0;}
.encadrer h3{
   border-bottom: 2px solid black;
   margin: 0;
   padding: 0;
}
.encadrer {
	background: #ecf3f8;
	padding: 11px 0px 15px 10px;
	margin: 0 0 0 0;
}
.ligneh3 {border-bottom: 1px solid #96badc;margin:1em 0 0 0;}
.couleurh3 {
    color: black;
	background-color: transparent;
}
.encadrer img {border: 0px;}
/* Fin------------ Page projets de la section logement social*/
/* Début----------- Box pour les mrc des projets logements social--hugo*/
.ProjetsBox {
  background-color: #ecf3f8;	
  border: 1px solid #96badc;
  margin: 0 0 1.5em 0;
  padding: 0.5em 0.5em 0.5em 1em;
}
ul.Projets {
	margin-left: 1.5em;
	padding-left: 0;	
}
#ProjetsCol_L {
	float: left;
	width: 48%;
}
#ProjetsCol_L h5 {margin-bottom: .5em;}
#ProjetsCol_R {
	float: left;
	width: 48%;
	margin-left: 1em;
}
#ProjetsCol_R h5 {margin-bottom: .5em;}
#ProjetsCol_L li a:link, #ProjetsCol_L a:visited, #ProjetsCol_L a:active, #ProjetsCol_L a:hover  {
	font-style: normal;
	font-weight: normal;
}
#ProjetsCol_R li a:link, #ProjetsCol_R a:visited, #ProjetsCol_R a:active, #ProjetsCol_R a:hover  {
	font-style: normal;
	font-weight: normal;
}
/*Fin----------- Box pour les mrc des projets logements social--hugo*/
/*Début----------- style pour la page Plan du site--hugo*/
#plan {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: none;
}
#plan li {
	padding: 0;
	padding-left: 1.3em;
	margin: 0.5em 0 0 0;
	background: transparent url(../images/i_puce_nav.gif) no-repeat 0 .4em;
	list-style-type: none;
}
#plan li li {
	margin: 0.5em 0 0 -3em;
	padding-left: 1em;
	background: transparent url(../images/i_puce_nav2.gif) no-repeat 0 .4em;
	list-style-type: none;
}
#plan li li li {
    background: none;
	margin: 0.5em 0 0 0;
	list-style-type: circle;
	padding: 0px;
}
#plan a:link, #plan a:visited, #plan a:active, #plan a:hover  {
	font-style: normal;
	font-weight: normal;
}
.separateur {border-top: solid 1px #444;}
/*Fin----------- style pour la page Plan du site--hugo*/
.coordCjs-L {
	width: 270px;
	float: left;
	padding: 0;
	margin: 0; 
}
.coordCjs-R {
	width: 270px;
	float: right;
	padding: 0;
	margin: 0; 
}
.coordCjs-hr {
	color: #fff;
	background-color: #fff;
	height: 1px;
	border: 0;
	margin: 10px 0 10px 0;
	clear: both;
}

#nomoreborder
{
border: 0px;

}
.imgFoire {
	background: transparent url(../images/i_foire.jpg) no-repeat;
	width: 99px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
SPAN.green{
color: #FF0000;
font-weight: bold;
}