@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{
  position :relative;
  margin :0 auto;
  width :1000px;
}
#conteneur.home {
  background :url(../images/fondHome.jpg) no-repeat top left;
}
#conteneur.interne {
  background:#B09BC2 url(../images/fondInterne.png) no-repeat top;
  padding:30px 30px 0 30px;
  width :940px;
}

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

  #entete {
    position:relative;
    min-height :138px;
  }
  .home #entete{
    background: #fff url(../images/fondEnTete.jpg) no-repeat top left;
    min-height :169px;
  }
  #entete h1 {
    position:absolute;
    top:65px;
    left:277px;
  }
  #entete blockquote {
    text-indent:-9999px;
    position:absolute;
  }
  #entete #certificatIso{
	position :absolute;
	right:0px;
	top: 3px;
  }
  #certificatIsoInterne{
	position :absolute;
	left: 505px;
	top: 7px;
  }
  .interne #entete a#logo {
    position :absolute;
    left:130px;
    top:40px;
  }
  .interne #entete a#imprimer,
  .interne #entete a#deconnexion{
    position:absolute;
    top:98px;
  }
  .interne #entete a#imprimer{
	right:100px;
  }
  .interne #entete a#deconnexion{
	right:9px;
	}
    #identification {
      position:absolute;
      top:65px;
      left:687px;
      color:#40056D;
    }
    #identification>div {
      font-weight:bold;
      padding :3px 0;
    }
    #identification form {
      position:relative;
      width:145px;
    }
    #identification form input[type=text],
    #identification form input[type=password] {
      margin-bottom:5px;
      border:1px solid #40056D;
      padding:1px 0 1px 3px;
      width:100px;
    }
    #identification .check input{
      vertical-align :middle;
    }
    #identification form input[type=image] {
      position:absolute;
      border :0 none;
      right:0;
      top:6px;
    }
    #identification form .check label {
      margin-left:5px;
    }
    #identification form input[type=checkbox]{
      margin-left:25px;
    }
    #bandeauBleu {
      height: 16px;
      background : #40056D;
      position:absolute;
      bottom:0;
      width:1000px;      
    }
    .interne #bandeauBleu {
      width:938px;
    }
    #bandeauBleu ul{
      margin-left:525px;
    }
    #bandeauBleu li {
      float:left;
      color:#fff;
      padding:0 2px;
    }
    #bandeauBleu li a{
      color:#fff;
      font-weight :bold;
      text-decoration:none;
      font-size :1.2em;
    }
    a#conseilAstuces {
      display:block;
      padding:0 3px;
      background :#E35B00;
      color:#fff;
      font-weight :bold;
      font-size :1.3em;
      text-decoration :none;
      width:120px;
      float:right;
      margin-right:12px;
    }

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

  #contenu {
    background : #ffffff;
    overflow: hidden;
  }
  .home #contenu {
    min-height:483px;
    background :none;
  }
  .interne #contenu {
    width:938px;
    
  }
  #ariane {
	height:45px;
	padding: 0 0 0 276px;
	color: #92928A;
	}
	#ariane ul{
	padding-top: 15px;
	}
	#ariane ul li{
	display: inline;
	padding: 0 2px 0 2px;
	}

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

      .gauche {
        width :225px;
        padding:25px 0 0 30px;
        float:left;
      }

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

      .centre {
        width :585px;
        float:left;
        padding-bottom:40px;
      }
      .diaporama {
        position :relative;
        margin: 15px 0 20px 70px;
      }
      ul#animated-portfolio li {
        padding:23px 0 0 30px;
      }
      .controleBox {
        position:absolute;
        left:183px;
        bottom:55px;
      }
      .controleBox .back-button,
      .controleBox .next-button {
        display:none;
      } 
      #miseEnAvant {
        background:url(../images/hautMiseEnAvant.jpg) no-repeat top left;
        padding-top:23px;
        width:506px;
        margin:15px 0 25px 15px;
      }
      #miseEnAvant #contenuMiseEnAvant{
        background:url(../images/fondMiseEnAvant.jpg) repeat-y;
        width:486px;
        padding:0 10px 0;
      }
      #piedMisenAvant {
        background:url(../images/piedMiseEnAvant.jpg) no-repeat bottom left;
        height:25px;
      }
 
    /**
     * Mise en forme de la structure de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        background :url(../images/fondInterneDroite.jpg) no-repeat top right;;
        width :98px;
        min-height :450px;
        float:left;
      }

  /**
   * Mise en forme de la structure de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    height :30px;
    clear:left;
  }
  #foot address {
    text-align :center;
  }
  .interne #foot {
    background :url(../images/fondPied.png) no-repeat bottom;
    padding-top:16px;
  }