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

/******************************************************************* POLICES CSS3 */

/**********************************************************************************/
/*@font-face {
  font-family: 'nomPolice';
  src: url('../typo/nomPolice.eot');
  src: local(':)'), url('../typo/nomPolice.woff') format('woff'), url('../typo/nomPolice.ttf') format('truetype'), url('../typo/nomPolice.svg') format('svg');
}*/

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

/************************************************************************ GENERAL */

/**********************************************************************************/
body { 
  margin:0; padding:0;
  background:url(../img/squelette/bgBody.jpg) repeat-x;
  background-color:#8e8e8e;
  font-family:'Trebuchet W01 Regular',arial;
  font-size:14px;
}
p { margin:10px; padding:0; }
div, img, span, ul, li { margin:0;padding:0; border:0; }

#conteneur {
  position:relative;
  width:1000px;
  margin:0 auto; padding:0;
  background-color:#fff;
  
  -moz-box-shadow: 0px 0px 5px 2px #343434;
  -webkit-box-shadow: 0px 0px 5px 2px #343434;
  -o-box-shadow: 0px 0px 5px 2px #343434;
  box-shadow: 0px 0px 5px 2px #343434;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5);
}
#zoneContenu { position:relative; }
#zoneContenuPartG {
  float:left;
  padding:90px 0 0; margin:0 30px 0 0;
  width:225px;
}
#zoneContenuPartD {
  float:right;
  padding:50px 0; margin:0 20px 0 10px;
  width:715px;
}
#diaporama { position:relative; }
#masqueDiaporama {
  width:1001px; height:226px;
  position:absolute;
  top:0; left:0;
  z-index:2;
  
  -moz-box-shadow: inset 0px 8px 5px -5px #343434;
  -webkit-box-shadow: inset 0px 8px 5px -5px #343434;
  -o-box-shadow: inset 0px 8px 5px -5px #343434;
  box-shadow: inset 0px 8px 5px -5px #343434;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=180, Strength=5);
}

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

/************************************************************************ BANDEAU */

/**********************************************************************************/
#bandeau {
  position:relative;
  height:133px;
  background:url(../img/squelette/bandeau.jpg) no-repeat;
  margin:0; padding:0;
  
  -moz-box-shadow: 0px -10px 5px 2px #000;
  -webkit-box-shadow: 0px -10px 5px 2px #000;
  -o-box-shadow: 0px -10px 5px 2px #000;
  box-shadow: 0px -10px 5px 2px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5);
}
#bandeau #logo { margin:20px 0 0 27px; padding:0; }
#bandeau #signature {
  position:absolute;
  text-align:right;
  bottom:26px; right:25px;
  color:#989898;
  font-size:18px;
}
#bandeau #conteneurCoordonnees {
  width:662px; height:32px;
  background:url(../img/squelette/bgCoordonneesBandeau.jpg) no-repeat;
  margin:0; padding:0;
  position:absolute;
  top:0; right:0;
  color:#fff;
  text-align:right;
  font-family:'Myriad W01 SmBd';
}
#bandeau #conteneurCoordonnees span {
  display:inline-block;
  margin:8px 17px 0;
}
#bandeau #conteneurCoordonnees a {
  color:white;
  text-decoration:none;
}
#bandeau #conteneurCoordonnees a:hover { text-decoration:underline; }
#bandeau  #conteneurCoordonnees #conteneurLang a { color:#8e8e8e; }
#bandeau  #conteneurCoordonnees #conteneurLang a.active { color:#fff; text-decoration:underline; }


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

/****************************************************************** TABLE CONTENU */

