a img{
    border:none;
}


a, p, td, th, tr, table, div, h1, h2, h3, h4, h5, hr, h6, ul, li ,form, ol,dt,dl,dd{
    margin: 0;
    padding:0;
    text-decoration:none;
}
ul { 
    list-style-type:none;
}

a:link {
    color:#069;
    text-decoration:none;
}

a:hover, a:active {
    color: #069;
}

a:visited {
    color:#66A3C2;
}

.alerte, #colonne .alerte, .avertissement #colonneform .alerte {
    text-align:center;
    font-weight:bold;
    padding:1em 5em;
    color:#c0c;
    border:none;

}

span.color  { color: #f39; }

/********** L E S  E S S E N T I E L S ***************/

#header, #page, #banniere,#pageform{
    margin:0 auto;
    width:915px;
    font-size:10px;
    
    
}

#header{
    background:transparent url(../images/headerSup.jpg) no-repeat left top ;
    height:263px;
    position:relative;
}

#header #bandeau
    {
    height:220px;
    width:915px;
    position:absolute;
    z-index:100;
    left:0;
    top:43px;
    height:220px;
    
}

#page,#pageform {
    background: url(../images/pagebg.jpg) repeat-y ;
    position:relative;
    overflow:visible;
}

#pageform {
    background:white url(../images/pageFormbg.jpg) repeat-y ;
}

#colonneDroite {
    width:235px;
    text-align:center;
    font-size:11px; 
    float:right;
}
#colonne {
    padding-top:35px;
    float:left;
    background:none;
    width:647px;
    margin-left:15px;
    /* diff  18px */
}

#colonne #bas_pied_header, #colonneform #bas_pied_header{
    background: white url(../images/bas_pied_hom.jpg) no-repeat 0 0;
    width:109px;
    height:30px;
    position:absolute;
    top:0;
    left:23px;
    z-index:200;
}
#colonne, #colonneform {    
    text-align:center;
    color:#333;
    line-height:150%;
    font-size:12px;
}

#colonneform {  
    width:850px;
}

#globalFooter {
    background: white url(../images/footer.jpg) no-repeat 0 0;
    height:82px;
    text-align: center; 
    font-size: 12px;
    clear:both;
    color: white;
    line-height:60px;
}

#globalFooter a{
    color: white;
}
#globalFooter a:hover{
    color: #ccc;
}

/********** BARRE NAV *******************************/

#header #barreNav {
    font-size:11px; 
    text-align:left;
    position:absolute;
    z-index:500;
    top:235px;
    left:130px;
    color:#069;
}

#barreNav a{
    color:#069;
}

/********** NEW MENU SEELCT RACCOURCI  ***********/

#myNav{
	position:absolute;
	top:-30px;
	z-index:600;
	right:45px;
	height:20px;
	width:300px;
	text-align:right;
}

select#gopage {
	width:240px;
	padding:0 0 6px 5px;
	border:none;
	text-indent:15px;
	background:transparent url(../images/gopage.png) no-repeat left -1px;
}

select#gopage option{
	font-style:italic;
	text-indent:15px;
}

select#gopage optgroup{
	background:silver;
	color:white;
	font-style:normal;
	text-indent:5px;
}

select#gopage option.tete{
	text-indent:25px;
}


/********** HEADER ONGLET PROMO  ***********/

#header #BgOngletDefil{
    height:133px;
    width:210px;
    overflow:hidden;
    position:absolute;
    top:71px;
    left:682px;
    z-index:100;
    background: transparent url(../images/ongletPromoBg.gif) no-repeat center center ;
}

#header #ongletDefil{
    height:133px;
    width:192px;
    overflow:hidden;
    position:absolute;
    top:71px;
    left:700px;
    z-index:100;
}

#header .navleft, #header .navright{
    z-index:700;
    display:block;
    top:125px;
    height:50px;
    width:18px;
    position:absolute;
    border:none;
}

#header .navright{
    left:850px;
}
#header .navleft{
    left:680px;
}
#header #ongletNav2{
    text-align:center;
    position:absolute;
    top:0px;
    z-index:600;
    width:600px;
    height:133px;
}

#header #ongletNav2 .pub{
    text-align:center;
    float:left;
    height:133px;
    width:140px;
    background:  url(../images/ongletPromo.gif) no-repeat center center ;
        
}

#header #ongletNav2 .pub a img{
    width:141px;
    margin-top:10px;
    height:115px;
    vertical-align:middle;
}

/********** POSTIT & INFO  ***********************/

#postit                 
{   color:#414141;  
    font-size:11px;
    line-height:150%;
    text-align:left;
    overflow:visible;
    position:absolute;
    z-index:800;
    width:250px;
    height:auto;    
    display:none;
    border:1px solid #ccc;
    background:#f2f5f8;
    border-width:1px 2px 2px 1px;
}

#postit h3, #panier_detail h3{
    font-size:12px;
    line-height:14px;
    height:29px;
    text-transform:uppercase;
    float:left;
    color:#069;
    width:90%;
}

#postit h3{
    height:20px;
    background:none;
    color:#69c;
    width:240px;
    line-height:170%;
    padding:5px;
    float:left;
}

#postit p{
    padding:5px;
}

a.close{
    text-align:right;
    border:none;
    text-decoration:none;
    display:block;
    float:right;
}

a.close:hover{
    background:none;
}

#postit hr ,#panier_detail hr, #info hr{
    /*visibility:hidden;*/
    display:none;
    width:100%;
    height:1px;
    clear:both;
}



#info               
{   
    font-size:11px;
    line-height:normal;
    text-align:left;    
    overflow:visible;
    position:absolute;
    z-index:800;
    width:300px;    
    display:none;
    border:2px solid white;
    background:#ff3399;
    background:white url(../images/messageMailBg.jpg) repeat-x;
    color:white;
}

#info p             
{   
    padding:5px;
    line-height:140%;
}

#info p.tiny-aide{
    color:#c09;
    background:white;
    padding:5px;
    font-size:12px;
    clear:right;
}


#info h3{
    font-size:13.5px;
    line-height:170%;
    width:90%;
    /*height:20px;*/
    text-transform:uppercase;
    float:left;
    color:white;
    padding:0 5px 0 5px;
}

#info span.color {
    color:white;
}

#info a.close{
    padding:5px 5px 0 0;
    float:right;
    height:25px;
    width:25px;
    background:transparent url(../images/close.jpg) no-repeat 98% 0;
}

#info a.close img{
    display:none;
}
/********** HEADER PANIER   *********************/

#header #panier{
    position:absolute;
    z-index:200;
    top:5px;
    left:40px;
    height:35px;
    width:390px;
    text-align:left;
    color:black;
}

#header #panier h3 a img{
    margin:2px 5px 0 0;
    display:block;
    float:left;
    border:none;
    background:none;
}

#header #panier p{
    padding:0 5px;
    text-align:center;
}
#header #panier span{
    font-weight:bold;
    text-decoration:underline;
}

#header #panier h3{
    height:12px;
    font-weight:normal;
}

#header #panier h3{
    width:50% !important;
}

/*
#header #panier h3.no-panier{
    height:20px;
    margin-top:10px;
    margin-left:5px;
    color:#424242;
}
*/

#header #panier div.satisfait{
    width:369px;
    margin-left:10px;
    height:35px;
    background:url(../images/safisfait.png) no-repeat 0 0;
}


#header #panier p, #panier_detail p {
    float:left;
    overflow:hidden;
}

/*------------PANIER DETAIL ------*/

#panier_detail{ 
    left:10px;
    top:40px;
    font-size:11px;
    line-height:14px;
    text-align:left;    
    /*background:transparent url(../images/panier_detailBg.gif) no-repeat 50% 50%;*/
    background:transparent url(../images/panier_detail_barre.gif) no-repeat 0 0;
    overflow:visible;
    position:absolute;
    z-index:900;
    width:573px;
    height:145px;   
    display:none;
}

#panier_detail h3{
    float:none;
    font-size:20px;
    line-height:250%;
    text-indent:50px;
    font-weight:normal;
    letter-spacing:1px;
    height:65px;
    width:90%;
    color:white;
}

#panier_detail a.closePanier:hover{
    background-position: 0 0;
}

#panier_detail a.closePanier{
    position:absolute;
    top:15px;
    left:540px;
    z-index:1;
    background:transparent url(../images/closePanier.jpg)no-repeat 0 -21px;
    display:block;
    height:21px;
    width:19px;
}


#panier_detail form{    
    padding:0 10px;
    width:100%;
    background:transparent url(../images/panier_detail_Bg.gif) no-repeat 0 100%;
    
}

#panier input.commande_panier{
    background:transparent url(../images/bouton_commande_panier.jpg) no-repeat right bottom;
    font-weight:bold;
    font-size:12px;
    position:absolute;
    z-index:2;
    top:0px;
    left:280px;
    width:106px;
    height:32px;
    color:#069;
    border:none;
}
#panier_detail input.commande_panier_detail{
    background:transparent url(../images/commandeDetail.gif) no-repeat 0 0 ;
    width:110px;
    height:36px;
    padding:inherit;
    border:none;
    margin-top:-5px;
}

#panier .erase_panier{
    margin-left:30px !important;
    border:none;
    float:left;
    width:14px;
    height:14px;
    cursor:auto;
}

#panier_detail hr{
    visibility:hidden;
    border:none;
    height:0;
    clear:left;
}

#panier_detail p{
    padding:2px;
    font-size:9px;
    height:18px;
    border:1px solid #ccc;
    border-width:0 1px 1px 0;   
    width:50px;
    margin:0;
}

#panier_detail p.bas_panier{
    padding-top:5px;
    width:200px;
    font-size:9px;
    border:none;
    color:#f06;
    height:25px;
    padding-top:10px;
    
    
}
#panier_detail p.frais, #panier_detail p.total{
    text-align:right;
    font-weight:normal;
    color:black;
}

#panier_detail  span{
    color:#f06;
    font-weight:bold;
    text-decoration:underline;
}

#panier_detail p.total{
    text-align:left;
    padding-left:10px;
}

#panier_detail p.commande_bas{
    width:120px;
    text-align:center;
    height:35px;
}

