/**/
/* CSS Document BalaDo boutique */

html {
background-color: white;
margin: 0;
padding: 0;
height: 101%;
font-family: Tahoma, arial, helvetica, sans-serif;
}

#colone_ga {
height:500px;
} 

html>body #colone_ga {
height: auto;
min-height:500px;
} 

#container {
background-color: white;
width: 935px;
}

ul, li  {
margin: 0;
padding: 0;
list-style:none;
}

/*film flash balado*/
/**/
#flash {
z-index: 300;
padding: 0;
margin: 0;
/* position: absolute;
top: 5px;
left: 0px; */
height: 600px;
}

#flash p {
color: white;
text-align: left;
font-size: 11px;
font-weight: bold;
width: 210px;
margin-left: 14px;
padding: 10px 0 0 0; 
}

#header {
position:relative;
z-index: 99;
height: 200px;
background: white url(img/fond_image_ht.jpg) no-repeat 0px 40px;
}

#header h1 {
display: block;
padding: 5px 0;
margin: 0;
letter-spacing: 2px;
position: absolute;
left: 595px;
top: 35px;
font-size: 18px;
color: white;
}

#logo {
margin-left: 10px;
height: 38px;
width: 429px;
background: white url(img/logo.gif) no-repeat  top left;
}

#logo span {
display: none;
}

#principal h1 {
visibility: hidden;
}

#principal {
position: relative;
}

/*Navigation menu bloc*/
/**/
#menu {
padding: 0;
margin: 0;
height: 43px;
position: relative;
top: 138px;
background: transparent url(img/fond_boutons.gif) no-repeat top left;
}

/*navigation menu partie supérieure*/
/**/
#menu ul, #menu_bas ul {
display: inline;
height: 43px;
list-style-type: none;
}

#onglet01 a ,#onglet02 a,#onglet03 a,#onglet04 a,#onglet05 a {
padding: 5px 0 0 20px;
margin: 0;
display: block;
height: 100%;
text-decoration:none;
}

#onglet04 a {
padding: 5px 0 0 10px;
margin: 0;
display: block;
height: 100%;
text-decoration:none;
}

#onglet01 a:hover, #onglet02 a:hover, #onglet03 a:hover, #onglet04 a:hover, #onglet05 a:hover {
color: white;
}

#onglet01 a:hover {
background: transparent url(img/survol_balado.gif) no-repeat top left;
}

#onglet02 a:hover {
background: transparent url(img/survol_produit.gif) no-repeat top left;
}


#onglet03 a:hover {
background: transparent url(img/survol_condition.gif) no-repeat top left;
}


#onglet04 a:hover {
background: transparent url(img/survol_panier.gif) no-repeat top left;
}


#onglet05 a:hover {
background: transparent url(img/survol_contact.gif) no-repeat top left;
}


#onglet01 ,#onglet02,#onglet03,#onglet04,#onglet05 {
top: 0;
padding: 0;
margin: 0;
position: absolute;
height: 43px;
}

#onglet01 {
left: 19px;
width: 108px;
}

#onglet02 {
left: 114px;
width: 96px;
}

#onglet03 {
left: 192px;
width: 276px;
}

#onglet04 {
left: 419px;
width: 104px;
}

#onglet05 {
left: 502px;
width: 97px;
}

/*navigation menu partie inférieure*/
/**/
#menu_bas {
margin: 0;
padding: 0;
position: relative;
top: 125px;
height: 41px;
width: 100%;
background: white url(img/menu_partie_bas.gif) no-repeat top left;
}

#menu_b_onglet01, #menu_b_onglet02 {
top: 0px;
position: absolute;
height: 25px;
}

#menu_b_onglet01 {
left: 14px;
width: 147px;
}

#menu_b_onglet02 {
left: 134px;
width: 147px;
}

#menu_b_onglet01 a, #menu_b_onglet02 a{
padding: 14px 0 0 50px;
display: block;
height: 35px;
width: 100%;
text-decoration:none;
}

