code{
color: red;
font-size: 1.2em
}
img, a img, a:hover img{
    border:0 !important;
    text-decoration: none;
}
a{
color: #3383ba;
background: transparent
}
.red{
    color: red;
    font-weight: bold;
}
a:hover, a:visited:hover{
color:#7fbc25
}

a:visited{
color: #777
}

/*
:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important
}
*/

label{
cursor:pointer
}

acronym{
cursor:help;
border-bottom:1px dotted #f00
}

kbd{
font-size:1.3em;
cursor:default;
text-decoration:none;
color:ButtonText !important;
background:ButtonFace;
border: thin outset ButtonHighlight;
padding:0.2em;
line-height:200%;
}

blockquote{
font-style:italic;
border:1px solid #ddd;
background: #f6f6f6;
padding:1em
}

fieldset{
border: 0px solid #ddd
}

em{
font-weight: 700;
font-style: normal
}

strong{
font-style: italic;
font-weight: 500
}

code,pre{
font-family:"Courier New",Courier,monospace
}

h1{
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
}
span.accolades{
    color: #f80;
    font-size:120%;
    font-weight: 700;
}
h2{
line-height: 150%;
font-size: 1.6em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: 0.1em;
margin:0.5em 0;
}
h3, a h3, a:visited h3, a:link h3, a:active h3, h3 a, a.h3{
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size:15px;
    font-weight: 700;
    margin: 1.5em 0 0 0;
    color: #000;
    text-decoration: none;
    margin-bottom: 10px;
}
h4{
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
font-size:1em;
font-weight: bold;
margin: 1.5em 0 0 0;
}
table{
    font-size: 11px;
}
a.icone img, a:hover.icone img{
    border:0;
}
.titrea{

background: url(../images/puce_bleue.png) no-repeat 0 70%;

padding-left: 11px;

}



titreb{

background: url(../images/puce_orange.png) no-repeat 0 70%;

padding-left: 11px;

}



.titrec{

background: url(../images/puce_verte.png) no-repeat 0 70%;

padding-left: 11px;

}



.titred{

background: url(../images/puce_grise.png) no-repeat 0 70%;

padding-left: 11px;

}

ul.listea, ul.listeb, ul.listec, ul.listed{
    margin: 15px;
    margin-top: 0;
    padding:0 ;
}
ul.listea li{
    list-style-image: url(../images/fleche_bleue.png);
    margin: 0;
}

ul.listeb li{
    list-style-image: url(../images/fleche_orange.png);
    margin: 0;
}
ul.listec li{
    list-style-image: url(../images/fleche_verte.png);
    margin: 0;
    padding:0;
}



ul.listed li{

list-style-image: url(../images/fleche_grise.png);

}
/* accesskey ------------------ */

span.access{
text-decoration:underline;
text-transform: uppercase
}

/* Body ------------------ */

body{
margin: 0;
padding: 0 0 1.5em 0;
color: #000;
font: 70% Verdana, "Bitstream Vera Sans", Arial, "Lucida Grande", Helvetica, sans-serif
}

body#accueil{
background: #fff url(../images/fondhome.png) no-repeat 0 105px;
}

/* Fonds sections ------------------ */

body.sectiona{
background:#fff url(../images/fond_a.jpg) no-repeat 0 105px;
}

body.sectionb{
background:#fff url(../images/fond_b.jpg) no-repeat 0 105px;
}

body.sectionc{
background:#fff url(../images/fond_c.jpg) no-repeat 0 105px;
}

body.commun{
background:#fff url(../images/fond_commun.jpg) no-repeat 0 105px;
}

/* Accessible ------------------ */

#accessible{
margin: 0;
padding: 0;
width: 100%;
background: transparent;
border-bottom: 5px solid #b2b2b2;
height:23px
}

#accessible ul{
margin:0;
padding:0;
width:97%;
text-align:right
}

#accessible li{
display:inline;
margin:0;
padding:0;
line-height:210%
}

#accessible:hover a{
color: #333
}

#accessible a{
background-color:#fff;
color: #9f9f9f;
padding:0 0.5em;
margin: 0;
text-decoration:none
}

#accessible a:hover{
text-decoration:none;
color: #333;
text-decoration: underline
}

