body
{
    background-color: #9fd8e3;
    font-family:Verdana;
    margin:0;
    padding:0;
}

h2
{
    color:#01ABC4;
    font-size:16px;;
    font-weight:bold;
}

h3
{
    color:#01ABC4;
    font-size:14px;
    font-weight:bold;
}

#container
{
    margin-left:auto;
    margin-right:auto;
    width:954px;
}

/* MAIN PAGE -------------------------------------------*/
#main
{
    background-color:White;
}

/* COLONNE GAUCHE ------------------------------------------*/
#colonne_gauche
{
    float:left;
    width:220px;
    height: 100%;
    padding-bottom:250px;
}

#logo
{
    margin-bottom:69px;
    padding-left:19px;
}

#logo img
{
    border:none;
}


/* MENU GAUCHE ------------------------------------------*/


.menu_gauche
{
    border:1px solid #01abc4;
    margin:0px 20px 5px 19px;
    padding:8px 10px 8px 10px;
}

.menu_gauche_standard
{
    margin:0px 20px 20px 19px;
}

.menu_gauche_bas
{
    position:relative;
    top:-250px;
    width:220px;
}


.titre_menu
{
    border-bottom:1px solid #01abc4;
    padding-bottom:8px;
    margin-bottom:8px;
}

.titre_menu h1
{
    margin:0;
}

.titre_menu a
{
    color:#ff9900;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

.warning p, label
{
    font-size:12px;
    font-weight:bold;
}

.warning h1,.warning h2
{
    border-bottom:1px solid #01abc4;
    padding-bottom:8px;
    color:#01ABC4;
    font-size:18px;
    font-weight:bold;
}

.warning a
{
    text-decoration:underline;
    color:#515151;
}

.block label
{
    float:left;
    margin:3px 10px 0 0;
    width: 150px;

}

.block
{
    margin-bottom:5px;
}

.buttonblock
{
    margin-top:5px;
}

.categorie_menu
{
    padding:8px 0px 10px 0px;
}

.categorie_menu h2
{
    margin:0;
}

.categorie_menu a 
{
    color:#2c2c2c;
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
}

.souscategorie_menu
{
    margin:0px;
    padding:0px;
}
.souscategorie_menu li h3
{
    font-size:10px;
    font-weight:normal;
    margin:0px;
    padding:0px;
}
.souscategorie_menu li
{
    font-size:10px;
    list-style:none;
}

.souscategorie_menu li a
{
    color:#838383;
    text-decoration:none;
}

.souscategorie_menu li a:hover, .categorie_menu a:hover, .titre_menu a:hover
{
    color:#01abc4;
    text-decoration:underline;
}

.souscategorie_menu li a.lienmenu_actif
{
    color:#01abc4;
}

/* BOITE CONTACT ------------------------------------------*/
#infos_gauche{
    
}

#contact
{
    padding-left:19px;
    margin-bottom: 0px;
}

#contact img
{
  border: 0;
}

#contact h3
{
    background:url(../images/background_contact.jpg) no-repeat;
    color:White;
    font-weight:bold;
    font-size:0.8em;
    height:21px;
    margin:0;
    padding:0;
    text-align:center;
    width:184px;
}

/* CERTIFIE ------------------------------------------*/
#certifie
{
    background:url(../images/background_certifie.jpg) no-repeat;
    height:89px;
    margin-left:19px;
    margin-top:10px;
}

.image_certifie img
{
    border:none;
    float:left;
    padding-left:15px;
    padding-top:8px;
    vertical-align:middle;
}

.trait_certifie
{
    border-left:1px dashed #01abc4;
    float:left;
    height:74px;
    margin-left:15px;
    margin-top:8px;
    width:1px;
}

/* COLONNE DROITE ------------------------------------------*/
#colonne_droite
{
    float:left;
    margin:0;
    padding:0;
    width:734px;
}

