@import "structure.css";
@import "accueil.css";
@import "gauche.css";
@import "univers.css";
@import "listing.css";
@import "zoom.css";
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- body, structure, et styles globaux -------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial;
}
p, table{
	font-size: 11px;
}
textarea{
	font-size: 11px;
}
ol{
	margin-left: 20px;
}
a{
	text-decoration: none;
	color: #265390;
}
a:hover{
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6{
	font-size: 11px;
}
body{
    /*text-align: center;*/
	font-size: 11px;
    text-align: center;
}
a img{
    border: none;
    text-decoration: none;
}
.clear_left{
    clear: left;
}
.clear,
.clear_both{
    clear: both;
}
.clear_right{
    clear: right;
}

/********************************************************************************************************************************/
/******************************************************* mon compte *************************************************************/
/********************************************************************************************************************************/
.fright{
	float: right;
	padding-right: 15px;
}
.fright a{
	color: #fff;
}

.login{
	width: 100%;
	margin: -10px;
}
.login img{
    border: 1px solid #000;
    margin: 0;
}
.login td{
    vertical-align: top;
    margin-top: -10px;
    margin-left: -10px;
}
.sup_compte{

}
.mon_compte_coord, .mon_compte_societe, .mon_compte_news{
    background: #fff;
    border: 1px solid #000;
    margin: 0;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-right: 30px;
}
.mon_compte_coord, .mon_compte_news{
    height: 150px;
}
.mon_compte_coord_sup{
    float: left;
}
.mon_compte_news_sup{
    float: right;
}
p.title{
    color:  #000;
    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;
}
.comptelogin{
    margin: -15px;
}
.mon_compte_box img{
    border: none;
}

.table_compte th{
    border-bottom: 1px solid #c1c1c1;
}
.table_compte th {
    font-size: 11px;
    margin: 0;
    color: #006c0f;
}
.mon_compte_box{
    text-align: left;
    border: 1px solid #000;
	margin-top: 10px;
}
.mon_compte_box p.title{
    color:  #006c0f;
    font-weight: bold;
    line-height: 28px;
    padding-left: 13px;
    margin: 0;
	text-align: left;
	border-bottom: 1px solid #000;
	
}
.box_verte, .box_orange, .box_rouge, .box_grise{
    background: #e3f1f5;
	color: #000;
	
}
.box_verte p, .box_orange p, .box_rouge p, .box_grise p{
	color: #000;
}
.box_verte p.title,
.box_orange p.title,
.box_rouge p.title,
.box_grise p.title{
    background: #19294e;
    color: #fff;
}

.mon_compte_box div, .mon_compte_box table{
    margin: 10px;
}
table.liste_commandes{
    text-align: center;
    border: 1px solid #000;
    border-bottom: none;
    background: #fff;
	vertical-align:middle;
}
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 td.first{
     padding-left: 5px;
	 line-height: 20px;
}
table.liste_commandes tr.produit_rub_fonce{
    background: #f0fdef;
}
table.liste_commandes img, table.liste_commandes a img{
    border: none;
}

/********************************************************************************************************************************/
/******************************************************* inscription ************************************************************/
/********************************************************************************************************************************/

table.inscription{
    margin-bottom: 15px;
	border: 1px solid #000;
	text-align: left;
	width: 100%;
	background: #f0faff;
	color: #000;
}
table.inscription th, table.inscription td{
	padding: 5px;
}
table.inscription th{
    text-align: left;
}
table.inscription td, table.inscription th{
    background: #fff;
}
table.inscription td.vide{
    height: 25px;
}
table.inscription td{
    border-left: none;
    border-right:none;
    line-height: 18px;
}
p.right{
    text-align: 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;
    margin-top: 15px;
}
.alert{
    background-color: #F8F8F8;
    border: 1px solid #D0D0D0;
    padding: 8px 8px 8px 8px;
}
.panier_etape{
    width: 99%;
	margin-top: 10px;
}

.panier_etape span{
    width: 24%;
    display: block;
    float: left;
    text-align: left;
}
html>body .panier_etape{
    width: 100%;
}

html>body  .panier_etape span{
    width: 25%;
    display: block;
    float: left;
    text-align: left;
}
table.panier_liste{
    font-size: 11px;
    border: 1px solid #000;
    border-bottom: none;
    width: 100%;
	color: #000;
}
table.panier_liste p{
	color: #000;
}
table.panier_liste td, table.panier_liste th, table.panier_liste td.vide, table.panier_liste th.vide{
    border-bottom: 1px solid #000;
	
}
table.panier_liste th, table.panier_liste td{
    margin: 2px;
	padding-left: 5px;
	color: #000;
}
table.panier_liste th{
    line-height: 25px;
    background: #f5dad4;
    color: #000;
}
table.panier_liste tr.tr_0 td{
    padding-bottom: 5px;
    padding-top: 5px;
}
table.panier_liste h4 a{
    color: #78b212;
}
table.panier_liste h4 a:hover{
    color: #f5dad4;
}
table.panier_liste tr.tr_1 td{
    padding-top: 5px;
    padding-bottom: 5px;
}
table.panier_liste th.bout{
    width: 63px;
    background: #f5dad4;
}
table.panier_liste td.bout{
    text-align: center;
}
table.panier_liste td.bottom, table.panier_liste2 td.bottom{
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    line-height: 18px;
    background: #F7F7F7;
    font-size: 10px;
}
table.panier_liste td.bottom, table.panier_liste2 td.bottom img{
    margin: 0;
}
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;
    font-size: 10px;
}
.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;
    margin-top: 4px;
	background: #fff;
	color: #000;
}
.bloc_panier_info p.text{
    margin: 5px;
	color: #000;
}
.bloc_panier_info .title{
    text-align: center;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0;
    line-height: 17px;
    background: #f5dad4;
    color: #000;
}
.bloc_panier_info .title a{
    text-decoration: none;
    color: #000;
}
.sup_promo{
    float: right;
    text-align: left;
    margin-bottom: 0;
}

