/*---Contact---*/

.bordure_grise { border:10px solid #DFDFDF; }
#contact-content{
  width:625px;
  margin-left:45px;
  margin-top:80px;
  }
/* contact adresse */

#contact-adresse{
  background:url(/images/theme/contact-logo.jpg) no-repeat left top;
  width:238px;
  margin-top:20px;
  float:left;
  padding-top:53px;
  }
  #contact-adresse p.adresse{
    background:url(/images/theme/home.jpg) no-repeat left top;
    padding-left:15px;
    margin-left:83px;
    }
  #contact-adresse p.phone{
    background:url(/images/theme/phone.jpg) no-repeat left top;
    padding-left:15px;
    margin-left:83px;
    }

/* contact plan */
#contact-plan{
  margin-top:30px;
  }
  #contenu a.plan-image:link, #contenu  a.plan-image:visited{
    width:238px;
    background:url(/images/theme/plan.jpg) no-repeat left top;
    height:66px;
    display: block;
    }
  #contenu a.plan-image:hover, #contenu a.plan-image:active{
    background:url(/images/theme/plan-over.jpg) no-repeat left top;
    }
  #contenu .plan a.text:link, #contenu .plan a.text:visited{
    font:normal 11px Arial;
    background:url(/images/theme/icon-link.jpg) no-repeat left 2px;
    padding-left:15px;
    }
  #contenu .plan a.text:hover, #contenu .plan a.text:active{
    background:url(/images/theme/icon-link-over.jpg) no-repeat left 2px;
    color:#4A4A4A ;
    text-decoration: none;
    }
/* contact form */
.contact-box{
	width:330px;
  float:left;
  margin-left:47px;
  display:inline;
  margin-top:0px;
  overflow:hidden;
	}
.form-left{
  width:320px;
  float:right;
  display:inline;
  border: 1px solid #7D7B79;
  background-color: #ffffff;
  padding:3px 0 5px 0;
  margin-top:6px;
  }
  .info{
    width:360px;
    }

  .info .mail_label{
    width:150px;
    }

.inputForm{
	border:1px solid #B6ADAD;
	background-color:#F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8e8e8e;
	}
.inputFormOver{
	border:1px solid #EDD287;
	background-color:#F7E3AB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF6600;
	}
textarea{width:174px;}
.mail_label{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#3d322c;
	font:normal 11px Arial;
	text-align:left;
  padding-left:15px;
	}
.mail_input{
	width:160px;
	float:left;
	margin-top:5px;
	color:#fff;
	}
  span.civilite{
    font:normal 11px Arial;
    color:#3d322c;

    }

/* contact buttons */

.buttons{
  clear:both;
  padding-top:12px;
  width:350px;
  text-align:center;
  background-color: red;
  }
.buttons div{
  width:175px;
  float:right;
  }
.envoyer{
  background:url(/images/theme/envoyer.jpg) no-repeat right top;
  border:none;
	width:106px;
  height:25px;
	cursor:pointer;
  margin-top:5px;
  text-indent:-9999px;
	}
  .envoyer:hover{
    background:url(/images/theme/envoyer-over.jpg) no-repeat center top;
    }
.sauver{
  background:url(/images/theme/sauver.jpg) no-repeat right top;
  border:none;
	width:106px;
  height:25px;
	cursor:pointer;
  margin-top:5px;
  text-indent:-9999px;
	}
  .sauver:hover{
    background:url(/images/theme/sauver-over.jpg) no-repeat center top;
    }
.retablir{
  background:url(/images/theme/retablir.jpg) no-repeat right top;
  border:none;
  width:61px;
  height:16px;
	cursor:pointer;
  margin-top:5px;
  margin-right:5px;
  text-indent:-9999px;
	}
  .retablir:hover{
    background:url(/images/theme/retablir-over.jpg) no-repeat center top;
  	}

/* obligatoire */