/* HEADER ------------------------------------------*/
    #entete
    {
        height:136px;
        padding-bottom:3px;
    }
    
    #banniere
    {
        float:left;
        width:653px;
    }
    
    #langues
    {
        background-color:#01abc4;
        float:left;
        height:121px;
        padding-top:15px;
        width:81px;
    }
    
    #langues img
    {
        border:none;
    }
    
    /* NAVIGATION --------------------------------------*/
    #navigation
    {
        background-color:White;
        border-top: 1px solid #01abc4;
        width:734px;
    }

    .onglet, .onglet_visite, .onglet_acces
    {
        float:left;
        margin-bottom:10px;
        margin-right:3px;/* modif webnet evolution 2009/10/12 */
    }

    .onglet img, .onglet_visite img, .onglet_acces img
    {
        margin:0;
        vertical-align:-11px;
    }

    .onglet a
    {
        /*border-bottom:2px solid #51bdcf;*/
        background-image:url(../images/fond_onglet.jpg);
        background-repeat: repeat-x;
        border-left:2px solid #51bdcf;
        color:#515151;
        font-size:0.7em;
        margin:0;
        padding:4px 0px 7px 9px;
        text-decoration:none;
        height: 15px;
        float:left;
        background-position: bottom;
    }
    
    .onglet_visite a
    {
        background-color:#01abc4;
        border-bottom:2px solid #51bdcf;
        border-left:2px solid #51bdcf;
        color:white;
        font-size:0.7em;
        margin:0;
        padding:4px 0px 7px 9px;
        text-decoration:none;
    }
    
    .onglet_acces a
    {
        background-color:#b8e1e7;
        border-bottom:2px solid #9f9f9f;
        border-left:2px solid #9f9f9f;
        color:#515151;
        font-size:0.7em;
        margin:0;
        padding:4px 0px 7px 9px;
        text-decoration:none;
    }
    
    #button_connexion_acces_reserve
    {
        background-color:#01ABC4;
        color:#FFFFFF;
    }
    
    /* FIL D'ARIANE & PANIER -------------------------------------------*/
    #fil_ariane
    {
        margin-top: 10px;
        color:#01abc4;
        font-size:0.7em;
        clear:both;
    }
    #fil_ariane a
    {
        color:#01abc4;
        text-decoration:none;
    }
    
    #panier
    {
        float:right;
        font-size: 12px;
        font-weight:bold;
        height:53px;
        padding:0;
        margin:5px 20px 5px 0px;
        width:auto;
    }
    
    #panier img
    {
        border:none;
        margin:0;
        padding:0;
        vertical-align:middle;
    }
    
    #panier_gauche
    {
        float:left;
        margin:0;
        padding:0;
        width:53px;
    }
    
    #panier_centre
    {
        background:url(../images/panier_centre.jpg) repeat-x;
        float:left;
    }
    
    #panier_droite
    {
        float:left;
        width:15px;
    }
        
    #titre_panier
    {
        color:White;
        height:13px;
        padding-top:7px;
        padding-bottom:0px;
    }
    
    #titre_panier a
    {
        color:White;
        text-decoration:none;
    }
    #articles_panier
    {
        height:22px;
        padding-top:7px;
    }
    
    #articles_panier a
    {
        color:#666666;
        text-decoration:none;
    }
    
    
    /* CONTENU --------------------------------------------*/
    
    #contenu
    {
        clear:both;
        margin-right:20px;
        margin-top:10px;
    }

        /* PRODUITS -------------------------------------------*/
        #home_produits
        {
            height:256px;
        }

        #home_produits h2
        {
            background-color:#4c4c4c;
            font-size:0.9em;
            height:27px;
            line-height:27px;
            text-align:center;
        }
        
        #home_produits h2 a
        {
            color:#ff9900;
            text-decoration:none;
        }
        
        #home_produits h2 span
        {
            float:left;
            text-align:center;
            width:297px;
        }
        
        #home_produits h2 img
        {
            float:left;
            padding-right:3px;
            padding-top:2px;
            width:34px;
        }

        .bloc_produit
        {
            float:left;
            width:334px;
        }

        .vignette_produitG
        {
            float:left;
            font-size:0.8em;
        }
        
        .vignette_produitD
        {
            float:right;
            font-size:0.8em;
        }
        
        .bloc_produit img
        {
            border:none;
        }
        
        .intitule a
        {
            color:#292929;
            font-size:0.8em;
            text-decoration:none;
        }
        .intitule img
        {
            vertical-align:middle;
        }
        
        #espace
        {
            float:left;
            width:45px;
        }

        /* ACTUALITES -------------------------------------------*/
        
        /* actu pour accueil */
        #home_actualites
        {
            height:226px;
        }

        #titre_bloc_actu
        {
            font-weight:bold;
        }
        
        #titre_bloc_actu a
        {
            color:#292929;
            text-decoration:none;
        }

        #contenu_actu
        {
            width:100%;
        }

        .actu
        {
            float:left;
            width:173px;
        }
        
        .actu img
        {
            border:none;
        }
        
        .image_actu img
        {
            height:113px;
            width:173px;
        }
        
        .trait
        {
            border-left:1px dashed #01abc4;
            float:left;
            height:185px;
            margin-left:45px;
            margin-right:45px;
        }

        .titre_actu
        {
            background:url(../images/actu_titre.jpg) no-repeat;
            color:#ff9900;
            font-size:0.6em;
            font-weight:bold;
            height:1.5em;
            padding-left:5px;
            padding-top:0.3em;
        }
        
        .titre_court_accueil
        {
            font-size:0.6em;
            font-weight:bold;
            color:#565656;
            margin:5px 0;
        }
        
        .titre_long_accueil
        {
            font-size:0.6em;
            color:#8f8f8f;
            text-align:justify;
            margin:5px 0;
        }
        
        .video_youtube
        {
            width:480px;
            margin: 0 auto;
        }
        
        .titre_actu a
        {
            color:#ff9900;
            text-decoration:none;
        }

        .texte_actu
        {
            font-size:0.6em;
            padding-bottom:1em;
        }
        
        .texte_actu a
        {
            color:#292929;
            text-decoration:none;
        }
        
        
        /* actu pour la liste des actus */
        .bloc_actu
        {
            
            margin-top: 10px;
            padding: 5px;
        }
                
        .bloc_actu .titre_bloc_actu
        {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.9em;
        }

        #description_bloc_actu
        {
            font-family: Verdana;
            font-size: 0.8em;
            margin-top: 10px;
            text-align: justify ;
        }

        .bloc_actu .description_bloc_actu p
        {
            font-size: 0.8em;
            color: #515151;
            display: block;
            text-align: justify ;
        }

        .bloc_actu img
        {
            border: 0;
            margin-top: 10px;
        }

        #pagination{
            color: black;
            font-size: 0.9em;
            text-align: center;
        }
        
        #pagination a{
            text-decoration: none;
            color: black;
        }
        
        .delimiteur_hr{
            border: none 0;
            border-top: 1px dashed #01ABC4;
            height: 1px;
} 
        }
        
        .vignette_actu
        {
            float:right;
        }
        
        .petite_image_actu
        {
            border:2px solid #01abc4;
            float:left;
            margin-bottom:8px;
            margin-right:8px;
            width:150px;
        }
        
        /* LISTE THEME -----------------------------------------*/
        #liste_theme
        {
            border:1px solid #01abc4;
            color:#696969;
            font-size:11px;
        }        
        #liste_theme span{
            display:block;
            float: left;
        }        
        .theme
        {
            border-left:1px solid #01abc4;
            padding:5px;
        }
        
        .theme a
        {
            color:#696969;
            text-decoration:none;
        }
        
        .theme_choisi
        {
            background-color:#01abc4;
            border-right:1px solid #01abc4;
            padding:5px;
        }
        
        .theme_choisi a
        {
            color:white;
            text-decoration:none;
        }
        
        .defaultButton
        {
            border:medium none;
        }
        
        /* LISTE PRODUITS -----------------------------------------*/
        .petite_image_produit
        {
            float:left;
            margin-bottom:8px;
            margin-right:8px;
            width:130px;/* modif webnet evolution 2009/10/12 */
        }
        
        .petite_image_produit img{
            border:2px solid #01abc4;
        }
        
        .produit
        {
            color:#6b6a6a;
            font-size:10px;
            padding-bottom:10px;
            padding-top:10px;
        }
        
        .nom_produit h4
        {
            color:Black;
            font-size:10px;
            font-weight:bold;
            margin:0;
        }
        .carac_produit
        {
            color:#6b6a6a;
            font-size:10px;
        }
        
        .boutons_produit img
        {
            border:none;
            margin-right:5px;
            padding-top:5px;
        }
        .description
        {
            clear:both;
            color:#515151;
            font-size:10px;
        }
        
        .trait_liste
        {
            border-bottom:1px dashed #01abc4;
        }
        
        form
        {
            display:inline;
            margin:0;
            padding:0;
        }
        
        form .defaultbuttonFR
        {
            background:url(../images/bt_ajouterpanier_FR.jpg) repeat-x;
            border:none;
            color: #fe9900;
            font-family:Verdana;
            font-size:7pt;
            font-weight:bold;
            margin:0;
            padding:0;
            vertical-align:3px;
            width:111px;
            cursor:pointer;
        }
        form .defaultbuttonGB
        {
            background:url(../images/bt_ajouterpanier_GB.jpg) repeat-x;
            border:none;
            color: #fe9900;
            font-family:Verdana;
            font-size:7pt;
            font-weight:bold;
            margin:0;
            padding:0;
            vertical-align:3px;
            width:111px;
            cursor:pointer;
        }