.bloc_panier_promo{
    border: 1px solid #000;
    background: #fff;
    padding-bottom: 5px;
    font-size: 10px;
    margin-left: 10px;
    width: 410px;
}

.bloc_panier_info p, .bloc_panier_impression p{
    margin: 0;
    margin-top: 5px;
    padding: 0;
	color: #000;
}
.bloc_panier_promo p{
	color: #000;
}
p.text a{
    color: #006c0f;
}
#action{
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #000;
    width: 150px;
}
#action img{
    border:none;
}
#action a{
    color: #006c0f;
    text-decoration: none;
}
#action a:hover{
    text-decoration: underline;
}
.actions_panier{
    width: 200px;
    float: left;
}
.bloc_panier_recap{
    text-align: center;
}
.sub_panier, .etape_panier_sup{
    overflow: hidden;
}
.panier_livraison{
}

.sub_panier{
}
.paiement_solo{
    text-align: center;
}
.bloc_panier_prix table{
    border: 1px solid #000;
    border-bottom: none;
    background: #fff;
    margin-left: 10px;
    width: 412px;
    margin-top: 5px;
	color: #000;
}
.bloc_panier_prix table th, .bloc_panier_prix table td{
    text-align : center;
    line-height: 18px;
    border-bottom: 1px solid #000;
	color: #000;
}
.bloc_panier_prix table th{
    border-right: 1px solid #000;
	color: #000;
}
#recap{
	float: right;
}
#recap table{
	margin-top: 5px;
	border: 1px solid #000;
	color: #000;
}
#recap table tr.tr_1  th, #recap table tr.tr_1  td{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	color: #000;
}
#recap table tr.tr_0  th, #recap table tr.tr_0  td{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: #d2dbd3;
	color: #000;
}
.bloc_panier_prix table tr.tr_1  th, .bloc_panier_prix table tr.tr_1  td{
    background: #d2dbd3;
	color: #000;
}
.bloc_panier_prix table tr.tr_0  th, .bloc_panier_prix table tr.tr_0  td{
    background: #fff;
	color: #000;
}
#recap .prix{
	color: #cc0000;
}
.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;
    float: left;
    height: 250px;
    text-align: left;
	background: #fff;
	color: #000;
}