#obligatoire p.star{
  color:#333;
  font:normal 10px Arial;
  text-align:center;
  margin-top:4px;
  float:left;
  background:url(/images/theme/bg-obligatoire.jpg) no-repeat left 3px;
  padding-left:12px;
  margin-left:6px;
  }

  #obligatoire p.star span, .mail_label span{
  color:#FF6600;
  }
/*--end contact--*/
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1,
#popup h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#ff6600;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #ff6600;
}
#popup h1{
  font-size:16px;
  }
#contenu{
  min-height:470px;
  }

#contenu h2{
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#ff6600;
  letter-spacing:1px;
  margin:0 0 7px;
  background: url(/images/theme/bg-h2.jpg) no-repeat left 4px;
  padding-left:16px;
  }
#contenu p,
#popup p{
  font:11px/1.3em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#000;
  margin-bottom:7px;
  }
#contenu p.arrow-text,
#popup p.arrow-text,
#evenements p.arrow-text{
  font:11px/1.3em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#395BB2;
  margin-bottom:7px;
  background: url(/images/theme/bg-h2.jpg) no-repeat left 3px;
  padding-left:15px;
  }
#contenu .couleur,
#popup .couleur{
  color:#ff6600;
  font-weight:bold;
  }
#contenu a, #contenu a:link, #contenu a:visited{
text-decoration:underline;
color:#ff6600;
font:bold 11px arial;
}
#contenu a:hover, #contenu a:active{
color:#ff6600;
text-decoration: none;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

.invisible {
  display:none;
  }
.line{
  height:20px;
  background: url(/images/theme/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }
#contenu .lead,
#popup .lead{
margin:0px;
}
#contenu .clear{clear:both}
#contenu .indent{margin-left:15px;}
#contenu .centered1{
  text-align:center;
  margin:0 auto;
  clear:both;
  }
#contenu .centered,
#popup .centered{
  text-align:center;
  margin:0 auto;
  clear:both;
  background-color: #767676;
  padding:3px 0;
  color:#fff;
  border: 1px solid #E9E9E9;
  font-size:12px;
  }
#contenu .mbottom,
#popup .mbottom{
  margin-bottom:8px;
  }

.left{float:left}
.right{float:right}
.image-left{
  float:left;
  margin-right:10px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
ul.list{
  list-style:none;
  margin-left:20px;
  margin-top:0px;
  }
  ul.list li{
    background: url(/images/theme/icon-list.jpg) no-repeat left 4px;
    font:normal 11px Arial;
    color:#000;
    padding-left:10px;
    line-height:15px;
    margin-top:3px;
    }
  ul.list li.simple-list{
    background:none;
    font-style: italic;
    }

/* Popup */
body#popup{
  background:#D9D8D8 url(/images/theme/popup.jpg) no-repeat left 4px;
  margin:0;
  padding-top:110px;
  padding-left:30px;
  padding-right:5px;
  }
#popup-content{
  height:320px;
  margin-right:25px;
  }
#popup-image-box img{
  margin-left:10px;
  }
#popup-image-box1 img{
  margin-right:13px;
  }


/*  Accueil  */
.accueil-box{
  width:220px;
  float:left;
  border:1px solid #4A4A4A;
  background-color: #E8E8E8;
  margin-left:16px;
  display: inline;
  height:252px;
  }
  .accueil-box h2{
    height:50px;
    }

  .details-box{
    background-color:#6E6E6E;
    height:25px;
    width:220px;
    }
    #contenu .details-box a,
  #contenu .details-box a:link,
  #contenu .details-box a:visited{
    color:#fff;
    font:bold 11px Arial;
    text-decoration: none;
    }
  #contenu .details-box a:hover,
  #contenu .details-box a:active{
    color:#fff;
    text-decoration: underline;
    }
  #contenu .accueil-box h2{
    margin-top:15px;
    margin-left:10px;
    margin-bottom:10px;
    color:#3858A9;
    font-size:13px;
    padding-left:18px;
    }
  .links-box{
    background-color: #ffffff;
    border: 1px solid #CAC4C4;
    width:190px;
    margin-left:15px;
    margin-bottom:10px;
    }
    .links-box div{
      margin-left:5px;
      padding:5px 0;
      height: 42px;
      }
      .links-box img{
        cursor:pointer;
        }
