@import url(commun/reset.css);
@import url(menu_superieur.css);
@import url(menu_gauche.css);

/**
 *  Feuille de style gerant la structure du site
 *  
 *  @project	
 *  @site			
 *  @cssdoc		0.2.22
 *
 */

body {
	background:#edebe1 url(../images/fondSite.jpg) repeat-y top;
}
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
  position :relative;
  margin: 0 auto;
  width :980px;
  background: #ffffff;
}

  /**
   * Zone d'en tete
   * @subsection en tete
   */

  #entete{
    background :url(../images/tetiere.jpg) no-repeat 152px 25px;
    color :#ffffff;
    height :150px;
  }
  #entete h1,
  #entete blockquote {
    text-indent :-9999px;    
  }
  #entete #retourHome {
    top: 45px;
    left: 28px;
    display :block;
    position :absolute;
  }
	#contenantAlerte {
    margin-left:156px;
		height:40px;
	}
   #alerte{
    background:url(../images/attention.jpg) no-repeat top left;
		padding-left:31px;    
    }
    .tickercontainer {
      margin:0;
      width:590px;
      height:40px;
      overflow:hidden;
    }
    .tickercontainer .mask {
      overflow:hidden;
      position:relative;
      width:590px;
    }
    ul#defillant {
     position:relative;
     line-height :32px;
     margin:0;
     padding:0;
	 left: 590px;
    }
    ul#defillant li {      
      margin:0;
      padding:0;
      float:left;
      white-space :nowrap;
      overflow: hidden;
    }

  /**
   * Zone de contenue 
   * @subsection Contenue
   */
   
  #alerte p{
    background:url(../images/attention.jpg) no-repeat top left;
    line-height:42px;
    font-size:1.2em;
    font-weight :bold;
    color:#0059a3;
    padding-left:31px;
    margin-left:156px;
  }

  #contenu {
    background :#fff;
    overflow: hidden;
  }
  
  /**
   * Zone popup tempo
   * @subsection popup tempo
   */
   
   .tempo #popupTempo {
     background :url(../images/fondpopupTempo.jpg) no-repeat left top;
     height:271px;
     width:607px;
     font-size:1.9em;
     padding:40px 20px;
     margin: 0 auto;
   }
   .tempo #popupTempo h2 {
     font-size:1.474em;
     color :#9d3488
   }
   .tempo #popupTempo span.couleur{
     font-weight :bold;
     color:#00b69f;
   } 

    /**
     * Mise en forme de la structure de contenue gauche 
     * @subsubsection gauche
     */

      .gauche {
        width :156px;
        float:left;
      }

    /**
     * Mise en forme de la structure de contenue centrale
     * @subsubsection centre
     */

      .centre {
        width :610px;
        float:left;
        padding-right:40px;
        padding-bottom :15px;
        position:relative;
        overflow:hidden;
      }
      .mentionlegal #titreRubrique {
      	display:none;
      }
      .home .centre h2 {
        margin-bottom:8px;
      }
      .home .centre h3 { 
        margin-bottom:12px;         
      }
      ul#listeActu {
        clear:both;
        /*padding-top:10px;*/
        list-style-type:disc;
        list-style-position: inside;
      }
      ul#listeActu li {
        margin:0 0 6px 0;
      }
	  ul#listeActu li.titreDepartement{
		list-style-type:none;
        list-style-position: none;
	  }
	  .home ul#listeActu li.titreDepartement{
		padding-top: 10px;
	  }
	  .interne ul#listeActu li.titreDepartement h3{
		font-size: 1.273em;
		font-weight: bold;
	  }
      li.afficherReponse > span{
        line-height:2em;
        cursor: pointer;
		    padding:0 0.5em; 
		    font-weight:bold;
		    color:#000000;
      }
      li.afficherReponse.activeqa>span{
        background:#999;
		color:#000;
      }
      .interne.formulaire .centre form {
      	margin-bottom:20px;
      	position:relative;
      }
      .interne.formulaire .centre form div{
      	clear:left;
      }
      .interne.formulaire .centre form ol>li{
      	float:left;
      	width:170px;
      	overflow: hidden;
      }
      .interne.formulaire .centre form label {
      	display:block;
      }
      .interne.formulaire .centre form input#txtmail{
      	width:312px;
      }
      .interne.formulaire .centre form input[type=text]{
      	border: 1px solid #ed7f00;
      }
      .interne.formulaire .centre form input[type=submit]{
      	width:50px;
      	background:#ed7f00;
      	color:#fff;
      	border: 0 none;
      	font-size:0.917em;
      	padding:1px 0 3px 0;
      	position: absolute;
      	bottom:0;
      	left:340px;
      }
	.detailForm{
		font-weight: bold;
		font-size: 1.17em;
		color: #000000;
	}
 
    /**
     * Mise en forme de la structure de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        width :174px;
        float:left;
      }
      #menuContact {
        background:url(../images/fondContacts.jpg) no-repeat left 4px;
        padding-left:10px;
        padding-top:19px;
        position:relative;
        margin-top:5px;
        height:158px;
      }
      #menuContact h4 {
      	position:absolute;
      	top:0;
      	left:29px;
      }
      #menuContact ul li {
      	margin-bottom: 5px;
      }
      #menuContact ul li a {
        display:block; 
        background :url(../images/menuContactOff.jpg) no-repeat left top;
        overflow: hidden;
        padding:6px 0 7px 12px;
      }
      #menuContact ul li a:hover,
      #menuContact ul li a.active {
        background: url(../images/menuContactOn.jpg) no-repeat left top;
      }
      a#nousEcrire {
        /*display:none;*/
      }
      a#nousEcrire {
        background:url(../images/arobase.gif) no-repeat top left;
        padding:12px 0 3px 29px;
        margin-top:10px;
        font-weight:bold;
        text-transform :uppercase;
        color:#666666;
        display :block;
        text-decoration :none;
      }
      #phototramway {
        margin:20px 0 0 0px;
      }
	  #abonnezActu{
		margin-top:10px;
		font-weight:bold;
        text-transform :uppercase;
        color:#666666;
        display :block;
        text-decoration :none;
		background:url(../images/b_abonnement.jpg) no-repeat 1px 9px;
		padding:0 0 0 29px; 
	  }
	  #abonnezActu span{
		font-weight: normal;
		display: block;
	  }
	#visiteChantier{
		font-weight:bold;
        text-transform :uppercase;
        color:#666666;
		text-decoration :none;
		background:url(../images/casque.jpg) no-repeat 0 0;
		padding:0 0 0 29px; 
		margin-top: 20px;
		display: block;
	}
	#t5Image{
		font-weight:bold;
        text-transform :uppercase;
        color:#666666;
		text-decoration :none;
		background:url(../images/apareil.jpg) no-repeat 0 0;
		padding:5px 0 10px 29px; 
		margin-top: 18px;
		display: block;
	}

  /**
   * Mise en forme de la structure de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    clear:left;
  }
  #foot ul {
    line-height :15px;
    list-style-type :none;
    margin-left:152px;
    margin-top:26px;
    overflow: hidden    
  }
  #foot ul li {
    padding:0 35px 0 0;
    float:left;
		overflow:hidden;
		line-height:60px;
  }
  #foot ul li>a {
  	
  }
  #foot ul li>a img{
		display:inline;
		vertical-align:middle;
  }
  a#mentionsLegales {
    width:625px;
    border-top:1px solid #666;
    display:block;
    text-align :right;
    font-weight:600;
    color:#434343;
    line-height :2em;
    margin-left :152px;
    margin-top:3px;
    text-decoration :none;
  }