.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: #d2dbd3;
    color: #000;
    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;
    width: 95%;
    height: 250px;
	background: #fff;
	color: #000;
}
.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: #d2dbd3;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}

.bloc_panier_nouveau *, .bloc_panier_ident *{
	color: #000;
}

.lien_pages img, .lien_pages a img{
    border: none;
}

.recommande_article{
    overflow: hidden;
}
.recommande_image{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 20%;
    text-align: center;
}
.recommande_image img, .recommande_image a img{
    border: 1px solid #000;
    margin-top: 5px;
}
.recommande_desc{
    float: right;
    width: 75%;
}
.recommande_form table{
    border: #000 solid 1px;
    background: #eaeaea;
    padding: 15px;
}
#modes{
    overflow: hidden;
	background: #fff;
	color: #000;
}
#modes .radio{
    color: #000;
    font-weight: bold;
}
#modes .mode_livraison{
    margin: 5px;
    margin-bottom: 20px;
}
.mode_livraison_unique{
    margin: 5px;
    margin-bottom: 20px;
    border: 1px solid #000;
    background: #fff;
    padding: 10px;
}
.mode_livraison .image, .mode_livraison_unique .image{
    float: left;
    width: 250px;
	background: #fff;
	color: #000;
}
.mode_livraison_solo{
    border: 1px solid #000;
    padding: 10px;
    height: 150px;
    background: #fff;
}
.facturation{
    padding: 10px;
	color: #000;
    border: 1px solid #000;
    background: #fff;
}
.facturation *, .facturation2 *{
	color: #000;
}
.facturation a{
	text-decoration: underline;
}
.facturation2{
    border: 1px solid #000;
	color: #000;
    padding: 10px;
    padding-top: 0;
    background: #fff;
}
.etat{
 line-height: 20px;
}

.mon_compte_etat_on{ text-align: center; background-color: #F8DA9E; border:1px solid #000; width:16px; line-height:16px;}
.mon_compte_etat_off{ text-align: center; background-color: #F4FCFF; border:1px solid #000; width:16px; line-height:16px; }
#comment_mag{
    width: 500px;
    height: 40px;
}
.facturation h4, .facturation2 h4{
    margin: 0;
    padding: 0;
    color: #006c0f;
}
.title_bloc_facturation{
    color: #006c0f;
    font-weight: bold;
    line-height: 20px;
}
.title_bloc_facturation a{
    font-size: 10px;
    font-weight: normal;
    color: #006c0f;
}
.title_bloc_facturation a:hover{
    color: #006c0f;
}
table.panier_divers{
    margin: -10px;
}
table.panier_divers .mode{
    width: 250px;
    padding: 5px;
	color: #000;
	text-align: center;
}
img.paiement{
	border: 1px solid #000;
}
table.panier_divers td.td_mode{
    border: 1px solid #bababa;
    width: 250px;
	background: #fff;
	color: #000;
	margin-bottom: 15px;
}
table.panier_divers td.td_mode img{
	margin: 0;
}
table.panier_divers{
	margin-bottom: 15px;
	
}
.mot_magasin{
    border: 1px #000 solid;
    padding: 10px;
    margin-top: 10px;
    margin-top: 30px;
}
.mot_magasin h4{
    margin-top: 0;
    color: #006c0f;
}
.panier_liste_suite{
    clear: both;
}


.contenu_texte{
	font-weight: bold;
}
.contenu_texte ul{
	margin-left: 15px;
}

.modules-web{
	padding-top: 5px;
	border-top: 1px solid #adadad;
	margin-top: 45px;
	color: #adadad;
	text-align: center;
}
.modules-web a{
	color: #adadad;
	text-decoration: underline;
}
.modules-web a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}