#panier_detail p.ref{
    border-left:1px solid #ccc;
}

#panier_detail p.nom{
    width:160px;
    text-align:center;
    overflow:hidden;
}
#panier_detail p.ref,#panier_detail p.ht,#panier_detail p.tva{
    width:50px;
}
#panier_detail p.somme,#panier_detail p.ht,#panier_detail p.tva{
    text-align:right;
}

#panier_detail p.somme{
    font-size:8px;
}


#panier_detail p.quantite{
    width:80px;
    text-align:center;
    padding:2px 0;
}

#panier_detail p.quantite .calculator{
    width:72px;
    font-size:9px;
}

#panier_detail p.quantite input.calc{
    padding:1px;    
}

#panier_detail p.commande{
    width:80px;
    text-align:center;
}

#panier_detail a.bouton_commande, #panier_detail a.bouton_commande:hover{
    border:none;
    background:none;
}
#panier_detail a.bouton_commande img{
    height:15px;
}

#panier_detail p.tete{
    font-weight:bold;
    border-top:1px solid #ccc;
    text-align:center;
    margin-top:5px;
    font-size:9px;
}

/********** HEADER SEARCH   **********************/

#header .recherche{
    position:absolute;
    z-index:200;
    top:5px;
    left:430px;
    height:35px;
    width:440px;
}
#header .recherche .select{
    width:130px;
    border:1px solid #ccc;
    font-size:9px;
    position:absolute;
    top:10px;
    left:50px;
}

#header .recherche .champ{
    width:140px;
    height:20px;
    border:none;
    position:absolute;
    left:217px;
    background: transparent;
    top:12px;
    font-size:9px;
    color:black;
    
}

#header .recherche .bouton{
    position:absolute;
    top:10px;
    left:392px;
}

/********** ENVOI MESSAGE MAIL **************/

#colonne #barre-envoi-message {
    text-align:center;
    font-size:10px;
}

#colonne #barre-envoi-message h3 {
    font-size:14px;
    text-align:center;
    line-height:170%;
    color:#c00;
}

#colonne #barre-envoi-message a{
    position:absolute;
    top:-50px;
    z-index:100;
    left:535px;
    background:transparent url(../images/barreEnvoiMessage.gif) no-repeat 0 0;
    width:123px;
    height:92px;
    display:block;  
}

#info #message-ami{
    text-align:center;
    font-size:12px;
    
}
#info #message-ami input{
    border:1px solid #c00;
    padding:2px;
    font-size:9px;
    background:white;
    width:150px;
}
#info #message-ami textarea{
    height:200px;
    width:200px;
    border:1px solid #c00;
    padding:5px;
}

/********** BANNIERE ********************************/

#banniere{
    font-size:9px;
    color:silver;
    width:915px;
    padding:8px;
    text-align:center;
}

#banniere p {
    text-align:center;
    display:inline;
    border:1px solid #ccc;
    border-width:0 1px 0 0; 
    overflow:visible;
    padding-top:2px;
}
#banniere p img{
    vertical-align:middle;
}
#banniere a,#banniere a:hover {
    color:silver;   
    padding:5px;
}

/********** ONGLET NAV LIEN *******************/

#colonne #ongletNavLien , #colonne #ongletNavLien_carterie {
    height:30px;
    text-align:center;
    position:absolute;
    top:0;
    left:120px;
    width:500px;
    z-index:300;
    text-align:center;
    font-size:9px;
}
#colonne #ongletNavLien a:hover, #colonne #ongletNavLien_carterie a:hover {
    z-index:600;
    color:black;
    background-position:50% 0;
}

#colonne #ongletNavLien a span, #colonne #ongletNavLien_carterie a span{
    display:none;   
}

#colonne #ongletNavLien a:hover span,  #colonne #ongletNavLien_carterie a:hover span {  
    position:absolute;
    top:28px;
    display:block;
    left:0;
    z-index:600;
    width:150px;
    padding:0 5px;
    margin-left:30px;
    color:#069;
    letter-spacing:normal;
    background:#eaeaea;
    font-size:7pt;
    border:1px solid #069;

}
#colonne #ongletNavLien a , #colonne #ongletNavLien_carterie a{ 
    position:relative;
    height:25px;
    display:block;
    float: left;
    line-height:18px;
    width:118px;
    font-size:10px;
    text-decoration:none;
    background: url(../images/ongletNav.gif) no-repeat 50% -5px;
    border:none;
    color:#424242;  
}

/********* HIT => COLONNE CENTRALE ***********/

#colonne #hit{
    text-align:center;
}
#colonne #hit h3{
    border-top:1px solid #ccc;
    color:#069;
    margin:50px 15px 10px 0;
    padding:8px;
    clear:both;
    font-size:13px;
    font-weight:normal;
}

#colonne #hit div.hit-box{  
    font-size:12px;
    line-height:170%;
    text-align:left;
    width:305px;
    margin:0 0 5px 10px;
    float:left;
    border-bottom:1px solid #ccc;
}
#colonne #hit div.top{  
    clear:left;
}

#colonne #hit div.hit-box a, #colonne #hit div.hit-box a:hover{
    color:#999;
}   

#colonne #hit div.hit-box a:hover{
    color:#069;
}   

#colonne #hit div.hit-box p{ 
    
    color:#630;
    margin-left:55px;
    text-align:left;
}
#colonne #hit div.hit-box p.nom{ 
    margin-top:5px;
    font-size:11px;
    padding:5px 5px 0 5px;
}
#colonne #hit div.hit-box p.classement{ 
    border-width:0 1px 1px 1px;
    padding:0 5px 5px 5px;
}
#colonne #hit div.hit-box p.photo{
    float:left;
    background:none;
    border:none;
    margin:4px 0 0 0;
}
#colonne #hit div.hit-box p.photo img{
    width:50px;
}
#colonne #hit div.hit-box span.prix{
    font-size:15px;
    color:#c06;
    padding-left:5px;
}

/********* MENUS  DROITS  *************************/ 

#colonneDroite div {
    margin:8px 34px 12px 20px;
    background: transparent url(../images/menuHaut.jpg) no-repeat 0 0;
    font-size:12px;
}

#colonneDroite img.pub-secure{
    margin:8px 34px 8px 20px;
}

#colonneDroite input{   
    font-size:12px;
    padding:0;
    margin:0;
    line-height:normal;
    color:#069;
}

#colonneDroite form{
        width:175px;
}
/********* LOGIN  *******************/

#colonneDroite #menuLogin{
    background: white url(../images/menuHaut32.jpg) no-repeat 0 0;
    padding-top:32px;
    position:relative;  
}

#colonneDroite #menuLogin form{
    border:1px solid #ccc;
    width:179px;    
    border-width:0 1px 1px 1px;
}


#colonneDroite  #menuLogin a {
    color:#069;
    display:block;
    float:none; 
    text-align:center;
    line-height:130%;
    position:absolute;
    top:10px;
    left:5px;
    width:170px;
}

#colonneDroite #menuLogin h3{
    font-size: 12px;
    font-weight:bold;
    line-height:200%;
    margin-left:1px;
    height:20px;
    border:1px solid #ccc;
    width:179px;
    padding-top:-60px;
    border-width:0 1px 1px 1px;
}

#colonneDroite #menuLogin h3 a{
    margin:0 0 10px 0;  
}

#colonneDroite  #menuLogin p {
    height:30px;
    line-height:18px;
    text-align:center;  
    width:175px;
}

#colonneDroite #menuLogin .champ{
    background:white url(../images/compte.gif) no-repeat 0 0;
    padding-left:20px;
    
}
#colonneDroite #menuLogin #passMenu{
    background:white url(../images/cle.gif) no-repeat 0 0;
}

#colonneDroite #menuLogin #passMenu, #colonneDroite #menuLogin .champ { 
    width:160px;
    border:1px solid #ccc;
    color:#069;
    display:block;

}


/********* HISTORIQUE  *************************/ 

#colonneDroite #historique{
    text-align:left;    
    border:1px solid #ccc !important; 
    background: white;
    padding:5px;
    font-size:9px;
}

#colonneDroite #historique span a{
    color:#069; 
}

/********* M E N U  T A G   *************************/

#colonneDroite  #tag{   
    font-family:'Trebuchet MS', Verdana sans-serif; 
    background:none;
}
#colonneDroite  #tag div{   
    background:none;
    margin:0;   
}

#colonneDroite  #tag div p{
    text-align:center;
    line-height:170%;
    background: transparent url(../images/menuBg.jpg) repeat-y;
    padding:0 5px;
}
#colonneDroite  #tag p.top{ 
    background: transparent url(../images/menuHaut.jpg) no-repeat 0 0;
    height:34px;    
}
#colonneDroite  #tag p.bottom{  
    background: transparent url(../images/menuBas.jpg) no-repeat 0 -4px;
    height:21px;    
}

#colonneDroite  #tag div a{
    color:#369;
}

#colonneDroite  #tag div a:hover{
    text-decoration:underline;
}

/********* MENU VOTE  *******************/

#colonneDroite #vote {
    font-size:8pt;
    background: transparent url(../images/menuHaut32.jpg) no-repeat 0 0;    
}
#colonneDroite #vote h4{
    font-size:10pt;
    font-weight:normal;
    color:#069;
    padding-top:12px;
}

#colonneDroite #vote ul {
    text-align:left;
    padding-top:10px;
    border:1px solid #ccc;
    border-width:0 1px 0 1px;
    margin-left:1px;
    width:179px;
}

#colonneDroite #vote li{
    padding-left:5px;
    height:22px;
    line-height:200%;
}

#colonneDroite #vote li input{
    float:left; 
}

#colonneDroite #vote p.bottom{
    font-weight:bold;
    text-align:center;
    width:179px;
    border:1px solid #ccc;
    border-width:0 1px 1px 1px;
    height:18px;
    margin-left:1px;
    margin-top:-10px;
    padding-bottom:5px;
}

#colonneDroite #vote p.bottom input{
    border:1px solid #069;
    font-size:10px;
    color:#069;
}

/********** MENU SOCIETE  *******************/

