/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
villedepontivy.com 2007
contact@conseil-net.com
*****************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        CONNEXION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
    background: #ffffff url(/img/bg.gif) top left repeat-x;
    margin : 0;
    font-family: Arial;
    font-size: 11px;
    text-align:center;
}

td, th {
    font-family: Arial;
    font-size: 11px;
}
img {
    border:0px;
}
#connexion {
    position:relative;
    width:910px;
    border:0px;
    padding:20px 0 20px 0;
    margin:auto;
}
#connexion #main {
    padding:10px 0 0 0;
    height:410px;
    width:910px;
}
#connexion #main #banner {
    background:url(/img/bg-banner.gif) top left no-repeat;
    position:absolute;
    top:0px;
    left:0px;
    height:86px;
    width:910px;
}
#connexion #main #banner #logoconnexion {
    position:absolute;
    top:0px;
    left:10px;
}
#connexion #main #magasin {
    position:absolute;
    top:120px;
    right:2%;
    margin-left:-10px;
}
#connexion #main #adresse {
    position:absolute;
    top:350px;
    left:10px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #7F8498;
    text-align:left;
    width:298px;
    border-right:2px solid #7F8498;
    padding:0 0 0 20px;
}
#connexion #main #telfax {
    position:absolute;
    top:350px;
    left:320px;
    width:298px;
    border-right:2px solid #7F8498;
    padding:0 0 0 20px;
    text-align:left;
}
#connexion #main #telfax #tel {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #7F8498;
}
#connexion #main #telfax #fax {
    font-size: 20px;
    font-weight: none;
    text-decoration: none;
    color: #7F8498;
}
#connexion #main #web {
    position:absolute;
    top:350px;
    left:640px;
    width:298px;
    padding:10px 0 0 20px;
    text-align:left;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #7F8498;
    text-align:left;
}
#connexion #main #web a{
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #7F8498;
    letter-spacing:2px;
}
#connexion #main #web a:hover{
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    letter-spacing:2px;
}
#connexion #main h1 {
    display:block;
    position:absolute;
    top:110px;
    left:10px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #AE1431;
    text-align:left;
    width:360px;
    border:0px;
    line-height:27px;
}
#connexion #main #canal {
    position:absolute;
    top:280px;
    left:50px;
}

#connexion #conteneur{
  width:90%;
  height:400px;
  margin:0 auto;
}
#connexion #conteneur .menu {
  text-align:center;
  padding-top:4px;
  padding-bottom:4px;
  width:200px;
  height:17px;
  margin:10px 1px 10px 0;
  color:white;
  text-decoration:none;
  letter-spacing:1px;
  font-weight:bold;
  font-size:14px;
}
#connexion #conteneur .menu a {
  color:white;
  text-decoration:none;
  letter-spacing:1px;
  font-weight:bold;
  font-size:14px;
}
#connexion #conteneur #diaporama {
  float:left;
  display: block;
  height: 350px;
  width:540px;
}
#connexion #conteneur #diaporama .imaa {
    padding:5px;
}
#connexion #conteneur #diaporama .linktest {
    font-weight: bold;
    color: #006699;
    text-decoration: none;
    background-color: #FCFCFC;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
#connexion #conteneur #diaporama .miniphotos {
    border: 1px solid #D2222A;
    margin: 4px 5px 4px 5px;
    padding:5px;
}

#connexion #conteneur2{
  width:100%;
  height:510px;
}
#connexion #conteneur2 .column {
  float:left;
  margin:10px;
  width:440px
}
#connexion #conteneur2 .column2 {
  float:right;
  margin:10px;
}
#connexion #conteneur2 .column .text_contenu {
text-align:justify; font-size: 11px;
}
#connexion #conteneur2 .column .titre_contenu {
padding-top:10px; padding-bottom:2px; color:#AE1431; font-size:13px; font-weight:bold;width:100%;text-align:left;
}
#connexion #conteneur2 .column .conteneur_droite_rouge {
width:400px; height:430px; padding:10px; border:#AE1431 1px solid; background:white;
}
* html #connexion #conteneur2 .column .cartouche_rouge {
width:422px; padding:10px; font-weight:bold; font-size:16px; background-color:#AE1431; color:#FFFFFF;
}
#connexion #conteneur2 .column .cartouche_rouge {
width:402px; padding:10px; font-weight:bold; font-size:14px; background-color:#AE1431; color:#FFFFFF;
}
#connexion #conteneur2 h2 {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #7F8498;
}

#connexion #copyright {
    margin: 20px auto 40px;
    width:680px;
    line-height:15px;
}
#connexion #copyright a {
    color:#000;
    text-decoration:none;
}