#jeu_concours{
	margin-top: 15px;
	background: url(../images/concours.gif) no-repeat;
	width: 623px;
	height: 500px;
}
#jeu_concours table{
	margin-top: 35px;
	margin-left: 70px;
	color: #1362AD;
	font-weight: bold;
}
html>body #jeu_concours table{
	margin-top: 35px;
}

/* Style du prix éco taxe */
.ecotaxe {
	font-size: 10px;
}

.dispo_panier {
	font-weight:bold;
	margin-top:8px;
	font-size:12px;
}

.cadre_panier{
	margin-top:5px;
	padding:10px;
    font-size: 11px;
    border: 1px solid #000;
	background: #f5dad4;
	color: #000;
	text-align:left;
}


#liste_univers_accueil{
	width: 485px;
	float: left;
	position: relative;
	z-index: 500;
}
#liste_univers_accueil .univ_accueil{
	width: 240px;
	margin-bottom: 5px;
}

#liste_univers_accueil .univ_accueil_overlay{
	position: absolute;
	
	left: 0 !important;
	/*left: -240px;*/
	width: 485px;
	background: #fff;
	display: none;
	z-index: 1000;
}

#liste_univers_accueil .univ_accueil_left{
	float: left;
	*position: relative;
	*z-index: 500;
}
#liste_univers_accueil .univ_accueil_right{
	float: right;
	/**position: relative;
	*z-index: 500;*/
}
#liste_univers_accueil .univ_accueil_right{
	*float: none;
}

#liste_univers_accueil .univ_accueil .text_univ{
	border: 5px solid #ccc;
	position: relative;
}
#liste_univers_accueil .univ_accueil_overlay .text_univ{
	border: 5px solid #ccc;
	position: relative;
	
}
#liste_univers_accueil .univ_accueil .text_univ h3,
#liste_univers_accueil .univ_accueil_overlay .text_univ h3{
	height: 33px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 33px;
	padding-left: 10px;
}
#liste_univers_accueil .univ_accueil .text_univ h3 a,
#liste_univers_accueil .univ_accueil_overlay .text_univ h3 a{
	color: #fff;
}

#liste_univers_accueil .univ_accueil .text_univ .inner_article2{
	height: 102px;
	width: 100px;
	right: 0 !important;
	right: 5px;
	top: 33px !important;
	top: 38px;
	position: absolute;
	z-index: 200;
	background: #fff;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}
#liste_univers_accueil .univ_accueil_overlay .text_univ .inner_article2{
	height: 110px;
	width: 100px;
	right: 0;
	top: 0px;
	
	background: #fff;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
	position: absolute;
	z-index: 350;
}

#liste_univers_accueil .univ_accueil .text_univ .inner_article{
	height: 102px;
	width: 100px;
	float: right;
	text-align: center;
	color: #e2011b;
	font-weight: bold;
	position: relative;
	z-index: 400;
}

