html, body {
width: 100%;
height: 100%;
background-color: #00ab4e;
margin: 0;
padding: 0;

font-family: Arial, Verdana;
font-size: 13px;
color: #333333;
text-align: justify;
}

h1{
color: #ed1c24;
font-size: 24px;
font-weight:bold;
font-family: Arial, Verdana;
}
h2{
width: 100%;
margin: 0;
padding-bottom: 0;
margin-bottom: 5px;
border-bottom: solid 1px #00ab4e;
color: #00ab4e;
font-size: 16px;
text-align: left;
font-weight:bold;
font-family: Arial, Verdana;
}

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

img{
border: 0;
}
form {
margin-bottom: 0;
}
input{
border: 1px solid #000000;
font-family: Arial, Verdana;
font-size: 12px;
color: #000000;
}

#page {
border-spacing: 0px;
background: transparent url("charte/bg.jpg");
float: left;
width: 1000px;
margin: 0;
padding: 0;
}

#page td{

border-spacing: 0px;
margin: 0;
padding: 0;
}

#left_col {
text-align: center;
float: left;
width: 160px;
margin: 0;
margin-right: 2px;
padding: 0;
}

.contenu {
margin: 0;
padding: 0;
margin-left: 20px;
width: 580px;
background: #ffffff url("charte/block_bg.gif");
}

.contenu_header {
margin: 0;
padding: 0;
width: 580px;
height: 30px;
background: #ffe600 url("charte/block_header.gif");
}
.contenu_header p{
margin-left: 20px;
padding-top: 6px;
font-size: 16px;
font-weight:bold;
color: #00ab4e;
}
.contenu_footer {
margin: 0;
padding: 0;
width: 580px;
height: 15px;
background: #ffffff url("charte/block_footer.gif");
}



.accueil_mag {
margin: 0;
padding: 0;
margin-right: 5px;
margin-top: 2px;
width: 185px;
background: #ffffff url("charte/accueil_mag_bg.gif");
/*float: right;*/
}
.accueil_mag a{
text-decoration: none;
color: #333333;
}
.accueil_mag a:hover{
color: #00ab4e;
}

.accueil_mag_header {
margin: 0;
padding: 0;
width: 185px;
height: 30px;
background: #ffe600 url("charte/accueil_mag_header.gif");
}
.accueil_mag_header p{
margin-left: 20px;
padding-top: 6px;
font-size: 16px;
font-weight:bold;
color: #00ab4e;
}
.accueil_mag_footer {
margin: 0;
padding: 0;
width: 185px;
height: 15px;
background: #ffffff url("charte/accueil_mag_footer.gif");
}


.accueil_product {
margin: 0;
padding: 0;
margin-left: 18px;
margin-top: 2px;
width: 385px;
background: #ffffff url("charte/accueil_product_bg.gif");
/*float: left;*/
}

.accueil_product_header {
margin: 0;
padding: 0;
width: 385px;
height: 30px;
background: #ffe600 url("charte/accueil_product_header.gif");
}
.accueil_product_header p{
margin-left: 20px;
padding-top: 6px;
font-size: 16px;
font-weight:bold;
color: #00ab4e;
}
.accueil_product_footer {
margin: 0;
padding: 0;
width: 385px;
height: 15px;
background: #ffffff url("charte/accueil_product_footer.gif");
}



#right_col {
width: 155px;
margin: 0;
padding: 0;
margin-left: 10px;
}


#bandeau {
display: block;
background: transparent url("charte/bandeau.jpg");
width: 1000px;
height: 140px;
margin-top: 0;
margin-bottom: 0;
}


#ariane {
color: #666666;
padding-left: 10px;
width: 990px;
height: 48px;
background: transparent url("charte/ligne_titre.jpg") bottom right no-repeat;
}
#ariane a{
color: #666666;
text-decoration: none;
}
#ariane a:hover{
text-decoration: none;
color: #ed1c24;
}

