@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
 *
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
  background :url(../images/fondsite.png) repeat-x;
  position :relative;
  margin :0 auto;
  width :980px;
  background-color: #EAECF2;
}

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

  #entete{
    color :#ffffff;
    height :120px;
  }
  #entete h1,
  #entete blockquote,
  a#retourAccueil {
    text-indent :-9999px;
    position :absolute;
  }
  a#retourAccueil {
    top:5px;
    left:82px;
  }
  #entete h1 {
    background:url(../images/logo.png) no-repeat 0 0;
    height :112px;
    width:277px;
    left:12px;
    top:20px;
  }
  #goodies {
    overflow :hidden;
    width:210px;
    position :absolute;
  }
  .home #goodies {
    top:20px;
    left :518px;
  }
  .interne #goodies {
    top:25px;
    left:392px;
  }
  #goodies ul li {
    float:left;
    margin-right:10px; 
    text-align :center;
    overflow :hidden    
  }
  #goodies ul li img{
    width:50px;
    height:50px;
    display:block;
    border:5px solid #99b944;
    overflow :hidden;
  }
  #goodies ul li a {
    height:80px;
    width:90px;
  }
  #sousMenu {
    overflow:hidden;
    position :absolute;
    top:100px;
    margin-left: 740px;
  }  
  #sousMenu li{
    float:left;
    margin-right:17px;
  }
  #sousMenu li a{
    padding-left:20px;
    vertical-align :middle;
    text-decoration :none;
    color:#727883;
  }
  #planDuSite {
    background:url(../images/iconeplandusite.png) no-repeat left;
  }
  #contact {
    background:url(../images/iconecontact.png) no-repeat left;
  }
  #retourHome {
    background :url(../images/iconeHome.png) no-repeat left;
  }
  /**
   * Zone de visuel defillant
   * @subsection viseulk defillant
   */
   
   #slider {
     height:148px;
     padding:5px 0;
     background : #a1a9b9;
	 width: 980px;
	 overflow: hidden;
	 position: relative;
   }
   #slider img{
	position: absolute;
   }

  /**
   * Zone de contenue 
   * @subsection Contenue
   */

  #contenu {
    overflow: hidden;
  }
  #introHome {
    background:url(../images/fondBandeVerte.jpg) repeat-x left top;
    height:160px;
    position:relative;
  }
  #contenuIntroduction {
    width:440px;
    float:left;
    margin:20px 0 0 500px;
  }
  .home #champRecherche {
    position:absolute;
    top:11px;
    left:46px;
  }
  .interne #champRecherche {
    background:url(../images/fondBandeVerteInterne.jpg) no-repeat top left;
    height:52px;
  }
  #champRecherche legend {
    color:#fff;
    font-size:1.636em;
    line-height :3.273em;
  }
  .home #champRecherche input[type=image] {
    vertical-align :middle;
    margin-top:-1px;
  }
  .interne #champRecherche input[type=image] {
    vertical-align :middle;
    margin-top:-4px;
  }
  .interne fieldset {
    position:absolute;
    top:342px;
    padding-left:810px;
  }
  #filAriane {
    font-size:0.909em;
    padding :0 0 0 15px;
    background :url(../images/flecheAriane.png) no-repeat left 12px;
    /*position :absolute;*/
    margin-left:410px;
    padding-top:5px;
	overflow:hidden;
  }
  #filAriane li {
    display:inline;
	padding: 0 1px;
	line-height:2em;
  }

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

      .gauche {
        float:left;
      }
      .home .gauche {
        width:442px;
        padding-left:25px;
        text-align:justify;
      }
      .titreHome {
        background:url(../images/pucetitreHome.jpg) no-repeat left top;
        padding-left :21px;
      }
      .titreHome>h3 {
        padding:8px 5px 6px 5px;
      }
	  .titreHome .enImageHome{
		width: 248px;
	  }
	  .backgroundH3{
		background:url(../images/fondTitreHome.png) repeat-x left bottom;
	  }
      p.introTitreHome {
        width:249px;
        padding-left:14px;
        margin-left:5px;
        margin-top:12px;
        background:url(../images/puceflechehome.gif) no-repeat left 7px;
      }
      #video {
        width:300px;
        text-align :left;
        margin:18px 0;
      }
      a#plusVideos {
        margin-left:58px;
      }
      #actualite {
        background:url(../images/separateurMenu.png) repeat-x top;
        padding-top:1px;
        overflow:hidden;
      }
      .titreMenu {
        background:#d5d8e0;
        font-size :1.545em;
        color:#394e64;
        padding:7px 0 10px 11px;
        text-transform : uppercase;
        display:block;
        overflow:hidden;
      }
      #deuxiemeActu{
        border-top:1px solid #c7cbd5;
      }
      #actualite li ul {
        margin-left:11px;
        margin-top:12px;
      } 
      #agenda li ul {
        margin-left:11px;
        margin-top:5px;
      }
      #actualite ul li {

      }
      .dateActuAgenda {
        font-weight:bold;
        color:#424961;
      }
	  .titreActuAgenda {
        font-weight:bold;
        color:#424961;
      }
      .contenuActuAgenda {
        line-height:1.091em;
        color:#686d7e;
        margin:2px 0;
      }
      .savoirPlusActu a{
        color:#686d7e;
        font-weight :bold;
        text-decoration :none;
        font-size :0.909em;
        text-transform :uppercase;
        background :url(../images/puceDoubleFlecheGrise.png) no-repeat right 4px;
        padding-right:10px;
      }
      .voirTout a{
        color:#ef3f18;
        font-weight :bold;
        text-decoration :none;
        background :url(../images/puceDoubleFlecheRouge.png) no-repeat 0 18px;
        margin-left:23px;
        padding:10px 0 5px 10px;
        display :block;
      }
      

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

      .centre {
        float:left;
      }
      .home .centre {
        width:513px;
        min-height :400px;
        text-align:justify;
      }
      .interne .centre {
        margin-left:255px;
        width :670px;
        margin-top:35px;
		min-height: 450px;
      }
      /*.interne .centre {
        padding-left:20px;
      }*/
      .interne .centre h1 {
        padding-left:20px;
        margin-bottom: 7px;
      }
      ul#zoomHome li{
        clear:left;
        padding:1.818em 0;
        border-bottom :1px solid #c7cbd6;
        overflow :hidden;
      }
      ul#zoomHome img {
        float:left;
        padding:0 25px;
      }
      .titreZoom {
        
      }
 
    /**
     * Mise en forme de la structure de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        background :#00ff00;
        width :15%;
        float:left;
        margin-left: 50px;
      }

  /**
   * Mise en forme de la structure de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    clear:left;    
  }
  .home #foot {
    background :url(../images/fondPied.png) no-repeat left top;
    height :115px;
  }
  .interne #foot {
    background:url(../images/fondPiedInterne.png) no-repeat left top;
    height:115px;
  }
  .home #foot ul {
    list-style-type :none;
    text-align :center;    
    padding-top:30px;
  }
  .interne #foot ul {
    list-style-type :none;
    text-align :center;    
    padding-top:40px;
  }
  #foot ul li {
    display :inline;
    padding:0 2px;
    color:#fff;
  }
  #foot address {
    margin-top:20px;
  }
  
	/**
	*	Plan du site
	**/
	#planSite ul li{
		margin-left: 13px;
		line-height: 20px;
	}
	#planSite ul.niveau1 li{
		background: url(../images/puceflechehome.gif) no-repeat 0 8px;
		padding-left: 15px;
		overflow: hidden;
	}
	#planSite ul.niveau1 li a,
	#planSite ul.niveau1 li{
		color: #152A50;
	}
	#planSite ul.niveau2 li{
		background: url(../images/puceDoubleFlecheGrise.png) no-repeat 0 8px;
		padding-left: 15px;
		overflow: hidden;
	}
	#planSite ul.niveau2 li a,
	#planSite ul.niveau2 li{
		color: #2F7498;
	}
	#planSite ul.niveau3 li{
		background: url(../images/puceDoubleFlecheRouge.png) no-repeat 0 8px;
		padding-left: 15px;
		overflow: hidden;
	}
	#planSite ul.niveau3 li a,
	#planSite ul.niveau3 li{
		color: #EF3F18;
	}