/* CSS Document */
body {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
}

#main {
    margin-top: 0px;
    padding: 0;
    margin:auto;
    width:1024px;
    text-align:center;
}


.border{
    border:2px rgb(122,210,207)  solid;
}

/* header*/
#band_head{
    width:1024px;
    height: 128px;
    background: url("../images/bandeau_haut_rd_page_suivante.gif") no-repeat left top;
}
#band_head_accueil{
    width:1024px;
    height:270px;
    margin:auto;
    background: url("../images/bandeau_haut_rd_accueil.gif") no-repeat left top;
}
#band_head_sper{
    margin-top:10px;
    float:left;
    width:2px;
    height: 250px;
    background-color: #ffffff  
    
}
#lange_page_accueil{
    padding:20px 0 0 25px;
    float:left;
    height:20px;
    text-align:left;
    width:330px;
}
.lange select{
    font-size:12px;
    height:18px;
    color:#A69DC9;
}
#lange_page{
    padding:25px 25px 0 0px;
    float:right;
    height:20px;
    text-align:right;
    width:330px;
}
#image_flash{
    float:left;
    width:650px;
    height:270px;
    background: url("../images/image_flash.jpg") no-repeat   20px 15px;
}

/* menu*/
#menu_haut{
    
    width:1024px;
    height:30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    color: #FFFFFF;
    background-color:  #81CBD0;
}
.menu_haut{
    margin-left:475px;
    float:left;
}
span{
    text-align:left;
    margin-right:5px;
    font-size: 12px;
    
}
a{  
    color: #FFFFFF;
    text-decoration: none;
}
#menu_haut a:hover {
    color:#66a2C0;
    text-decoration:underline;
}
.logo_deconnexion{
    text-align:right;
    padding:8px 0px 0px 60px;
    float:right;
    position:absolute;
    height: 30px;
    background: url(../images/fond_deconnexion.gif) no-repeat 5px 0px;
}



/* center*/
#center{
    float:left;
    width:1024px;
    height:auto;
    background-color:rgb(222,233,237);
    padding-bottom:0px;
}


/* menu left*/
#menu_left{
    float:left;
    width:230px;
    padding-bottom:0;
    background-color: rgb(222,233,237) ;
}

#logo{
    height: 124px;
    background: url("../images/icone_bonhomme_ecran_acceptation.gif") no-repeat 40% 0%;
}
#menu_personnalisez{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #777879;
}
#text_rubrique {
    padding-left:30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#3333FF;
}
#text_rubrique a {
    color: #777879;
}
#text_rubrique dl{
    margin-right:90px;
}
#text_rubrique dt {
    cursor: pointer;
    text-align:justify;
    padding-left:30px;
    padding-top:3px;
    padding-right:0px;
    height: 19px;
    font-size: 13px;
    color:#3333FF;
    background: url("../images/fleche_bleu.gif") no-repeat 0px 40%;
}
.line_top__bottom{
    border-top:    1px #B5B5B5 solid;
    border-bottom: 1px #B5B5B5 solid ;
}
.line_text_rubrique{
    border-bottom: 1px #B5B5B5 solid ;
}

#titre_rubrique_personnalisez{
    background: url("../images/icone_personnalisez.gif") no-repeat 4% 0%;
}
#titre_rubrique_personnalisez a{
    color: #66A2C0;
}
.titre_rubrique{
    cursor: pointer;
    padding-top:4px;
    padding-left:85px;
    height:auto;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #66A2C0;
}
.titre_rubrique1 {
    font-weight:bold;
    font-size: 14px;
}
.titre_rubrique2 {
    font-size: 12px;
}
.titre_rubrique21 {
    font-size: 16px;
    margin-top:30px;
    height:auto;
}

.newsletter{
    
    margin-top:450px;
    border-bottom: 1px #B5B5B5 solid ;
    padding-bottom:12px;
}

.newsletter a{
    font-size: 12px;
    color: #777879;
}
.newsletter a:hover{
    color: #66A2C0;
}
/* page*/
#page{
    margin:auto;
    height: auto;
    float:left;
    background-color: rgb(222,233,237) ;
    width:794px;
}

#menu_page{
    float:left;
    width:792px;
    height: 50px;
    position: relative;
    list-style: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    color: #66A2C0;
    background-color: rgb(238,244,246) ;
}

#menu_page div{
    margin:0px 0px 0px 0px;      
}

