body{ _font-size:12px !important; }

.w_260{width:260px;}
.w_280{width:280px;}
.w_705{width:705px;}


.fs16px{ font-size:14.5px;}
.colblue{ color:#014459 !important;}
.colgreen{ color:#00a261 !important;}
.colgrey{ color:#97a69b !important;}
.colred{ color:#E41138 !important;}
.colwhite{ color:#FFF !important;}



.floatleft{ float:left; }

div.conseil p, div.contenu-conseiller p{font-size:13px !important;}
div.conseil h2{font-size:16px;}
#rapport-annuel h2{margin-bottom:0;}

h2 a{text-decoration:none;}

a.silly, p.silly{display:none !important;}

a.happy, a.silly , a.indifferent ,a.sad{width:43px; height:43px; display:block; float:left; margin:10px;}

a.happy {background:url(/images/sondage_bhappy_on.gif) no-repeat left top; background:url(/images/sondage_bhappy.gif) no-repeat left top;}
a.silly {background:url(/images/sondage_bsilly_on.gif) no-repeat left top; background:url(/images/sondage_bsilly.gif) no-repeat left top;}
a.indifferent {background:url(/images/sondage_bindifferent_on.gif) no-repeat left top; background:url(/images/sondage_bindifferent.gif) no-repeat left top;}
a.sad {background:url(/images/sondage_bsad_on.gif) no-repeat left top; background:url(/images/sondage_bsad.gif) no-repeat left top;}

a.happy_on, a.happy:hover {background:url(/images/sondage_bhappy_on.gif) no-repeat left top;}
a.silly_on, a.silly:hover {background:url(/images/sondage_bsilly_on.gif) no-repeat left top;}
a.indifferent_on, a.indifferent:hover{background:url(/images/sondage_bindifferent_on.gif) no-repeat left top;}
a.sad_on ,a.sad:hover{background:url(/images/sondage_bsad_on.gif) no-repeat left top;}


#satisfactometer{width:185px;overflow:visible; display:block;clear:both; height:175px;margin-top:50px;}

#satisfactometer p {
  float: left;
  width: 32px;
  margin-right: 12px;
  text-align: center;
  position: relative;
  height: 100px;
}
#satisfactometer p * {
  vertical-align: middle;
}
#satisfactometer p.happy *.bar {background-color:#f8f8f8;}
#satisfactometer p.silly *.bar {background-color:#DDD;}
#satisfactometer p.indifferent *.bar {background-color:#CCC;}
#satisfactometer p.sad *.bar {background-color:#999;}
#satisfactometer p img {
  height: 30px;
  position: absolute;
  left: 0;
}
#satisfactometer p *.bar {
  margin-top: 2px;
  width: 30px;
  margin: 0 auto;
  display: block;
  background-color: #DDD;
  border: 1px solid #666;
  position: absolute;
  bottom: 20px;
}
#satisfactometer p *.percent {
  position: absolute;
  bottom: -20px;
  width: 30px;
  left: 0;
  display: block;
  margin-top: 5px;
  font-size: 90%;
  text-align: center;
  font-weight: bold;
}

.discuss_user_details{background:url(/images/discuss_bg_photo.gif) no-repeat left top; padding:1px 0 1px 1px; width:109px;}
.discuss_user_details img{ width:82px; height:82px; display:block;clear:both; }
.discuss_user_details p.nom{padding:5px 0;font-size:16px;}
.discuss_user_comments{width:500px; padding:10px 5px 1px 5px;margin-top:15px; border:1px solid #d9d9d9; background:#fafafa url(/images/sondage_bg_comment.gif) repeat-x left bottom;;}

.comments_holder{ background:url(/images/bg_comment-sep.gif) no-repeat left bottom;margin-bottom:10px;padding-bottom:10px;}




/* Monthly Structure */


table#event_calendar {
	width:140px;
	margin: 2px auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 8px;
}

#event_calendar th, #event_calendar td {
	padding:5px 3px;
	text-align: left;
}
#event_calendar thead th {
	text-align: center;
}

.calendarheader th{
	vertical-align: middle;
}
.calendarheader { 
 font-weight: bold; 
 text-align: center;
}



.calendarmonthlinks {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.calendarmonthlinks a {
 text-decoration:   none;
}
  
.calendarmonthlinks a:visited {
 text-decoration:   none;
}

.calendarmonthlinks a:hover {
	text-decoration:   underline;
}

#event_calendar td.calendardayheading {
	font-weight: bold; 
	text-align:  center;!important
	padding: 5px 0px;
}

.calendartoday { 
 text-decoration:   none;
}


.calendarcell {
	width: 25px;
	height: 25px;
	border:1px solid #eee !important;
text-align:center !important;
}

.calendarcell a {
	text-decoration:   underline;
	font-weight: normal;
	line-height: 125%;
}
  
.calendarcell a:visited {
	text-decoration:   underline;
}

.calendarcell a:hover {
	text-decoration: underline;
}
.event_details{
	padding: 9px;
}
th#calendardate{
	text-align: center;
	font-size: 9px;
	font-weight: bold;
}




/* Monthly Calendar Color Styles */


#discuss_BTN_envoyer{margin-top:20px; margin-left:20px; background:url(/images/discuss_BTN_envoyer.gif) no-repeat left top; width:115px;height:29px; padding: 0 0 0 12px; font-size:14px; font-weight:700; color:#FFF !important;}

table#event_calendar {
	border:1px solid #ccc;
	background-color: #fff; 
	color: #333;
}

#event_calendar thead th {
	background:#eee;
}
#event_calendar tbody th, #event_calendar tbody td {
	border-bottom:1px solid #cccccc;
}

.calendarblank { 
	background-color: #eee;
	border-right: 1px solid #bbbbbb;
}

.calendarheader, .calendarheader a{ 
	background-color: #eeeeee; 
	color: #333;
}
.calendarheader th{
	background-color: #eeeeee;
}

.calendartoday { 
	background-color: #ccc;
	border: 1px solid #999999;
}


.calendarmonthlinks a {
 background-color:  transparent;
}

.calendarmonthlinks a:hover {
	color: #666666;

}

#event_calendar td.calendardayheading {
	padding: 5px 0px;
	background-color: #eeeeee; 
}

.calendarcell {
	background-color:  #fff;
	border: 1px solid #ccc;
}
.calendarcell a{
	color: #333333;
}  
.calendarcell a:visited {
	color:#333333;
}

