#container { position: relative; text-align: left; width: 960px; background: #fff; }        
#slider { padding-top: 30px; position: relative; margin-left: auto; margin-right: auto; clear: both; }
.imageAccueil { background-image: url(../img/Design/bg-home-connexion.jpg); width: 436px; height: 335px; float: right; }

/*#region Carrousel logo */

#slider .jcarousel-skin-tango .jcarousel-container {        
    background-image: url(../img/Design/bg-cadre-confiance.jpg);
    background-position: bottom;
    background-repeat:repeat-x;
    }

#slider .jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

#slider .jcarousel-skin-tango .jcarousel-container-horizontal {
    
    padding: 0 70px 0 70px;
}

#slider .jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

#slider .jcarousel-skin-tango .jcarousel-clip-horizontal {
   
    height: 165px;
}

#slider .jcarousel-skin-tango .jcarousel-item {
    width: 265px;
    height: 155px;
}

#slider .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

#slider .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}



#slider .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 
#slider  .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 35px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/Design/btn-fleche-droite.png) no-repeat 0 0;
}

#slider .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 35px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/Design/btn-fleche-gauche.png) no-repeat 0 0;
}

#slider .jcarousel-container-horizontal ul li > div{
    position:absolute;
    background-color:#FFF;
    width:265px;
    height:130px;
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;   
   border-bottom-right-radius: 8px;   
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;   
}
#slider .jcarousel-container-horizontal ul li div .dottedb
{ 
    position:absolute;
    width:245px;
    top:120px;
    left:10px;
    border-bottom: 1px dotted #046cba; 
    
    }
#slider .jcarousel-container-horizontal ul li div .dottedh
{ 
    position:absolute;
    width:245px;
    top:10px;
    left:10px;
    border-bottom: 1px dotted #046cba; 
    
    }
/*
/*#endregion*/

.champ-identifiant, .champ-motdepasse{
    font-family: Ubuntu:regular;
    color:#FFF;
    font-size:12pt;
    background-repeat:no-repeat;
    width:271px;
    height:35px;
    line-height:33px;
    padding-right:10px;
}
.champ-motdepasse{    
    background-image:url(../img/Design/champ-motdepasse.png);
}
 .champ-identifiant{    
    background-image:url(../img/Design/champ-identifiant.png);
}   
 .champ-motdepasse input,.champ-identifiant input{
     margin-top:6px;
     border:none;     
     margin-left:100px;
 }
 .ident3{
     position:relative;
 }
 .bconnect{
    position:absolute;
    right:10px;
    top:0;
 }
.mdpOublie{
   position:absolute;
    left:0;
    top:0;
    width:150px;
    line-height: 33px;    
}
.mdpOublie a
{
    
     border:none;
    font-family: Ubuntu;
    color:#999;
    font-size:10pt;
 }
 .mdpOublie a:hover
{
    text-decoration:none; 
 }
 
 #container .innov{
     float:left;
    background-image:url(../img/Design/Logos_Bandeau_IFC.png);
    background-repeat:no-repeat;
    width:367px;
    height:97px;
    }
     
    
  #container .com{
    left:110px;
    width:450px;
    margin-top:35px;
    height:100px;
    font-family: Ubuntu;
    font-weight:200;
       color: #006cb7;
       font-size:12pt;
    }
    
    #container .ident1{
    font-weight:bold;
    font-family: Ubuntu;
    color:#000;
    font-size:18pt;
    margin-bottom:5px;
    margin-top:10px;
    }
    
    #container .ident2{
        position:absolute;
        z-index:100;
        top:625px;
        left:75px;
        font-weight:200;
        background-color:#FFF;
        height:18px;
        line-height:18px;
        width:200px;
    font-family: Ubuntu;
       color: #046cba;
       font-size:12pt;
    }
 
 .baspage{
     position:relative;
    background-image:url(../img/Design/bg-menu.jpg);     
    height:77px;
    width:100%;
 }
 
  .hautpage{
    background-image:url(../img/Design/bg-header.jpg); 
    height:34px;
    width:100%;
 }
 
 .baspage .copyright{
     font-family: Ubuntu:regular;
       color: #046cba;
       font-size:10pt;
     position:absolute;
     right:40px;
     top:29px;
 }
 .baspage .paiement{
     font-family: Ubuntu:regular;
     color: #000;     
     font-size:10pt;
     position:absolute;
     left:70px;
     height:33px;
    line-height:33px;
 }
	 .baspage .paiement .text-paiement div{
	     background-image:url(../img/Accueil/fleche-paiement.png) ; 
	     background-repeat:no-repeat;
	     background-position:bottom;
    padding-right:3px;	
	      height:20px;
	      width:6px;
	      float:left;  
}
  .baspage .paiement .paiement1{
      float:left;
      background-image:url(../img/Accueil/logo-etransaction.jpg) ; 
      background-repeat:no-repeat;
    height:28px;
    line-height:33px;
    width:89px;
    padding-right:3px;
    margin-top:4px;
 }
  .baspage .paiement .paiement2{
      float:left;
      background-image:url(../img/Accueil/logo-mastercard.png) ; 
      background-repeat:no-repeat;
    height:33px;
    line-height:33px;
    width:64px;
    padding-right:3px;
 }
  .baspage .paiement .paiement3{
      float:left;
      background-image:url(../img/Accueil/logo-visa.png);
      background-repeat:no-repeat; 
    height:33px;
    line-height:33px;
    width:65px;
 }