#menu_page a {
    color: #66A2C0;
}
#menu_page a:hover {
    color: #66A2C0;
}
.titre_menu_page{
    font-size: 12px;
    font-weight:normal;
}
.titre_menu_page1{
    margin:0px;
    float:left;
    padding-top:3px;
    padding-right:10px;
    padding-left:50px;
    background: url("../images/icone_retrouvez.gif") no-repeat 0% 0%;
}

.titre_menu_page1_gris{
    margin:0px;
    float:left;
    padding-top:3px;
    padding-right:10px;
    padding-left:50px;
    color:grey;
    background: url("../images/gris-small.gif") no-repeat 0% 0%;
}
#menu_page .titre_menu_page1_gris a{
    color:rgb(220,220,220);
}
#menu_page .titre_menu_page1_gris a:hover{
    color: #66A2C0;
}
.titre_menu_page2{
    margin-right:0px;
    float:left;
    padding-top:3px;
    padding-right:0px;
    padding-left:60px;
    background: url("../images/icone_reglementation.gif") no-repeat 10px 0;
}
.titre_menu_page2_gris{
    margin-right:0px;
    float:left;
    padding-top:3px;
    padding-right:0px;
    padding-left:60px;
    color:grey;
    background: url("../images/gris-small.gif") no-repeat 10px 0;
}

#menu_page .titre_menu_page2_gris a{
    color:rgb(220,220,220);
}
#menu_page .titre_menu_page2_gris a:hover{
    color: #66A2C0;
}


.titre_menu_page3{
    margin-left:0px;
    float:left;
    padding-top:3px;
    padding-right:0px;
    padding-left:70px;
    background: url("../images/icone_saisissez.gif") no-repeat 20px 0%;
}
.titre_menu_page3_gris{
    margin-left:0px;
    float:left;
    padding-top:3px;
    padding-right:0px;
    padding-left:70px;
    color:grey;
    background: url("../images/gris-small.gif") no-repeat 20px 0%;
}
#menu_page .titre_menu_page3_gris a{
    color:rgb(220,220,220);
}
#menu_page .titre_menu_page3_gris a:hover{
    color: #66A2C0;
}

#menu_right{
    margin:auto;
    height: auto;
    float:right;
    width:230px;
    padding-bottom:0;
    background-color: rgb(222,233,237) ;
}

.menu_right_actualite{
    padding-top:10px;
    padding-bottom:10px;
    background-color: #007BA6;    
}

#acceptation{
    padding-top:350px;
    padding-bottom:0px;
}
.bouton_acceptation{    
    padding-left:30px;
    height: 23px;
    width: 107px;
    background: url("../images/bouton_acceptation.gif") no-repeat 40% 0%;
}
img{
    border :none;
    height: auto;
    width: 107px;    
}

#alphavalue{
    height:161px;
    background: url("../images/TOP10.png");
}
#alphavalue a{
    font-size:9px;
    font-family: Arial;
    padding-top:0;
    padding-bottom:0;
}
#top10{
margin-left:18px;
float :left;
text-align:left;

}
#bouton_paypal{
    height: 62px;
    background: url("../images/cartebancaire.gif") no-repeat 40% 0%;
}
#titre_rubrique_decouvrez{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #A69DC9;
    background: url("../images/icone_entreprise.gif") no-repeat top left;
}

#titre_menu_decouvrez{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top:6px;
    padding-left:45px;
    text-align: left;
    color: #66A2C0;
    background: url("../images/fleche_entrerprise_accueil.gif") no-repeat  30px 10px;
    
    
}

#text_rubrique_decouvrez{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding:0;
    color: #fff;
    position:relative;
}

#menu_rubrique{
    padding: 10px 0px 10px 5px;
    list-style: none;
    float:left;  
    position:relative;  
}
#menu_rubrique .menutop{
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 20px;
    color: #A69DC9;
    text-align: left;
    background: url(../images/feed-icon.png)  no-repeat 0% 5px;;
}
#menu_rubrique .submenu{
    margin: 4px 10px 8px 1px;
    padding: 0px 10px 0px 5px;
    font-size: 11px;
    text-align: left;
    color: #777879;
    border-left: 2.5px  #A69DC9 solid;
}
#menutop{
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 20px;
    color: #A69DC9;
    text-align: left;
}
#submenu{
    margin: 4px 10px 8px 1px;
    padding: 0px 10px 0px 5px;
    font-size: 11px;
    text-align: left;
    color: #777879;
    border-left: 2.5px  #A69DC9 solid;
}
#submenu a{
    color: #777879;
    text-decoration:none;
}
a:hover
{
    text-decoration:none;
}
#menu_rubrique a:hover
{
    text-decoration:none;
}