#right_col{
background: #ffffff url("charte/right_bg.gif");
width: 180px;
}
#right_col p{
text-align: center;
}
#top_right{
background: #ffe600 url("charte/right_header.gif");
width: 180px;
height: 25px;
text-align: center;
padding-top: 5px;
font-size: 16px;
font-weight:bold;
color: #00ab4e;
}
.right_title{
background-color: #ffe600;
width: 173px;
height: 25px;
text-align: center;
padding-top: 5px;
font-size: 16px;
font-weight:bold;
color: #00ab4e;
}
#right_footer {
margin: 0;
padding: 0;
width: 180px;
height: 15px;
background: transparent url("charte/right_footer.gif");
}

#letter{
background: #00ab4e url("charte/letter_bg.gif") top left repeat-y;
width: 180px;
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 1px;
text-align: left;
color: #ffffff;
}


/* ######################################################## */
#menu {
width: 925px;
height: 17px;
margin: 0px;
padding: 0px;
background-color: #666666;
display: block;
color: #ffffff;
font-size: 12px;
font-weight:bold;
padding-top: 2px;
padding-left: 75px;
}
#menu a{
color: #ffffff;
text-decoration: none;
}
#menu a:hover{
color: #ffe600;
text-decoration: none;
}

#menu2 {
width: 1000px;
height: 15px;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ed1c24;
display: block;
color: #ffffff;
font-size: 10px;

padding-top: 2px;
text-align: center;
}
#menu2 a{
text-decoration: none;
color: #ffffff;
}
#menu2 a:hover{
color: #ffe600;
text-decoration: none;
}



.b_menu{
position: relative;
background: transparent url("charte/b_menu.gif");
width: 180px;
font-family: Arial, Verdana;
margin-bottom: 20px;
text-align: left;
}
.b_menu a{
color: #666666;
font-size: 12px;
font-weight:bold;
display: block;
text-decoration: none;
border-top: solid 1px #00ab4e;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 17px;
}
.b_menu a:hover{
color: #ed1c24;
}

.b_menu #b1{
margin-top: 10px;
}
.b_menu_header{
position: absolute;
}
.b_menu_footer{
position: absolute;
}



table.b_table{
margin-top: 15px;
width: 550px;
margin-bottom: 20px;
}

table.b_table td{
border: solid 1px #ffe600;
width: 33%;
}

.b_table div{
margin: 10px;
text-align: center;
}
.b_table a{
color: #666666;
text-decoration: none;
}
.b_table a:hover{
color: #00ab4e;
text-decoration: none;
}

.b_table img{
width: 130px;
margin-top: 5px;
}

.right_product{
font-weight:bold;
margin: 10px;
text-align: center;
}
.right_product a{
color: #666666;
text-decoration: none;
}
.right_product a:hover{
color: #00ab4e;
text-decoration: none;
}

.bprix{
display: block;
text-align: left;
color: #333333;
font-weight:bold;
text-decoration: line-through;
}
.bremise{
color: #ed1c24;
font-weight:bold;
font-size: 20px;
}
.bplus{
display: block;
text-align: left;
color: #00ab4e;
font-size: 11px;
}
.breprise{
width: 67px;
height: 69px;
background: transparent url("charte/mini_reprise.gif");
color: #ed1c24;
font-size: 10px;
font-weight:bold;
float: right;
}
.breprise span{
display: block;
margin-left: 5px;
padding-top: 34px;
}
.bpicto1{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto1.gif");
float: right;
}
.bpicto2{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto2.gif");
float: right;
}
.bpicto3{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto3.gif");
float: right;
}
.bpicto4{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto4.gif");
float: right;
}
.bpicto5{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto5.gif");
float: right;
}
.bpicto6{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto6.gif");
float: right;
}
.bpicto7{
width: 67px;
height: 69px;
background: transparent url("charte/minipicto7.gif");
float: right;
}




