/* CSS Document */html {	height: 100%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
body{font-family: arial, Helvetica, sans-serif;font-size: 80%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	 padding: 0;	margin: 0;height: 100%; /*background:url(../images/habillage/fond/back1.png);background-repeat: repeat-x;*/background-color:#93107e;}
* html .clearfix {height: 1%;}
a{color:#3366CC;text-decoration:none;font-weight:bold;}
.clear{clear:both;}
.red {color: #FF0000;}
.jaune {background-color: #FFFF00;}
.grey {color: #BBBBBB;}
input.grey {border: solid 1px #BBBBBB;}


/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* site */
#site{width:1000px;margin:0 auto 0 auto;min-height: 100%;/*border:/*1px solid #CCCCCC; border-top:0;*/ background-color:#FFFFFF;}



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*  Bandeau et inside objects */
#bandeau{
    background:white url(../images/habillage/bg_bandeau.jpg) repeat-x top;
    height:100px;
}

#logo{
    border:10px solid white;
    float:left;
    margin:5px 0 0 17px;
    position:absolute;
}

#menu{margin:40px 0 0 60px;float:left}
#menu a img{float:left;margin:0;border:0}

#menu_compte{ display:block;text-align:right;padding:43px 0 0 0 ;}
#menu_compte a{background-color:#FFFFFF;color:#666666;text-decoration:none;margin:0 7px 0 7px;}
#menu_compte a:hover{color:#CCCCCC;}

#menu_compte a.lang{margin:0 3px 0 0;}
#menu_compte a.lang img{border:5px solid #FFFFFF;margin:0;vertical-align:middle;}
#menu_compte a.last{margin:0 15px 0 0;}

/*------------------------------------------------------*/
/* Position et sous-menu */#sousmenu{padding-top:45px;padding-left:60px;}
#sousmenu a{float:left;text-decoration:none;font-size: 100%; font-weight:bold;border-bottom:4px solid #FFFFFF;background-color:#FFF;padding-left:10px;padding-right:10px;padding-bottom:3px;}
#sousmenu .premier{}
#sousmenu span{color:#FFFFFF;font-weight:bold;font-size:110%;display:block;float:left; width:295px;padding:5px 5px 5px 30px;}

#sousmenu.compte a{color:#666666;}
#sousmenu.compte a:hover{border-bottom:7px solid #666666}
#sousmenu.compte{background:transparent url(../images/habillage/positions/position_compte.jpg) no-repeat left top; }
 
#sousmenu.catalogue a{color:#6633CC;}
#sousmenu.catalogue a:hover{border-bottom:7px solid #6633CC}
#sousmenu.catalogue{background:transparent url(../images/habillage/positions/position_catalogue.jpg) no-repeat left top; }

#sousmenu.entreprise a{color:#93107e;}
#sousmenu.entreprise a:hover{border-bottom:7px solid #93107e}
/*#sousmenu.entreprise{background:transparent url(../images/habillage/positions/position_entreprise.jpg) no-repeat left top; }*/


#sousmenu.admin a{color:#666666;}
#sousmenu.admin a:hover{border-bottom:7px solid #666666}
#sousmenu.admin{background:transparent url(../images/habillage/positions/position_compte.jpg) no-repeat left top; }



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* Pannier */
#pannier{
margin:0;border:0px solid #333333;width:182px; padding:25px 15px 15px 15px;background-color:#006666;height:500px;
float:right;background:#FFFFFF url(../images/habillage/bg_panier.jpg) repeat-x top;
}
#pannier h2{margin:0 0 0 0;}
#pannier .p_article {
background-color:#EFEFEF;margin: 15px 0 15px 0;padding:10px 10px 10px 10px; border-left:5px solid #3399FF;
}
#pannier .p_article a {}
#pannier .p_article span {display:block;color:#666666;font-weight:bold; font-size:80%;background-color:#FFFFFF;} 
#pannier .p_article span.prix{font-weight:bold; display:block;text-align:left; padding:2px;}
#pannier .action {background-color:#EFEFEF;border-top:2px solid #666666;margin-top:5px;margin-top:0;}

.add, .sous, .supp{height:20px;width:20px;display:block;float:right;}
.add strong, .sous strong, .supp strong{display:none;}
.add{background: transparent url(../images/habillage/icones/icone_plus_un.gif) repeat-x;}
.sous{background:transparent url(../images/habillage/icones/icone_moins_un.gif) repeat-x;}
.supp{background:transparent url(../images/habillage/icones/icone_suppression.gif) repeat-x;}

/*#pannier #ports {background-color:#CCCCCC;text-align:right; }*/
#pannier #total {background-color:#CCCCCC;text-align:left;font-weight:bold;padding:5px 0 5px 5px}
.panier_vide{display:block;font-weight:normal;padding:0 10px 0 10px;}
#pannier #commande {display:block; background-color:#0066CC;color:white;padding:5px;font-weight:bold;}
#pannier #commande:hover {background-color:#3399FF;}

#pannier .articledanspan{font-size:80%;}

/*------------------------------------------------------*/
/* Contenu */
#contenu{
    /*float:left;*/
    width:950px;
    border:0px solid #333333;
    text-align:justify;padding:25px;
    /*clear:both;*/
    background:#FFFFFF url(../images/habillage/bg_contenu.jpg) repeat-x;
}


/*------------------------------------------------------*/
/* Bas de Page */
#bas_de_page{border-top:1px solid #999999;color:#999999;font-size:90%;padding:10px 0 10px 25px;clear:both;margin-top:25px;}
#bas_de_page a{color:#666666;text-decoration:none;}
#bas_de_page a:hover{color:#CCCCCC;}
#bas_de_page .miniref{font-size:100%;font-weight:normal;color:#999999}



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* Génériques */
h1{color:#666666;font-size:140%;margin:0;padding:0;text-align:left;}
h2{color:#666666;font-size:120%;margin:15px 0 5px 0;padding:0; border-bottom:2px solid #666666;}
h2.suivant{ margin-top:15px;}

h3{color:#000000;margin:15px 0 0 0 ;}

p{margin:0;padding:0;}
.tresgrand{font-size:120%;font-weight:bold;}
.mini{font-size:70%;}
.clear{clear:both;}
.info{background:#EFEFEF url(../images/habillage/bg_info.png) no-repeat ;border:1px solid #CCCCCC;padding:20px;}

.flashobject {
    float:left;
    padding:5px 25px 25px 5px;
}

.message_ereur {
    font-weight: bold;
    color: red;
}
.message_contact {
    font-weight: bold;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/*------------------------------------------------------*/
/* Entreprise */
.entreprise{}
.entreprise p{margin:10px 0 10px 0;}
.entreprise img{float:left;padding: 5px 25px 25px 5px;}
.entreprisclearfixe #suivantimage{margin:0 0 0 320px; }

.entreprise h1 span{font-size:90%;color:#93107E;display:block;}
.entreprise ul{margin:0;padding:0;list-style-type:none;}
.entreprise ul li{margin:0;padding:0;}

.entreprise .bold {
    font-weight: bold;
    color: #93107E;
}

.service, .domaines_c{clear:left;}

.adress{margin:25px 0 25px 0; padding:25px; border:1px solid #FFFFFF;}

/*------------------------------------------------------*/
/* Catalogue */
#liste_articles{display:block;background-color:#efe7ff;padding: 0 0 0 10px; width:728px;text-align:right;}
#liste_articles *{margin:0;padding:0;border:0;}
#liste_articles a{display:block;background-color:#FFFFFF;border:10px solid #efe7ff;border-left:0;}
#liste_articles a img{float:right;}

#liste_articles a h2{color:#666666;font-size:140%;padding-right:25px;}
#liste_articles a span{color:#999999;font-size:90%;padding-right:25px;}

#liste_articles a p{background-color:#CC99FF; color:#FFFFFF;font-size:95%;padding-right:25px;border-bottom:5px solid #6633CC;}
#liste_articles a:hover p{background-color:#6633CC;border-bottom:5px solid #CC99FF;}

#liste_articles a.colone{margin:0;padding:0;width:232px;float:left;}

#liste_articles a.double{border-top:0;width:307px;background-color:#FFFFFF;float:left;}
#liste_articles a.double h2{clear:both; border-top:25px solid #FFFFFF;}

#liste_articles a.triple{border-top:0;width:715px;clear:left; background-color:#FFFFFF;}
#liste_articles a.triple h2{border-top:25px solid #FFFFFF;}

/*------------------------------------------------------*/
/* Clients */
.liste-logos {
    width: 153px;
    height: 153px;
    float: left;
    margin: 10px 18px;
}

/*------------------------------------------------------*/
/* Catalogue */
/* Detail Article */
#detail_article {background-color:#FFFFFF;padding-right:25px;}


#detail_article img {float:left;}
#detail_article #suivantimage_article{margin-left:235px;}
#detail_article h1 {padding:25px 0 0 0;}

#detail_article #prix {font-weight:bold;margin-bottom:15px;color:#6633CC;}
#detail_article h2{color:#6633CC;border-color:#6633CC;}
#detail_article p {margin-bottom:25px;}
#detail_article table {/*border:1px solid #CCCCCC;*/margin:5px 0 15px 0;width:100%;}
#detail_article table th{background-color:#efe7ff;text-align:right;padding:0 0 20px 10px;}
#detail_article table td{vertical-align:top;padding:0 0 0 10px;}

/*
#commande_form {background-color:#EFEFEF}
#commande_form label{text-align:left; font-weight:bold; display:block;margin:15px 0 0 0;border-bottom:15px solid #FFFFFF;padding:15px; background-color:#EFEFEF;}
#commande_form label.first{padding-top:25px;}
#commande_form label.last{border:0;}
#commande_form label span{color:#0066CC;}
#commande_form select, #commande_form input{ display:block;width:150px;margin:15px 0 0 20px;}
#commande_form #submit{ margin:0;height:250px;width:180px; border:0;cursor:pointer;display:block; float:right; color:#009900; font-weight:bold;font-size:110%; background:#EFEFEF url(../images/habillage/commander/commander.jpg) no-repeat right top}
#commande_form #submit:hover{color:#00CC00;}
*/



#personaliser_bt{padding:15px 15px 15px 140px;display:block;height:150px;
border-bottom:2px solid  #0066CC;border-left:10px solid  #0066CC;
clear:left;
}

#personaliser_bt.kake{
background:#EFEFEF url(../images/habillage/commander/personaliser_kake.gif) 10px  10px no-repeat;
}
#personaliser_bt.totem{
background:#EFEFEF url(../images/habillage/commander/personaliser_totemovale.gif) 10px  10px no-repeat;
}

#personaliser_bt p{
font-size:150%; color:#6633CC;font-weight:bold;
}


.choix_pour_commande{width:48%;float:left;border-left:1px solid #CCCCCC;font-size:90%;margin:0;padding:0 0 0 1%;}
.choix_pour_commande h3{margin:0 0 5px 0;padding:0;}
.choix_pour_commande ul{list-style-type:circle;color:#3399FF;margin:0;padding:0;list-style-type:none;}
.choix_pour_commande li{margin:0;padding:3px;font-size:110%;}
.choix_pour_commande li a:hover{text-decoration:underline;}




#commander_bt{padding:15px 15px 50px 140px;font-size:150%; color:#6633CC;display:block;height:150px;
border-bottom:2px solid  #0066CC;border-left:10px solid  #0066CC;
clear:left;background:#EFEFEF url(../images/habillage/commander/commander.gif)  10px  10px no-repeat;}
 
#commander_bt p{font-size:80%; color:#999999;font-weight:normal;}


/*------------------------------------------------------*/
/* Catalogue */
/* gabarit */
.gabarit{width:300px; float:left; background-color:#EFEFEF; padding:15px;margin:10px 10px 0 0;}
.gabarit h2{margin-bottom:0;border:0; color:#666666;}
.gabarit div{background-color:white;padding:15px 5px 5px 15px;}
.gabarit h3{margin:0 0 5px 0;}
.gabarit a img{border:0;}
.gabarit .deco{background: #FFFFFF url(../images/habillage/bg_gabarits.jpg) top right no-repeat;}

/*------------------------------------------------------*/
/* Catalogue */
/* comment ça marche */
.cmtcamarche h3{margin:0 0 10px 0;}
.cmtcamarche p{margin:10px 0 10px 0;}
.cmtcamarche img{border:15px solid #CCCCCC;}
.cmtcamarche .conseil{background-color:#EFEFEF;border:1px solid #999999;
padding:15px; margin:15px 0 0 0 ;}


/*------------------------------------------------------*/
/* Commande liste */
#etapes{}

#etapes h1{display:block;float:left;margin-right:20px;padding-top:3px;}

#etapes span{font-weight:bold;display:block;float:left; padding:5px;border:1px solid #CCCCCC;background-color:#EFEFEF;color:#CCCCCC;margin-right:5px;}
#etapes span.etape_actuelle{padding:5px;border:1px solid #0066CC;background-color:#3399FF;color:#FFFFFF;}


.commande h2{color:#0066CC;border-color:#0066CC;clear:left;}

.commande table{border:1px solid #FFFFFF;margin:5px 0 15px 0;display:block;background-color:#EFEFEF;}
.commande table th{text-align:left; background-color:#CCCCCC;color:#666666;padding:15px 15px 0 15px; border:0;}
.commande table td{padding:5px 15px 5px 15px;background-color:#EFEFEF;}
.commande table td img{float:left;}
.commande table td.action{padding:0;}
.commande table td.separateur{background-color:#FFFFFF;height:2px;}
.commande table input.increment{width:25px;border:1px solid #0066CC;background-color:#FFFFFF;color:#0066CC;padding:2px;font-weight:bold;}
.commande table input.increment:hover{border:1px solid #FFFFFF;background-color:#0066CC;color:#FFFFFF;cursor:pointer;}



.commande .sous_total{background-color:#EFEFEF;font-weight:bold;}
.commande .total{font-weight:bold; background-color:#CCCCCC;color:#FFFFFF;}
.commande .prix{background-color:#FFFFFF; color:#666666;font-size:150%;}
td.total{text-align:right;}
/*3399FF*/

.etape_suivante{background-color:transparent; clear:left; text-align:right; font-weight:bold;display:block;line-height:50px;}

.etape_suivante a{padding:5px;background-color:#CCCCCC;color:#0066FF;border:1px solid #0066FF;font-weight:bold;font-size:120%;margin-top:10px;}
.etape_suivante a:hover{background-color:#0066FF;color:#FFFFFF;border:1px solid #CCCCCC;}






/*------------------------------------------------------*/
/* Adresse de livraison */

#formadress h2{margin-top:20px;}

#formadress .adr{display:block; border:0; /*background-color:#FFFFFF;*/float:left; width:240px;margin:5px 0 10px 0;}
#formadress .adr input{float:left}
#formadress .adr label{margin-left:5px;display:block;/*background-color:#EFEFEF;*/}

#form_addadress table{width:600px; border:0;}
#form_addadress table th{background-color:#EFEFEF;text-align:right;margin:0;padding:20px 0 0 0;vertical-align:bottom;}
#form_addadress table td{background-color:#FFFFFF;margin:0;padding:0;vertical-align:bottom;}
#form_addadress table td h4{margin:20px 0 0 0;}

/*------------------------------------------------------*/
/* mode de règlement */

.reglement .adr{float:left; background-color:#EFEFEF;padding:25px 25px 30px 25px;margin:0 15px 15px 0;width:40%;}
.reglement .adr h3{color:#999999; margin:0;padding:0;}
.reglement .adr h4{margin:0;padding:0;}
.reglement h2{clear:both;}














/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* Compte Client */
#compte_form{border:1px solid #666666;background-color:#FFFFFF;padding:15px;margin:15px;}
#compte_form #droite {}

.connexioncompte #infos{width:300px;float:left;padding:25px;}
.connexioncompte form{width:250px;float:left;background-color:#E6E6E6;padding:25px;margin:25px 0 0 0 ;}
.connexioncompte form input{display:block;margin-top:5px;}
.connexioncompte form a{margin-top:15px;display:block;}
.connexioncompte #inscription{width:250px;border-top:15px solid #FFFFFF;margin:15px 0 0 350px; clear:left;padding:25px;background-color:#E6E6E6;}

/* Structure DROITE et GAUCHE*/
.mainmenu #menu_gauche {float:left; width:125px;padding:0;margin:0; background: #EFEFEF url(../images/habillage/ressources/contents/menus/top_compte_client.png) no-repeat top;}
.mainmenu #menu_gauche a{width:125px;   text-align:left;font-size:100%; display:block; float:left; padding:0 0 20px 0;}
.mainmenu #menu_gauche a.last{background: #EFEFEF url(../images/habillage/ressources/contents/menus/bottom_compte_client.png) no-repeat left bottom ;}
.mainmenu #menu_gauche a span{color:#999999;display:block;text-align:center;}
.mainmenu #menu_gauche a:hover span{color:#3366CC;}
.mainmenu #menu_gauche a:hover{}
.mainmenu #menu_gauche a img{margin:10px 0 10px 35px ;border:0;display:block;}

.mainmenu #droite  {padding:25px 25px 25px 185px;}

/* Commandes */
.mainmenu #droite table{float:right;width:100%;}
.mainmenu #droite table tr{ background-color:#EFEFEF}
.mainmenu #droite table.commandes{width:100% ;border:1px solid #666666;margin-top:25px;}
.mainmenu #droite table.commandes th{background-color:#CCCCCC;}
.mainmenu #droite table.commandes td{background-color:#EFEFEF;padding:5px;}
.mainmenu #droite table.commandes td a{display:block;padding:5px;}
.mainmenu #droite table.commandes td a.pdflien{background: #FFFFFF url(../images/habillage/icones/pdf.gif) no-repeat left; padding:0 0 0 25px;}
.mainmenu #droite table.commandes td a:hover{background-color:#0099FF;color:#FFFFFF;}

.mainmenu #droite table.commandes .droite{text-align:right;}


/* Adresses de Livraison */
.mainmenu #droite #mini_menu{display:block;background-color:#efefef; padding:10px 0 10px 0 ;}
.mainmenu #droite #mini_menu a{ background-color:#CCCCCC; color:#333333; padding:10px;}
.mainmenu #droite #mini_menu a.lienajout{background:url(../images/habillage/icones/icone_plus_un.gif) no-repeat  left  ; padding-left:30px;}

.mainmenu #droite #mini_menu a:hover{ background-color:#999999; color:#FFFFFF; }


.mainmenu #droite .adresse{display:block;border:1px solid #CCCCCC;border-top:0; padding:15px;margin:0;}
.mainmenu #droite .adresse h5{margin:0; padding:0;font-size:110%;}


.mainmenu #droite .adresse span{display:block;color:#666666;font-size:97%;}
.mainmenu #droite .adresse .modif{display:block; margin:15px 0 0 0;}
.mainmenu #droite .adresse .modif:hover{text-decoration:underline;}


/* Upload */

p.telecharger{
font-size:170%;
margin:25px 0 0 0;
}
p.telecharger img{float:left; margin:0 15px 0 0;}
p.telecharger a {line-height:20px;}
p.telecharger a span{font-size:80%}

#tutoriel{color:#990000; list-style:none;}

/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
.bloc-gauche {
    float:left;
    width:575px;
}
.bloc-droite {
    margin-left: 625px
}
.bloc-droite_haut {
    width: 319px;
    height: 20px;    
}
.bloc-droite_contenu {
    height: 120px;
    width: 318px;
    background:white;
    -moz-box-shadow: 0px 0px 10px #888;
    -webkit-box-shadow: 0px 0px 10px #888;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:  10px 10px 10px 10px;
    padding-top:10px;
}
.bloc-droite img {
    padding: 0;
    float:none;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.bloc-droite ul li {
    color: #931581;
    font-size: 15pt;
    font-weight: bold;
    margin-left: 25px;
    letter-spacing: 2px;
}

.headline {
    background: #c7c7c7;
    color: #494949;
    font-size: 150%;
    font-weight: bold;
    padding: 11px 25px;
}