.submenu a{
    color: #777879;
    text-decoration:none;
}

#menu_rubrique  span{
    margin:1px;
    float:left;
    font-size: 11px;
    padding:0px 20px 0px 72px;
    text-align:left;
    color: #777879;
    
}

#menu_rubrique span a{
    color: #777879;
}
/* content*/
#content{
    float:left;
    margin:0px;
    padding:0px 0px 0px 0px;
    height: auto;
    min-height:400px;
    width:560px;
    background-color: #ffffff;
    border-left:2px #81CBD0 solid;
    border-right:2px #81CBD0 solid;
}

#inner_content{
    padding: 0px 0px 10px 0px;
    border-left: 2px #81CBD0 solid;
    border-right: 2px #81CBD0 solid;
    float:left;
    height: auto;
    width:790px;
    min-height:400px;
    font-size: 12px;
    color: #66A2C0;
    background-color: #ffffff;
}

.titre_centent_rubrique{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin:0px 15px 0px 15px;
    padding: 5px 15px 5px 15px;
    background-color:#A69DC9;
    text-align: left;
    font-size: 12px;
    color:#fff;
}

.titre_centent_menu{
    height:30px;
    margin:0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: rgb(122,210,207) ;
    padding: 0px 0px 0px 30px;
    text-align: left;
    font-size: 23px;
    color:#fff;
}


#tablslist div{
    margin:0px ;
    padding:15px 0px 5px 20px;
    font-size: 12px;
    font-weight: bold;  
    border-bottom:solid 1px #66A2C0;  
    background: url(../images/fleche_verte.gif) no-repeat 0 18px;
}

#tablslist span{
    margin:0px ;
    padding:0px 0px 0px 25px;
    font-size: 12px;
    text-align:left;
    font-weight:normal;
    color: #777879;
    
}

#tablslist .ligne2{
    margin:0px 0px 0px 80px;
    padding:0px 0px 0px 0px;
    font-size: 12px;
    text-align:left;
    font-weight:normal;
    
}

#tablslist .ligne10{
    padding:0px 0px 0px 15px;
}

#tablslist a{
    color:#66A2C0;
}
#download{
    margin:auto;
    width:auto;
    float:left;
    padding-top:10px;
    
}
#download_texte{
    margin:auto;
    width:auto;
    float:left;
    padding-left:30px;
    padding-right:10px;
    background: url(../images/icone_telechargement.gif) no-repeat left top; 
}
#formatxbrl{
    margin:auto;
    float:left;
    width:84px;
    height: 19px;
    background: url(../images/icone_xbrl.gif) no-repeat left top; 
}
#formatxls{
    margin:auto;
    float:left;
    width:84px;
    height: 19px;
    background: url(../images/icone_msxsl.gif) no-repeat left top;
}
#formathtml{
    margin:auto;
    float:left;
    width:84px;
    height: 19px;
    background: url(../images/icone_html.gif) no-repeat left top;;
}




#espace_client{
    height: 30px;
    padding-left:30px;
    font-size: 23px;   
    font-weight: bold;
    text-align: left;
    color:white;
    background-color:  #81CBD0;
}
#espace_client span{
    margin-right:4px; 
    margin-right:4px; 
    font-size: 12px;
}
#form{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:30px 150px 30px 150px;
    border: 1px solid #C0E5E7;
    padding:20px 20px 80px 20px;
}

#connexiontitre{
    padding-top:5px;
    padding-bottom:5px;
    font-size: 16px;
    font-weight: bold;  
}
#connexiontitre2{
    padding-top:5px;
    padding-bottom:10px;
    font-size: 13px;
    font-weight: bold;
}
#LoginCommentaire{
    margin-top:10px; 
    margin-bottom:10px;
    margin-right:20px;
    padding:5px 10px 5px 0px;
    
}

#loginDiv{
    font-size: 12px;
    text-align:left;
    height: 260px;
    margin:30px 150px 30px 150px;
    border: 1px solid #C0E5E7;
    padding:20px 30px 10px 60px;
    
}
#champs{
    float:left;
    width:230px;
    margin-bottom:10px;
    text-align:left;
    color: #777879;
    
}

#champs div{
    font-weight: bold;
    font-size: 12px;
    float:left;
    text-align: left;
    padding:5px 2px 0px 0px;
    margin:0px 0px 0px 0px;
}

