#container { position: relative; text-align: left; width: 960px; background: #fff; }        
#slider { padding-top: 30px; position: relative; margin-left: auto; margin-right: auto; clear: both; }
.slider1 { height:349px;width:960px; position: relative; margin-left: auto; margin-right: auto; clear: both; }
.imageAccueil { background-image: url(../img/Design/bg-photo-identification2.jpg); width: 372px; height: 113px; float: right; }

/*#region Carrousel logo */

#slider .jcarousel-skin-tango .jcarousel-container {        
    background-image: url(../img/Design/bg-footer-mauve.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/Button/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/Button/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 #783f81; 
    
    }
#slider .jcarousel-container-horizontal ul li div .dottedh
{ 
    position:absolute;
    width:245px;
    top:10px;
    left:10px;
    border-bottom: 1px dotted #783f81; 
    
    }
/*
/*#endregion*/

/*#region Carrousel description */

.slider1 .jcarousel-skin-tango .jcarousel-container {        
   height:349px;
    }

.slider1 .jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.slider1 .jcarousel-skin-tango .jcarousel-container-horizontal {
    
    padding: 0 ;
}

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

.slider1 .jcarousel-skin-tango .jcarousel-clip-horizontal {
   
    height: 349px;
}

.slider1 .jcarousel-skin-tango .jcarousel-item {
    width: 960px;
    height: 349px;
}

.slider1 .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}


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

/**
 *  Horizontal Buttons
 */
 
.slider1  .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 210px;
    left: 500px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/Accueil/slide-fleche-droite.png) no-repeat 0 0;
}

.slider1 .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 210px;
    left: 20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/Accueil/slide-fleche-gauche.png) no-repeat 0 0;
}

.slider1 .jcarousel-container-horizontal ul li > div{
    position:absolute;
    background-color:#FFF;
    width:960px;
    height:349px;
   
}

/*region AccueilOp Slider2 */
 

/*#region Carrousel description */

.slider2 .jcarousel-skin-tango .jcarousel-container {        
   height:349px;
    }

.slider2 .jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.slider2 .jcarousel-skin-tango .jcarousel-container-horizontal {
    
    padding: 0 ;
}

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

.slider2 .jcarousel-skin-tango .jcarousel-clip-horizontal {
   
    height: 349px;
}

.slider2 .jcarousel-skin-tango .jcarousel-item {
    width: 1100px;
    height: 349px;
}

.slider2 .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}


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

/**
 *  Horizontal Buttons
 */
 
.slider2  .jcarousel-skin-tango .jcarousel-next-horizontal {
      position: absolute;
    top: 150px;
    left: 500px;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: transparent url('../img/Button/btn-fleche-droite.png') no-repeat 0 0;
}

.slider2 .jcarousel-skin-tango .jcarousel-prev-horizontal {
      position: absolute;
    top: 150px;
    left: 35px;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: transparent url('../img/Button/btn-fleche-gauche.png') no-repeat 0 0;
}

.slider2 .jcarousel-container-horizontal ul li > div{
    position:absolute;
    background-color:#FFF;
    width:960px;
    height:349px;
    left: 100px;
   
}

/*endregion*/

.titre-presentation{
    width:410px;
    position:absolute;
    left:60px;
    top:95px;
    font-family:Arial;
    font-weight: bold;
    font-size: 22px;
color:#7a4183;
line-height : 28px;
}
.texte-presentation{
    width:410px;
    position:absolute;
    left:60px;
    top:160px;
     font-family:Arial;
    font-weight: 500;
    font-size: 12px;
color:#000;
}
.texte-presentation .motcle{
    font-weight: bold;
    color:#7a4183;
}
.texte-presentation li {
 font-size: 11px;
  font-weight: 500;
 display : list-item;
 list-style-image : url(../img/Accueil/slide-fleche-descritptif.png);
} 
.texte-presentation ul {
    padding-top:5px;
    padding-bottom:5px;
}

.slider1{
    border-top: 1px solid #7a4183;
    border-bottom: 1px solid #7a4183;
}

/*
/*#endregion*/

.ident{
    float:left;
    font-family: Ubuntu:regular;
    color:#FFF;
    font-size:12pt;
    background-image:url(../img/Design/champ-identification.png);
    background-repeat:no-repeat;
    width:271px;
    height:35px;
    line-height:33px;
    padding-right:10px;
}

    
div.ident div.text{
    height:33px;
    line-height:33px;
     margin-left:5px;
    float:left;
    width:100px;
}
    
 .ident input{
     margin-top:6px;
     border:none;
 }
 
.mdpOublie{
     clear:both;
    line-height:33px;
    margin-left:140px;
   
    
}
.mdpOublie a
{
    
     border:none;
    font-family: Ubuntu:regular;
    color:#999;
    font-size:10pt;
 }
 .mdpOublie a:hover
{
    text-decoration:none; 
 }
 
 #container .innov{
     float:left;
    background-image:url(../img/Design/logo-innov-agro.jpg);
    background-repeat:no-repeat;
    width:300px;
    height:75px;
    }
    
 #container .aoc{
     float:right;
    background-image:url(../img/Design/logo-aoc.jpg);
    background-repeat:no-repeat;
    width:69px;
    height:75px;
    }
    
  #container .com{
    left:110px;
    width:360px;
    height:75px;
    font-family: Ubuntu;
    font-weight:200;
       color: #783f81;
       font-size:14pt;
    }
    
    #container .ident1{
    font-weight:bold;
    font-family: Ubuntu:regular;
    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: #783f81;
       font-size:12pt;
    }
 
 .baspage{
     position:relative;
    background-image:url(../img/Design/bg-footer-gris.jpg);     
    height:82px;
    width:100%;
 }
 
  .hautpage{
    background-image:url(../img/Design/bg-header2.jpg); 
    height:29px;
    width:100%;
 }
 .hautpage1{
    background-image:url(../img/Design/bg-header1.jpg); 
    height:5px;
    width:100%;
 }
 .baspage .copyright{
     font-family: Ubuntu:regular;
       color: #783f81;
       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;
 }
 
 #container .ident3 {float:left;}