/* Moteur recherche ------------------ */
div#rech{
position:absolute;
right:3%;
top:155px;
margin:0;
width:100%;
background: transparent;
z-index: 1;
}
div#rech p{
margin: 0;
padding: 0;
background: transparent;
color: #fff;
font-weight: bold;
float: left;
margin-left: 30px;
}
div#rech p.right{
    text-align: right;
    float: right;
}
div#rech p.left{
    width: 65%;
    text-align: right;
    padding-right: 20%;
}
html>body div#rech p.left{
    padding-right: 0%;
    width: 55%;
    margin-right: 15%;
}
form#moteursimple{

}

form#moteursimple label{
text-align:left;
color: #555;
background:transparent;
font-weight:500;
display: inline;
margin-bottom:0.3em
}

form#moteursimple input.champs{
color:#333;
background: #f9f9f9;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
padding-left:0.5em;
font-size: 1em
}

form#moteursimple input.champs:hover{
background:#fff;
border-color:#333;
color: #333
}

form#moteursimple input.valid{
background:#ccc;
border:1px solid #ccc;
color:#000;
cursor:pointer;
font-weight:500;
font-size:1em
}

form#moteursimple input.valid:hover,#texte #moteurint input.valid:hover{
background:#7fbc26;
border:1px solid #333;
color:#fff
}

form#moteursimple input.valid:active,#texte #moteurint input.valid:active{
background:#9cf;
border:1px solid #7FBC25;
color:#fff
}

form#moteursimple p{
margin:0;
padding:0;
text-align:left
}

/* Logo ------------------ */

#logo{
color: #666;
background: transparent url(../images/bandeau.jpg) no-repeat 90% 0;
height: 10em;
height:147px;
border-bottom: 42px solid #f5f5f5;
padding:0.5em 0
}
/* IE c'est de la merde*/
html>body #logo{
    height: 97px;
}

#logo h1{
padding:0;
color:#999;
padding:0;
margin:0
}

/* fichu IE !! */
html>body #logo h1{
margin-top:0.4em
}

#logo a{
margin:0;
padding:0 0 0 5%;
border:0
}

#logo img{
background: transparent;
margin: 0;
border:0
}

#logo p{
margin: 0 0 0 5%;
padding: 0 0 0 160px;
color: #afd0e8;
color: #666;
background: transparent;
font-size: 1.6em;
font-weight: 500;
text-indent: -120px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px
}

#logo p em{
color: #88b9dc;
color: #666
}

#logo p br{
display: block
}

p#reperage{
text-align:right;
margin:1em 2% 0 0;
color: #666
}

p#reperage em{
color: #777
}

/* Menu ------------------ */

#menu{
position: absolute;
top:126px;
left:0;
background: #4493ca;
width: 100%;
z-index:2;
}

#menu h2{
display: none
}

#menu p{
margin: 0;
padding: 0;
background: transparent;
line-height: 230%;
color: #fff;
font-weight: bold;
float: left;
margin-left: 30px;
}
#menu p.right{
    text-align: right;
    float: right;
}
#menu a{
line-height: 230%;
text-decoration: none;
color: #fff
}

#menu p a{
font-weight: 700;
background: transparent;
padding:0 1em;
margin:0;
display: block
}

#menu p a:hover{
color:#fff;
background: #327db3
}

li#extranet a{
background:#fff url(../images/cadenas2.png) no-repeat 4px 50%;
padding-left:17px;
margin-left:1em;
font-weight:700;
color:#327db3;
border:1px solid #bed0e7;
font-size:1.1em;
}

li#extranet a:hover{
background:#fff url(../images/cadenas2.png) no-repeat 4px 50%;
text-decoration:none;
}

#menu p.langue{
display:none;
position:absolute;
top:-1.2em;
left:0;
border:0;
padding:0;
background:#fff;
color:#999
}

p#actualites, p#societe, p#solutions, p#profils{
float:left
}

p#actualites{
background:#317db3;
}

p#actualites a:hover{
background:#f5f5f5;
color:#3f6faf
}

p#extranet{
display:none;
float:right;
border-right: 0 solid #ccc;
}

/* Sous-menu JS ------------------ */

ol#ssmenu1, ol#ssmenu2, ol#ssmenu3{
list-style: none;
position:absolute;
top:2em;
margin:0.2em;
padding: 0;
background: #fff;
border: 1px solid #999;
border-top: none;
font-size: 1em;
visibility: hidden;
}

/* pour corriger sur IE */
html>body ol#ssmenu1,html>body ol#ssmenu2,html>body ol#ssmenu3{
top:2.1em
}