#champs label{
    float:left;
    width:90px;
    text-align:left;
}
#champs .input{
    margin:0px 0px 0px 0px;
    padding:0px ;
    text-align: left;
    width:180px;
    height:15px;
    border: 1px solid  #777879;
    
}
#loginDiv #descpriton{
    width:250px;
    text-align: left;
    font-size: 12px;
    
}
#buttonlogin{
    float:left;
    padding-left: 0px;
    padding-top: 55px;
    width:107px;
    height:23px;
}

#loginDiv a{
    color: #66A2C0;
}
/*register Form*/
#registerform{
    border: 1px solid #C0E5E7;
    margin:30px 150px 30px 150px;
    padding:30px 45px 80px 45px;
    
}
#userform{
    margin: 45px 0px 20px 0px;
    text-align: right;
    padding-right:100px;
    padding-bottom:10px;
    color: #777879;
}
#userform div{
    font-weight: bold;
    font-size: 12px;
    float:left;
    text-align: left;
    padding:5px 2px 0px 0px;
    margin:0px 0px 0px 0px;
    font-style:normal;
}
#userform .input{
    
    
}
#choblg{
    padding-right:10px;
    margin:0px 0px 10px 0px;
    text-align: left;
    
}
#register{
    
}
#register div{
    float:left;
    padding: 5px 5px 5px 5px; 
}
/* feeter*/
#footer{
    margin:auto;
    padding-top:4px;
    width:1024px;
    height:20px;
    float:left;
    text-align:center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: rgb(123,203,188) ;
}

.formwrapper_left{
    border-left:2px #81CBD0 solid;
}

#grandtrait {
    margin:10px 30px 10px 30px;
    color:#C0E5E7;
    border: 1px solid #81CBD0;}

.formwrapper_left_right{
    border-left:2px #81CBD0 solid;
    border-right:2px #81CBD0 solid;
}
/* Espace Societe */
.logo_espace_client{
    margin:auto ;
    width:560px;
    height:65px;
    background: url("../images/image_espace_client.gif") no-repeat left top;
}
.logo_espace_societe{
    margin:auto ;
    width:560px;
    height:65px;
    background: url("../images/image_societe.gif") no-repeat left top;
}

#espace_societe{
    font-family: Arial, Helvetica, sans-serif;
    margin:10px 100px 50px 50px;
    text-align:left;
    font-size: 12px;
    color: #66A2C0;
}
#espace_societe p{
    padding-top:20px;
    font-size: 12px;
    font-weight: bold;
    
}
#espace_societe ul{
    margin: 0px;
    padding: 10px 0px 0px 5px;
    list-style: none;
}
#espace_societe li{
    margin: 0px 100px 0px 0px;
    padding: 10px 5px 5px 50px;
    
    text-align: left;
}

#espace_societe a{
    color: #66A2C0;
    
}

#deposer{
    background: url("../images/icone_deposer.gif") no-repeat 5px 0px;
}
#creer{
    background: url("../images/icone_creer.gif") no-repeat 0px 6px;
}
#update{
    background: url("../images/icone_mettre_ajour.gif") no-repeat 5px 8px;
}
.subm{  
    background: url(../images/fleche_violet.gif) no-repeat 0 2px;
    text-align: left;
}

/*Contact*/
#espace_Contact{
    height: 30px;
    padding-left:30px;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    color:white;
    background-color:  #81CBD0;
}
#formcontact{
    font-size:12px;
    margin:30px 150px 30px 150px;
    border: 1px solid #C0E5E7;
    padding:20px 20px 10px 20px;
}
#formcontact div{
    text-align: left;
    margin:2px 30px 0px 30px;
    padding:2px 0px 0px 30px;
}

#formcontact label{
    margin:0px 0px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #777879;
    float:left;
    width:100px;
    text-align:left;
}
#formcontact .labelObjet{
    margin:0px 0px 10px 0px;
    width:40px;
}
#formcontact input{
    text-align: left;
    margin:2px 0px 0px 40px;
    padding:2px 2px 0px 0px;
    font-size:11px;
    width:190px;
    height:14px;  
    border: 1px solid  #777879;
}

#formcontact .buttonContactEnvoyer{
    margin:20px 0px 20px 60px;
    padding-bottom:10px;
    color: #777879;
    height:23px;
    width:100px;
    font-size:12px;
    
}
#formcontact .buttonContactAnuller{
    margin:2px 0px 20px 40px;
    padding-bottom:10px;
    color: #777879;
    height:23px;
    width:100px;
    font-size:12px;
}
#formcontact .ObjetInput{
    text-align: left;
    margin:2px 0px 0px 2px;
    padding:2px 0px 2px 2px;
    width:310px;
    height:14px;
}
#formcontact .textarea{
    width:350px;
    height:100px;
    border: 1px solid  #777879;
}