#colonneDroite  #menuSociete{
    background:none;
}

#colonneDroite  #menuSociete p.haut{
    height:34px;
    background: transparent url(../images/menuHaut.jpg) no-repeat 0 0;
}

#colonneDroite  #menuSociete li a{
    font-weight:bold;
    color:#369;
}
#colonneDroite  #menuSociete li{
    padding-left:15px;
    background: transparent url(../images/menuBg.jpg) repeat-y ;
    text-align:left;
}


#colonneDroite  #menuSociete p.bas{
    height:21px;
    background: transparent url(../images/menuBas.jpg) no-repeat 0 -4px ;
}

/********* ANNOTATIONS *****************/

#colonneDroite div.annotation{
    position:relative;
    height:85px;
    overflow:hidden;
    text-align:right;
    border-bottom:1px solid  silver;
    background:none;
    margin-bottom:15px; 
}

div.annotation span.nav{
    border:none;
    font-size:.8em;
    text-align:center;
    position:absolute;
    top:8px;
    left:8px;
    z-index:800;
}
#colonneDroite div.annotation span.nav a{
    display:block;
    float:none;
    width:14px;
    height:10px;
    border:none;
}
#colonneDroite div.annotation span.nav a:hover{
    background:none;
}

#colonneDroite div.annotation div {
    margin:0;
    width:174px;
    opacity:0.8;
    padding:0;
    position:absolute;
    z-index:600;
    top:0;
    left:5px;
    text-align:left;
    background:white;
    
}

#colonneDroite div.annotation div p{
    line-height:130%;
    padding:0 10px 5px 5px;
}
#colonneDroite div.annotation .sstitre {
    font-weight:bold;
    margin-top:0;
}

#colonneDroite div.annotation h4 {
    font-weight:bold;
    font-size:10px;
    line-height:300%;
    height:33px;
    background: transparent url(../images/menuHaut32.jpg) no-repeat 0 0;
    position:absolute;
    width:100%;
    z-index:700;
    text-align:left;
    top:0;
    left:0;
    color:#069;
    text-indent:30px;
}

div.annotation ul {
    margin-top:1em;
    padding:0.5em;
    
}
div.annotation li {
    list-style-type: none;
    border-bottom:1px solid #CCA352;
    padding:0.5em 0;
    line-height:110%;
}
div.annotation .boitePhoto {
    text-align:center;
    padding-top:1em;
    padding-right: 8em;
}
div.annotation div img {
    width:80px;
    text-align:center;
}

/* annotation sans resume */

#colonneDroite div.no_resum  {
    position:static;
    height:auto;
    overflow:visible;
}

#colonneDroite div.no_resum h4 {
    position:static;
    margin-bottom:0;
    text-indent:10px;
}

#colonneDroite div.no_resum div {
    position:static;
    text-align:left;
    background:white;
    margin:0;
    padding:0;
    width:178px;
}
#colonneDroite div.no_resum div p{
    line-height:140%;
    padding:8px 8px 8px 0;
    margin:0;

}


/********** MENU DOWNLOAD  *******************/

#colonneDroite  #menuDownload{
    background:none;
    border-bottom:1px solid #ccc;
}

#colonneDroite  #menuDownload h3{
    background: transparent url(../images/menuHaut.jpg) no-repeat 0 0 ;
    height:25px;
    font-size:12px;
    line-height:250%;
    color:#069;
    font-weight:normal;
}

#colonneDroite  #menuDownload p{
    border:1px solid #ccc;
    border-width:0 1px 0 1px;
    text-align:left;
    width:179px;
    height:22px;
    padding:4px 0 0 0;

}
#colonneDroite  #menuDownload p.dernier, #vote p.bottom{
    height:25px;
}

#colonneDroite  #menuDownload p a{
    background: transparent url(../images/puceMenuBoutik.png) no-repeat 4px center ;
    font-size:10px;
    padding:4px 0 4px 25px;
    border:none;
    color:#069;
}
    
/********** MENU UP ********************/   

#colonneDroite #up,#colonneDroite #suivi-commande{
    background: white;
    text-align:center;
}

#colonneDroite #up h3, #colonneDroite #suivi-commande h3{
    background: transparent url(../images/menuHaut45.jpg) no-repeat 0 0;
    width:179px;
    height:45px;
    font-size:13px;
    font-weight:normal;
    padding:5px 10px 0 10px;    
    color:#069;
    text-align:center;
    margin-left:-1px;
}

#colonneDroite #suivi-commande h3{
    background: transparent url(../images/menuHaut32.jpg) no-repeat 0 0;
    width:180px;
    height:32px;
}

#colonneDroite #suivi-commande a{
    display:block;
    float:none;
    width:179px;
}

#colonneDroite #up form, #colonneDroite #suivi-commande form{
    width:179px;
    border-bottom:1px solid #ccc;
}


#colonneDroite #up form p, #colonneDroite #suivi-commande form p, #colonneDroite #suivi-commande a{
    border:1px solid #ccc;
    border-width:0 1px 0 1px;
}

#colonneDroite #up .champ , #colonneDroite #suivi-commande .champ{  
    width:166px;
    border:1px solid #ccc;
    color:#069;
}

#colonneDroite #up p{   
    font-size:9.5px;
}

#colonneDroite #up p.valide, #colonneDroite #suivi-commande p.valide{   
    text-align:center;
    padding:5px 0;  
}

/********* NEW !! MENU COMPTE ******************/

#page #colonneDroite div.menuCompte_over{
    background-image:url(../images/menuCompteOver.jpg);
    cursor:pointer;
}

#colonneDroite div.menuCompte{
    background:url(../images/menuCompte.jpg) no-repeat 0 0;
    width:200px;
    height:238px;
    margin:0 0 0 -10px;
    padding:0;
    text-align:left;
}

#colonneDroite div.menuCompte form{
    padding-top:16px;
}

#colonneDroite div.menuCompte p{
    height:52px;
    width:170px;
    margin-left:14px;
    float:none;
    padding-top:5px;
}

#page #colonneDroite div.menuCompte  a:hover{
    background-position:0 0;
}

#page #colonneDroite div.menuCompte p a{
    display:block;
    float:left;
    width:45px;
    height:40px;
    background-position:0 -40px;
    background-repeat:no-repeat;
    cursor:pointer;
}

#colonneDroite div.menuCompte p span{
    display:block;
    width:170px;
    line-height:14px;
    font-size:12px;
    padding-left:45px;
    color:black;
    padding-top:5px;
}

#colonneDroite div.menuCompte p span.big{
    font-size:12px;
}

#colonneDroite div.menuCompte p span.small{
    padding-top:10px;
}

#colonneDroite p.finalise{
    padding-top:5px;
}

#colonneDroite p.finalise a:hover{
    background:url(../images/finalise_commande.png) no-repeat 0 -54px;
}

#colonneDroite p.finalise a{
    background:url(../images/finalise_commande.png) no-repeat 0 -2px;
    display:block;
    height:52px;
    width:184px;
    margin-left:-10px;
    text-indent:-10000em;
    font-size:0px;
    overflow:hidden;
}

#colonneDroite div.menuCompte p.acces_deconnexion a{
    background:url(../images/boutonDeconnexion.png);
}

#colonneDroite div.menuCompte p.acces_private a{
    background:url(../images/boutonCompte.png);
}

#colonneDroite div.menuCompte p.acces_fichier a{
    background:url(../images/boutonFichier.png);
}

#page #colonneDroite div.menuCompte p.acces_commande span{  
    margin:inherit;
    padding:inherit;
    text-align:center;
    height:25px;
    line-height:14px;
    padding:0;
}

#page #colonneDroite div.menuCompte p.acces_commande {
    background:url(../images/champRechercheCompte.jpg) no-repeat 0 15px;
    position:relative;
}

div.menuCompte p.acces_commande input{
    position:absolute;
    top:20px;
    border:none;
}

#page #colonneDroite div.menuCompte p.acces_commande input.champ {
    width:125px;
    left:12px;
    color:grey;
    height:20px;
    background:none;
    padding-top:5px;
}

div.menuCompte p.acces_commande input {
    outline-style:none;
}

div.menuCompte p.acces_commande input.loupe {
    background:url(../images/boutonLoupe.png) no-repeat 0 0;
    width:26px;
    height:26px;
    right:5px;
    top:15px;
    cursor:pointer;
}

#colonneDroite div.menuCompte p.acces_private span {
    line-height:25px;
}

/* post kel job ==> invit a espace prive */

#page #colonneDroite div.menuCompte p.acces_commande a.lmc_gestion{
    display:block;
    font-size:12px;
    overflow:hidden;
    width:170px;
    text-align:center;
    height:47px;
    line-height:115%;
    background:white url(../images/fleche_menuCompte.png) no-repeat 147px 23px;
}

/********* MENU BOUTIQUE  *************************/

#colonneDroite  #menuBoutik a, #colonneDroite  #menuBoutik a:hover {
    border-width:0;
}

#colonneDroite  #menuBoutik{
    text-align:left;
    font-size:11px;
    border-bottom:1px solid #ccc;   
}

#colonneDroite  #menuBoutik dt{
    background: transparent url(../images/menuHaut.jpg) no-repeat 0 0;
    height:34px;
}
#colonneDroite  #menuBoutik dt a.famille, #colonneDroite  #menuBoutik dt a.famille_ouvert{
    font-weight:bold;
    line-height:34px;
    background: transparent url(../images/puceMenuBoutik.png) no-repeat 10px 0 ;
    font-size:10px;
    padding:2px 0 2px 30px;
}

#colonneDroite  #menuBoutik dt a.famille_ouvert{
    background: transparent url(../images/puceMenuBoutikBas.png) no-repeat 10px 0 ;
}

#colonneDroite  #menuBoutik dd{
    display:none;
}
#colonneDroite  #menuBoutik ul{
    background: transparent url(../images/menuBg.jpg) repeat-y;
}