form .defaultbuttonsFR
        {
            border:none;
            margin-top:0px;
            padding:0;
            vertical-align:0px;
            cursor:pointer;
        }
form .defaultbuttonsGB
        {
            border:none;
            margin-top:0px;
            padding:0;
            vertical-align:0px;
            cursor:pointer;
        }
        input#ajout_panier
        {
            background:url(../images/bt_ajouterpanier_FR.jpg) repeat-x;
            border:none;
            color: #fe9900;
            font-family:Verdana;
            font-size:7pt;
            font-weight:bold;
            margin:0;
            padding:0;
            vertical-align:3px;
            width:111px;
        }
        
        .pagination
        {
            color:#01abc4;
            font-size:12px;
            font-weight:bold;
            text-align:center;
        }
        
        .pagination div
        {
            display:inline;
            margin:0;
            padding:3px 6px;
        }
        
        .pagination .page_encours
        {
            color:black;
        }
                
        .pagination span a
        {

            color:#01abc4;
            font-weight:normal;
            margin:0;
            padding:0;
            text-decoration:none;
        }
        
        .pagination span a:hover
        {
            text-decoration:underline;
        }
        
        .pagination .page_suivant
        {
            border:none;
            float:right;
            text-align:left;
            width:33%;
        }
        
        .pagination .page_precedent
        {
            border:none;
            float:left;
            text-align:right;
            width:33%;
        }
        
        .pagination .page_numeros
        {
            border:none;
            float:left;
            width:33%;
        }

        
        /* DETAIL PRODUITS -----------------------------------------*/
        
        #logo_constructeur
        {
            float:right;
        }
        
        .galerie_produit
        {
            clear:both;
            margin:15px 0px 6px 0px;
        }
        
        .images_galerie_produit img
        {
            border:2px solid #01abc4;
            margin:15px 25px 6px 0px;
        }
        
        .video_produit
        {
            margin-top:10px;
        }