/**********************************************************************************/
#tableContenu {
  width:100%;
  margin:0;
}
#tableContenu a {
  color:#ff8706; 
}
#tableContenu ul {
  margin:15px;
}
#chemin {
  text-align:right;
  font-size:11px;
  color:#595959;
  margin:15px 5px;
}
#chemin a { color:#595959; text-decoration:none; }
#chemin a:hover { text-decoration:underline; }
.titre {
  margin:30px 15px 0;
}
.classChap_titre {
  margin:35px 15px 0;
}
.classChap_titre img {
  position:absolute;
  top:5px; left:-33px;
}
.classChap_titre,.titre {
  position:relative;
  padding:7px 0; 
  font-size:24px;
  color:#666;
  font-weight:lighter;
  text-transform: uppercase;
  border:1px solid #adadad;
  border-width:0 0 2px;
}
.classCellGauche, .classCellDroit {
  vertical-align:top;
  padding:15px;
  list-style-position:inside;
}
.classCellGauche img, .classCellDroit img { border:1px solid #adadad; }
.cellIntroG, .cellIntroD {
  vertical-align:top;
  padding:15px;
  /*color:#969696;
  font-size:16px;*/
}
.bas{ padding:30px 15px 15px 15px; }

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

/*********************************************************************** ZONE NEWS */

/**********************************************************************************/
#blocktoscroll{
  position:relative;
  height:120px;
  padding:10px;
  overflow: hidden;
}

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

/********************************************************************** MICROBLOG */

/**********************************************************************************/
#conteneurCommentaires{ margin:30px 0 15px; padding:10px; }
#conteneurCommentaires legend { font:normal bold 20px arial; }
.conteneurUnCommentaire{ margin:20px 0; }
.conteneurTexteCommentaire{
  border:1px dotted black;
  padding:10px;
}
.imgCommentaireGauche{
  float:left;
  margin:0 10px 0 0;
}
.imgCommentaireDroite{
  float:right;
  margin:0 0 0 10px;
}
#conteneurFormulaireAddCommentaire{ text-align:center; }
#titreAjouterUnCommentaire { font:normal bold 15px arial; }
#textareaAddCommentaire{ width:735px; height:100px; }
#explicationSoumissionCommentaire { font:italic normal 11px arial; }

#conteneurDerniersCommentaires {
  background-color:white;
  margin:10px 0 0; padding:10px;
}

.conteneur_zone_echangeH, .conteneur_zone_echangeB { text-align:right; }

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

/********************************************************************** ZONE TAGS */

/**********************************************************************************/
#tag {
  overflow:hidden;
  position:relative;
  height:100px;
  padding:10px;
  background-color:#636363;
}
#tag a{}

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

/*********************************************************************** CALENDAR */

/**********************************************************************************/
div.calendar { /* calendrier en general */
  color:white;
  border:1px solid black;
  background-color:white;
  padding:10px; margin:0;
}
div.calendar td.invalid { /* jours du mois courant deja passes */
  color:gray;
  text-align:center;
}
div.calendar td.valid { /* jours du mois courant qui restent a venir */
  color:black;
  cursor:pointer;
  text-align:center;
}
div.calendar td.active { /* jour que l'on a deja selectionne (dans un premier calendar) */
  color:red;
  text-align:center;
}
div.calendar th { /* lettres de la semaine*/
  color:black;
}
div.calendar caption { /* nom du mois */
  color:black;
  margin:0 0 15px 0;
}
div.calendar a {
  cursor:pointer;
  text-decoration:none;
  color:black;
}
div.calendar div div {
  font-weight:bold;
  color:black;
  text-align:center;
}
button.calendar{
  border:0;
  cursor:pointer;
  width:16px;
  height:16px;
  padding:8px 0 0 0;
  margin:0 20px 0 0 ;
  background:url(../img/squelette/calendar.png) no-repeat;
}
input.calendar { color:black; }
.next{ position:absolute; right:15px; }
.prev{ position:absolute; left:15px; }

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

/*********************************************************************** BAS PAGE */

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


#footer {
  background:url(../img/squelette/borderFooter.png) repeat-y;
  background-position:top right;
  position:relative;
  width:950px;
  margin:25px auto; padding:0 22px 0 0;
  text-align:right;
  font-size:18px;
  color:white;
}
#footer a {
  color:white;
  text-decoration:none;
}
#footer a:hover { text-decoration:underline; }
#footer p { margin:1px 0; padding:0; }
#conteneurMentionsLegales {
  font-size:12px;
}

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

/************************************************************************** DEVIS */

/**********************************************************************************/
.devis_fieldset { margin:30px 0; padding:20px 15px; }
.devis_fieldset legend { font-weight:bold; }
#ec label,#fieldsetActi label {
  display:block;
  float:left;
  width:100px;
}
#date {}
#date label, #totalAd label {
  display:block;
  float:left;
  width:100px;
}
.explication_champs-oblig {}
.etoile_oblig { color:red; }
#btn { text-align:center; }
#commentaire { width:512px; height:150px; }

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