#colonneDroite  #menuBoutik li a.rayon, #colonneDroite  #menuBoutik li a.rayon_dernier {
    font-size:10px;
    padding:2px 5px ;
    overflow:visible;
    height:18px;
    border-bottom:1px solid white;
    margin:0 15px;
    display:block;
    
}
#colonneDroite  #menuBoutik .dernier {
    background: transparent url(../images/menuBas.jpg) no-repeat 0 0;
    height:25px;    
}
#colonneDroite  #menuBoutik li a.rayon_dernier {
    border-width:0;
}

#menuPanier p {
    padding:0.5em;
}

/********** MENU RANGEMENT  *******************/

#colonneDroite #range-classe{
    font-size:11px;
    line-height:170%;
    text-align:left;
}

#colonneDroite #range-classe ul{
    text-align:left;
    border-bottom:1px solid #ccc;
    width:180px;
}
#colonneDroite #range-classe li{
    height:auto;
    padding:8px 5px 0 5px;
    margin-left:1px;
    border:1px solid #ccc;
    border-width:0 1px 0 1px ;
    text-align:left;
}


#colonneDroite #range-classe li.tete{
    text-align:center;
    font-weight:bold;
    font-size:12px;
    padding:10px 0 0 0;
    height:24px;
    border-width:0;
    color:#069;
}

#colonneDroite #range-classe ul input{
    border:none;
    background:none;
    font-size:11px;
    margin:0;
    padding:0;
    float:left;
    width:auto;
    display:block;
    cursor:pointer;
    text-align:left;
}
#colonneDroite #range-classe ul img{
    display:block;
    float:left;
    margin-left:2px;
}
    
#colonneDroite #range-classe ul span{
    display:block;
    float:none;
    font-size:9px;
    height:9px;
    width:160px;
    text-align:left;
    text-indent:21px;
    text-decoration:underline;
}
    

/*--------------------- C O L O N N E    C E N T R A L E --------------------- */

/********** FLECHE EVOLUTION DE COMMANE  ***************/

#colonne div.evolution, #colonneform div.evolution{
    text-align:center;
    font-size:12px;
    padding-right:10px;
}

#colonneform div.evolution {
    margin:0 0 10px 0;
}

div.evolution img {
    width:560px;
    height:126px;
    border:1px dotted #ccc;
    border-width:1px 1px 0 1px;
}

#colonne div.evolution {
    margin:45px 0 10px 5px;
}

#colonne div.evolution p.avertissement, #colonneform div.evolution p.avertissement{
    width:562px;
    text-align:center;
    height:20px;
    border:1px dotted #ccc;
    border-width:0 1px 1px 1px;

}

#colonne div.evolution a , #colonneform div.evolution a {
    color:#f39;
}


/********** AFFICHE PAGE  ***************/

#colonne p.affichepage{
    font-size:10px;
    clear:both;
    margin:2px 2px 10px 2px;
    height:30px;
    line-height:300%;
}
#colonne p.affichepage a {
    border:1px solid #069;
    background:#f2f5f8;
    padding:5px;
    font-size:12px;
    
}
#colonne p.affichepage a:hover {
    color:white;
    border:1px solid #069;
    background:#069;
    font-size:14px;
    line-height:10%;
}

/*********** PUBS COLONNE CENTRALE   *****************/

#colonne  p.pubcolonne{
    width:220px;
    height:320px;
    margin-bottom:10px;
    overflow:hidden;
}

#colonne  p.pubcolonne img {
    height:300px;
}

#colonne  p.pubaccueil{
    width:225px;
    height:545px;
    float:right;
    margin:100px 10px 0 0;
    overflow:hidden;

}

#colonne  p.pubaccueil img {
    width:225px;
    
}

#colonne  p.banniere-accueil{
    width:650px;
    padding-top:10px;
    clear:left;

}
#colonne  p.banniere-accueil img{
    width:100%;
}

#page #bandeauBas{
    width:870px;
    height:160px;
    clear:both;
}

#page #bandeauBas img{
    width:870px;
    height:160px;
    margin-left:2px;
}


/********** VIGNETTES ACCUEIL ***************/

#colonne #onglet a:link, #colonne #onglet a:link a:visited {
    color:white;
}

#colonne #onglet{
        text-align:center;
    width:617px;
    height:auto;
    margin:0 0 20px 20px;
    padding-top:20px;
}

#colonne #onglet div {
    background:transparent url(../images/ongletAccueil.jpg) no-repeat 0 0;
    font-size:8px;
    text-align:center;
        float:left;
        height:163px;   
        width:154px; 
        margin:0 30px 30px 10px;
        overflow:visible;
    padding:0;
}

#colonne #onglet .vignet {
    width:100%;
    text-align:center;
    height:100px;
}
#colonne #onglet .vignet img{
    height:100px;
}

#colonne #onglet a:visited {
    color:white;
}


#colonne #onglet p.link {
    font-size:8pt;
    line-height:150%;
    height:35px;
    overflow:visible;
    margin:8px 8px 4px 8px;
    color:white;
}

 #onglet p.nom {    
    display:none;
}

/************ ARTICLE PROMO  ***************/

#colonne div.promo{
    width:610px;
    height:205px;
    background:transparent url(../images/promoArticle.jpg) no-repeat 0 0;
    margin-left:15px;
    margin-bottom:15px;
    text-align:left;
    position:relative;
}

#colonne div.boutique{
    margin-left:5px;
}

#colonne div.promo p, #colonne div.promo div{
    margin-left:20px;
    width:550px;

}

#colonne div.promo p.selection{
    font-size:18px;
    font-weight:normal;
    margin-top:45px;
    margin-left:120px;
    width:365px;
    line-height:200%;
    word-spacing:1px;
    letter-spacing:0.1em;
}

#colonne div.promo span.prix{
    color:#960;
    font-size:20px;
    background:url(../images/prixBarre.gif) no-repeat -10px -5px;
}

#colonne div.promo .prix sup{
    font-size:15px;
    text-decoration:underline;
}

#colonne div.promo span.prix_casse{
    color:#FF6600;
    font-size:35px;
    font-weight:bold;
}

#colonne div.promo .prix_casse sup{
    font-size:18px;
    text-decoration:underline;
    font-weight:bold;
}

#colonne div.promo p.photo{
    position:absolute;
    z-index:1;
    top:70px;
    left:5px;
    width:80px;
}

#colonne div.promo p.photo img{
    width:80px;
}

#colonne div.promo p.description{
    font-size:9px;
    line-height:normal;
    margin-left:120px;
    width:365px;
    height:70px;
    overflow:hidden;
}

#colonne div.promo div.action{
    position:absolute;
    z-index:2;
    top:60px;
    left:470px;
    width:130px;
    height:110px;
}

#colonne div.promo div.action p{
    width:130px;
    height:110px;
    margin:0;
}

#colonne div.promo div.action input.mybuttoncom{
    background:transparent url(../images/commandeBouton.gif) no-repeat 0 0;
    width:131px;
    height:98px;
    border:none;    
}

#colonne div.promo p.date{
    font-size:12px;
    font-weight:bold;
}

/************ ARTICLE  ***************/

#colonne a.quantite{
    width:124px;
    height:35px;
    display:block;
    float:none;
    margin-top:5px;
    background:white url(../images/boutonQte.jpg) no-repeat 50% 50%;
    text-align:center;
    line-height:27px;
    color:#069;
    font-size:10px;
}

#colonne a.quantite:hover,#colonne a.quantite:visited {
    color:black;
}

#colonne div.detail{
    color:black;
    text-align:left;
    font-size:14px;
    line-height:150%;
    width:385px;
    height:320px;
    margin:0 0 10px 10px;
    float:left;
    padding:5px 10px 10px 10px;
    background: white url(../images/detailArticle.jpg) no-repeat 0 0;
    position:relative;
}

#colonne div.carterie{
    float:left;
    width:300px;
    height:305px;
    background: url(../images/carterieBg.jpg) no-repeat left top;
    margin:10px 0;
    padding:0;
}

#colonne div.gauche {
    margin-left:7px;
    margin-right:20px;
}

#colonne div.seul {
    margin-left:100px;
}


/*------------- article div ----------------*/

#colonne div.article{
    float:left;
    width:193px;
    height:185px;
    margin:5px 8px 5px 8px;
    background:url(../images/bgArticleCarterie.jpg) repeat-x;
    text-align:left;
    border:1px solid #369;
}

#colonne div.article p.selection a{ 
    color:#369; 
}

/*------------- article lie ----------------*/

#colonne ul.article-liaison, #colonne ul.article {
    margin:0 15px 0 5px;
    height:100px;
}

#colonne ul.article-liaison li, #colonne ul.article li{
    font-size:12px;
    line-height:normal;
    text-align:left;
    width:195px;
    margin:3px 5px;
    float:left;
    height:60px;    
    color:white;
    overflow:hidden;
    background:url(../images/bgArticle.jpg) no-repeat 50% 50%;
}

#colonne ul.article-liaison  li.liaison{
    background: white url(../images/bgArticleJaune.jpg) repeat-x;
    border:1px solid #ccc;
    margin-bottom:5px;
    height:55px;
    color:black;
    overflow:hidden;
}

#colonne ul.article-liaison li a, #colonne ul.article li a{
    color:white;
    display:block;
    float:left;
    text-align:center;
    width:195px;
    height:58px;
    padding-top:15px;
}

#colonne ul.article-liaison li a{
    color:black;
}

#colonne ul.article-liaison  li a span.prix, #colonne ul.article span.prix{
    font-weight:bold;
    color:#f6f; 
    font-size:15px; 
    padding:0 2px;
    white-space:nowrap;
}

#colonne ul.article-liaison  li.article a span.prix{
    color:#c09;
    font-weight:normal;
}

/*------------- selection ----------------*/

#colonne div.detail p.selection{    
    font-size:16px;
    text-align:left;
    padding-top:5px;
    margin-bottom:0;
    color:#369;
    margin-bottom:5px;
}

#colonne div.carterie p.selection{
    text-align:center;
    padding:8px 8px 0 8px;
    color:#646464;
    height:55px;
    line-height:180%;
}

#colonne div.article p.selection{   
    font-size:13px;
    padding:0;
    margin:5px 0 0 0;
    text-align:center;
}

/*------------- prix article ----------------*/