/* FOOTER ---------------------------------------------*/
#footer
{
    color:#038092;
    height:117px;
}

#mentions
{
    height:50px;
    font-size:0.7em;
    padding-top:5px;
    text-align:right;
    width:100%;
    position:relative;
    top:-220px;
}

#mentions a
{
    color:#038092;
}

#tags
{
    font-size:0.6em;
    text-align:center;
    position:relative;
    top:-220px;
}

#tags a
{
    color:#038092;
    text-decoration:none;
}

#tags a:hover
{
    text-decoration:underline;
}

.clear_left{
    clear:left;
}

/* PAGINATION */
.pagenavigator{
    margin-top: 20px;
}

.previous_pagination{
    float:left;
    width: 33%;
    text-align:left;
}

.next_pagination{
    float:right;
    width: 33%;
    text-align: right;
}

.compteur_pagination{
    float: left;
    width: 33%;
    text-align: center;
}




/* ---------------------- EDITEUR WYSWYG ---------------------- */
.block_xml{
    font-size:0.8em;	
}

p.bleu{
    color:#01ABC4;
}
p{
    color:#515151;
}
a.lien_editeur{
    text-decoration:underline;
    color:#515151;
}
a:link.lien_editeur{
    text-decoration:underline;
    color:#515151;
}
a:hover.lien_editeur{
    text-decoration:underline;
    color:#515151;
}
p.pointille{
    background:transparent url(../images/pointille_ism.gif) repeat-x left bottom;
    margin:5px 0 15px;
    width:100%;
    height:1px;
}
p.souligne{
    text-decoration:underline;
}
.legende{
    color:#515151;
    font-size:10px;
    font-style: italic;
}
.image_valign{
    vertical-align: middle;
}
.justify_left{
    text-align: left;
}
.justify_center{
    text-align: center;
}
.justify_right{
    text-align: right;
}
.justify_full{
    text-align: justify;
}