#liste_univers_accueil .univ_accueil_overlay .text_univ .inner_article{
	height: 100px;
	width: 100px;
	float: right;
	text-align: center;
	color: #e2011b;
	font-weight: bold;
	position: relative;
	z-index: 400;
}
#liste_univers_accueil .univ_accueil .text_univ .inner_article a,
#liste_univers_accueil .univ_accueil_overlay .text_univ .inner_article a{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333333;
}
#liste_univers_accueil .univ_accueil p.savoir_plus,
#liste_univers_accueil .univ_accueil_overlay p.savoir_plus{
	border-top: 5px solid #ccc;
	background: #fff;
	
}
#liste_univers_accueil .univ_accueil p.savoir_plus a,
#liste_univers_accueil .univ_accueil_overlay p.savoir_plus a{
	display: block;
	background: url(../images/accueil/fleche.gif) no-repeat top left;
	height: 23px;
	line-height: 23px;
	padding-left: 20px;
	font-weight: bold;
}
#liste_univers_accueil .univ_accueil_right .savoir_plus a.open,
#liste_univers_accueil .univ_accueil_overlay_left .savoir_plus a.close{
	height: 19px;
	width: 19px;
	display: block !important;
	/*display: none;*/
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/fleche_gauche.jpg) no-repeat top left;
	padding: 0;
	position: relative;
}
#liste_univers_accueil .univ_accueil_left .savoir_plus a.open,
#liste_univers_accueil .univ_accueil_overlay_right .savoir_plus a.close{
	height: 19px;
	width: 19px;
	display: block !important;
	/*display: none;*/
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/fleche_droite.jpg) no-repeat top left;
	padding: 0;
	position: relative;
}
#liste_univers_accueil .savoir_plus a.open span,
#liste_univers_accueil .savoir_plus a.close span{
	display: none;
}
.overlay_article{
	width: 230px;
	float: left;
	position: relative;
	height: 110px;
}
.accueil_univers_rubriques{
	width: 230px;
	float: right;
	margin-top: 10px;
	margin-bottom: 0px;
}
.accueil_univers_rubriques a{
	background: url(../images/accueil/fleche.gif) no-repeat 0px -5px;
	padding-left: 20px;
	font-size: 10px;
}
.resume_descriptif_prix span{
	font-size: 12px;
}

#plus_produit{
	border: 5px solid #082042;
	padding: 10px;
	margin: 10px;
	background: #e9f2ff;
	color: #082042;
}





.display_none{
	display: none;
}
#bloc_univers_rubriques{
	position: absolute;
	border: 5px solid #A9A9A9;
	width: 980px;
	background: #fff;
	z-index: 500000;
	display: none;
}
#bloc_univers_rubriques #menu_bloc_entete{
	width: 250px;
	float: left;
}
#bloc_univers_rubriques #menu_bloc_entete li{
	list-style: none;
}
#bloc_univers_rubriques #menu_bloc_entete li a{
	display: block;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom:4px;
	border-bottom: 1px solid #fff;
	background: #A9A9A9;
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}
#bloc_univers_rubriques #menu_bloc_entete li a:hover{
	background: #275390;
	color:#fff;
	text-decoration: none;
}
#bloc_univers_rubriques #menu_bloc_rubriques{
	/*width: 700px;
	float: left;*/
	margin-left: 60px;
}
#bloc_univers_rubriques #menu_bloc_entete li.accueil{
	display: none;
}
.icones_filles_enteet{
	width: 150px;
	float: left;
	text-align: center;
	height: 150px;
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
}
.icones_filles_enteet .contours_images_rubriques{
	height: 100px;
	margin-bottom: 10px;
}
.icones_filles_enteet .contours_images_rubriques img{
	border: 1px solid #ccc;
	
}
#ombrage{
	background: #fff;
	filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2;
	position: absolute;
	top: 225px;
	left: 0;
	height: 1000px;
	width: 100%;
	z-index: 5000;
	display: none;
}
.zoom_resume{
	position: relative;
	z-index: 10;
}