#colonne div.carterie p.selection span.prix_unitaire,
#colonne div.carterie p.selection span.prix_unitaire-prix{
    display:block;
    float:left;
    font-size:9px;
    color:#646464;
    font-weight:lighter;
}

#colonne div.carterie p.selection span.prix_unitaire-prix{
    font-weight:bold;
    font-size:16px;
    margin:0 8px 0 2px;
}

#colonne div.detail p.selection span.prix{
    white-space:nowrap;
    color:#c09;
    font-size:25px;
    line-height:170%;
    font-weight:lighter;
}

#colonne div.article p.selection span.prix{
    font-size:16px;
    display:block;
    float:none;
    padding:0;
    text-align:center;
    
}

#colonne div.carterie p.selection span.prix{
    color:#c39; 
    font-weight:lighter;
    display:block;
    line-height:20px;
}


#colonne p.alerte, #colonne p.suggestion{
    text-align:center;
    border:1px dashed white;
    border-width:1px 0 1px 0;
    color:#681f18;
} 


/*------------- prix article sold ----------------*/

ul.article-liaison  li span.prix_casse,
ul.article  li span.prix_casse,
#colonne div.carterie p.selection span.prix_casse,
#colonne div.article p.selection span.prix_casse,
#colonne div.detail p.selection span.prix_casse
{
    background:transparent url(../images/barre45.gif) no-repeat center center;  
    color:black;
    font-weight:normal; 
}


#colonne ul.article-liaison li.article span.prix_casse,
#colonne ul.article li.article span.prix_casse
{
    font-size:10px; 
}

#colonne ul.article li.article span.prix_casse
{
    background:none;
    text-decoration:line-through ;
}


#colonne div.detail p.selection span.prix_casse
{
    font-size:12pt;
}
#colonne div.carterie p.selection span.prix_casse
{
    display:block;
    float:left;
    margin:5px 8px;
}

#colonne div.article p.selection span.prix_casse
{
    font-size:12px; 
    margin:0 5px 0 15px;
}

/*------------- boite photo ----------------*/

#colonne div.detail p.photo{    
    float:left;
    display:block;
    margin:10px 10px 5px 0;
}

#colonne div.carterie p.photo{
    padding:0;
    width:110px;
    height:110px;
    margin:15px 10px 0 12px;
    text-align:center;  
    border:1px solid #ccc;
}

#colonne div.article p.photo{
    padding:0;
    width:110px;
    height:110px;
    margin:5px 5px 0 30px;
    text-align:center;
    background:#ccc;
}

#colonne div.article a.zoom {
    display:block;
    float:right;
    width:20px;
    height:20px;
    margin:-20px 10px 0 0;
    padding:0;
    
}
#colonne div.article a.zoom img {
    margin:0;
    padding:0;
    width:20px;
    height:20px;
    
}

#colonne div.carterie p.photo img{  
    width:100px;
    height:100px;
    margin-top:5px; 
}

#colonne div.article p.photo img{   
    width:100px;
    height:100px;
    margin:5px;
    padding:0;
}
#colonne div.article p.photo a{ 
    margin:0;
    padding:0;

}


#colonne div.detail p.photo a, #colonne li.article a{
    padding:0;
    margin:0;
    border:none;
}

/*----------- description article --------*/

#colonne div.detail  p.description{
    font-size:13px;
    margin-top:20px;
}

#colonne div.carterie  p.description{
    padding:10px;
    margin-top:0;
    font-size:12.5px;
    line-height:140%;
    color:#666;
    margin-left:125px;
    
}
/*
#colonne div.detail p.description img{
    display:block;
    float:right;
    padding-right:5px;
}
*/
#colonne div.carterie p.description img, #colonne div.detail p.description .info img{
    display:inline;
    float:inherit;  
    vertical-align:bottom;
    padding:0 5px;
}

#colonne div.carterie p.description .info img, #colonne div.detail p.description .info img{ 
    padding-left:0;
    vertical-align:bottom;
}


/*----------- bouton panier article --------*/

#colonne div.detail div.action, #colonne div.carterie div.action{   
    margin-top:5px;
    width:90%;
    text-align:center;
    position:absolute;
    z-index:600;
    left:10px;
    top:220px;
    height:10px;
    overflow:visible;
}

#colonne div.carterie div.action{   
    padding:0;
    margin:0;
    left:5px;
    top:226px;
    width:290px;
    
}

#colonne div.detail div.action .mybuttoncom{    
    background:transparent url(../images/boutonCommandeGrand.gif) no-repeat center center;
    height:91px;
    width:362px;
    border:none;
    cursor:auto;
}

#colonne div.carterie div.action .mybuttoncom{  
    background: url(../images/boutonCommandePetit.gif) no-repeat center center;
    height:72px;
    width:285px;
    border:none;
    cursor:auto;
}

#colonne div.detail div.action p.barrePanier,
#colonne div.detail div.action p.barrePanier a.voirPanier,
#colonne div.detail p.boiteNav,
#colonne div.detail  p.classe, 
#colonne div.detail  span.reference,
#colonne div.article p.boiteNav, #colonne div.article  p.classe, #colonne div.article  span.reference{
    display:none;
    
}


/*------------div option article---------*/

#colonne #option-article{
    height:320px;
    margin-bottom:10px;
    overflow:hidden;
    width:230px;    
    background: transparent  url(../images/optionArticle.jpg) no-repeat 50% 0;
    border:none;
}

#colonne #option-article div.conteneur{
    margin-top:60px;
    width:220px;
    margin-left:5px;
    height:250px;
    overflow:auto;
}

#colonne #option-article div.option{
    margin-top:2px;
    width:200px;
    background:white;
    border:1px solid #c36;
}

#colonne #option-article p{
    padding:5px;
    font-size:11px;
    line-height:normal;
    background:white;
    border-bottom:1px solid #ccc;
    letter-spacing:-0.5px;
}

#colonne #option-article p span.supplement{
    font-size:14px;
    font-weight:bold;
    letter-spacing:normal;
}


/*----------- separation article --------*/

#colonne div.article hr{
    border:none;
    background:#ccc;
    height:1px;
}
hr.separation {
    display:none;
    clear:left;
}

#colonne div.carterie hr.separation {
    display:block;
    visibility:hidden;
    clear:none;
}

#colonne p.separation {
    display:none;
}
#colonne p.liaison {
    border-top:1px solid #ccc;
    color:#069;
    margin:50px 15px 10px 0;
    padding:8px;
    clear:both;
    font-size:13px; 
}

/************ ESPACE DESIGN ARTICLE  ***************/

#colonne div.detail-design {
    background: transparent url(../images/backgroundDesign.jpg) no-repeat 0 0;
    width:621px;
    height:428px;
    padding:70px 0 0 0;
    margin-bottom:0;
    margin-left:5px;
    text-align:left;
}

#colonne div.detail-design div, #colonne div.detail-design p, #colonne div.detail-design form{
    padding:0;
    position:static;
    margin:0;
    
}

#colonne div.detail-design div.prevue{
    float:right;
    margin-right:9px;
    width:145px;
    height:180px;
    text-align:left;
    background:transparent url(../images/BgPrevue.jpg) no-repeat 0px 12px;
}

#colonne div.detail-design div.prevue p.boite{
    margin:22px 0 0 11px;
    width:115px;
    height:96px;
    overflow:hidden;
    text-align:center;
}

#colonne div.detail-design div.prevue p.boite img{
    height:96px;
}

#colonne div.detail-design div.prevue p.legende{
    font-size:10px;
    text-align:left;
    line-height:normal;
    margin:20px 0 0 5px;
}

#colonne div.detail-design div.prevue p.legende span.etat{
    font-size:11px;
    color:#c39;
}

#colonne div.detail-design div.article-design{
    margin-left:90px;
    width:350px;
}

#colonne div.detail-design div.article-design p.boiteNav{
    text-align:left;
    font-size:9px;
    line-height:normal;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid white;
}


#colonne div.detail-design div.article-design p.selection{
    text-align:left;
    font-size:18px;
    line-height:normal;
    margin-bottom:8px;
    color:#000;
}

#colonne div.detail-design div.article-design p.selection span.reference{
    font-size:8px;
}

#colonne div.detail-design div.article-design p.description{
    text-align:justify;
    font-size:12px;
    line-height:150%;
    color:#000;
}

#colonne div.detail-design hr{
    width:100%;
    clear:both;
    visibility:hidden;
}

#colonne div.detail-design div.action-design{
    margin-left:154px;
    width:305px;
    height:122px;
    text-align:left;
}

#colonne div.detail-design div.action-design .select{
    border:1px solid #ccc;
    color:#666;
    width:200px;
    margin-bottom:10px;
    background:white;
}

#colonne div.detail-design div.action-design p#upload-ligne{
    margin-top:5px;
}

#colonne div.detail-design div.action-design p#upload-ligne .champ{
}

#colonne div.detail-design div.action-design p#affiche-value{
    font-size:12px;
    margin:5px 0 5px 0;
    color:#000;
}

#colonne div.detail-design div.action-design p#affiche-value span{
    font-size:16px;
}

#colonne div.detail-design div.action-design p#affiche-value span#prixDesign{
    color:#c3c;
    padding-left:16px;
}

#colonne div.pub-design{
    padding:0;
    margin:0;
    text-align:left;
    width:620px;
    height:115px;
}

/* New New -- > article gratuit */

#colonne div.article_gratuit {
	background-image:url(../images/detailArticleGratuit.jpg);
}

#colonne div.article_gratuit p.selection{
	color:black;
	font-weight:bold;
	font-size:14px; /* -2 */
	text-indent:10px;
	padding-top:0;	
	height:40px;
	margin-bottom:2px;
	line-height:40px;
}

#colonne div.article_gratuit p.selection span.prix{
	display:none;
}

/* FIN New New -- > article gratuit */


/*********** PARAGRAPH  ***************/

#colonne #paragraph{
    color:#6c6c6c;
    font-size:11px;
    line-height:160%;
    text-align:justify;
    clear:left; 
    margin:15px 20px 15px 15px;
}

#colonne #paragraph div{
    padding:5px;
}