/********************************************************************* MAP GOOGLE */

/**********************************************************************************/
#map{
  margin:20px auto 0 auto;
  width:100%; height:600px;
}

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

/************************************************************* GESTION DES DROITS */

/**********************************************************************************/
#conteneurMsgErreurDroitsPage{ margin:40px; }

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

/**************************************************************************** RSS */

/**********************************************************************************/
.conteneurUnFluxRss{}
.lienTitreFluxRss {}
.lienTitreFluxRss:hover {}

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

/******************************************************************* PLAN DU SITE */

/**********************************************************************************/
#conteneurPlanSite ul ul { margin:0 0 0 30px; }
#conteneurPlanSite li { margin:10px 0 0 0; }
#conteneurPlanSite .togglerUnItem { cursor:pointer; }
#conteneurPlanSite .contentUnItem { padding:20px 0; margin:0; }
#conteneurPlanSite .contentUnItem p {
  border:1px dotted black;
  padding:20px 20px 0;
}
#conteneurPlanSite .titreUnItem {
  display:block;
  font-weight:bold;
}
#conteneurPlanSite .lienEnSavoirPlus {
  display:block;
  text-align:right;
  margin:0; padding:15px 0;
}

/*******************************************************************************
********************************************************************************
*** BLOC PORTAIL
********************************************************************************
*******************************************************************************/
div.unBlocPortail {
  color: #fff;
  display: inline-block;
  padding: 3px;
  position: relative;
  margin-top:6px;
  text-align: center;
  background-color:#7A7A7A;
  font-size:18px;
  font-family: verdana, arial;
  letter-spacing: -1px;
  text-transform:uppercase;
}
div.unBlocPortail em {
  position:absolute;
  z-index:2;
  color:#fff;
  top:20px; left:5%; width:90%;
}
div.unBlocPortail img {
  border:none;
  margin-bottom:10px;
}

div.unBlocPortail:hover, div.unBlocPortail:focus { 
  color:#ff8706;
  cursor:pointer;
}

div.unBlocPortail:hover img, div.unBlocPortail:focus img { opacity:0.3; }
div.unBlocPortail em { font-size:0; }
div.unBlocPortail:hover em, div.unBlocPortail:focus em {
  font-size:inherit;
  display:block;
  padding:15px 0;
  font-style:normal;
}


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

/************************************************************************* AGENDA */

/**********************************************************************************/
/*#conteneurAgenda {
  width:216px;
  margin:10px 0 0;
}
#titreAgenda {
  display:block;
  height:30px;
  color:white;
  font:normal bold 20px arial;
  padding:3px 0 0 15px;
}
#conteneurDatesAgenda { 
  background-color:#f3a842;
  font-size:11px;
}
.moisDatesAgenda {
  display:block;
  font:normal bold 16px arial;
  color:white;
  padding:15px 0 0 15px;
}
#conteneurDatesAgenda ul {
  color: white;
  margin:0 15px 0 30px;
}
#conteneurDatesAgenda ul li { padding:5px 0; }
#conteneurDatesAgenda ul li a {
  color:white;
  text-decoration:none;
}
#conteneurDatesAgenda ul li a:hover { text-decoration:underline; }
#lienAgendaComplet {
  display:block;
  color:white;
  text-align:center;
  text-decoration:none;
  padding:15px 0 0 0;
  font-size:12px;
}
#lienAgendaComplet:hover { text-decoration:underline; }
#conteneurEvenementsPageAgenda h2, #conteneurEvenementsPageAgenda h2 a {
  font:normal normal 15px trebuchet MS;
  color:#008fcc;
  margin:25px 0 5px;
  text-decoration:none;
}
#conteneurEvenementsPageAgenda h2 a:hover { text-decoration:underline; }
#conteneurEvenementsPageAgenda p { margin:0; padding:0; }
#conteneurEvenementsPageAgenda img { 
  float:left;
  margin:0 10px 5px 0;
  border:1px solid #008fcc;
}
.dateEvenementPageAgenda {
  font:normal bold 12px arial;
  color:black;
  display:block;
  margin:10px 0;
}
*/