ol#ssmenu1{
width:10em;
left:0
}

ol#ssmenu2{
width:16em;
left:6.7em;
left:7.7em
}

ol#ssmenu3{
width:16em;
left:21.6em;
left:24.7em
}

ol#ssmenu1 li, ol#ssmenu2 li, ol#ssmenu3 li{
display:inline;
text-indent: 0.5em
}

ol#ssmenu1 li a, ol#ssmenu2 li a, ol#ssmenu3 li a{
display: block;
background:#f5f5f5;
font-weight: 500;
line-height: 190%;
width: 100%;
color: #333;
border-top: 1px solid #999
}

ol#ssmenu1 li a:visited, ol#ssmenu2 li a:visited, ol#ssmenu3 li a:visited{
background:#e5e5e5
}

/* pb car IE ne comprend pas le visited:hover */
ol#ssmenu1 li a:visited:hover, ol#ssmenu2 li a:visited:hover, ol#ssmenu3 li a:visited:hover{
background:#f5f5f5
}

ol#ssmenu1 li a:hover, ol#ssmenu2 li a:hover, ol#ssmenu3 li a:hover{
background:#e5e5e5;
color:#000
}

ol#ssmenu1 li.tout a, ol#ssmenu2 li.tout a, ol#ssmenu3 li.tout a{
font-weight:700
}

/* Liens pratique ------------------ */

#pratique{
color:#fff;
background: #888;
margin:0;
padding:0;
width:100%;
text-align: center;
text-transform: uppercase;
font-size:0.9em
}

#pratique li{
display:inline;
margin:0;
padding:0 1em;
line-height:200%;
border-right:1px solid #fff
}

#pratique li.dernier{
border:0
}

#pratique a{
background:transparent;
color:#fff;
text-decoration:none;
font-weight:700;
padding:0 0.5em;
margin:0;
line-height:200%
}

#pratique a:hover{
background:#fff;
color:#666
}

#datemaj{
width:100%;
height:3.5em;
background:url(../images/afaq.png) no-repeat 1% 100%;
}

p#maj{
position:absolute;
right:0%;
margin-top:2.2em;
padding:2px 5% 0 1%;
line-height:150%;
color:#666;
background:url(../images/fondmaj.png) no-repeat 100% 0%;
font-size:0.9em;
width:15em;
}

/* Ours ------------------ */

#ours{
color:#333;
background:transparent;
margin:-0.3em auto;
padding:0;
text-align:center;
width:55em;
position:relative;
}

#ours ul{
margin:1em 0 0.5em 0;
padding-left:0
}

#ours li{
border-right:1px solid #666;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0
}

#ours li.dernier{
border:0
}

#ours a{
background:transparent;
color:#666;
text-decoration: none;
border-bottom: 1px solid #ccc
}

#ours a:hover{
background:transparent;
color:#000;
text-decoration:underline;
border-bottom:none
}

#ours p{
margin:0
}

/* ------------------ */
/* ------------------ */

body#accueil #texte{
margin:0 auto;
z-index:0;
position:relative;
width:97%;
}

body#interieur #texte{
padding:0 0 0 1em;
margin:2.5em 5% 2em 185px;
min-height: 25em;
height: 25em;
background:#fff;
}

html>body#interieur #texte{
padding:0 0 0 3%
}

html > body#interieur #texte{
height:auto
}

#texte hr{
clear: both;
visibility: hidden;
margin: 0
}

/* ------------------ */

#article{
width:73%;
float: left
}

#texte #encart{
width:22%;
float: right;
padding:0;
margin:6em 0 0 0
}

#texte #encart h4{
text-indent: 0
}

#texte #encart .bloc{
border:1px solid #999;
background:#fff;
padding:0 2% 0 2%;
margin:0 0 2em 0
}

#texte #encart .bloc a{
font-weight: 500
}

#texte #encart .bloc h3{
color:#7ebc24;
background-color: #fff;
margin:0 0 0.5em 0;
padding:0.2em 0;
text-align: center;
background: none
}

#texte #encart .bloc h4{
background: none;
padding:0;
margin:0.5em 0 0 0
}

#texte #encart .bloc p{
margin:0
}

#texte #encart p.date_publication{
color:#999
}

#texte #encart .chapo{
margin:0 0 0.5em 0
}