#colonne #paragraph.page-login div, #colonne #paragraph.page-inscription div, #colonne #paragraph.page-contact div{
    color:#666;
    margin:0;
    margin:8px 0 0 0;
}

#colonne .page-galerie div{
    background:#f2f5f8;
    color:#069;
}

#colonne #paragraph h1{
    font-size:10px;
    line-height:normal;
}


/*********** TEXTE ********************/

#colonne #texte{
    margin:40px 30px 10px 20px;
    font-size:13.5px;
    font-weight:lighter;
    line-height:160%;
    color:#6C6C6C;
}
#colonne #texte, #colonne #texte ul{
    padding:5px;
    text-align:left;
}
#colonne #texte ul,#colonne #texte ol{
    margin:0;
    list-style-position:inside;
}
#colonne #texte .titre{
    text-align:left;
    font-size:x-large;
    line-height:normal;
    padding-bottom:10px;
}
#colonne #texte .chapo{
    font-weight:bold;
}

#colonne #texte .photo_txt{
    text-align:center;
}
#colonne #texte .photo_txt img{
    float:none;
    display:inline;
    padding:10px;
}
#colonne #texte .description img{
    float:left;
    max-width:40%;
    margin:10px 10px 10px 0;
}

/*********** MOTEUR RECHERCHE & PAGE RESULTAT  ********************/

#colonne .result .recherche_colonne{
    text-align:center;
    width:524px;
    height:186px;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:15px;
    color:black;
    background: white url(../images/rechercheColBg.jpg) no-repeat 50% 50%;
}
#colonne .result #regie {
    width:100%;
    background:url(../images/header_regie.jpg)  no-repeat 0 0;
    padding-top:37px;
    margin:0 0 10px 0;
    border:1px solid #ccc;
}

#colonne .result #regie .pub{
    width:180px;
    margin:8px 6px; 
    float:left;
    background:url(../images/pubTop.jpg) no-repeat 0 0;
    padding-top:30px;
}

#colonne .result #regie .pub .container{
    padding:0 25px 0 25px;
    margin-top:-10px; 
    background:url(../images/pubBg.jpg) repeat-y;
    color:#CC0099;
    font-size:10px;
    line-height:normal;
}

#colonne .result #regie .pub .container img{
    border:1px solid white;
    margin:5px;
}

#colonne .result #regie .pub .bottom{
    width:100%;
    background:url(../images/pubBottom.jpg);
    height:30px;
}

#colonne .result #regie hr.separation{
    width:100%;
    display:block;
    border:none;
    border:1px solid white;
}

#colonne .result .recherche_colonne form#recherche{
    padding:10px;
}

#colonne .result .recherche_colonne h3{
    height:35px;
    padding:5px 0 35px 0;   
    font-size:25px;
    text-align:center;
    color:white;
    font-weight:normal;
}
#colonne .result .recherche_colonne form#recherche .champ{
    width:240px;
}

#colonne .result .recherche_colonne form#recherche .bouton{
    width:45px;
    height:30px;
    color:white;
    font-size:14px;
    line-height:250%;
    border:none;
    background:transparent url(../images/boutonBleu.jpg) no-repeat 50% 115%;
}

#colonne .result .recherche_colonne form#recherche select.bouton{
    border:1px solid #369;
    color:#369;
    font-size:14px;
    margin:0 5px;
    background:none;
    width:170px;
    height:25px;
}


#colonne .result .recherche_colonne form#recherche p{
    border:none;
    text-align:center;
    margin-top:10px;
}

#colonne .result{
    width:590px;
    font-size:12;5px;
    line-height:150%;
    text-align:left;
    margin-left:20px;
}

#colonne .result div.ill{
    width:590px;
    float:none; 
    height:95px;
    border:1px solid #ccc;
    margin:10px 0;
}

#colonne .result p{
    border-bottom:1px solid #ccc;
    margin:10px 0;
    padding-bottom:8px;
}

#colonne .result div.ill p{
    border:none;
    margin:0;
    padding:0;
}

#colonne .result div.ill p a{
    text-decoration:underline;
}


#colonne .result .ill p.width-photo{
    margin-left:100px;
    margin-right:10px;
    margin-top:20px;
}

#colonne .result .ill p.width-photo img{
    display:none;
}

#colonne .result .prix{
    color:#c39;
    font-size:20px;
}

#colonne .result a{
    color:#369;
    font-size:10pt;
    border-bottom:none;
}

#colonne .result a:hover{
    background:none;
}

#colonne .result p.photo{
    width:90px;
    height:90px;
    float:left;
    margin:0;
    padding:0;  
}


#colonne .result p.photo img{
    margin:10px;
    width:70px;
    height:70px;
}

/********* M E N U  T A G   *************************/

#colonne  #tag{ 
    font-family:'Trebuchet MS', Verdana sans-serif; 
    background:none;
    margin:5px 10px 5px 10px;
    padding:8px;
    border:1px dashed #969696;
    
}
#colonne #tag div{  
    padding:3px;
    background:#eaeaea; 
}

#colonne #tag div p{
    text-align:center;
    line-height:170%;
    padding:0 5px;
    background:#eaeaea;
}

#colonne #tag div a{
    color:#369;
}

#colonne #tag div a:hover{
    text-decoration:underline;
}

/*********** LOGIN, MAIL, INSCRIPTION  ***************/

#colonne #mail,#colonne #login , #colonneform #login  {
    border:1px solid #ccc;
    background:#f2f5f8;
    text-align:left;
    font-size:1em;
    color:#666;
    width:610px;
    margin-right:5px;
}
#colonneform #login  {
    margin:0 auto 20px auto;
}
#colonne #mail .champ ,
#colonne #login .champ, 
#colonneform #login .champ,
#colonne #mail .champMessage , 
#colonne #login .pass, 
#colonneform #login .pass {
    width:220px;
    color: black;
    margin-top:5px;
}

#colonne #mail .champ ,#colonne #login .champ, #colonneform #login .champ,#colonne #login .bouton, #colonneform #login .bouton ,#colonne #login .pass, #colonneform #login .pass ,
#colonne #login .pays, #colonneform #login .pays,#colonne  #mail .champMessage {
    margin-left:10px;
}


#colonne #login .pass, #colonneform #login .pass{
    width:100px;
    margin-top:5px;
}
#colonne #login em, #colonneform #login em, #colonne p.avertissement em, #colonneform p.avertissement em{
    padding-left:5px;
    display:inline;
    color:#c3c;
    
}
#colonne #login .bouton, #colonneform #login .bouton ,#colonne #mail .bouton{
    font-size:12px;
    color:white;
    text-align:center;
    width:50px;
    height:30px;
    border:none;
    background:transparent url(../images/boutonBleu.jpg) no-repeat 50% 60%;
}


#colonne #login .pays, #colonneform #login .pays {
    margin-top:0.5em;
    border:1px solid #ccc;
}
#colonne #login p, #colonneform #login p,#colonne #mail p{
    height:3em; 
    line-height:3em;
    background:#fff;
    margin:2px;
}
#colonne #login span, #colonneform #login span,#colonne #mail span{ 
    text-align:right;
    display:block;
    float:left;
    width:40%;
}
#colonne #login a, #colonneform #login a {
    text-align:center;
    padding:5px;
}


#colonne #login h3, #colonneform #login h3,#colonne  #mail h3  {
    text-align:center;
    background: white url(../images/h3mailBg.jpg) repeat-x;
    color:white;
    font-size:14px;
    line-height:250%;
    height:66px;
    font-weight:normal;
    
}

#colonne #mail .message {
    height:200px;
    line-height:200px;
}
#colonne #mail .champMessage {
    height:180px;
    font-family:Verdana, sans-serif;
}

#colonne #mail .bouton{
    width:75px;
    background:transparent url(../images/boutonBleu75.jpg) no-repeat 50% 60%;
}

#colonne #mail p.alerte,#colonne #login p.alerte, #colonneform #login p.alerte {
    line-height:inherit;
}
/*********** COMPOSER  ***************/

#colonneform #composer, #colonneform #composer2{
    width:800px;
    margin-bottom:50px;
}

#colonneform #composer2{
    text-align:left;
}

#colonneform #composer h3, #colonneform #composer p{
    margin:0 auto;
    width:800px;
}

div#collection_img{
    width:845px;
    background:#D2DDFF;
    border:1px solid #5580DD;
    margin:5px 0;
    position:relative;
    height:170px;
    overflow:hidden;
}

div #container{
    margin:10px 0;
    padding-left:5px;
    position:absolute;
    z-index:1;  
}

div.subcontainer-tiny{
    margin:16px 0 0 5px;
}

div #collection_img a.nav-top, div #collection_img a.nav-bottom{
    width:100%;
    height:22px;
    display:block;  
}

div #collection_img a.nav-top{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    color:white;
    text-indent:700px;
    font-weight:bold;
    font-size:8px;
    background:#D2DDFF url(../images/nav-top.gif) no-repeat 0 0;        
}

div #collection_img a.nav-top:hover{
    background:#D2DDFF url(../images/nav-topOver.gif) no-repeat 0 0;    
}
        
div #collection_img a.nav-bottom{
    position:absolute;
    top:149px;
    left:0;
    z-index:2;
    background:#D2DDFF url(../images/nav-bottom.gif) no-repeat 0 0;
}
        
div #collection_img a.nav-bottom:hover{
    background:#D2DDFF url(../images/nav-bottomOver.gif) no-repeat 0 0;
}
        
div.tiny-box{
    float:left;         
    font-size:9px;
    text-align:center;
    width:129px;
    height:122px;
    margin:0 9px 8px 0;
    padding:5px;
    background:transparent url(../images/tiny-box.gif) no-repeat 0 0;
}
        
div.tiny-actif{
    border:1px solid #c09;
    background:#f9f;
    width:127px;
    height:120px;
}
        
div.tiny-box img{
    border:1px solid white;
}
/*---------- new composer ---------------*/

#colonneform #composer2 div.left{
    float:left;
    width:400px;
    height:400px;
    position:relative;
}