.calendarcell a:hover {
	color: #666666;
}
.event_details{
	border: 1px solid #ccc;
	background-color: #eee;
}

 .activecontent{ background:#eea89c;}



.bulblue{ background:url(/images/new/bullets.png) left -19px no-repeat; padding-left:8px; _background-image:url(/images/new/bullets.gif);}
.bulgreen{ background:url(/images/new/bullets.png) left -64px no-repeat; padding-left:8px; _background-image:url(/images/new/bullets.gif);}
.bulgrey{  background:url(/images/new/bullets.png) left -42px no-repeat; padding-left:8px; _background-image:url(/images/new/bullets.gif);}
.bulred{  background:url(/images/new/bullets.png) left 5px no-repeat; padding-left:8px; _background-image:url(/images/new/bullets.gif);}
.bulwhite{  background:url(/images/new/bullets.png) left -148px no-repeat; padding-left:8px; _background-image:url(/images/new/bullets.gif);}

.bulred2{  background:url(/images/new/bullets.png) left -121px no-repeat; padding-left:10px; _background-image:url(/images/new/bullets.gif);}
.bulgrey2{  background:url(/images/new/bullets.png) left -93px no-repeat; padding-left:10px; _background-image:url(/images/new/bullets.gif);}


body{background:url(/images/new/bg-gris-01.png) left 227px repeat-x !important;}

body#splash{ background:url(/images/new/bg-gris-01.png) left 412px repeat-x !important;}

body#splash h1{margin:10px 0 0 79px !important; *margin:20px 0 0 79px !important; position:relative; z-index:9;}

body#home #mcmiddle h3 a{ color:#000; }
body#home{ background:url(/images/new/bg-gris-01.png) left 318px repeat-x !important;}

body#home .nohome{display:none !important;}




p#splashtext{ display:none; }
body#splash ul { position:relative; left:95px; top:15px; color:#666; margin-bottom:50px !important;  }
body#splash p#splashtext{ display:block; width:810px; margin:20px auto 0 auto; text-align:justify; font-size:13px; color:#666666; line-height:18px;  *margin-top:30px; _margin-top:5px;}
body#splash h1 {font-size:18px; color:#666666; font-weight:bold;margin-left:25px; position:relative; z-index:9; *margin-top:10px; }

.bg01{ background-color:#97a69b;}
html#b .bg01{ background-color:#014459;}
html#g .bg01{ background-color:#97a69b;}
html#r .bg01{ background-color:#E41138;}


#mcmiddle{color:#0d0d0d; overflow:visible;  _overflow:visible; *margin-top:10px !important;  _margin-top:0px !important;}
#mcmiddle p{ line-height:1.45em;}
#mcmiddle p, #mcmiddle ul li{color:#666;}


body#historique{ background:url(/images/new/texture-historique.jpg) left 229px repeat-x !important;}

body#historique h2{display:none;}

body#historique #mcmiddle{background:url(/images/new/nostrum-nostro.jpg) 425px top no-repeat; padding-top:15px;margin-top:0 !important;}
html#b body#historique #mcmiddle, html#g body#historique #mcmiddle{background:none !important;}
body#historique #mcmiddle p{color:#0d0d0d; _font-size:12px; !important; }
body#historique #mcmiddle p strong{color:#0d0d0d;}

body#historique #mcmiddle #histoire{display:none;}
html#r body#historique #mcmiddle #histoire{ display:block;background:url(/images/new/histoire.png) left top no-repeat; width:504px; height:285px; margin:-40px auto 0 auto;}




html#b #mcmiddle a{text-decoration:none;}
html#b #mcmiddle a:hover{text-decoration:underline;}

html#b #mcmiddle a{color:#014459;}
html#g #mcmiddle a{color:#97a69b;}
html#r #mcmiddle a{color:#E41138;}


#mcmiddle ul{margin:15px 0 15px 50px;list-style:square;}

body#home #mcmiddle ul{margin:0 !important;}
#mcmiddle ol{margin:15px 0 15px 50px; list-style:decimal;}

#mcmiddle h3{font-weight:bold;}






/* HEADER
---------------------------------------------------------------------------------------------------------------- */
#header{height:38px;}
#headerbg{width:100%;height:38px; position:absolute; z-index:1; top:0; background-image: url(/images/new/shadow-top.png);}
#city{background:#FFF url(/images/new/ville-vsmall.gif) center bottom repeat-x; width:100%;  position:absolute; z-index:1; top:38px; height:160px; }
body#home #city{background:#FFF url(/images/new/ville-small.gif) center bottom repeat-x; height:250px;}
/*body#splash #city{background:#FFF url(/images/new/ville-big.png) center top repeat-x;  height:347px;}*/

body#splash #city{background:url(/images/new/ville-big.png) center top repeat-x; width:100%;  position:absolute; z-index:1; top:38px; height:347px;}
body#historique #city{background:url(/images/new/ville-historique.jpg) center top repeat-x;  height:165px;}

#splashimg{ position:relative; background:url(/images/new/splash_img.jpg) left top no-repeat;width:903px; height:366px; margin:28px auto 0 auto;   *top:28px;  _top:5px; }

#logo{ display:block; top:55px; left:0;position:absolute; z-index:3;}

html#b #logo{background:url(/images/new/logob.png) left top no-repeat; width:199px; height:70px;}
html#g #logo{background:url(/images/new/logo01.png) left top no-repeat; width:193px; height:54px;}
html#r #logo{background:url(/images/new/logo02.png) left top no-repeat; width:197px; height:70px;}


body#splash #logo{background:url(/images/new/logo01.png) left top no-repeat;height:54px; }
#shadowmid{background-image:url(/images/new/shadow-mid.png); width:100%; height:27px; position:absolute; top:198px; }
body#home #shadowmid{top:288px;}
body#splash #shadowmid{ top:382px; z-index:1;  }







/* MENU TOP
---------------------------------------------------------------------------------------------------------------- */
#header p{ display:none;}
body#splash #header p{display:block;  font-size:15px; color:#FFF; font-weight:bold; height:23px; padding-top:10px; width:260px; margin-left:4px; float:left;}
#header div{margin-left:125px; font-size:13px; background:url(/images/new/onglet-haut.png) left bottom no-repeat; width:680px; height:38px; float:left; padding: 0 0 0 50px; _background:url(/images/new/onglet-haut.gif) left top no-repeat;  _width:680px; _height:37px; _margin-left:80px;height:38px\9;}
body#splash #header div{margin-left:0px; width:480px; }




#header div a {display:block; margin:11px 22px 0 5px; float:left; text-decoration:none; white-space:nowrap; _margin-left:3px;}
#header div a:hover { text-decoration:underline;}
#header a.out{ margin-left:0px; }
#header .bulgreen{padding-right:15px; _padding-right:10px;}
body#splash #header a.out{display:none;}
/*  END MENU TOP
---------------------------------------------------------------------------------------------------------------- */
/* HEADER SEARCH
---------------------------------------------------------------------------------------------------------------- */
#header #search{ position:relative;  top:-38px; float:right; width:150px !important; height:23px !important; background:none !important; _left:5px;  _top:-30px; _width:100px;   }
#header input{ _margin-left:-25px;}
#header input#btn{ position:absolute; z-index:0;text-indent:-99999px; background:url(/images/new/bg-searchbg.png) left top no-repeat; width:122px; height:23px; cursor:pointer;}
#header input#txtbox{ position:absolute; top:2px; margin:2px 0 0 0px; z-index:1; width:90px;  padding:5px 0 5px 1px; _margin-left:-24px; background:none; border:none !important; _margin-top:-4px;}

/* END HEADER SEARCH
---------------------------------------------------------------------------------------------------------------- */

/*#topimages{display:none;}*/
#topimages{display:block; background:url(/images/new/topimages-pompiers.png) left top no-repeat; width:584px; height:224px; position:relative; margin-left:235px; z-index:2;}
#topimages{ position:relative; z-index:3; }

body#home #topimages{display:block; background:url(/images/new/imgtrans_01.png) left top no-repeat; width:316px; height:206px; position:relative; margin:110px 0 0 100px; z-index:4; *top:110px; _margin-top:80px !important;}

html#b body#home #topimages{background:url(/images/new/imgtransb_01.png) left top no-repeat; }
html#g body#home #topimages{background:url(/images/new/imgtransg_01.png) left top no-repeat; }


html#r body.activites_evenements #topimages, html#r body#galerie #topimages{ background:url(/images/new/topimages_activites_pompiers.png) left top no-repeat; width:580px; height:214px; margin-bottom:9px;}
html#b body.activites_evenements #topimages, html#b body#galerie #topimages{ background:url(/images/new/topimages_activites_cols_bleus.png) left top no-repeat; width:580px; height:214px; margin-bottom:9px; }
html#g body.activites_evenements #topimages, html#g body#galerie #topimages{ background:url(/images/new/topimages_activites_cols_blancs.png) left top no-repeat; width:580px; height:214px; margin-bottom:9px; }




body.gamme_prestige #leftside{_margin-top:-58px !important;}
html#r body.avantage_membres #topimages, html#r body.gamme_prestige #topimages, html#r body.notre-equipe #topimages{ background:url(/images/new/topimages_avantage_pompiers.png) left top no-repeat; width:576px; height:219px;margin-bottom:5px; }



html#b body.avantage_membres #topimages, html#b body.gamme_prestige #topimages, html#b body.notre-equipe #topimages{ background:url(/images/new/topimages_avantage_cols_bleus.png) left top no-repeat; width:579px; height:222px; margin-bottom:5px !important; }
html#g body.avantage_membres #topimages, html#g body.notre-equipe #topimages{ background:url(/images/new/topimages_avantage_cols_blancs.png) left top no-repeat; width:578px; height:221px;  margin-bottom:5px !important;}

html#g body.gamme_prestige #topimages{ background:url(/images/new/topimages_gamme_prestige_cols_blancs.png) left top no-repeat; width:575px; height:221px; }

html#r body#implication #topimages{ background:url(/images/new/topimages_implication_pompiers.png) left top no-repeat; width:561px; height:222px; margin-bottom:3px;}
html#b body#implication  #topimages{ background:url(/images/new/topimages_implication_cols_bleus.png) left top no-repeat; width:562px; height:222px; margin-bottom:3px; }
html#g body#implication  #topimages{ background:url(/images/new/topimages_implication_cols_blancs.png) left top no-repeat; width:561px; height:223px; margin-bottom:3px; }

html#r body#nouvelles #topimages{ background:url(/images/new/topimages_nouvelles_pompiers.png) left top no-repeat; width:585px; height:222px; margin-bottom:3px; }
html#b body#nouvelles #topimages {background:url(/images/new/topimages_nouvelles_cols_bleus.png) left top no-repeat; width:586px; height:220px; margin-bottom:3px; }
html#g body#nouvelles #topimages{ background:url(/images/new/topimages_nouvelles_cols_blancs.png) left top no-repeat; width:586px; height:220px; margin-bottom:3px; }

html#r body.outils_calcul #topimages{ background:url(/images/new/topimages_outil_calcul_pompiers.png) left top no-repeat; width:585px; height:219px; margin-bottom:5px;  }
html#b body.outils_calcul #topimages{ background:url(/images/new/topimages_outil_calcul_cols_bleus.png) left top no-repeat; width:587px; height:219px; margin-bottom:5px;  }
html#g body.outils_calcul #topimages{ background:url(/images/new/topimages_outil_calcul_cols_blancs.png) left top no-repeat; width:586px; height:219px;  margin-bottom:5px; }

html#r body#conseils #topimages{ background:url(/images/new/topimages_videos_conseils_pompiers.png) left top no-repeat; width:564px; height:223px; }
html#b body#conseils #topimages{ background:url(/images/new/topimages_videos_conseils_cols_bleus.png) left top no-repeat; width:567px; height:226px; }
html#g body#conseils #topimages{ background:url(/images/new/topimages_videos_conseils_cols_blancs.png) left top no-repeat; width:566px; height:224px; }

html#r body.fond_caserne #topimages{ background:url(/images/new/topimages_fond_caserne_pompiers.png) left top no-repeat; width:571px; height:225px; }

body#concours #topimages{  }
body#concours #topimages_concours{ background:url(/images/new/topimages_concours.png) left top no-repeat; width:551px; height:360px; position:absolute; top:-190px; left:0px; margin-left:125px; z-index:10;  }



body.topbanner_assurance #topimages{  background:url(/images/new/top_assurance.png) left top no-repeat; width:425px; height:160px; margin-bottom:65px; _margin-bottom:62px; position:relative; z-index:0; _top:-25px; }



body.topbanner_vos_projets #leftside{_margin-top:-43px !important;}

body.nobanner #topimages{display:none; }
#placeholder{display:none; width:615px; height:225px; position:relative; }
body.nobanner #placeholder{display:block; }
body.topbanner #topimages, body.topbanner2 #topimages, body.topbanner_taux_rendement #topimages, body.topbanner_vos_projets #topimages{display:none;}

#tobanner{display:none; width:634px; height:206px; position:relative; z-index:4;margin:18px 0 0 235px;}
body.topbanner #tobanner, body.topbanner2 #tobanner,body.topbanner_vos_projets #tobanner , body.topbanner_taux_rendement #tobanner  {display:block !important; }
body.topbanner #tobanner a{display:block;  position:absolute; background:url(/images/new/banner-conseil.gif) left top no-repeat; width:615px; height:129px; margin:8px 0 0 15px}
body.topbanner2 #tobanner a{display:block;  position:absolute; background:url(/images/new/ban_ps01_fr.png) left top no-repeat; width:634px; height:140px; margin:8px 0 0 15px}


body.topbanner2 #leftside{ *margin-top:-18px !important; _margin-top:-42px !important;}

body.topbanner_vos_projets #tobanner a{ display:block;  position:absolute;   background:url(/images/new/ban_conseils_projets_01.png) left top no-repeat !important;_background:url(/images/new/ban_conseils_projets_01.gif) left top no-repeat !important; width:630px; height:142px; margin:8px 0 0 15px;  }
body.topbanner_taux_rendement #tobanner a{ display:block;  position:absolute; /* background:url(/images/new/banner-conseil.png) left top no-repeat !important;*/ background:url(/images/new/banner-conseil.gif) left top no-repeat; width:629px; height:143px;  margin:8px 0 0 15px;  }



body#splash #topimages{display:none; }

body#historique #topimages{display:block; background:url(/images/new/topimages-historique.png) left top no-repeat; width:769px; height:214px; position:relative; z-index:4; margin:-2px 0 15px 235px; *top:-3px; * margin-bottom:12px;}
html#b body#historique #topimages,
html#g body#historique #topimages{display:block; background:url(/images/new/topimages_cols_bleus.png) left top no-repeat; width:547px; height:214px; position:relative; z-index:4; margin:-2px 0 15px 235px; *top:-3px; * margin-bottom:12px;}






/* ROTATION HOME TOP
---------------------------------------------------------------------------------------------------------------- */

#rotation{ display:none; }

body#home #rotation{position:absolute; display:block; background:url(/images/new/bganimation_01.png) 1px 1px no-repeat; width:627px; height:305px; top:52px; right:35px; z-index:2;_ right:0px; *width:626px;}

html#b body#home #rotation{ background:url(/images/new/bganimationb_01.png) 25px 1px no-repeat; }
html#g body#home #rotation{ background:url(/images/new/bganimationg_01.png) 26px 1px no-repeat; }


body#home #rotation *{ margin:8px 0 0 49px; _margin:7px 0 0 20px;}

#rotation a{ display:block;width:594px; height:273px; margin:0 !important;}

html#b body#home #rotation #rot01{ background:url(/images/new/rot_bleu_01.jpg) left top no-repeat; width:594px; height:273px;}
html#b body#home #rotation #rot02{ background:url(/images/new/rot_bleu_02.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#b body#home #rotation #rot03{ background:url(/images/new/rot_bleu_03.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#b body#home #rotation #rot04{ background:url(/images/new/rot_bleu_04.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#b body#home #rotation #rot05{ background:url(/images/new/rot_bleu_05.jpg) left top no-repeat; width:594px; height:273px; display:none;}

html#g body#home #rotation #rot01{ background:url(/images/new/rot_blanc_01.jpg) left top no-repeat; width:594px; height:273px;}
html#g body#home #rotation #rot02{ background:url(/images/new/rot_blanc_02.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#g body#home #rotation #rot03{ background:url(/images/new/rot_blanc_03.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#g body#home #rotation #rot04{ background:url(/images/new/rot_blanc_04.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#g body#home #rotation #rot05{ background:url(/images/new/rot_blanc_05.jpg) left top no-repeat; width:594px; height:273px; display:none;}

html#r body#home #rotation #rot01{ background:url(/images/new/rot_pomp_01.jpg) left top no-repeat; width:594px; height:273px;}
html#r body#home #rotation #rot02{ background:url(/images/new/rot_pomp_02.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#r body#home #rotation #rot03{ background:url(/images/new/rot_pomp_03.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#r body#home #rotation #rot04{ background:url(/images/new/rot_pomp_04.jpg) left top no-repeat; width:594px; height:273px; display:none;}
html#r body#home #rotation #rot05{ background:url(/images/new/rot_pomp_05.jpg) left top no-repeat; width:594px; height:273px; display:none;}




#nav{display:none;}
body#home #nav{ display:block; height:30px; text-decoration:none; text-align:left; padding:20px; width:138px ;position:absolute; display:block; top:280px; right:0; z-index:5;}
body#home #nav a{border:1px solid #999 !important; background:#FFF; padding:3px 7px; margin:1px; font-size:14px; color:#333;}

body#home #nav a:focus{ outline:none; }

html#b body#home #nav a.activeSlide{border:1px solid #996161;  background:#a1bac8; }
html#g body#home #nav a.activeSlide{border:1px solid #996161;  background:#c4cac6; }
html#r body#home #nav a.activeSlide{border:1px solid #996161;  background:#d9a1a1; }



/* END ROTATION HOME TOP
---------------------------------------------------------------------------------------------------------------- */





/* LEFT SIDE
---------------------------------------------------------------------------------------------------------------- */


body#home #leftside h3{display:none;}
#leftside{ overflow:visible !important;font-size:13px; background:url(/images/new/bgmenu01.png) left top no-repeat; width:247px !important; min-height:683px; margin:-37px 0 0 -25px; _height:683px;  padding:15px 0 0 35px;   *margin-top:-38px !important;_margin-top:-60px !important;}
body#home #leftside{font-size:13px; background:url(/images/new/bgmenu01.png) left top no-repeat; width:247px; min-height:683px; margin:-37px 0 0 -25px; _height:683px; *margin:73px 0 0 -25px !important; _margin:50px 0 0 -25px !important; padding:15px 0 0 35px; }

body.topbanner_taux_rendement #leftside{  *margin-top:-20px !important; _margin-top:-41px !important;  }
body.topbanner_vos_projets #leftside{ *margin-top:-20px !important; _margin-top:-41px !important; }

html#b body.notre-equipe #leftside, html#g body.notre-equipe #leftside{margin-top:-39px !important; _margin-top:-63px !important;}
html#b body.avantage_membres #leftside, html#g body.avantage_membres #leftside{margin-top:-39px !important; _margin-top:-63px !important;}
html#b body#conseils #leftside, html#g body#conseils #leftside{margin-top:-39px !important; _margin-top:-63px !important;}



#leftside .font{font-size:16px;}
#leftside .font strong{ text-transform:uppercase;}
body#home h3.fonty{display:none;}
h3.fonty{display:block; position:absolute; left:-12px; top:143px; z-index:2; font-size:18.54px;  background:url(/images/new/bgtitle-menu.png) left top no-repeat; width:357px !important; height:30px; padding:25px 0 0 25px;  /*_left:-48px;*/}

body#historique h3.fonty{top:145px;}



#leftside a{ position:relative; z-index:4;color:#070707; display:block; width:200px; margin:0 0 16px 10px; text-decoration:none; _width:197px; font-weight:bold;  background:url(/images/new/bullets.png) left -64px no-repeat; padding-left:8px; _background-image:url(/images/new/bullets.gif);}



/*****************************************************************************************************************************/


html#r #leftside a{ background:url(/images/new/bullets.png) left -121px no-repeat !important; padding-left:10px; _background-image:url(/images/new/bullets.gif) !important;}

html#r #leftside a.avantages{margin:1px 0 0 -2px; text-indent:-9999px; display:block; background:url(/images/new/avantages-pompiers.gif) left top no-repeat !important; width:213px; height:65px;}
html#r #leftside a.btn_concours_rouge{margin:1px 0 0 3px; text-indent:-9999px; display:block; background:url(/images/new/btn_concours_rouge.jpg) left top no-repeat !important; width:205px; height:116px;}
html#r #leftside a.btn_bottin_entreprises_pompiers{margin:1px 0 0 10px; text-indent:-9999px; display:block; background:url(/images/new/btn_bottin_entreprises_pompiers.gif) left top no-repeat !important; width:184px; height:71px;}
html#r #leftside a.anniv65annees{margin:1px 0 0 -2px; text-indent:-9999px; display:block;background:url(/images/new/65-annees-pompiers.gif) left top no-repeat !important; width:203px; height:78px;}

html#b #leftside a.avantages{margin:1px 0 0 -2px; text-indent:-9999px; display:block; background:url(/images/new/avantages-cols-bleu.gif) left top no-repeat !important; width:211px; height:70px;}

html#b #leftside .btn_concours_bleu_1{  display:block; cursor:pointer; background:url(/images/new/btn_concours_bleu.jpg) no-repeat left top; width:205px; height:116px; }

html#b #leftside a.btn_concours_bleu{  /*clear:both; margin:1px 0 0 3px; z-index:999; text-indent:-9999px; display:block;background:url(/images/new/btn_concours_bleu.jpg) left top no-repeat !important; width:205px; height:116px;*/}
html#b #leftside a.anniv65annees{margin:1px 0 0 -2px; text-indent:-9999px; display:block;background:url(/images/new/65-annees-cols-bleu.gif) left top no-repeat !important; width:202px; height:81px;}

html#g #leftside a.avantages{margin:1px 0 0 -2px; text-indent:-9999px; display:block; background:url(/images/new/avantages-cols-blanc.gif) left top no-repeat !important; width:216px; height:92px;}
html#g #leftside a.btn_concours_vert{margin:1px 0 0 3px; text-indent:-9999px; display:block; background:url(/images/new/btn_concours_vert.jpg) left top no-repeat !important; width:205px; height:116px;}
html#g #leftside a.anniv65annees{margin:1px 0 0 -2px; text-indent:-9999px; display:block;background:url(/images/new/65-annees-cols-blanc.gif) left top no-repeat !important; width:195px; height:80px;}


/*****************************************************************************************************************************/

html#b #leftside a{ position:relative; z-index:4;color:#070707; display:block; width:200px; margin:0 0 16px 10px; text-decoration:none; _width:197px; font-weight:bold; background:url(/images/new/bullets.png) left -19px no-repeat !important; padding-left:8px; _background-image:url(/images/new/bullets.gif) !important;}
html#b #leftside a.active{ background-position:0 -93px !important;}
html#b #leftside .block a.active{ background:url(/images/new/bullets.png) left -93px no-repeat; padding-left:10px; _background-image:url(/images/new/bullets.gif);}


/*****************************************************************************************************************************/

#leftside .block a.active{ color:#97a69b !important; text-decoration:underline !important; font-weight:bold !important; padding-left:10px;}


/*****************************************************************************************************************************/


#leftside a:hover{text-decoration:underline;}

body#home #leftside a.fdc{color:#E41138 !important;}

#leftside a.fondsdecaserne{background:url(/images/new/fonds-de-caserne.gif) -2px top no-repeat; text-indent:-1000px;}
#leftside a.fondsdecaserne:hover{ background-position:-2px -28px;}

html#b  #leftside .block a.ouvrir-session,
html#g  #leftside .block a.ouvrir-session,
html#r  #leftside .block a.ouvrir-session{margin:1px 0 0 -2px; text-indent:-9999px; display:block;background:url(/images/new/ouvrir-session.gif) left top no-repeat !important; width:211px; height:52px;}

#leftside .block{width:200px;padding-bottom:12px; margin-bottom:12px; background:url(/images/new/leftmenuline.gif) -5px bottom no-repeat;}
#leftside .block p{margin:0 0 0 10px; text-transform:uppercase; font-size:16px; color:#97a69b; font-weight:bold;}




#leftside .block #sublinks, 
#leftside .block #sublinks2,
#leftside .block #sublinks3,
#leftside .block #sublinks4 {display:none;margin:-10px 0 15px 0; background:none !important;}
#leftside .block #sublinks a, #leftside .block #sublinks2 a, #leftside .block #sublinks3 a, #leftside .block #sublinks4 a{margin:1px 0 2px 15px !important; font-weight:normal !important; background:none !important;}
#leftside .block #sublinks a:hover, #leftside .block #sublinks2 a:hover, #leftside .block #sublinks3 a:hover, #leftside .block #sublinks4 a:hover{ text-decoration:underline;}
html#b #leftside .block #sublinks a.active, html#b #leftside .block #sublinks2 a.active, html#b #leftside .block #sublinks3 a.active, html#b #leftside .block #sublinks4 a.active{ color:#014459 !important; background:none !important; font-weight:bold !important;text-decoration:none !important;}
html#g #leftside .block  #sublinks a.active, html#g #leftside .block  #sublinks2 a.active, html#g #leftside .block  #sublinks3 a.active, html#g #leftside .block  #sublinks4 a.active{ color:#97a69b !important; background:none !important;  font-weight:bold !important;text-decoration:none !important;}
html#r #leftside .block  #sublinks a.active, html#r #leftside .block  #sublinks2 a.active, html#r #leftside .block  #sublinks3 a.active, html#r #leftside .block  #sublinks4 a.active{ color:#E41138 !important;  background:none !important; font-weight:bold !important;text-decoration:none !important;}

body.conseil-administration #leftside .block #sublinks4 {display:block;margin:-10px 0 15px 0; background:none !important;}


#leftside .block #sublinks3 .sub_sub_link{ display:block; font-size:12px; position:relative; left:14px !important; }





/* END LEFT SIDE
---------------------------------------------------------------------------------------------------------------- */

/* MAINCONTENT
---------------------------------------------------------------------------------------------------------------- */


#mcmiddle{width:720px; margin:0px 0 0 -10px; *margin-top:120px; padding-top:0; _margin-top:0;  _overflow:hidden;}
body#home #mcmiddle{width:385px !important; margin:5px 0 0 -10px; *margin-top:120px !important;}


#mcmiddle p strong{color:#666;}
body#historique #mcmiddle h1{margin-bottom:25px; }
#mcmiddle h1{font-weight:bold; color:#111;font-size:18px;}
#mcmiddle h2{ font-weight:bold; color:#666;}
body#home #mcmiddle h2, body#home #mcright h2{ margin:0 0 0px 0; font-size:18px !important; color:#FFF;}

.boxheight80{height:80px;}
.boxheight160{height:160px;}
.boxheight235{height:235px;}

.box{background:url(/images/new/boxbtm.png) left bottom no-repeat; width:376px; padding:10px 0 0 0;margin-bottom:15px !important;}
.box2{background:url(/images/new/boxbtm2.png) left bottom no-repeat; width:342px; padding:8px 0 0 0;margin-bottom:15px !important; margin-left:7px; }

h2.boxgrey01{background:url(/images/new/boxttlgrey01.png) left top no-repeat; color:#FFF; height:25px;width:376px; padding:5px 12px; _width:349px;}
h2.boxgrey01 a{color:#FFF !important; }
h2.boxgrey02{background:url(/images/new/boxttlgrey02.png) left top no-repeat; color:#000; height:22px;width:376px; padding:5px 12px; _width:352px;}
h2.boxgrey02 a{color:#000 !important; }

h2.boxgrey03{background:url(/images/new/boxttlgrey03.png) left top no-repeat; color:#FFF; height:26px;width:342px; padding:5px 12px; _width:322px;}
h2.boxgrey03 a{color:#FFF !important; margin-left:3px; }


html#b h2.boxred01{ font-weight:normal !important;background:url(/images/new/boxttlb01.png) left top no-repeat; color:#FFF; height:51px;width:376px; padding:5px 12px; _width:351px;}
html#g h2.boxred01{ font-weight:normal !important;background:url(/images/new/boxttlg01.png) left top no-repeat; color:#FFF; height:51px;width:376px; padding:5px 12px; _width:351px;}
html#r h2.boxred01{ font-weight:normal !important;background:url(/images/new/boxttlred01.png) left top no-repeat; color:#FFF; height:51px;width:376px; padding:5px 12px; _width:351px;}
h2.boxred01 a{color:#FFF !important; }




.box div {height:60px; border:1px solid #FFF;display:block; position:relative;margin: 0 0 15px 75px !important; width:283px; color:#7b7b7b; font-size:12px; *margin-bottom:15px;}
.box div span, .box2 div span{font-size:11px;   display:block; clear:both; margin-top:10px;}
.box div img, .box2 div img{margin:0 0 0 -60px; position:absolute; padding:1px; border:1px solid #d6d6d6; background:#FFF;}
.box div h3, .box2 div h3{ margin:0; padding:0; font-size:15px; font-weight:bold; line-height:normal;}
.box div h3 a, .box2 div h3 a{ color:#000; margin:0; padding:0;  display:block; width:100%; text-decoration:none;}

 .box2 div {height:80px;  /*border:1px solid #FFF;*/display:block; position:relative;margin: 0 0 15px 75px !important; width:240px; color:#7b7b7b; font-size:12px; *margin-bottom:15px; _height:70px;  _margin-bottom:0px !important; }



/* END MAINCONTENT
---------------------------------------------------------------------------------------------------------------- */



/* RIGHT
---------------------------------------------------------------------------------------------------------------- */
#mcright{width:345px; margin:5px 0 0 -1px; *margin-top:120px;}

#mcright #vidholder{background:url(/images/new/bgvidhote.png) left top no-repeat; width:342px; height:260px; position:relative; z-index:2;}
#mcright #vidholder h2{color:#FFF;padding:10px 15px;}
#mcright #vidholder h2 a{color:#FFF !important;}
#mcright #vidlist{ background:url(/images/new/bgvidsmall.png) left top no-repeat; width:342px; height:304px;position:relative; z-index:1; margin-top:-40px;padding:40px 0 0 20px; _margin-top:-25px; _width:320px; _padding-top:30px; _background:url(/images/new/bgvidsmall.gif) left top no-repeat;}



#mcright #vidlist div{height:65px;border:1px solid #FFF; position:relative;margin:0 0 9px 110px !important; width:180px; *margin:0 0 15px 110px; _margin:0 0 18px 110px;}
#mcright #vidlist div img{margin:0 0 0 -110px; position:absolute; padding:1px; border:1px solid #d6d6d6; background:#FFF; width:98px; height:63px;}
/*#mcright #vidlist div{margin-left:60px;}*/
#mcright #vidlist div h3 {margin:0 0 5px 0;}
#mcright #vidlist div h3 a{ font-size:13px; font-weight:bold; color:#000; text-decoration:none;}
#mcright #vidlist div p a{ font-size:11px; color:#999; text-decoration:none;}

/* END RIGHT
---------------------------------------------------------------------------------------------------------------- */



/* FOOTER
---------------------------------------------------------------------------------------------------------------- */
#footer { background-image:url(/images/new/shadow-bot.png); background-position:0 135px; background-repeat:repeat-x; padding-top:48px; height:253px !important; }
body#splash #footer {background-position:0 98px; }
#footer div{ height:97px; position:absolute; font-size:12px; line-height:18px; top:0; left:0;}
#footer #left,#footer #right{padding-top:16px; margin-top:48px;}
body#splash #footer #left, body#splash #footer #right{ margin-top:0px;}
#footer #left{ z-index:10;background: #FFF url(/images/new/footer-right-grey.png) left top repeat-x; text-align:right; padding-right:8px; color:#666;  height:250px;_background:url(/images/new/footer-right-grey.gif) left top repeat-x;}
body#splash #footer #left{background:url(/images/new/footer-left-red.png) left top repeat-x; text-align:right; padding-right:8px; color:#666;}
#footer #left a{font-size:10px; display:block;}
#footer #right{background: #FFF url(/images/new/footer-left-red-green.gif) left top repeat-x; text-align:left; padding-left:8px;top:-6px; }
body#splash #footer #right{background:url(/images/new/footer-right-grey.png) left top repeat-x; text-align:left; padding-left:8px; top:auto; _background:url(/images/new/footer-right-grey.gif) left top repeat-x;}

#footer .whitebg{overflow:hidden; width:100%; height:135px;}
body#splash #footer .whitebg{overflow:hidden; width:100%; height:100px;}

#footer #ongletsfoot{position:relative;display:block; margin:-41px auto 0 auto !important; background:url(/images/new/onglets_foot.gif) right top no-repeat; width:980px; height:68px; z-index:4; _margin-top:-41px !important; }
body#splash #ongletsfoot{ display:none;}

#footer #ongletsfoot a.avis1{float:left;display:block; width:545px; height:33px;margin-left:290px;}
#footer #ongletsfoot a.avis2{overflow:hidden;text-indent:-999px;float:left;display:block; width:125px; height:33px;}


/* END FOOTER
---------------------------------------------------------------------------------------------------------------- */



	#slider{margin:0 0 0 30px;}
	#slider img{margin:0 10px 0 3px;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/		
		width:628px;
		height:502px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1;
		}	
	#nextBtn, #slider1next{ 
		left:655px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
		text-indent:-10000px;
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(http://www.desjardinsmunicipal.com/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://www.desjardinsmunicipal.com/images/btn_next.gif) no-repeat 0 0;	
		}	

.callegend{margin:0.8em 0 0.8em 1.2em; font-size:1.2em;list-style:none;}
.callegend li{list-style:none; background:url(http://www.desjardinsmunicipal.com/images/legendsprite.gif) left top no-repeat !important;padding:0.2em 0.8em 0 40px !important; float:left !important; display:block !important; height:22px !important; color:#333;}
.callegend li.lli02{background-position:left -27px !important; }
.callegend li.lli03{background-position:left -54px !important; }
.callegend li.lli04{background-position:left -80px !important; }
.callegend li.lli05{background-position:left -107px !important; }
.callegend li.lli06{background-position:left -134px !important; }


#mcmiddle, body#conseils #mcmiddle p{ color:#666 !important;}
#mcmiddle div.conseil-video {background:url(/images/new/background_details.png) left bottom no-repeat; width:680px; padding:0 5px 31px 5px; overflow:hidden; margin:20px 0 0 20px;  _height:auto !important; }


.conseil h3{ color:#666 !important;}
body.details div.conseil-video { background:none !important; width:305px; float:left; }
 #mcmiddle div.conseil-video  div.blanc{ /*background-color:#fff; */width:652px; overflow:hidden; padding:8px 0 0 8px; }



/*
div.conseil {background:url(/images/bg-fin-boite.gif) left bottom no-repeat; width:680px; padding:0 5px 31px 5px; overflow:hidden; margin:20px 0 0 5px;  _height:auto !important; }*/
div.conseil {background:url(/images/new/background_details.png) left bottom no-repeat; width:723px; padding:0 5px 35px 5px; overflow:hidden; margin:20px 0 0 -5px;  _height:auto !important; }

body.details  div.conseil{ padding-bottom:10px; }


body.details div.conseil { background:none !important; }
div.conseil div.blanc{ /*background-color:#fff; width:652px;*/ overflow:hidden; padding:8px 0 0 8px; }

* html div.conseil { height:100%; padding-bottom:20px; }
div.conseil div.photo-conseiller{ float:left; width:100px; margin-left:5px; }
.photo_promotion{ width:175px !important; padding-left:5px; }
div.conseil div.photo-conseiller p{ font-size:0.8em; padding:0px !important; margin:0 !important; }
div.conseil div.photo-conseiller p span.occupation{ padding:0px !important; margin:0 !important;position:relative; top:-4px; }
div.conseil div.photo-conseiller img { background:#fff; padding:1px; border:1px solid #ccc; position:relative; z-index:1; }

div.conseil div.contenu-conseiller{ float:left; width:540px; margin-left:5px; }
.contenu_promotion{ width:500px !important; }
div.noavatar{ position:relative; left:-13px; _left:-20px; width:640px !important;}

div.conseil div.contenu-conseiller p{  padding:0 22px 0px 2px;  margin-left:10px; margin-top:8px; }
div.conseil div.contenu-conseiller p a{  position:relative; z-index:1; }
body.details div.conseil div.contenu-conseiller p{ font-size:1.3em; margin-left:10px; }

div.conseil div.contenu-conseiller div.titre-sous-titre{ float:left;}
div.conseil div.contenu-conseiller div.titre-sous-titre h2, 
div.conseil div.contenu-conseiller div.titre-sous-titre h3{ margin:2px 0 0 10px !important; padding:0px !important; }


div.contenu-conseiller div.titre-sous-titre h2{ padding-top:5px; }
div.contenu-conseiller div.titre-sous-titre h2 a{ margin-left:0px; }
* html div.contenu-conseiller div.titre-sous-titre h2 a{ position:relative; z-index:1;  font-size:0.9em !important;}
div.conseil div.contenu-conseiller div.titre-sous-titre h2{ font-size:1.4em !important; font-weight:normal; color:#333 !important; }
div.conseil div.contenu-conseiller div.titre-sous-titre h2 span{ font-style:italic;color:#999 !important; font-size:0.8em !important; font-weight:normal;  }
div.conseil div.contenu-conseiller div.titre-sous-titre h3{ font-size:1.1em !important;  _font-size:0.8em !important; font-weight:bold; color:#666 !important;   }

div.conseil div.contenu-conseiller div.titre-sous-titre-details{ float:left;}
div.conseil div.contenu-conseiller div.titre-sous-titre-details h1, 
div.conseil div.contenu-conseiller div.titre-sous-titre-details h2{ margin:2px 0 0 10px !important; padding:0px !important; }
div.contenu-conseiller div.titre-sous-titre-details h1{ padding-top:5px; }
div.conseil div.contenu-conseiller div.titre-sous-titre-details h1{ font-size:1.4em !important; font-weight:normal; color:#333 !important; }
div.conseil div.contenu-conseiller div.titre-sous-titre-details h2{ font-size:1.1em !important; font-weight:bold; color:#666 !important; }

body.details div.conseil div.titre-sous-titre-details h1{ margin:2px 0 15px 0; padding-left:0px; }
body.details div.conseil div.contenu-conseiller div.titre-sous-titre-details h2{ font-size:1.3em !important;  }

div.conseil div.contenu-conseiller div.type-conseil{ float:left; margin-left:10px; }
div.conseil div.contenu-conseiller div.type-conseil p, div.conseil div.contenu-conseiller div.type-conseil p span{ padding:0px; margin:0px; font-size:0.9em; text-align:right; }
div.conseil div.contenu-conseiller div.type-conseil p{ color:#00a260 !important;  font-weight:bold; }
div.conseil div.contenu-conseiller div.type-conseil p span { font-style:italic; font-weight:normal;  position:relative; left:3px; top:-2px; }
* html div.conseil div.contenu-conseiller div.type-conseil p span { /*position:relative; left:-7px;*/ }

div.conseil_document a{ clear:both; display:block; margin:5px 0 0 5px; background:url(/images/new/ico-doc.gif) no-repeat left top; text-indent:35px; height:30px; padding-top:5px;  }

div#paginate{ margin:10px 30px 0 0; text-align:right;}




div.type-conseil p span { color:#999 !important; }









#mcmiddle div.conseil-video{ /*_width:720px;*/  }







#mcmiddle div.conseil-video div.photo-conseiller{ float:left; width:220px;  }
#mcmiddle div.conseil-video div.photo-conseiller p{clear:both; display:block; margin:0 !important; font-size:10px !important;}
#mcmiddle div.conseil-video div.photo-conseiller p *{padding:0px !important; margin:0 !important; clear:both; display:block; color:#999;}


#mcmiddle div.conseil-video div.contenu-conseiller{ float:left; width:425px; }
#mcmiddle div.conseil-video div.contenu-conseiller p{  float:left; padding:0px 12px 25px 10px !important; /*width:400px;*/ }
#mcmiddle div.conseil-video div.contenu-conseiller p a{  position:relative; z-index:1; }

#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre{ float:left;  width:300px;}
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre h2, 
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre h3{ margin:2px 0 0 10px !important; padding:0px !important; }
#mcmiddle div.contenu-conseiller div.titre-sous-titre h2{ padding-top:5px;}
#mcmiddle div.contenu-conseiller div.titre-sous-titre h2 a{ margin-left:0px;  font-weight:bold;}
* html #mcmiddle div.contenu-conseiller div.titre-sous-titre h2 a{ position:relative; z-index:1; }
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre h2{ font-size:1.4em !important; font-weight:normal; color:#333 !important; }
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre h3{ font-size:1.1em !important; font-weight:bold; color:#666 !important; }

#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre-details{ float:left;}
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre-details h1, 
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre-details h2{ margin:2px 0 0 10px !important; padding:0px !important; }
#mcmiddle div.contenu-conseiller div.titre-sous-titre-details h1{ padding-top:5px; }
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre-details h1{ font-size:1.4em !important; font-weight:normal; color:#333 !important; }
#mcmiddle div.conseil-video div.contenu-conseiller div.titre-sous-titre-details h2{ font-size:1.1em !important; font-weight:bold; color:#666 !important; }

#mcmiddle div.conseil-video div.contenu-conseiller div.type-conseil{ float:right; width:90px; padding-right:8px;padding-bottom:0; margin-bottom:0; margin-right:15px !important;font-size:10px !important;}


#mcmiddle div.contenu-conseiller div.type-conseil p{ color:#00a260 !important; padding-right:17px; font-weight:bold;  }
#mcmiddle div.contenu-conseiller div.type-conseil p span { font-style:italic; padding-right:2px; font-weight:normal; font-size:10px !important; }


body.details div.contenu-conseiller p{ color:#666; font-size:13px;}


body.details #conseil-video{ color:#666; float:left; background:url(/images/shadow-video.gif) no-repeat left top; padding:10px 0 0 7px !important; width:311px; height:214px;/* margin-left:-14px !important;*/ }
body.details #conseil-video #mediaspace{margin:0; padding:0;}
body.details #contenu-detail{ float:left; width:100%; padding:12px 0 0 7px;  }
body.details #contenu-detail2{ float:left; padding-left:7px; padding-right:15px; margin-left:17px; _margin-left:8px; }
body.details #contenu-detail2 p{padding:8px 15px 0 7px; color:#666;}


body.details div.photo-conseiller {font-size:10px !important;}
body.details div.type-conseil span {font-size:10px !important;}

body#conseils h3{font-weight:bold; font-size:14px; color:#000; margin-left:32px; }
body#conseils h3.fonty{ont-weight:normal !important;margin-left:0px;font-size:18.54px;  }

/*************** Votre caisse - EQUIPE ******************/
div.equipe-categorie { clear:both;}
div.equipe-categorie h2{ margin:10px 0 5px 20px !important; }
div.equipe-categorie h3{ margin:0px 0 0 20px !important; font-size:1.1em !important; }

 div#list-equipe-categorie ul{ width:100%; margin-left:20px !important; list-style:disc !important;  }
 div#list-equipe-categorie li{width:46%; float:left; list-style:none; /*list-style:decimal;*/ margin-left:20px; }
* html div#list-equipe-categorie li{ width:44%; }

.equipe{ float:left; margin-left:10px;  width:300px; _width:257px; background:url(/images/shadow-top-equipe2.png) no-repeat left top; overflow:hidden; padding:33px 0 0 25px; }
.equipe .photo-equipe img { border:solid 1px #ccc; padding:1px;background:#fff;}
.equipe .desc-equipe{ width:250px;}
.equipe .desc-equipe h3{ font-size:1.2em !important;  margin:5px auto !important; text-align:center;color:#666 !important;}
.equipe .desc-equipe p { margin:0px 0 10px 0 !important; padding:0; }
.equipe .desc-equipe a strong {  color:#009966 !important; }
.equipe .desc-equipe a.dialog_link { color:#009966 !important; text-decoration:underline; }
.equipe .desc-equipe ul {margin:10px 0 10px 15px; }

div.separation-equipe{ clear:both; height:5px; text-indent:-5000000px; }

#boite-appellation{ float: left; /*width: 445px;*/ margin: 40px 0 0 50px; }
#boite-appellation .separation{ clear: both; height: 50px; margin-bottom:0px; }
#boite-appellation .separation{ *margin-bottom:30px; }
#boite-appellation .separation .ligne-grise{ border-top: 3px solid #d7ddd6; margin-top: 50px; }
#boite-appellation .separation .ligne-grise{ *margin-top: 30px; }
#boite-appellation p{ color:#5e6e66; }
.clear-separation{ clear: both; height: 40px; }


div.conseil{clear:both;}
div.conseil div.photo-conseiller{ float:left; width:100px; }
div.conseil div.contenu-conseiller{ float:left; width:547px; margin-left:5px; }

.separation-visuel{clear:both; display:block;}
#mediaspace{width:295px; margin:0px 0 0 17px;}

h2.boxgrey02{color:#000 !important;}

.nobk{background:none !important;}
.whitebg{background:#FFF;}
.padbot5px{ padding-bottom:5px;}
.padbot7px{ padding-bottom:7px;}


/*~~~~~~~~~~~~~~~~Produits et services~~~~~~~~~~~~~~*/
.boite-01 { background: url(/images/boite-01.gif) no-repeat left top; width: 351px; height: 64px; }
td { position:relative; }
#pos_block{ position:absolute; top:15px; }
html#b .boite-01 { background: url(/images/new/boite-b.png) no-repeat left top; width: 351px; height: 64px; }
html#g .boite-01 {	background: url(/images/new/boite-g.png) no-repeat left top; width: 351px; height: 64px; }
html#r .boite-01 { background: url(/images/new/boite-r.png) no-repeat left top; width: 351px; height: 64px; }
.boite-01 a strong, .boite-autoconstruction a strong { font-size:16px; color:#000; font-weight:bold; }
.boite-01 a, .boite-autoconstruction a { font-size:14px; color:#cc0000;	font-weight:bold; }
.boite-01 a { position:relative; top:20px; left:25px; }
.boite-autoconstruction a { position:relative; top:120px; left:25px; }
.boite-autoconstruction { background: url(/images/boite-autoconstruction.jpg) repeat left top; width: 351px; height: 161px; /*position:absolute; top:5px !important; */}
html#b .boite-autoconstruction { background: url(/images/new/boite-autoconstruction-b.png) repeat left top; width: 351px; height: 161px; }
html#g .boite-autoconstruction { background: url(/images/new/boite-autoconstruction-g.png) repeat left top; width: 351px; height: 161px; }
html#r .boite-autoconstruction { background: url(/images/new/boite-autoconstruction-r.png) repeat left top; width: 351px; height: 161px; }
.boite-shadow { background: url(/images/boite-shadow.png) no-repeat left bottom; width: 357px; padding-bottom:15px; }
.boite-shadow h3{ font-size:15px; font-weight:bold; color:#cc0000; margin-left:25px; }
.boite-shadow h3 a { font-size:15px; font-weight:bold; color:#cc0000;}
.morepadding { padding-bottom:32px; }
.mtop8 { margin-top:8px; }
.mtop23 { margin-top:23px; }
.textdecorationnone { text-decoration:none; }
ul.produits_services { position:relative; left:-10px; }
ul.produits_services li { _font-size:0.8em; font-size:13px; }
ul.produits_services li.nobullet { list-style:none; margin-top:5px; margin-left:-12px; }
ul.produits_services li.nobullet a {color:#000 !important; }
ul.produits_services li.couleur_rouge{ color:#cc0000 !important; }
span.couleur_verte{ color:#10945d !important; }


html#r #img_versements_periodiques a{ display:block; background:url(/images/new/img_versements_periodiques_pompiers.jpg) no-repeat left top; width:341px; height:124px; margin-top:12px; }
html#b #img_versements_periodiques a{ display:block; background:url(/images/new/img_versements_periodiques_cols_bleus.jpg) no-repeat left top; width:341px; height:124px; margin-top:12px; }
html#g #img_versements_periodiques a{ display:block; background:url(/images/new/img_versements_periodiques_cols_blancs.jpg) no-repeat left top; width:341px; height:124px; margin-top:12px; }



html#b body.marche-des-entreprises  #mcmiddle h1{color:#014459 !important;}
html#g body.marche-des-entreprises  #mcmiddle h1{color:#97a69b !important;}
html#r body.marche-des-entreprises  #mcmiddle h1{color:#E41138 !important;}

body.marche-des-entreprises #mcmiddle h1{margin-top:50px !important; *margin-top:0px !important;}
body.marche-des-entreprises #mcmiddle h1, 
body.marche-des-entreprises #mcmiddle h2, 
body.marche-des-entreprises #mcmiddle p {margin-left: 226px !important;}

body.marche-des-entreprises #mcmiddle h2{ background:url(/images/grey-line-fade-right.gif) left bottom no-repeat; padding-bottom:8px;}

body.marche-des-entreprises #mcmiddle .contenu{position:relative;}
body.marche-des-entreprises #mcmiddle .image{position:absolute;background:url(/images/marche-entreprise.png) left top no-repeat; width:216px; height:393px; top:-175px; *margin-left:-230px;}
html#b body.marche-des-entreprises #mcmiddle .image{position:absolute;background:url(/images/marche-entreprise-b.png) left top no-repeat !important;}
html#g body.marche-des-entreprises #mcmiddle .image{position:absolute;background:url(/images/marche-entreprise-g.png) left top no-repeat !important;}

body.marche-des-entreprises #mcmiddle p{font-size:13px;}

/*~~~~~Gamme prestige~~~~~*/
html#b .bordertop{border-top: 1px solid #014459;}
html#g .bordertop{border-top: 1px solid #97a69b ;}
html#r .bordertop{border-top: 1px solid #cc0000;}

html#b .bordertop span{color: #014459;}
html#g .bordertop span{color: #97a69b;}
html#r .bordertop span{color: #cc0000;}
.headimg p{padding-left:25px; _font-size:0.8em}
html#b .headimg{background: url(/images/bg-gamme-prestige-b.jpg) no-repeat left top; }
html#g .headimg{background: url(/images/bg-gamme-prestige-g.jpg) no-repeat left top; }
html#r .headimg{background: url(/images/bg-gamme-prestige.jpg) no-repeat left top; }
/*~~~~~FIN Gamme prestige~~~~~*/







#autoconstruction{ background: url(/images/img-auto-construction.png) no-repeat right 17px; _width:700px; _height:313px; min-height:313px; padding-bottom:30px; }
#autoconstruction{ padding-bottom:60px; }
#autoconstruction ul{ margin-left:37px; width:350px; }
#autoconstruction ul{ *padding-left:15px; *margin-left:20px; }
* html #autoconstruction p{ width:370px; }
#autoconstruction li{ margin-bottom:5px; }



.img-float-left{ float:left; margin-right:10px; margin-left:20px; _margin-left:0px !important; }


.txt-avantage-membre{ float:left; width:450px; }
.txt-avantage-membre ul{ margin-left:15px !important;  }
.txt-avantage-membre ul li{ margin-bottom:7px !important;  }


.galerie-photo{ float:left; width:100%;   }
.galerie-photo ul{ margin:0 0 0 25px !important; padding:0px !important; }
.galerie-photo li{ float:left; list-style:none; background:#fff url(/images/bg-galerie-photo.gif) left bottom no-repeat; width:145px;  padding:7px 0px 20px 8px;margin-right:15px;   }


.galerie-photo2{ float:left; width:100%;   }
.galerie-photo2 ul{ margin:0 0 0 25px !important;  padding:0px !important; }
.galerie-photo2 li{ float:left; list-style:none; width:135px; height:101px; padding:2px; border:1px solid #ccc; margin-right:15px;   }


div#lien-retour-categorie{ margin:25px 0 0 25px; }
.paginate_pompiers{ clear:both; padding:25px 0 0 25px;  }


div#transactions-gratuites a{display:block; background:url(/images/transactions-gratuites.png) no-repeat left top; width: 700px; height: 153px; }
div.contenu-frais-services h2{ margin:0px; padding:0px; }
div.contenu-frais-services h3{ color:#e41034 !important; font-size:0.9em !important; font-weight:bold; }


#nouvelle-document li a{ font-size:13px; }

.contenu_concours{ margin:150px 0 0 45px; }
#titre_concours{ background:url(/images/new/titre_concours.gif) no-repeat left top; _background:url(/images/new/titre_concours_ie6.gif) no-repeat left top; width:369px; height:71px; margin-left:-5px; }
.sommaire_concours{ font-size:17px !important; color:#333; margin:30px 0 0 0px; }

body.conseil-administration p{ margin:0px; padding:0px;  }


/*********************************************************************************************************************************************************/
/*
body.conseil-administration-v2 #leftside a, body.conseil-administration-v2b #leftside a{background:none !important; font-weight:normal ; margin-bottom:5px; color:#666;}

html#r body.conseil-administration-v2 #leftside a,
html#g body.conseil-administration-v2 #leftside a,
html#b body.conseil-administration-v2 #leftside a{background:none;}
*/

body.conseil-administration-v2  #mcmiddle, body.conseil-administration-v2b  #mcmiddle{margin-left:-19px; padding:0;  width:750px;}
.ca_middle{color:#666;  background:url(/images/ca_bg_photo.gif) repeat-y left top; width:226px; height:241px; overflow:hidden; margin:-11px 0px 25px -8px; padding:0px 6px 0 9px; }

.ca_middle img{width:202px; border:1px solid #ccc; padding:1px;  margin: 0 auto !important; }
.ca_middle h4.nom{ font-size:18px; color:#666; text-align:left; margin:10px 0 10px 20px; padding:0px;  }
.ca_middle p.occupation{ line-height:12px; margin:0 0 0 20px; padding:0px;   }
.ca_middle a{ margin:3px 0 0 20px; }
.ca_middle p.occupation, .ca_middle a{ font-size:12px; }

body#page-conseil-home .ca_middle{color:#666;  background:url(/images/ca_bg_photo-2.png) no-repeat left top; width:248px; height:261px; overflow:hidden;  padding:22px 6px 0 21px; }

#ca_leftside_block01{ background:none; font-weight:normal; }
	#ca_leftside_block01 > a {background:none; font-weight:normal ; margin-bottom:5px; color:#666; /*border:1px solid #333;*/} 


#ca_leftside_block02{   }
	#leftside.ca_menu #ca_leftside_block02 a{ color:#fff; font-weight:700; padding-top:4px; background:url(/images/ca_bg_sprite_01.gif) no-repeat left top !important; width:202px; height:20px;  }
	#leftside.ca_menu #ca_leftside_block02 a.last{ background-position:0 -31px !important; margin-top:0;}



#ca_midleft, #ca_midright{/* outline:1px solid #333;*/}
#ca_midright{margin-left:7px;}

#ca_midright a{color:#445049;}
/*********************************************************************************************************************************************************/


.ca_block{width:371px;height:100%; padding-bottom:20px;}
	.ca_block *{margin:0; padding:0;}

	.ca_block .bg{width:351px;margin:0 !important; background:url(/images/ca_bg_box.png) no-repeat left bottom; height:100%; padding:10px 35px 20px 18px;overflow:hidden; _width:316px; }
		.ca_block .bg *{position:relative; z-index:5;}
	.ca_block ul{ list-style:none !important; margin:0 !important;}
		.ca_block ul li{ background:none !important;}

.ca_block h3{margin:0 !important; padding:0 !important;width:371px; height:43px !important; position:relative;z-index:3;/*overflow:hidden;*/ }

	.ca_block  h3 a{margin:0 !important; padding:0 !important;width:370px !important; height:41px !important;text-indent:-5000px; /* float:left;*/display:block; position:relative; z-index:5; }

/*********************************************************************************************************************************************************/
#ca_nouvelles h3{ background:url(/images/ca_titre_nouvelles.png) no-repeat 1px top;}
#ca_agenda h3{ background:url(/images/ca_titre_agenda.png) no-repeat 1px top; }
#ca_suggestions h3{ background:url(/images/ca_titre_suggestions.png) no-repeat 0px top;text-indent:-5000px;  }
#ca_galeries h3{ background:url(/images/ca_titre_galerie.png) no-repeat -1px top; }
#ca_forum h3{ background:url(/images/ca_titre_forum.png) no-repeat -1px top; }
#ca_documents h3{ background:url(/images/ca_titre_documents.png) no-repeat 1px top; }
body#page-conseil-home #ca_documents h3{ background:url(/images/ca_titre_documents-2.png) no-repeat 1px top; }
/*********************************************************************************************************************************************************/

#ca_nouvelles li{ width:318px; background: url(/images/ca_bg_lisep.gif) no-repeat left top !important; padding-top:12px; margin-top:14px;}
#ca_nouvelles li.first{background:none !important; margin-top:0;padding-top:0;}
#ca_agenda li{ padding-top:12px; margin-top:14px;}
#ca_agenda li.first{background:none !important; margin-top:0;padding-top:0;}
/*********************************************************************************************************************************************************/
#ca_suggestions textarea{ background:url(/images/ca_bg_textarea.gif) no-repeat 0px top; width:323px; height:167px; padding:5px; border:none;font-style:italic ; font:12px/16px Arial,Verdana,Sans; color:#8f9e8e;}
#ca_suggestions input{ border:1px solid #666; padding:2px;}
/*********************************************************************************************************************************************************/

.ca_entry_title, .ca_entry_line01, .ca_entry_title a, .ca_entry_line01 a{margin:0 !important; font-weight:700 !important; color:#4d5c53 !important; font-size:13px !important; text-decoration:none;}
.ca_entry_date, .ca_entry_line02, .ca_entry_date a, .ca_entry_line02 a{margin:0 !important; padding:0;font-weight:700 !important; color:#000 !important; font-size:12px !important;text-decoration:none;}
.ca_entry_summary{margin:0 !important;padding:0; font-style:italic; color:#8f9e8e; font-size:12px !important;}

#ca_forum ul{display:block; clear:both; width:340px;}
#ca_forum li {display:block; clear:both; /*height:60px;*/ padding:5px 0; margin:2px 0; border-bottom:1px dashed #E8E8E8;}
#ca_forum li ul{margin-left:69px !important;display:block; clear:both; width:260px;}
#ca_forum li a{ padding:5px 0; margin:2px 0; color:#666 !important;}

#ca_forum li img{ float:left; display:block; margin:0 10px 0 0; border:1px solid #00874F; padding:1px;}

.discussionslist{ margin:10px 0; padding:5px; background:#e7e7e7;border:1px solid #E0E0E0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
overflow:hidden;
}
.discussionslist h3{width:100%;font-size:16px; padding:5px; background:#eeeded; border-bottom:1px solid #E0E0E0; margin:-5px 0 15px -5px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;} 
.discussionslist a{display:block;width:100%;font-size:12px; color:#333 !important; text-align:right; padding:5px; background:#eeeded; border-top:1px solid #E0E0E0; margin:-5px 0 -5px -5px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;text-shadow: #FFF 2px -2px 2px;
} 
/*********************************************************************************************************************************************************/


.ca_more{ display:block; margin:5px 0; font-weight:700 !important; color:#4d5c53 !important; font-size:13px !important;}



.ca  h3{font-size:16px;}


body.galerie_employes#galerie #topimages{background:none !important;}

body#page-conseil-home .ca_middle{color:#666;  background:url(/images/ca_bg_photo-2.png) no-repeat left top; width:248px; height:261px; overflow:hidden;  padding:22px 6px 0 21px; }

body#page-conseil-home #mcmiddle{padding-top:95px;}

#ca_profile_block{display:none;}
body#page-conseil-home #ca_profile_block{ position:absolute;margin:-165px 0 0 225px; z-index:12;}
body#page-conseil-home #ca_profile_block, body#page-employes-home #ca_profile_block{display:block !important; _width:220px;} 
/*********************************************************************************************************************************************************/

.btn_submit{padding:3px; border:1px solid #333;}
#btn_submit_connexion{ cursor:pointer; }

.sect_cols_bleus{ color:#014459 ; font-weight:bold; }
.sect_general{ color:#97a69b ; font-weight:bold; }
.sect_pompiers{ color:#990000; font-weight:bold; }

#member_form label, #member_form span, #member_form input{ float:left; display:block;}
#member_form label, #member_form span{width:230px; text-align:right; padding:11px 5px 0 0;}
#member_form p{width:100%; display:block; clear:both; margin:5px 0;}