h1.titre_2,h2.titre_2,h3.titre_2,h4.titre_2 , h5.titre_2 , h6.titre_2{
    color:#01ABC4;
    font-size:14px;
    font-weight:bold;
}

h1.titre_1,h2.titre_1,h3.titre_1,h4.titre_1 , h5.titre_1 , h6.titre_1{
    color:#01ABC4;
    font-size:16px;
    font-weight:bold;
}

p.indent{
    text-indent:30px;   
}


/* ---------------------- EDITEUR WYSWYG ---------------------- */

/* - boutique - */
#basket_list{
    font-size:0.7em;
}
#basket_list th{
    background-color:#4c4c4c;
    color:#ff9900;
    font-size:1em;
}
#recalculer{
    width:70px;
    font-size:1em;
    padding:0px;
    font-weight: bold;
		}
#basket_list th.quantite{
    background-color:#4c4c4c;
    color:#ff9900;
    font-size:1em;
    width:70px;
}
#basket_list th.produit{
    background-color:#4c4c4c;
    color:#ff9900;
    font-size:1em;
    width:150px;
}
#basket_list td{
    color:#515151;
    font-size:0.9em;
}
th.produit,td.produit{
    text-align:left;
    width:150px;
}
th.quantite,td.quantite{
    text-align:center;
    width:70px;
}
th.prix_ht,td.prix_ht{
    text-align:center;
}
th.tva,td.tva{
    text-align:center;
}
th.prix_ttc,td.prix_ttc{
    text-align:center;
}
th.total_ht,td.total_ht{
    text-align:right;
}
th.total_ttc,td.total_ttc{
    text-align:right;
}
th.supprime,td.supprime{
    text-align:center;
    width:28px;
}
#basket_list td.total_payer{
    font-size:15px;
    text-decoration: underline;
	}
input.quantite{
    width:15px;
}