#colonneform #composer2 div.left div#boite_input{
    width:380px;
    position:absolute;
    z-index:2;
    left:5px;
    bottom:100px;
    background:#f0f0ee;
}
#colonneform #composer2 div.left div#boite_input p{
    padding:2px 0 2px 8px;
}

#colonneform #composer2 div.left input.my_compo{
    width:280px;
    border:1px solid #ccc;
    height:16px;
    line-height:12px;   
}

#colonneform #composer2 div.right{
    margin-left:400px;  
    height:400px;
    width:390px;
}

#colonneform #composer2 div.barre_bouton{
    text-align:center;
    clear:both;
}
#colonneform #composer2 div#conteneur{
    position:relative;
    text-align:center;
}

#colonneform #composer2 div#boite{
    margin:5% 0 0 5%;
    /*position:absolute;
    z-index:2;*/
    overflow:hidden;
    width:95%;
}


#colonneform #composer2 div#boite p.p-cdvcar{
    width:140px;
    line-height:normal;
}

#colonneform #composer2 div#boite p.p-cdv{
    width:215px;
    line-height:normal;
}

#colonneform #composer2 div#boite p.p-faire-part-naissance,
#colonneform #composer2 div#boite p.p-faire-part-mariage{
    width:270px;
    line-height:normal;
}
/*---------- barre d'outils -----------*/

#menu {
    height: 48px;
    width: 380px;
    background:#f0f0ee;
    text-align:center;
}
#action-menu{
    padding: 2px;
    height: 24px;
    text-align:left;
    /*background:#f0f0ee url(../images/barre_icon.gif) no-repeat -20px 2px;*/
    background:#f0f0ee url(../images/barre_icon.gif) no-repeat -15px 2px;
}
#action-menu a{
    display:block;
    float:left;
    width:23px;
    height:18px;
    border:1px solid #f0f0ee;
    margin-right:1px;
}
#action-menu a#italique{
    width:14px;
}
#action-menu a#gras{
    width:16px;
    /*margin-left:21px;*/
    margin-left:10px;
}
#action-menu a#souligne{
    width:19px;
    margin-right:4px;
}

#action-menu a#undo{
    width:20px;
}

#action-menu a:hover{
    border-color:#ccc;
}

/*********** COMMANDE *************************/


#colCentraleCom {
    overflow:hidden;
    width:100%;
    font-size:13px;
}

#colCentraleCom h2, #colCentraleCom h2 a  {
    text-align:center;
    color:#f03;
    font-size:2Opx;
}

#colonneform .form_paiement{
    text-align:center;
    margin:20px 20px 50px 20px;
    height:150px;
    
}
#colonneform .form_paiement h2{
    font-size:10pt;
    line-height:18pt;
    margin-bottom:25px;
}
#colCentraleCom .bouton ,#colCentraleCom .champ, #resultat input  {
    border:1px solid #d5d5d5;
    background:#f2f5f8;
    font-size:100%;
}

#postit #resultat select {
    width:40px;
}


#postit #resultat .bouton {
    background:white url(../images/boutonBleu140.jpg) no-repeat 50% 60%;
    width:160px;
    height:25px;
    color:white;
    font-weight:bold;
    border:none;
}

#colCentraleCom #paiement .bouton {
    background: #d5d5d5;
    border:1px solid silver;
    border-width:1px 2px 2px 1px;
    
    margin-bottom:1em;
}
#colCentraleCom .champ{
    border-width:2px 0 0 2px;
}
#colCentraleCom p {
    border-bottom:1px solid #d5d5d5;
}
#colCentraleCom .alerte {
    padding:1em;
}
p#alinea {
    border:none;
    margin-bottom:1em;
    font-style:italic;
}
#colCentraleCom span {
    background-color: #fff;
    border-color:#d5d5d5;
    border-width:0 1px 1px 1px;
    border-style:solid; 
    padding:0 0.5em;
}
#colCentraleCom .entete , #paiement h4, #colCentraleCom h3, #tabloTotalCatalogue .total {
    text-align:center;
    font-size:14px;
    color:white;
    background:#369 url(../images/bgBandeauCommande.gif) repeat-x;
    border:none;
    line-height:normal;
    padding:5px 0;
}
#colCentraleCom .entete span {
    color:white;
    background:none;
    border:none;
}

#colCentraleCom #paiement .entete {
    text-align:center;
    margin-top:1em;
}
#tabloTotalCatalogue .total {
    text-align:left;
    margin-bottom:0;
}

/*------------entete de facture comprenant identite client et n de facture*/
#enteteFacture{
    height:178px;
    text-align:center;
    width:100%;
    margin-bottom:.8em;
}
#enteteFacture span {
    display:block;
    text-align:left;
    line-height:1.5em;
}

#enteteFacture div {
    width:45%;
}

#enteteFacture #refboutique {
    float:left;
    background:transparent url(../images/tampon.gif) no-repeat 0 0;
    width:375px;
    height:150px;
}

#enteteFacture #refboutique span {
    display:none;
    background:none;
}


#colCentraleCom #ficheClient {
    float:right;
    font-weight:bold;
    height:150px;
}
#ficheClient .pied {
    text-align:center;
}
/* tablo remise*/
#remise {
    border-left:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    margin-bottom:1em;
}

#detailArticle div ,#remise div {
    height:20px;
    line-height:20px;           
    border-bottom:1px solid #d5d5d5;
    width:100%;
}
#remise div  {
    text-align:center;
}
#remise p {
    float:left;
    width:11%;
    border:none;
    text-align:center;
    text-indent:5px;
    
}
#remise .nom {
    width:40%;
    text-align:left;
}
#remise .somme {
    float:right;
    font-weight:bold;
    text-align:right;
    width:15%;
    padding-right:0.5em;
}
/*entet de facture n2 tete de tablo detail des articles p*/
#detailArticle, #tabloTotal, #tabloTotalCatalogue {
    border:1px solid #d5d5d5;
    border-bottom:none;
}
#detailArticle {
    background:#fff;
}

#detailArticle p {
    border:none;
    float:left;
    width:12%;/*14*/
    text-indent:5px;
    border-left: 1px solid #d5d5d5;
}
#detailArticle .quantite {
    width:5%;
}
#detailArticle .ref {
    border-left:none;
    text-align:left;
}
#detailArticle .nom {
    width:40%;/*25*/
    text-align:left;
}
#detailArticle .somme{
    width:10%;
    float:right;
    text-align:right;
    font-weight:bold;
    padding-right:0.2em;
}
/*entet de facture n2 fin de tablo total des articles p*/
#tabloTotal, #tabloTotalCatalogue {
    margin-bottom:2em;
    text-align:right;
    padding-right:0.2em;
    border-top:none;
    margin:0 0 2% 70%;
}
#tabloTotal p, #tabloTotalCatalogue p {
    height:20px;
    line-height:20px;
    border-bottom:1px solid #d5d5d5;    
}
#tabloTotal span , #tabloTotalCatalogue span {
    text-align:right;
    border:none;
    background:none;
    font-weight:bold;
}

/* partie une de la page commane conteneur global*/

#paiement {
    width:100%;
    clear:both; 
}
#paiement p {
    text-align:center;
    padding: .5em;
    border:none;
}

#postit #resultat {
    text-align:center;
    height:auto;
    width:100%;
    margin-bottom:10px;
    font-size:12px;
    line-height:18px;
}

#postit #resultat em{
    color:#CC0033;
    line-height:normal;
    font-size:14px;
    font-style:normal;
    text-align:left;
    display:block;
    padding-left:60px;
}

#colCentraleCom #resultat {
    text-align:center;
}

#resultat h2.valide{
    font-size:10pt;
    height:3em;
    color:#900;
}

#colCentraleCom #resultat p, #colonneform #resultat p{
    border:none;
    font-size:9pt;
    line-height:13pt;
}
#colCentraleCom #resultat p.entete{
    text-align:center;
    height:auto;
    margin:5px 0;
}
/* bas de facture mode livraison &  calcul frais port */
#adresseLiv span, #fraisPort span {
    text-align:left;
    border:none;
    background:none;
}

/* NEW PRODUIT GRATUIT */
#colCentraleCom #fraisPort span.mention_port_gratuit{
	font-weight:normal;
	font-size:8pt;
	text-align:left;
	padding-right:10px;	
}


#adresseLiv .champ, #adresseLiv .bouton {
    width:55%;
}
/*
#fraisPort{
    display:none;
}
*/
#adresseLiv{
    width:70%;
    margin:0 15% 20px 15%;
    background:#fff;
    border:1px solid #d5d5d5;
} 

/* tablo des frais de ports*/
#fraisPort p, #adresseLiv p {
    border-bottom:1px solid #d5d5d5;
    padding: .5em;
    text-align:right;
}

#fraisPort span {
    font-weight:bold;
    text-align:right;
}
#fraisPort .total {
    border-bottom:none;
} 

/*********** DEVIS *********************/

#pageform div.colonnedevis{
    text-align:left;
    font-size:12px;
    line-height:170%;
    padding:10px;
    width:830px;
}

/*------- ecran accueil ------*/

#pageform div.colonnedevis .bouton-entete{
    margin:1em 0;
    text-align:center;
    font-size:12px;
}

#pageform div.colonnedevis p.entete{
    font-size:16px;
    letter-spacing:-1px;
    line-height:170%;
    color:#369;
    font-weight:bold;
    text-align:center;
}

#pageform div.colonnedevis p.bouton-entete input{
    margin:10px;
}

#pageform div.colonnedevis p.petit input{
     height:50px;
}


#pageform div.colonnedevis #resultat {
    text-align:center;
}

#pageform div.colonnedevis form div ,
#pageform div.colonnedevis div.devis{
    padding:5px;
    background:#f2f5f8;
    margin-top:8px;
    border:1px solid #ccc;
}

#pageform div.colonnedevis div.devis{
    margin:4em;
     font-size:70%;
    line-height:150%;
 }
 
#pageform div.colonnedevis div.left{
    padding:.5em;
    background:red;
    margin:.8em 0 .8em 0;
    border:1px solid #ccc;
    float:left;
    width:45%;
    font-weight:bold;
}