/*text de page accuelle
*/
.titre_text_accueile{
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    padding:15px 20px 2px 30px;
    text-align: left;
    color:#66a2C0;
    background: url("../images/fleche_bleu.gif") no-repeat  15px 18px;
}


.date{
    font-size: 12px;
    color:#66a2C0;
}
.text{
    text-align:justify;
}
.link_du_suite{
    color:#66a2C0;
    text-align:right;
}

.link_du_suite a{
    color:#66a2C0;
}
/*condition */

#textcondition{
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
    font-size: 12px;
    height: 400px;
    color: #777879;
    overflow: auto;
}
.avertisement{
    color: #67A2C0;
}
/*formCommande*/
#formCommande1{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    height:220px;
    margin:30px 120px 30px 120px;
    border: 1px solid #C0E5E7;
    padding:20px 40px 20px 40px;
}
#formCommande1 .listSociete{
    float:left;
}
#formCommande1 .addRemove{
    float:left;
}
#formCommande1 .votreSelection{
    float:right;
}
#formCommande1 .buttonCommande{
    margin:20px 0px 10px 0px;
    float:left;
}

#formCommande1 select{
    float:left;
    margin:8px 0px 0px 0px;
    padding:2px 2px 0px 0px;
    font-size:11px;
    width:180px;
}

#formCommande1 .title{
    text-align: left;
    margin:0px 0px 0px 0px;
    font-size:12px;
}
#formContacter{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:10px 150px 10px 150px;
    border: 1px solid #C0E5E7;
}

#formContacter div{
    text-align: left;
    color: #333;
    margin:5px 5px 5px 5px;
}
#formContacter1{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:30px 150px 10px 150px;
}

#formContacter1 div{
    text-align: left;
    color: #66a2C0;
    margin:5px 5px 5px 5px;
}
#formContacter0{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:10px 150px 10px 150px;
    font-weight:bold;
}

#formContacter0 div{
    color: #66a2C0;
    text-align: left;
    margin:0px 0px 0px 0px;
    font-size:14px
}
#formCommande{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:30px 150px 30px 150px;
    border: 1px solid #C0E5E7;
    padding:20px 20px 20px 20px;
}

#formCommande div{
    text-align: left;
    margin:2px 30px 2px 30px;
    padding:2px 0px 2px 30px;
}

#formCommande label{
    font-family: Arial, Helvetica, sans-serif;
    color: #777879;
    float:left;
    width:100px;
    text-align:left;
}


#formCommande .buttonCommande{
    margin:20px 0px 10px 0px;
    float:left;
}
#formCommande .annuler{
    margin:30px 0px 10px 290px;
    padding:6px 0px 0px 50px;
    height:23px;
    width:107px;
    color: #777879;
    font-size:10px;
    text-decoration: none;
    background: url("../images/default.gif") no-repeat 30% 30%;
}

#formCommande .votreselection{
    text-align: left;
    margin:0px 0px 0px 0px;
    font-size:14px;
    
}
#formCommande .title{
    margin:0px 0px 10px 0px;
    font-size:12px;  
}
#formCommande .info_commande{
    text-align: right;
    font-weight:normal;
    margin:10px 10px 0px 20px;
    padding:0px 10px 0px 20px;
}
#formCommande .info_commande label{
    text-align: left;
    color:#66a2C0;
    width:300px;
}
#formCommande span{
    width:50px;
    margin:0px 20px 0px 0px;
    padding:0px 0px 0px 0px;
}
#formCommande .eur{
    margin:0px 0px 0px 140px;
}
.pagewaitting{
    margin:20px 0px 0px 0px;
    text-align:left;  
    margin-left:30px;
    margin-right:30px;
    font-size:14px;   
}
.pagewaitting a{
    color:#66a2C0;
}

#formFacturation{
    font-size: 12px;
    text-align:left;
    margin:30px 150px 30px 150px;
    border: 1px solid #C0E5E7;
    padding:20px 20px 20px 20px;   
}
#formFacturation .valider{
    margin:20px 0px 10px 60px;
    padding:6px 0px 0px 50px;
    height:23px;
    width:107px;
    float:left;
    color: #777879;
    font-size:10px;
    text-decoration: none;
    background: url("../images/default.gif") no-repeat 30% 30%;
}
#formAskpw{
    font-size: 12px;
    text-align:left;
    margin:30px 150px 30px 150px;
    border: 1px solid #C0E5E7;
    padding:20px 30px 10px 60px;  
}
#formAskpw label{
    color: #777879;
}