/* ATTENTION breves = en savoir plus */
#texte #encart .breves ul{
padding-left:1em;
}

#texte #encart .liens, #texte #encart .breves{
padding:0 0.8em;
border: 1px solid #c6d9eb;
margin-bottom:3em;
position:relative
}

#texte #encart .liens h3, #texte #encart .breves h3{
/*background:#fff url(../images/fond_encart.png) no-repeat 100% 50%;*/
color:#f80;
font-size:1.2em;
text-align:left;
padding:0;
font-family: verdana, Arial, Helvetica, sans-serif;
width:100%;
position:absolute;
top:-1.7em;
left:0
}

#texte #encart .breves h3{
background-image:none
}

#texte #encart .liens ul{
margin:0;
padding:0;
}

#texte #encart .liens li{
color: #999;
list-style-image:none;
padding: 0;
margin:0;
display:inline;
border-bottom:2px solid #ecf2f8
}

#texte #encart .liens li a{
background: url(../images/simple.png) no-repeat 100% 80%;
padding-right:0;
display:block;
padding:0.4em 20px 0.4em 0;
}

#texte #encart .liens li a.popup{
background: url(../images/popup.png) no-repeat 100% 80%
}

#texte #encart .liens li a.sortir{
background: url(../images/sortir.png) no-repeat 100% 80%
}

#texte #encart .liens li a.email{
background: url(../images/courriel.png) no-repeat 100% 80%
}

/* documents associés */
#texte #encart .liens li a.doc{
background: transparent url(../images/ms_word.png) no-repeat 100% 80%
}
#texte #encart .liens li a.pdf{
background: transparent url(../images/acrobat_pdf.png) no-repeat 100% 80%
}
#texte #encart .liens li a.ppt{
background:transparent url(../images/ms_powerpoint_present.png) no-repeat 100% 80%
}
#texte #encart .liens li a.pptdiapo{
background:transparent url(../images/ms_powerpoint_diapo.png) no-repeat 100% 80%
}
#texte #encart .liens li a.xls{
background:transparent url(../images/ms_excel.png) no-repeat 100% 80%
}

dl#adresses a{
float:left;
margin-right:1em
}

dl#adresses a img{
display:block
}

a img:hover{
border:2px solid #7fbd23
}

dl#adresses dt{
clear:both;
margin-bottom:0.5em
}

dl#adresses dd{
clear:right;
margin-bottom:4em
}

dl#adresses dd address{
border-left:2px solid #ddd
}

p#afaq{
/*
display:block;
width:54px;
position: relative;
top:-1em;
left:10px;
*/
position:absolute;
left:0;
top:0;
}

p#afaq img{
background:#fff;
border:none;
padding:0;
}
.content{
    margin-left: 220px;
    margin-right: 247px;
}

/* Menu de gauche */
.menu_gauche{
    width: 170px;
    float: left;
    margin-top: 15px;
}
.menu_gauche_titre_bloc{
    font-weight: 700;
    border-bottom:1px solid #fff;
    border-left:0;
    padding-right:2px;
    color:#fff;
    background:#f90;
    padding-left: 10px;
    margin-bottom: 10px;
}
a.menu_gauche_lien, a.menu_gauche_lien:link, a.menu_gauche_lien:visited, a.menu_gauche_lien:active{
text-decoration: none;
color:#333;
}
a.menu_gauche_lien:hover{
color: #f80;
text-decoration: none;
}
div.lien_gauche{
    list-style-type: none;
    background:url(../images/puce_grise_large.png) no-repeat -25px 50%;
    padding-left:16px;
    border-bottom:1px solid #fff;
    line-height:120%;
    margin-bottom:0.6em;
    color:#f80;
}
div.blocniveau1{
    margin-bottom: 15px;
}

/*Menu de droite*/
.menu_droit{
    margin-top: 0px;
    width: 180px;
    float: right;
}
.menu_droit_panier{
    border: 1px solid #d0e4f2;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 30px;
}
.menu_droit_titre_panier{
    /*border-bottom: 1px solid #000;*/
    /*background: #d0e4f2;*/
    color: #f90;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
}
.panier_liste{
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}
.menu_droit_panier img, .menu_droit_panier a img{
    border: none;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}