.moteur_avance{
	border: 1px solid #143562;
	margin-top: 5px;
	padding: 10px;
}
.moteur_avance #moteur_left{
	width: 250px;
	float: left;
}
.moteur_avance #moteur_left input,
.moteur_avance #moteur_left select{
	font-size: 11px;
	margin-bottom: 10px;
	width: 200px;
}
.moteur_avance #moteur_middle{
	width: 250px;
	float: left;
}
.moteur_avance #moteur_middle div{
	margin-bottom: 10px;
}
.moteur_avance #moteur_middle input{
	width: 50px;
	font-size: 11px;
}
.moteur_avance #moteur_right{
	width: 250px;
	float: left;
}
.moteur_avance #moteur_right div{
	margin-bottom: 10px;
}
.moteur_avance #moteur_find{
	clear: left;
	text-align: center;
}
.moteur_avance #moteur_find input{
	width: 250px;
	border: 1px solid #143562;
	background: #275390;
	color: #fff;
	font-weight: bold;
}
#closer{
	width: 11px;
	height: 11px;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	background: url(../images/close.jpg) no-repeat top left;
}
#closer span{
	display: none;
}
#ocean_respect{
	width: 792px;
	background: url(../images/ocean/ocean.jpg) no-repeat top left;
	padding-top: 248px;
}
#ocean_respect #zone_1{
	color: #fff;
	margin-bottom: 20px;
}
#ocean_respect #zone_1_left{
	color: #fff;
	font-weight: bold;
	background: url(../images/ocean/president.png) no-repeat top right;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 18px;
	padding-right: 220px;
	font-size: 10px;
}
#ocean_respect #zone_2{
	color: #85b946;
	font-weight: bold;
	font-size: 14px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#ocean_respect #zone_2 ul{
	margin-left: 10px;
}
#ocean_respect #zone_3{
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 50px;
}
#zone_4{
	margin-left: 20px;
	margin-right: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}
#zone_4 #zone_4_left{
	width: 418px;
	height: 380px;
	background: url(../images/ocean/pack.png) no-repeat top left;
	float: left;
}
#zone_4 #zone_4_right{
	width: 302px;
	float: right;
	background: url(../images/ocean/titre4.jpg) no-repeat top left;
	padding-top: 75px;
	line-height: 18px;
}
#zone_5 {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: -60px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}
#zone_5 #zone_5_left{
	padding-top: 60px;
	width: 480px;
	float: left;
}
#zone_5 #zone_5_right{
	width: 193px;
	height: 446px;
	background: url(../images/ocean/catalogue.png) no-repeat top left;
	float: right;
}
#zone_6{
	background: url(../images/ocean/titre6.jpg) no-repeat;
	width: 340px;
	padding-top: 75px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 150px;
	line-height: 18px;
}
#zone_4 span,
#zone_5 span,
#zone_6 span{
	color: #25a9d0;
}
#zone_4 #zone_4_right a.acceder,
#zone_5 #zone_5_left a.acceder{
	display: block;
	width: 241px;
	height: 60px;
	background: url(../images/ocean/acceder.png) no-repeat top left;
	margin-top: 15px;
}
#zone_4 #zone_4_right a.acceder{
	float: right;
}
#zone_4 #zone_5_left a.acceder{
	float: left;
}

#zone_4 #zone_4_right a.acceder span,
#zone_5 #zone_5_left a.acceder span{
	display: none;
}
#zone_5 #zone_5_left a.consultez{
	width: 278px;
	height: 150px;
	background: url(../images/ocean/consultez.png);
	display: block;
	margin-top: 100px;
}
#zone_5 #zone_5_left a.consultez span{
	display: none;
}



.tr_boutique_privee td{
	background-color : #00A7DE;
}
.panier_liste_boutique{
	margin-top : 5px;
}
.floater_privee_left_80pourcent{
	padding : 20px; 
	float: left;
	width: 450px;
}
.floater_privee_left_20pourcent{
	float: left;
	width: 150px;
}
.titre_boutique{
	width: 677px;
	height: 66px;
	background: url(../images/titre_boutique.jpg) no-repeat top center;
	margin: 0 auto;
	margin-bottom: 10px;
}

.h3_accueil h3{
	height: 33px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 33px;
	padding-left: 10px;
	width: 245px;
	float: left;
	margin: 4px;
}
.h3_accueil h3 a{
	color: #fff;
}
.images_supp {
	text-align:center;
}
.images_supp a{
	margin:5px;
	float: left;
}