#pageform div.colonnedevis div.total{
    background:#fff;
    margin: 1em 30%;
    border:1px solid #ccc;
    font-weight:bold;
    color:#c3c;
}

#pageform div.colonnedevis div.messagedevis{
    background:#fff;
    margin:1em 30%;
    border:1px solid #ccc;
    font-weight:bold;
    padding:.5em;
}

#pageform div.colonnedevis h3,h4{
    font-size:1.5em;
    text-align:center;
    color:#c3c;
    font-weight:bold;
}

#pageform div.colonnedevis h4{
    font-size:1.2em;
}

#pageform div.colonnedevis div.right{
    padding:.5em;
    background:#fff;
    margin:.8em 0 .8em 0;
    border:1px solid #ccc;
    float:right;
    width:45%;
    font-weight:bold;
}

#pageform div.colonnedevis select,
#pageform div.colonnedevis.formulaire1{
    padding:0;
    border:1px solid #ccc;
    width:150px;
    margin:0 .5em;
    color:#c3c;
}

#pageform div.colonnedevis .message{
     padding:0;
    border:1px solid #c3c;
    width:650px;
}

#pageform div.colonnedevis .valide{
    margin-top:1em;
    text-align:center;
    font-size:.9em;
}

#pageform div.colonnedevis p.alerte{
    margin:0;
    padding:0;
    text-align:center;
    font-size:1em;
    color:red;
    font-weight:normal;
    width:100%;
 }
 
#pageform div.colonnedevis p.generique{
    text-align:center;
     margin:1em;
}

#pageform div.colonnedevis div p{
    border-bottom:2px solid #fff;
    margin:1em 0;
    font-size:125%;
}

#pageform div.colonnedevis div.devis span{
    display:block;
     width:30%;
    float:left;
}

#pageform div.colonnedevis .total{
    margin:0 30%;
}

#pageform div.colonnedevis div.total p{
    border-bottom:1px solid #ccc;
    font-size:1.5em;
}

#pageform div.colonnedevis div.left p, 
#pageform div.colonnedevis div.right p{
    border-bottom:1px solid #ccc;
}

#pageform div.colonnedevis .final h3{
    font-weight:bold;
     font-size:1em;
     background:#369;
     color:#fff;
}
#pageform div.colonnedevis .final{
    font-weight:bold;
     font-size:1em;
}

#pageform div.colonnedevis div.final p{
    font-size:1em;
    line-height:2em;
    height:2em;
     margin:0;
}

#pageform div.colonnedevis .final span{
    overflow:hidden;
    font-weight:normal;
    font-size:.9em;
    display:block;
    width:45%;
    padding-right:2em;
    float:left;
    text-align:left;
}

#pageform div.colonnedevis .total span{
    display:block;
    width:40%;
    padding-right:2em;
    float:left;
    text-align:right;
}

#pageform div.colonnedevis .bouton{
    width:165px;
    height:25px;
    background:transparent url(../images/boutonBleu140.jpg) no-repeat 50% 60%;
    color:#fff;
    border:none;
}

#pageform div.colonnedevis a.bouton{
    font-size:110%;
    border:none;
    padding:.2em;
    background: #c3c;
}

#pageform div.colonnedevis hr{
    border:1px solid white;

}

/*********** COLONNE UPLOAD ****************************/

#pageform #colonneform div#upload {
    height: 450px;
    width: 400px;
    margin: 0 auto;   
    padding: 1px;
    text-align: center;
    
}

#pageform #colonneform #upload h1 {        
    font-size: 12pt;
    width: 370px;
    margin: auto;
    padding: 5px; 
    font-weight: normal;
    background:#B8DFEC;
    border: 1px dotted #B8DFEC;
    line-height:normal;
    color:white;
}

#pageform #colonneform #upload #form {
    width: 370px;
    height: 30px;
    margin: auto;
    text-align: center;
}
#pageform #colonneform #upload  a, #pageform #colonneform #upload a:hover{
    background:none;
    border:none;
}
#pageform #colonneform #upload #fichiers {
    width: 370px;
    margin: auto;
    text-align: center;
    padding: 5px;    
    border: 1px dotted #7e9db5;
    font-size: 13px;

}

#pageform #colonneform #upload input.btn {
   padding:5px;
    margin-top: 10px;
    
    background: #f2f8fd;
    color: #7e9db5;
    border: 1px solid #7e9db5;
}

/*--------------------- GESTION COMMANDE PRIVATE -------------------------*/


#pageform #colonneform #private{
    padding:20px 10px;
    height:600px;
    overflow:visible;
}

table.gestion-commande{
    background:white;
    font-size:1em;
    width:830px;    
    color:#0066CC; 
}


table.gestion-commande input.champ{
    height:14px; 
    margin-top:2px;
    margin-bottom:2px;
}

tr.ligne-commande, tr.tete{
    background:url(../images/bg-commande01.gif) repeat-x;
    height:25px;
    padding:1px;
    text-align:left;
}

tr.actif{
    background:url(../images/bg-commande02.gif) repeat-x;
}

tr.compte{
    font-weight:bold;
    text-align:center;
    background:url(../images/bg-commande01.gif)repeat-x;
    height:25px;
}

tr.tete{
    font-weight:normal;
    background:white;
    height:3em;
    font-size:.9em;
}

tr.tete td {
    line-height:3em;
    height:3em;
}

tr.ligne-commande td {
    padding:1px;
}

tr.ligne-commande td.statut-commande{
    width:50px;
}

td.statut-commande a{
    display:block;
    background:url(../images/statut-commande.gif) no-repeat 50% 50%;
    width:26px;
    height:23px;
    margin-left:12px;
}

td.statut-commande-tete a{
    background:url(../images/statut-commande.gif) no-repeat 50% 2px;
    padding:0 13px 4px 13px;
    display:inline;
    height:15px;
    width:26px;
}

td.statut-commande-tete a.panier{
    background-position:right 2px;
}

td.statut-commande-tete a.non_reglee{
    background-position:-1px 2px;
}

td.statut-commande a.non_reglee{
    background-position:0 50%;
}

td.statut-commande-tete a.attente{
    background-position:-27px 2px;
}

td.statut-commande-tete a.livre{
    background-position:-53px 2px;
}

td.statut-commande a.attente{
    background-position:-26px 50%;
}

td.statut-commande a.livre{
    background-position:-52px 50%;
}

td.statut-commande a.panier{
    background-position:right 50%;
}

td.bouton-com-tete{
    text-align:right;
}

td.bouton-com-tete a{
    background:url(../images/bouton-commande.png) ;
    background-repeat:no-repeat;
    padding:6px 6px 0px 0px;
    width:25px;
    display:inline;
}

#pageform #colonneform #private  a.inactif{
    background-image:url(../images/bouton-commande-gris.png) ;

}

a#home{
    background:url(../images/home.jpg) no-repeat 50% 50%;
    padding:0 13px 4px 13px;
    display:inline;
    margin-right:10px;
}

td.bouton-com-tete a.voir{
    background-position: -61px 0;
}


td.bouton-com-tete a.supp{
    background-position:-92px 0;
}

td.bouton-com-tete a.valide{
    background-position:-118px 0;
}

#pageform #colonneform #private td.bouton-com-tete a.sortir{
    color:#900;
    text-transform:uppercase;
    display:inline;
    background:none;
    height:10px;
    line-height:normal;
}


td.ref, td.date{
    width:160px;
}

td.bouton-com{
    width:28px;
}

td.bouton-com a{
    display:block;
    background-image:url(../images/bouton-commande.png);
    background-repeat:no-repeat;
    height:21px;
}

a.regler{
    background-position: -4px -2px;
    width:60px;
}

a.voir{
    background-position: -61px -2px;
    margin-left:16px;
    width:28px;
}

a.supp-inactif, a.valide-inactif, a.valide, a.valide-inactif{
    background-image:url(../images/bouton-commande-gris.png) ;
    width:28px;
}

a.supp, a.supp-inactif{
    background-position: -92px -2px;
    width:28px;
}

a.valide, a.valide-inactif{
    background-position: -118px -2px;
    width:28px;
}

table.gestion-commande tr.macommande td, table.gestion-commande tr.macommande-supp td{
    padding:10px;
    font-size:1em;
    border-left:1px solid #900;
    vertical-align:text-top;
    background:#f2f5f8;
    color:#000;
}

table.gestion-commande tr.macommande-supp td{
    border:none;
}

tr.macommande td p{
    border-bottom:1px solid #ccc;
    clear:left;
    text-align:left;
    line-height:2em;
}

tr.macommande td p.reglement{
    color:#900;
    font-weight:bold;
}

tr.macommande td span{
    display:block;
    float:left;
    font-size:.9em;
    width:100px;
    margin-right:5px;
    text-align:right;
}

tr.macommande p.bouton {
    height:2em;
}

tr.macommande p.bouton a {
    color:#900;
    text-transform:uppercase;
}

tr.macommande p.bouton a.desactive {
    color:grey;
    text-transform:uppercase;
}

table.gestion-commande tr.macommande-supp td.avertissement{
    color:#900;
}

table.gestion-commande tr.macommande-supp td.avertissement h3{
    font-size:2em;
    line-height:normal;
    font-weight:normal;
}

#pageform #colonneform #private form.form_paiement *{
    padding:0;
    margin:0;
    border:none;
    text-align:center;
}

#pageform #colonneform #private form.form_paiement h2.valide{
    font-size:10px;
    padding:0;
    margin:0;
}

#pageform #colonneform #private form.form_paiement {
    height:20px;
    border:none;
    
}

/* form dans espace prive qui enregistre la commande avant paiement ppl */

form.form_private{
    padding:5px;
    margin:0;
    text-align:left;
    border:1px solid #900;
}

#pageform #colonneform #private form.form_private .champ{
    border:1px solid #ccc;
    height:20px;
    width:200px;
}

#pageform #colonneform #private form p.valide{
    text-align:center;
}

form.form_private p.valide .bouton{
    background:url(../images/boutonBleu140.jpg) no-repeat 0 1px;
    width:160px;
    height:25px;
    color:white;
    font-weight:bold;
    border:none;
    font-size:.9em;
    
}