.menu_droit_panier .panier_total a{
    text-decoration: none;
    font-weight: bold;
}
.menu_droit_types{
    margin-top: 10px;
    color: #f90;
    font-weight: bold;
    line-height: 20px;

}
.menu-droit-bloc{
    border: 1px solid #f90;
    text-align: left;
    padding: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.menu-droit-bloc .abo_title{
    font-weight: bold;
}
.menu-droit-bloc p{
    margin:0;
    padding:0;
}
.menu-droit-bloc p.link{
    margin-bottom: 10px;
}
.menu_news_types{
    color: #f90;
    font-weight: bold;
    line-height: 15px;
}
.menu-news-bloc{
    border: 1px solid #f90;
    text-align: left;
    padding: 10px;
    padding-top: 10px;
}
.articles_menu_droite{
    padding-bottom: 15px;
}
/*Listing article*/
.tri_article{
    float: right;
}
.photos_resume_produit img{
    float: left;
    margin: 10px;
    margin-top: 0;
    margin-left: 0;
}
.separateur{
    border-bottom: 1px dashed #000;
}
.resume_option select{
    margin-bottom: 5px;
}
input.resume_ajouter{
    width: 106px;
    height: 19px;
}
table.action{
    width: 100%;
}
td.left img, td.right img{
    border: none;
}
td.left{
    text-align:left;
    padding-right: 30px;
}
td.right{
    text-align: right;
    padding-left: 30px;
}
/*zoom article*/
#article_complet{
    overflow: auto;
}
.option_sel img, .option_sel a img{
    border: none;
}
#photos_zoom_produit{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
p.right{
    text-align: right;
}
p.center{
    text-align: center;
}
p.right img, p.center img{
    border: none;
}
p.center span{
    margin-left: 80px;
    margin-right: 80px;
}
p#border-top{
    padding-top: 15px;
    border-top: 1px dashed #000;
}
#zoom_prix{
    color: red;
    margin-top: 20px;
    font-size: 120%;
}
#article_complet select{
    margin-bottom: 10px;
}
#article_complet #info{
    float: right;
}
/*Panier*/
.alerte_aol{
    background-color: #F0F0F0;
    border: 1px solid #D0D0D0;
    padding: 8px 8px 8px 8px;
    width: 390px;
    font-weight: bold;
    border-bottom-width: 0;
}
.alert{
    background-color: #F8F8F8;
    border: 1px solid #D0D0D0;
    padding: 8px 8px 8px 8px;
}
.panier_etape{
    width: 96%;
}
.panier_etape span{
    width: 24%;
    display: block;
    float: left;
    text-align: center;
}
table.panier_liste{
    font-size: 11px;
    border: 1px solid #000;
    border-bottom: none;
    margin-top: 15px;
    background: #caea9a;

}
table.panier_liste td, table.panier_liste th, table.panier_liste td.vide, table.panier_liste th.vide{
    border-bottom: 1px solid #000;
    padding-left: 15px;
}
table.panier_liste th, table.panier_liste td{
    margin: 2px;
}
table.panier_liste th{
    line-height: 18px;
}
table.panier_liste th.left{
    text-align: left;
}
table.panier_liste tr.tr_0 td{
    padding-bottom: 5px;
    padding-top: 5px;
    background: #f8fbf4;
}
table.panier_liste tr.tr_1 td{
    background: #f0f9e3;
    padding-top: 5px;
    padding-bottom: 5px;
}
table.panier_liste th.bout{
    width: 70px;
    text-align: center;
}
table.panier_liste td.bout{
    text-align: center;
}
table.panier_liste td.bottom{
    text-align: center;
    color: #fff;
    background: #caea9a;
    line-height: 18px;
}
table.panier_liste td.bottom a, table.panier_liste td.bottom a:visited, table.panier_liste td.bottom a:active, table.panier_liste td.bottom a:link
{
    color: #000;
    margin-left: 5px;
    margin-right: 5px;
}
table.panier_liste3{
    font-size: 11px;
    border: 1px solid #000;
    margin-top: 15px;
    background: #fbebc9;
    border-bottom: none;
}
table.panier_liste3 td{
    background: #f8f6f0;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
}
table.panier_liste3 th{
    background: #fbebc9;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    border-bottom: 1px solid #000;
}
.bloc_panier_info a, .bloc_panier_info a:visited, .bloc_panier_info a:active, .bloc_panier_info a:link,
.bloc_panier_impression a, .bloc_panier_impression a:visited, .bloc_panier_impression a:active, .bloc_panier_impression a:link{
    color: #000;
}
table.panier_liste td.bottom a img{
    border: none;
}
table.panier_liste td.bottom a:hover,
.bloc_panier_info a:hover, .bloc_panier_impression a:hover{
    text-decoration: none;
}