.fretour a{
display: block;
text-align: right;
color: #00ab4e;
font-size: 12px;
text-decoration: none;
margin-right: 10px;
}
.fretour a:hover{
color: #ed1c24;
}
.fprix{
border: solid 1px #ffe600;
width: 250px;
margin-left: 150px;
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
}
.fprix2{
border: solid 1px #ffe600;
width: 250px;
/*margin-left: 150px;*/
float: right;
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
margin-right: 40px;
}
.fp1{
display: block;
font-weight:bold;
font-size: 20px;
text-decoration: line-through;
}
.fp2{
display: block;
font-weight:bold;
font-size: 30px;
color: #ed1c24;
text-align: right;
}
.freprise{
width: 168px;
height: 168px;
background: transparent url("charte/reprise.gif");
float: left;
color: #ed1c24;
font-size: 24px;
font-weight:bold;
margin-left: 30px;
}
.freprise span{
display: block;
margin-left: 50px;
padding-top: 90px;
}
.fpicto1{
width: 168px;
height: 168px;
background: transparent url("charte/picto1.gif");
float: left;
margin-left: 30px;
}
.fpicto2{
width: 168px;
height: 168px;
background: transparent url("charte/picto2.gif");
float: left;
margin-left: 30px;
}
.fpicto3{
width: 168px;
height: 168px;
background: transparent url("charte/picto3.gif");
float: left;
margin-left: 30px;
}
.fpicto4{
width: 168px;
height: 168px;
background: transparent url("charte/picto4.gif");
float: left;
margin-left: 30px;
}
.fpicto5{
width: 168px;
height: 168px;
background: transparent url("charte/picto5.gif");
float: left;
margin-left: 30px;
}
.fpicto6{
width: 168px;
height: 168px;
background: transparent url("charte/picto6.gif");
float: left;
margin-left: 30px;
}
.fpicto7{
width: 168px;
height: 168px;
background: transparent url("charte/picto7.gif");
float: left;
margin-left: 30px;
}



.news a{
color: #333333;
text-decoration: none;
}
.news a:hover{
color: #666666;
text-decoration: none;
}

#texte_area{
width: 530px;
}
#visu_texte{
width: 530px;
}


table.forfait{
width: 100%;
margin-bottom: 20px;
}
table.forfait td{
border: solid 1px #000000;
}

.forfait_ariane{
color: #999999;
}
.forfait_ariane a{
text-decoration: none;
color: #ed1c24;
}
.forfait_ariane a:hover{
text-decoration: underline;
}

.drapeau{
margin-bottom: -4px;
margin-right: 10px;
}


.list{
margin-bottom: 0;
}
.list li{
list-style-position: outside;
list-style-type: none;
background: transparent url(charte/puce.gif) top left no-repeat;
margin-left: -30px;
padding-left: 13px;
}

.header_right {
display: inline;
float: right;
margin-top: 3px;
margin-right: 5px;
}

.titre{
font-size: 16px;
color: #ed1c24;
font-weight: bold;
padding-bottom: 0;
}

.soustitre{
font-size: 16px;
color: #00ab4e;
font-weight:bold;
}
.soustitre a{
color: #00ab4e;
}

.alert{
font-size: 12px;
color: #cc0000;
font-weight:bold;
}

.decal{
display: block;
margin-top: 5px;
}


.date{
float: right;
color: #4b4d88;
font-size: 11px;
}


.trait {
width: 550px;
margin: 0;
padding: 0;
border-bottom: solid 1px #ffe600;
margin-bottom: 10px;
clear: both;
}



.menu_bas{
width: 780px;
text-align: center;
font-family: Arial, Verdana;
font-size: 10px;
color: #4b4d88;
margin-top: 5px;
margin-bottom: 18px;
}
.menu_bas a{
font-family: Arial, Verdana;
font-size: 10px;
color: #4b4d88;
}
.bas {
text-align: center;
font-family: Arial, Verdana;
font-size: 10px;
color: #333333;
padding: 5px;
margin: 0;
padding: 0;
margin-left: 210px;
width: 580px;
background: #ffffff url("charte/block_bg.gif");
}
.bas img{
display: block;
}
.bas a{
color: #00ab4e;
text-decoration: none;
}
.bas a:hover{
text-decoration: underline;
}
.ap{
float: right;
font-size: 10px;
}
.ap a{
color: #ffffff;
}


table.panier{
border-collapse: collapse;
width: 99%;
}

table.panier td{
border: solid 1px #00ab4e;
text-align: center;
}