table#marbrerie-table,
table#marbrerie-legend,
table.simec-table{
  width:700px;
  border:1px solid #4A4A4A;
  background-color:#E8E8E8;
  font:normal 11px Arial;
  }
  table#marbrerie-table td.banner{
    background-color: #395BB2;
    border: 1px solid #CDC7C7;
    text-align: center;
    color:#fff;
    font-weight:bold;
    text-transform: uppercase;
    padding:2px 0;
    }
  table#marbrerie-table td.banner a:link,
  table#marbrerie-table td.banner a:visited{
    color:#fff;

    }
  table#marbrerie-table td.banner a:hover{
    text-decoration: none;
    }

  table#marbrerie-table td,
  table.simec-table td{
    border:1px solid #BABABA;
    border-width:0 1px 1px 0;
    padding:0px 3px;
    }
  table#marbrerie-table td.square{
    background: url(/images/theme/visu1.jpg) no-repeat center;
    height:25px;
    }
  table#marbrerie-table td.circle{
    background: url(/images/theme/visu2.jpg) no-repeat center;
    height:25px;
    }
  table#marbrerie-table td.circle1{
    background: url(/images/theme/visu3.jpg) no-repeat center;
    height:25px;
    }
  table#marbrerie-table td.non{
    background: url(/images/theme/visu4.jpg) no-repeat center;
    height:25px;
    }
   table#marbrerie-legend{
    background-color: #E8E8E8;
    }
  .images-box img{
    margin-left:10px;
    cursor: pointer;
    }
  .images-box1 img{
    margin-left:10px;
    }
  a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
  }
.envir-legendes1,
.envir-legendes2,
.envir-legendes3,
.envir-legendes4,
.envir-legendes5{
  padding:3px 10px;
  border:1px solid #6D6D6D;
  width:150px;
  background-color: #E8E8E8;
  margin-left:3px;
  }
.envir-legendes2{
  margin-left:145px;
  width:170px;
  }
.envir-legendes3{
  margin-left:287px;
  width:170px;
  }
.envir-legendes4{
  margin-left:410px;
  width:260px;
  }
.envir-legendes5{
  margin-left:415px;
  width:260px;
  }

#evenements{
  width:170px;
  margin-left:15px;
  margin-top:30px;
  }

#evenements p.arrow-text{
  color:#fff;}
#evenements a,
#evenements a:link,
#evenements a:visited{
background:none;
border:none;
text-decoration:none;
font:bold 11px/13px Arial, Helvetica, sans-serif;
color: #ffffff;
/*height:90px;*/

}
#evenements a:hover,
#evenements a:active{
text-decoration:underline;
color:#A8A8A8;
}

#image-bas{
text-align:center;
width:100%;
}

.image-bas img{
float:left;
margin-left:5px;
}

/* ***************** MODULE ACTUALITES ***************** */
#contenu h1.IDEO_sans {
margin:0;
}

.IDEO_actualite{
	float:left;
	margin-top:10px;
	border-bottom:1px dotted #CCC;
}

#contenu .IDEO_actualite .IDEO_visuel{
	float:left;
	height: 146px;/* hauteur de la zone visuel  */
	width: 146px;/* longueur de la zone visuel  */
	background: url("../images/fond-vignette.png") no-repeat left top;/* Image de fond du visuel  */
	margin-right:10px;
	text-align:center;
	padding-bottom:5px;
}
#contenu .IDEO_actualite .IDEO_visuel img {
	margin:0 5px 0 0;
}
#contenu .IDEO_actualite .IDEO_visuel a {
	position:relative;
}
.IDEO_actualite .IDEO_actualite-droite{
	float:left;
	width:490px;/* Longueur la zone droite  */
}
#contenu .IDEO_actualite .IDEO_titre{
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
}

#contenu a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

#contenu a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }

.align_right { text-align:right; }


/* ***************** FIN MODULE ACTUALITES ***************** */