#menu_b_onglet01 a {
padding-top: 8px;
}

#menu_b_onglet01 a  span{
display: block;
font-size: 10px;
}

#menu_b_onglet01 a:hover {
background: transparent url(img/menu_bas_survol_panier.gif) no-repeat top left;
color: white;
}

#menu_b_onglet02 a:hover {
background: transparent url(img/menu_bas_survol_compte.gif) no-repeat top left;
color: white;
}

/*content mise en page*/
/**/
#container {
font-size: 12px;
margin-left: 12px;
padding: 0;
top: 12px;
width: 935px;
background-color: #2957b7;
}


#colone_ga {
position: relative;
padding: 0 0 0 12px;
margin: 0;
float: left;
width: 693px;
background-color: white;
}

#colone_dr {
float: right;
width: 220px;
margin: 0;
padding: 60px 2px 0 2px;
position: relative;
}
#container_colone_dr {
position: absolute;
top: 47px;
left: -6px;
height: 300px;
width: 230px;
background: transparent url(img/haut_colonne_dr.gif) no-repeat top left;
}

/*MISE EN PAGE TEXTE DIVERS*/
/**/
.contenu_text_header {
background: #133eae url(img/haut_page.gif) no-repeat top left;
}

.contenu_text_foot{
height: 15px;
background: #133eae url(img/bas_page.gif) no-repeat bottom left;
}

.contenu_text {
width: 670px;
background: #e4edfc url(img/page_balado.jpg) no-repeat right bottom;
}

/*Conditions Generales de Vente*/
/**/
#cgv_text {
/* border: 1px solid red; */
letter-spacing: 1px;
color: black;
font-size: 11px;
width: 410px;
padding: 5px 5px 30px 5px;
margin-left: 20px;
}

.contenu_text_header h2 {
color: white;
font-size: 13px;
letter-spacing: 1px;
padding: 5px 10px;
margin: 0;
line-height: 25px;
}

.contenu_text_header  p {
margin: 0;
background-color: #bfd4ed;
padding: 8px 0 8px 15px;
}
#cgv_text  li {
/* border: 1px solid red; */
padding: 5px 0 10px 0;
list-style-type: square; 
/* list-style-position: inside; */
/* width: 500px; */
/* float: left; */
}

.contenu_text_header  hr {
visibility: hidden;
}

p.cgv_title {
font-weight: bold;
font-size: 13px;
}

p.cgv_intro {
font-size: 13px;
}


/*CONTACT mise en page*/
/**/
#contact_text {
letter-spacing: 1px;
color: black;
font-size: 13px;
/* border: 1px solid red; */
width: 400px;
padding: 5px;
margin-left: 10px;
}

#contact_text a {
font-weight: bold; 
text-decoration: none;
color: #133eae;
}

#adress {
color: #133eae;
/* border: 1px solid white; */
font-size: 14px;
font-weight: bold;
/* border: 1px solid red; */
width: 350px;
padding: 5px 10px 30px 10px;
margin-left: 10px;
}
.adress_normal {
font-weight: 200;
line-height: 25px;
}


/*footer*/
/**/
#footer {
/* border: 1px solid blue; */
z-index: 5;
clear: left;
margin: 0;
padding: 0;
/* position: relative; */
top: 0;
left: 0;
height: 441px;
width: 935px;
background: transparent url(img/photo_bas.jpg) no-repeat bottom left;
}

#menu_fond_page{
width: 935px;
font-size: 11px;
background-color: white;
text-align: center;
padding: 0 0 30px 0;
margin: 0;
}

#menu_fond_page li {
display: inline;
}

#menu_fond_page li a {
padding: 2px;
}

#footer a {
}

div#detail_produit img {
float: left;
padding-right: 10px;
}

div#detail_produit div#detail_produit_text {
margin-left: 280px;
padding-right: 15px;
}

