body {
    background-image: url("/images_mandres/portail/background/motif_background.gif");
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Arial,Helvetica,sans-serif;
  }

  html, div, span, map, form {
  display:block;
  }

  input, select, textarea, h1, h2, h3, h4, h5 {
  display:inline-block;
  }
  input[type=text], select,textarea
  {
    width:90%;
  }
  input[type=text], textarea
  {
    width:89%;
  }
  textarea  {
    text-align:justify;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#6c6b6b;
  }

  /********************header***************************/
  /*****************************************************/
  .header {
    background-image: url("https://infocom94.agoraplus.fr/mandres/pck_gestion.display_picture?p_id=5&p_table=css");
    background-repeat: no-repeat;
    width: 960px;
    height:161px;
    display:block;
  }
  .header_news {
    background-image: url("https://infocom94.agoraplus.fr/mandres/pck_gestion.display_picture?p_id=5&p_table=css");
    background-repeat: no-repeat;
    background-color: white;
    width: 960px;
    height:320px;
    display:block;
  }
  .btn_contact{
    width:132;
    height:60px;
    padding-right:65px;
    padding-top:39px;
    cursor:pointer;
    box-sizing: border-box;
  }
  .actualite{
    width:580px;
    height:65px;
    margin-right:85px;
    text-align:left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #007CC2;
    text-align:justify;
    overflow: scroll;
  }

  .actualite a:link, .actualite a:visited{
    color: #9BBB32;
    text-decoration:none;
  }
  .actualite a:hover, .actualite a:active  {
    color: #007CC2;
    text-decoration:none;
  }

  #footer a:link, #footer a:visited{
    color: #FFFFFF;
    text-decoration:none;
  }
  #footer a:hover, #footer a:active  {
    color: #FFFFFF;
    text-decoration:underline;
  }


  /********************contener*************************/
  /*****************************************************/
  .contener {
    display:inline-block;
    border-left:1px medium #c3e8fd;
    border-right:1px medium #c3e8fd;
    background-color: #f7fbfc;
    background-position:right;
    width:960px;
   }
   .contener-auth {
    display:inline-block;
    border-left:1px medium #c3e8fd;
    border-right:1px medium #c3e8fd;
    background-color: #f7fbfc;
    background-image: url(/images_mandres/portail/container/action/bg-action.gif);
    background-repeat: repeat-y;
    background-position:right;
    width:960px;
    min-height:360px;
   }
  /********************connexion************************/
  /*****************************************************/
  .connexion {
    background-image: url("/images_mandres/portail/container/connexion/bg-connexion.gif");
    background-repeat: no-repeat;
    width:630px;
    height:331px;
  }
  .connexion-texte {
    position:relative;
    float:left;
    width:310px;
    text-align:left;
    padding-top:38px;
  }
  h1 {
    color:#9BBB32;
    font-size:1.3em;
    line-height:16px;
  }
  h2 {
    color:#007CC2;
    font-size:0.75em;
    line-height:14pt;
  }
  h2#errorBox {
    color:red;
    font-size:0.75em;
    line-height:14pt;
  }
  h3{
    color:#9BBB32;
    font-size:0.6em;
    line-height:auto;
  }

  h3 a ,h2 a {
    text-decoration:none;
    color:#9BBB32;
  }
  h3 a:hover, h2 a:hover{
    text-decoration:underline;
  }
  a img {
    border-width:0;
  }
    
  .connexion-formulaire{
    position:relative;
    float:left;
    text-align:left;
    padding-top:20px;
    margin-top:20px;
    margin-left:20px;
  }
  .connexion-formulaire input{
    border:1px solid #9BBB32;
    width:240px;
    height:28px;
    margin-top:6px;
    margin-bottom:6px;
    font-family:Arial,Helvetica,sans-serif;
    color: #007CC2;
    font-size:16px;
    padding-top:5px;
    padding-left:5px;
  }
  .conditions{
    text-align:left;
    margin-left:130px;
  }
  .conditions textarea  {
    text-align:justify;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#6c6b6b;
  }
  h5{
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.8em;
    color:#6c6b6b;
    margin:22px 20px 20px 0px;
  }
  .tetiere{
    position:relative;
    background-image: url(/images_mandres/portail/container/profil/tetiere.gif);
    background-repeat: no-repeat;
    width: 212px;
    height:38px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    color:white;
    padding-left:10px;
  }
  .fond-vert{
    background-image: url(/images_mandres/portail/container/profil/fond-vert.gif);
    background-repeat: repeat-x;
    height:30px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    color:white;
    padding-left:10px;
  }
  .btnLink {
    cursor:pointer;
  }
   
  /********************footer***************************/
  /*****************************************************/
  .footer {
    position:relative;
    background-image: url("/images_mandres/portail/footer/footer-auth.gif");
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f7fbfc;
    width: 960px;
    height:224px;
  }
  .footer-auth {
    position:relative;
    background-image: url("/images_mandres/portail/footer/footer-auth.gif");
    background-repeat: no-repeat;
    width: 960px;
    height:191px;
  }
  .ml{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: white;
    padding-top:180px;
  }

  .ml-auth{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: white;
    padding-top:174px;
  }