.bloc_panier_info {
    border: 1px solid #000;
    font-size: 11px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.bloc_panier_info p.text{
    margin: 5px;
}
.bloc_panier_info .title{
    text-align: center;
    border-bottom: 1px solid #000;
    background: #ffdfaf;
    margin: 0;
    padding: 0;
    line-height: 17px;
}
.sup_promo{
    float: right;
    width: 32%;
    text-align: left;
    overflow: auto;
    margin-bottom: 0;
}
html>body .sup_promo{
    width: 68%;
    text-align: left;
}
.bloc_panier_promo{
    border: 1px solid #000;
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 10px;
    margin-left: 10px;
}
.bloc_panier_promo p.text{
    margin: 5px;
    width: 60%;
    float: left;
    text-align: left;
}
.bloc_panier_promo .title{
    text-align: center;
    border-bottom: 1px solid #000;
    background: #d0e4f2;
    margin: 0;
    line-height: 17px;
    color: #000;
}
.bloc_panier_promo .bloc_panier_code{
    margin: 5px;
    margin-bottom: 0;
    text-align: rigth;
}
.bloc_panier_promo .bloc_panier_code input.panier_total_reduc_input{
    height: 20px;
}

.bloc_panier_continuer{
    background: #fff;
    padding: 10px;
}
.bloc_panier_info p, .bloc_panier_impression p{
    margin: 0;
    margin-top: 5px;
    padding: 0;
}
.actions_panier{
    width: 20%;
    float: left;
}
html>body .actions_panier{
    width: 30%;
}
.bloc_panier_recap{
    text-align: center;
}
.sub_panier, .etape_panier_sup{
    overflow: auto;
}
.paiement_solo{
    text-align: center;
}
.bloc_panier_prix table{
    border: 1px solid #000;
    border-bottom: none;
    background: #fff;
    margin-left: 10px;
    width: 80%;
}
html>body .bloc_panier_prix table{
    width: 95%;
}
.bloc_panier_prix table th, .bloc_panier_prix table td{
    text-align : center;
    line-height: 18px;
    border-bottom: 1px solid #000;
}
.bloc_panier_prix table th{
    border-right: 1px solid #000;
}
.bloc_panier_prix table tr.tr_1  th, .bloc_panier_prix table tr.tr_1  td{
    background: #d0e4f2;
}
.bloc_panier_prix table tr.tr_0  th, .bloc_panier_prix table tr.tr_0  td{
    background: #f2f9fd;
}
.bloc_panier_prix table span.prix{
    color: #f00;
    font-weight: bold;
}
.bloc_panier_continuer img, .bloc_panier_continuer a img{
    border: none;
    text-align: center;
}
.bloc_panier_continuer .boutons{
    text-align: center;
    margin-top: 15px;
}
.bloc_panier_nouveau{
    border: 1px solid #000;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 29%;
    float: left;
    height: 210px;
    text-align: left;
}
html>body .bloc_panier_nouveau {
    width: 48%;
}
.bloc_panier_nouveau img, .bloc_panier_nouveau a img{
    border: none;
}
.bloc_panier_nouveau p.text{
    margin: 5px;
}
.bloc_panier_nouveau .title{
    text-align: left;
    text-indent: 15px;
    border-bottom: 1px solid #000;
    background: #ffdfaf;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}
.bloc_panier_ident{
    border: 1px solid #000;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 20px;
    float: right;
    height: 210px;
    width: 29%;
}
html>body .bloc_panier_ident{
    width: 48%;
}
.bloc_panier_ident p.text, .bloc_panier_ident table{
    margin: 5px;
}
.bloc_panier_ident p.text_right, .bloc_panier_nouveau p.text_right{
     margin: 5px;
     text-align: right;
}
.bloc_panier_ident .title{
    text-align: left;
    text-indent: 15px;
    border-bottom: 1px solid #000;
    background: #ffdfaf;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}
table.inscription{
    width: 100%;
    margin-bottom: 15px;
    border: #5f5f5f solid 1px;
    padding: 15px;
}
table.inscription th{
    text-align: left;
    padding-left: 15px;
}
table.inscription td.vide{
    height: 25px;
}
table.inscription td{
    border-left: none;
    border-right:none;
    line-height: 18px;
    padding-right: 15px;
}
/*.panier_facturation{
    width: 49%;
    float: left;
}*/
/*Impression d'un article*/
.lien_pages img, .lien_pages a img{
    border: none;
}
/*recommandation d'un article*/
.recommande_article{
    overflow: auto;
}
.recommande_image{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
}
.recommande_image img, .recommande_image a img{
    border: 1px solid #000;
    margin-top: 5px;
}
.recommande_desc{
}
.recommande_form table{
    border: #5f5f5f solid 1px;
    margin-top: 30px;
    padding: 15px;
}
#recap table{
    margin-top: 15px;
    float: right;
}
#recap table{
    border: 1px solid #000;
    border-bottom: none;
    background: #fff;

}
#recap table th, #recap table td{
    text-align : center;
    line-height: 18px;
    border-bottom: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
}
#recap table th{
    border-right: 1px solid #000;
}
#recap table tr.tr_1  th, #recap table tr.tr_1  td{
    background: #d0e4f2;
}
#recap table tr.tr_0  th, #recap table tr.tr_0  td{
    background: #f2f9fd;
}
#recap table span.prix{
    color: #f00;
    font-weight: bold;
}
#modes{
    overflow: auto;
}
#modes .radio{
    color: #f90;
    font-weight: bold;
}
#modes .mode_livraison{
    margin: 5px;
    margin-bottom: 20px;
}
.mode_livraison_unique{
    margin: 5px;
    margin-bottom: 20px;
    border: 1px #d0e4f2 solid;
    padding: 10px;
}
.mode_livraison .image, .mode_livraison_unique .image{
    float: left;
    width: 220px;
}
.mode_livraison_solo{
    border: 1px #d0e4f2 solid;
    padding: 10px;
    height: 150px;
}
.facturation{
    border: 1px #d0e4f2 solid;
    padding: 10px;
}
.title_bloc_facturation{
    color: #f90;
    font-weight: bold;
    line-height: 20px;
}
/*.panier_facturation{
    width: 30%;
    float: left;
}*/
/*.panier_livraison{
    width: 30%;
}
html>body .panier_facturation, html>body .panier_livraison{
    width: 45%;
}*/
/*#bloc_livraison_colissimo{
    overflow: auto;
}*/
.mot_magasin{
    border: 1px #d0e4f2 solid;
    padding: 10px;
    margin-top: 10px;
}
.mot_magasin h4{
    margin-top: 0;
}
/*Mon compte*/
.sup_compte{
   overflow: hidden;
}
.mon_compte_coord, .mon_compte_societe, .mon_compte_news{
    background: #fff;
    border: 1px solid #d0e4f2;
    margin: 0;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.mon_compte_coord, .mon_compte_news{
    height: 130px;
}
.mon_compte_coord_sup{
    float: left;
    width: 25%;
}
html>body .mon_compte_coord_sup{
    width: 47%;
}
.mon_compte_news_sup{
    float: right;
    width: 25%;
}
html>body .mon_compte_news_sup{
    width: 47%;
}
p.title{
    color: #f90;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    margin-top: 10px;
}
.mon_compte_coord p.text, .mon_compte_societe p.text{
    margin-top: 5px;
}
div.vide{
    height: 150px;
    width: 1px;
}
.mon_compte_box{
    border: 1px solid #d0e4f2;
    text-align: left;
    padding: 10px;
    margin-bottom: 10px;
}
.mon_compte_box p{
    padding: 0;
    margin:0;
}
table.liste_commandes{
    text-align: center;
    border: 1px solid #000;
    border-bottom: none;
}
table.liste_commandes th{
    line-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
table.liste_commandes th, table.liste_commandes td{
    border-bottom: 1px solid #000;
}
table.liste_commandes tr.produit_rub_fonce{
    background: #f0fdef;
}
table.liste_commandes img, table.liste_commandes a img{
    border: none;
}
span.mon_compte_etat_on{
    color: #054700;
    font-weight: bold;
    text-decoration: underline;
}
span.mon_compte_etat_on{
}

/* Gestion onglets tab pane*/

.zoom_onglets{
    margin-top: -30px;

}
.dynamic-tab-pane-control{

}
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	text-align:left;
	/*width:		100%;		 width needed weird IE bug */
	/*margin-right:	-2px;	 to make room for the shadow */
}
.dynamic-tab-pane-control .tab-row .tab , .tab-desactivee{
	height: 15px;
	border: 1px solid #f90;
	border-bottom: none;
	position: relative;
	top: 0;
	display: inline;
	float: left;
	overflow: hidden;
	cursor: pointer;
	margin: 1px -1px 1px 2px;
	padding: 0px 10px 0px 10px;
	z-index: 1;
	font: 11px Tahoma;
	white-space: nowrap;
	text-align: center;

}

.dynamic-tab-pane-control .tab-row .tab.selected {
    background: #f8efe1;
}
.dynamic-tab-pane-control .tab-row .tab a {
	font:	11px Tahoma;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
    background: #ebd6b6;
}
.dynamic-tab-pane-control .tab-page , .tab-page-desactivee{

	border: 1px #ffc74f solid;
    background: #fff;
	z-index: 2;
	position: relative;
	top: -2px;
	font: 11px Tahoma;
	color: #333;
	/*244, 243, 238*/
	/* 145, 155, 156*/
	padding:	25px;
	width: 100%;
	float: left;
	text-align: left;
    margin-bottom: 10px;
}
html>body .dynamic-tab-pane-control .tab-page, html>body .tab-page-desactivee{
    width: 95%;
}

.dynamic-tab-pane-control .tab-row {
	z-index: 1;
	white-space: nowrap;
	width: 100%;
	text-align: left;
	margin-top: 35px;
}
.zoom_onglets .lien_menu_droite{
    margin-top: -10px;
}

.article_resume{
    width: 100%;
}
.dynamic-tab-pane-control .tab-page-interne-titre-top{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold;
	padding:0px 0px 10px 5px; margin-left:10px;
}
.dynamic-tab-pane-control .tab-page-interne-titre{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#990000; font-weight:bold;
	padding:30px 0px 10px 5px; margin-left:10px;
}

.dynamic-tab-pane-control .tab-page-interne {
	border: 1px solid #cccccc; padding:10px; background-color:#FFFFFF; margin:0px 10px 0px 0px;
}
.dynamic-tab-pane-control .tab-page-interne-submit{
	text-align:right; margin-right:15px; margin-top:10px;
}
.plan_table{

}
.plan_table ul, .plan_table li{
    padding: 0;
    margin: 0;
}

table.liens{
    border: 1px solid #8198bb;
    background: #e3ecf9;
    margin-right: 5px;
    width: 100%;
}
table.liens th{
    background: #8198bb;
    color: #fff;
    font-weight: bold;
    line-height: 16px;
}
table.liens ul, table.liens li{
    list-style: none;
}
table.liens td{
    padding: 5px;
    text-align: center;
}
.plan_liste{
    width: 100%;
    border: 1px solid #0088c6;
    padding: 0;
    margin-top: 10px;
}
.plan_univers{
    border-bottom: 1px solid #0088c6;
    text-align: center;
    color: #fff;
    line-height: 16px;
    background: #0088c6;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
}
.plan_univers a, .plan_univers a:hover, .plan_univers a:active, .plan_univers a:visited{
    color: #fff;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}
.plan_bloc{
    border-top: 1px solid #0088c6;
    border-bottom: 1px solid #0088c6;
    color: #000;
    line-height: 16px;
    background: #deeef6;
    font-weight: bold;
    padding: 5px;
    font-size: 12px;
}
.plan_bloc a, .plan_bloc a:hover, .plan_bloc a:active, .plan_bloc a:visited{
    color: #000;
    line-height: 16px;
    text-decoration: none;
}
.plan_rubrique{
    padding: 5px;
}
.plan_rubrique ul{
    padding-left:10;
}
.plan_rubrique li{
    list-style: none;
}
/* Charte couleur MGDIS :

Orange :				#f90
Orange clair :		#ffb549
Orange clair 2 :	#ffdfaf
Gris :				#5f5f5f (666)
Gris clair :		#b2b2b2 (entre 9 et c)
Gris clair 2 :		#eaeaea (eee)

Vert :				#7fbc26
Pomme :				#caea9a
Pomme clair : 		#e6f5cf

Bleu :				#4493ca (39c)
Clair :				#a6cce6
Très clair :		#d0e4f2

Rouge :				#f00
Rouge 2 :			#c00
Jaune :				#ff9
Jaune pâle :		#ffc

*/