#supprime{
    width: 16px;
    height: 16px;
    background-image: url(../images/trash-icon-16x16.gif);
    background-color:transparent;
    border:none;
    cursor:pointer;
}
#basket_list td.bgdark {
    background-color: #cccccc;  
}
.buttonblock{
    margin:10px 0 10px 0
}
.buttonblock input{
    border:none;
    color:#ff9900;
    background-color:#4c4c4c;
    font-size:14px;
    cursor:pointer;
}
.info_complementaire{
    margin:10px 0 10px 0
}
.info_complementaire label{
    color:#515151;
    font-size:1em;
}
a.articles_panier {
        color:#666666;
        text-decoration:none;
        font-weight:bold
}
a:link.articles_panier  {
        color:#666666;
        text-decoration:none;
        font-weight:bold
}
a:hover.articles_panier  {
        color:#666666;
        text-decoration:none;
        font-weight:bold
}
.confirm_commande {
    color:Black;
    font-size:16px;
    font-weight:bold;
    margin:0;
}
#order_full{
    font-size:0.7em;
}
#order_full td{
    color:#515151;
    font-size:0.9em;
    text-align:left;  
}
/* -- USER REGISTER  -- */
.userregister{
    font-size:0.8em;
    color:#515151;
    border:1px solid #51bdcf;
}
.userregister legend{
    color:#51bdcf;
    font-size:1.2em;
    font-weight:bold;
}
.userregister label{
    width:200px;
    text-align:right;
    margin: 2px 5px 2px 5px;
    display:block;
    float:left;
}
.userregister input{
    width:200px;
    text-align:left;
    margin: 2px 5px 2px 5px;
    display:block;
    float:left;
    border:1px solid #51bdcf;
}
.userregister textarea{
    width:200px;
    text-align:left;
    margin: 2px 5px 2px 5px;
    display:block;
    float:left;
    border:1px solid #51bdcf;
}
.userregister select{
    width:200px;
    text-align:left;
    margin: 2px 5px 2px 5px;
    display:block;
    float:left;
    border:1px solid #51bdcf;
}
.userregister .block{
    clear:left;
    margin: 2px 5px 2px 5px;
}
.info_complementaire{
    font-size:1em;
}
.info_complementaire a{
    font-size:1em;
    color:#515151;
    text-decoration: underline;
}
.info_complementaire a:link{
    font-size:1em;
    color:#515151;
    text-decoration: underline;
}
.info_complementaire a:hover{
    font-size:1em;
    color:#515151;
    text-decoration: underline;
}
p.note_paiement{
    font-size: 0.8em
}
.type_paiement{
    font-size: 0.5em;
    font-style: italic;
    color:#515151;
}
.buttonblock input.paiement{
    background-color:#ffffff;
}
.buttonblock span{
    font-size:0.8em;
    color:#515151;
}
.warning{
    font-size:12px;
    color:#ff0000;
}
.formulaire{
    font-size:1em;
}
label.label_copie{
	color:#515151;
    font-size:18px;
    padding:3px;
    text-decoration: none;
    cursor:pointer;
}
a.copie_adresse, a:link.copie_adresse , a:hover.copie_adresse{
    text-decoration: none;
    color:#515151
}
.buttonblock img.copie_adresse{
    cursor:pointer;
    border:none;
}
p.obligatoires{
    font-size:12px;
    color:#515151;
}
#RIB{
    width:400px;
    font-size:10px;
    border-collapse: collapse;
    border:1px solid #515151;
    margin:auto;
}
#RIB td , #RIB th{
    border:1px solid #515151;
    text-align: center;
}
.align_gauche{
    text-align: left;
    }
.align_droite{
    text-align: right;
    }
/**** RAJOUT  EB **************/
h1.titre_produit{
    color:#01ABC4;
    font-size:16px;
}
h1.titre_actualites{
    color:#01ABC4;
    font-size:16px;
}
h1.titre_mots_cles{
    color:#01ABC4;
    font-size:16px;
}

a.listing, a:link.listing{
    font-size:1em;
    color: #565656;
    text-decoration: none;
}
a:hover.listing{
    font-size:1em;
    color: #01ABC4;
    text-decoration: underline;
}
/***********  EVOLUTION   **********************/
.indicateur{
    font-weight: bold;
    color:#ffffff;
}
#theme legend{
    font-size:14px;
    border:none;
    background-color: #FF9900;
    color: #FFFFFF;
    padding:2px;
    font-weight:bold;
}
#theme{
    background-color: transparent;
    border:none;
}
#liste_theme{
    background-color: #FFFFFF;
    border:2px solid #01ABC4;
}
.theme{
    border-left:1px solid #01abc4;
}
.theme a
{
    color:#000000;
    text-decoration:none;
}
.theme a:hover {
color:#696969;
text-decoration:underline;
}
.thematique{
    background-color: #FF9900;
    padding:5px;
    border:1px solid #01abc4;
}
.site_marchand{
    margin-top:-40px;	
}
.site_marchand img{
    margin-bottom:10px;
    margin-left:19px;
    display:block;	
    width:187px;
}
.site_marchand img.image_marchand{
    margin-left:21px;
    width:183px;
}
.ul_dernier_niveau{
    margin-left:-20px;
}
.souscategorie_menu  li.li_dernier_niveau{
    color:#cccccc;
    list-style-type: square;
}
.souscategorie_menu  li.li_dernier_niveau a.dernier_niveau{
    color:#ff9900;
	}
.souscategorie_menu  li.li_dernier_niveau a.dernier_niveau_actif{
    color:#01abc4;
	}
.menu_gauche_bas {
    top:-230px;
}
/*********************************/