a#detail_produit_panier {
display: block;
height: 35px;
width: 150px;
line-height: 28px;
padding-left: 40px;
background: white url(img/btn_panier.gif) no-repeat center left;
}

/*FIL D'ARIANNE*/
/**/
#fil_ariane {
border: 1ps solid red;
padding: 0 5px 10px 5px;
}

#fil_ariane li{
border: 1ps solid red;
display: inline;
padding: 0 5px 0 5px;
}

#fil_ariane .fil_ariane_selected {
padding: 2px 5px;
border: 1px solid #ffb800;
border-bottom: 3px solid #ffb800;
}

/**/
#pud_balado {
/* position: absolute;
top: 260px;
left: 10px;  */
border: 1px solid white;
padding: 10px 0 0 20px;
}

#flash hr {
visibility: hidden;
}

#pud_balado p {
/* border: 1px solid red; */
padding: 10px 20px 20px 0;
margin: 0;
}

/**/
/*backoffice mise en page*/
#tableau_backoffice, #tableau_backoffice2  {
background-color: white;
margin: 10px;
padding: 0;
}

.text_simple_backoffice {
margin: 10px;
padding: 0;
}

.text_simple_backoffice_red {
color: red;
font-weight: bold;
margin: 10px;
padding: 0;
}

.firt_backoffice_01 {
background-color: #133eae;
color: white;
padding: 2px;
text-decoration: none;
text-align: center;
}

.firt_backoffice_01 a {
text-decoration: none;
color: white;
}

.firt_backoffice_01 a:hover {
text-decoration: underline;
}

.firt_backoffice_02 {
border-bottom: 1px solid #133eae;
background-color: #f3f3f3;
padding: 10px 2px;
text-align: center;
}

.firt_backoffice {
background-color: #133eae;
color: white;
margin: 0;
padding: 10px;
}

.second_backoffice {
padding: 5px;
background-color: #e1e1e1;
}

.third_backoffice {
padding: 5px;
background-color: #f3f3f3;
}

.third_backoffice_01 {
padding: 0 5px;
background-color: #f3f3f3;
}

.third_backoffice_01 input {
width: 194px;
text-align: center;
}

.fourth_backoffice {
padding: 5px;
background-color: #f3f3f3;
}

.firt_backoffice input {
border: none;
}

.firt_backoffice_01 input {
border: none;
width: 50px;
text-align: center;
}

.firt_backoffice span {
padding: 0 5px;
}

.fourth_backoffice input {
border: none;
font-size: 12px;
width: 60px;
text-align: center;
}

.second_backoffice label, .third_backoffice label {
padding: 5px;
}

.second_backoffice input, .third_backoffice input {
font-size: 12px;
width: 70px;
text-align: center;
}

.firt_backoffice .valider {
float: right;
}

.telecharger_csv {
padding: 0 0 30px 150px;
}

/**/
/*MENU 2 backoffice mise en page*/
#menu2 {
border: 3px solid #133eae;
position: absolute;
background-color: white;
padding: 10px;
top: -160px;
left: -300px;
}

#menu2 a {
text-decoration: none;
color: #133eae;
}

#menu2 a:hover {
color: red;
}

/*BACKOFFICE MISE EN PAGE */

.bouton_backoffice a {
width: 250px;
display: block;
border: 1px solid white;
margin: 2px 0 2px 10px;
padding: 10px;
color: white;
text-decoration: none;
background-color: #133eae;
}



.bouton_backoffice a:hover {
border: 1px solid white;
border-bottom: 1px solid #9d9d9d;
border-left: 1px solid #9d9d9d;
text-decoration: underline;
}

.bouton_backoffice_filariane a {
text-decoration: none;
padding: 6px;
color: white;
width: 100px;
font-size: 10px;
background-color: #133eae;
}

.bouton_backoffice_filariane a:hover {
text-decoration: underline;
}