<?
?>
/* Feuille de style CSS pour le site EXPE*/
img { border : 0; }

input, select { padding : 1px; }

.contour { border: 1px solid #A3A3A3; }

.haut { vertical-align : top; }
.bas { vertical-align : bottom; }
.milieu { vertical-align : middle; }
.droite { text-align : right; }
.gauche { text-align : left; }
.centre { text-align : center; }
.justifie { text-align : justify; }
.italique { font-style : italic; }
.gras { font-weight : bold; }

body {
	font-family: verdana;
	font-size: 10px;
	background-image: url('css/top_talling.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: white;
}

#global-top {
	background-image: url('css/top.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 950px;
	height: 13px;
	margin: auto;
	margin-top: 30px;
	padding: 0;
}

#global {
	background-image: url('css/fond.gif');
	background-repeat: repeat-y;
	background-position: top left;
	width: 950px;
	margin: auto;
	padding: 0;

}

#logo {
	background-repeat: no-repeat;
	background-position: top center;
	width: 950px;
	height: 100px;
}

#menu {
	font-family: verdana;
	font-size: 12px;
	background-image: url('css/menu.gif');
	background-repeat: no-repeat;
	background-position: top center;
	text-align: left;
	width: 880px;
	height: 45px;
	margin: auto;
	margin-bottom: 0px;
	padding-top: 16px;
	padding-left: 45px;
	color: white;
}

#menu .menu_item { font-size: 12px; font-weight : normal; }

#menu a:link {
	font-style: normal; 
	color: white; 
	text-decoration: none;
}

#menu a:visited {
	font-style: normal;
	color: white; 
	text-decoration: none;
}

#menu a:active {
	font-style: normal;
	color: white; 
	text-decoration: none;
}

#menu a:hover {
	font-weight: normal;
	color: white; 
	text-decoration: underline;
}

#menu-bottom {
	width: 880px;
	height: 75px;
	margin: auto;
	margin-top: 0px;
	padding-left: 7px;
	color: white;
}

#menu-bottom .recherche {
	background-image: url('css/fond_recherche.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin-left : 16px;
	width: 314px;
	height: 63px;
	float: left;
}

#menu-bottom .recherche a {
	color : #46AFCA;
}

#menu-bottom .services {
	background-image: url('css/fond_services.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin-left : 16px;
	width: 264px;
	height: 63px;
	float: left;
}

#menu-bottom .panier {
	background-repeat: no-repeat;
	background-position: top left;
	margin-left : 17px;
	width: 188px;
	height: 63px;
	float: left;
	padding : 7px 7px 7px 4px;
}

.info { color : red; }

#menu-bottom  #recherche-complement {
	width: 314px;
	text-align : center;
	color : #46AFCA;
}

#menu-bottom .recherche-complement a {
	color : #46AFCA;
}

#menu-bottom .flags {
	background-image: url('css/fond_lang.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 51px;
	height: 62px;
	float: left;
}

#email_newsletter {
	background-image: url('css/newsletter2.gif');
	background-repeat: no-repeat;
	background-position: 0 1px;
	height : 30px;	
}

#email_newsletter_content {
	vertical-align: top;
	margin-left: 30px;
	padding-top: 3px;
	background: none;
	width: 120px; 
	height: 15px; 
	border: none; 
	font-size: 11px;
}

#recherche_input_text {
	background-color : #F2F5F3;
	background-image : url('css/recherche.gif');
	background-repeat : no-repeat;
	padding-left: 30px;
	padding-right: 5px;
	margin-left : 20px;
	margin-top: 5px;
	padding-top : 5px;
	width: 180px; 
	height: 25px; 
	border: none; 
	font-size: 11px;
	color:#797b8a;
	float: left;
}

#recherche_input_submit {
	border:none;
    /*
    background: transparent url('css/recherche-bouton.gif') no-repeat top left;
    */
    width:70px;
    height:25px;
	margin-top: 5px;
	padding-top : 5px;
}

#menu-bottom .right {
	background-image: url('css/fond-panier.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 480px;
	height: 75px;
	paddin-left: 10px;
	float: left;
}

#menu-bottom .right .separation {
	background-image: url('css/separation.gif');
	background-repeat: repeat-y;
	background-position: top left;
	margin-top: 13px;
	margin-left: 3px;
	margin-right: 3px;
	width: 1px;
	height: 50px;
	float: left;
}

#menu-bottom .right .blocun {
	width: 140px;
	height: 75px;
	float: left;
	color:#797b8a;
	padding-top: 10px;
	padding-left: 15px;
}

#menu-bottom .right .blocun select {
	margin-top: 7px;
	width: 100px;
	float: left;
	border: 1px solid #A3A3A3;
}

#menu-bottom .right .blocdeux {
	width: 150px;
	height: 75px;
	float: left;		
	color:#797b8a;
	padding-top: 10px;
	padding-left: 5px;
}

#menu-bottom .right .blocdeux img {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border: 0px;
	float: left;
}

#menu-bottom .right .bloctrois {
	width: 150px;
	height: 75px;
	float: left;		
	color:#797b8a;
	padding-top: 10px;
	padding-left: 5px;
}

#menu-bottom .right .bloctrois img {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

#menu-bottom .right .bloctrois .info {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

#menu-bottom .right .bloctrois .info a:link {
	font-style: normal; 
	color: red; 
	text-decoration: none;
}

#menu-bottom .right .bloctrois .info a:visited {
	font-style: normal;
	color: red; 
	text-decoration: none;
}

#menu-bottom .right .bloctrois .info a:active {
	font-style: normal;
	color: red; 
	text-decoration: none;
}

#menu-bottom .right .bloctrois .info a:hover {
	font-weight: normal;
	color: red; 
	text-decoration: underline;
}

#menu-left {
	float:left;
	width: 250px;
	margin-top: 10px;

}

#menu-right {
	float:right;
	width: 250px;
	margin-top: 10px;

}

#document {
	position : relative;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#document .section {
	background-image: url('css/section_titre.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 630px;
	height: 35px;
	font-size: 15px;
	color: white;
	padding-left: 20px;
}

#document .box-text {
	background-image: url('css/box/fond.gif');
	background-repeat: repeat-y;
	background-position: top left;		
	width: 390px;
	padding-left: 20px;
	padding-right: 20px;
	/*
	padding-top: 8px;
	*/
	overflow: hidden;
}

#document .top-text {
	background-image: url('css/box/top.gif');
	background-repeat: no-repeat;
	background-position: top left;		
	width: 430px;
	height: 15px;
	/*margin-top: 10px;*/
}

#document .bottom-text{
	background-image: url('css/box/bottom.gif');
	background-repeat: no-repeat;
	background-position: top left;		
	width: 430px;
	height: 15px;
	margin-bottom: 10px;
}

#document .box-text-index {
	background-image: url('css/box/fond430.gif');
	background-repeat: repeat-y;
	background-position: top left;		
	width: 390px;
	padding-left: 20px;
	padding-right: 20px;
	/*
	padding-top: 8px;
	*/
	overflow: hidden;
}

#document .top-text-index {
	background-image: url('css/box/top430.gif');
	background-repeat: no-repeat;
	background-position: top left;		
	width: 430px;
	height: 15px;
	/*margin-top: 10px;*/
}

#document .bottom-text-index{
	background-image: url('css/box/bottom430.gif');
	background-repeat: no-repeat;
	background-position: top left;		
	width: 430px;
	height: 15px;
	margin-bottom: 10px;
}

.img-gauche {
	background-repeat: no-repeat;
	background-position: top left;		
	padding-right: 10px;
	text-align : center;
	float: left;
}

.img-droite {
	background-repeat: no-repeat;
	background-position: top left;		
	padding-left: 10px;
	text-align : center;
	float: right;
}

#document .box-text-index .img-gauche {
	background-repeat: no-repeat;
	background-position: top left;		
	padding-right: 10px;
	text-align : center;
	float: left;
}

#document .box-text-index .img-droite {
	background-repeat: no-repeat;
	background-position: top left;		
	padding-left: 10px;
	text-align : center;
	float: right;
}

#document .box-text img{
}

#menu-left .bloc, #menu-right .bloc {
	width: 210px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#menu-left .bloc .titre , #menu-right .bloc .titre{
	margin-left: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
	color : #289fbd;
	border-bottom: 1px black solid;
}

#menu-left .bloc .soustitre , #menu-right .bloc .soustitre {
	margin-left: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	color : #289fbd;
}

#menu-left .bloc .title , #menu-right .bloc .title {
	margin-left: 20px;
	font-weight: bold;
	font-size: 16px;
	color : #289fbd;
	/*
	color : white;
	border-radius : 10px;
	-moz-border-radius : 10px;
	background-color : #5DAEC7;
	*/
	text-align : left;
}

.toptext { background-image: url('css/box/top.gif'); background-repeat: no-repeat; background-position: top left; width: 435px; height: 15px; }
.bottomtext{ background-image: url('css/box/bottom.gif'); background-repeat: no-repeat; background-position: top left; width: 435px; height: 15px; }
.boxtext { background-image: url('css/box/fond.gif'); background-repeat: repeat-y; background-position: top left; width: 395px; padding-left: 20px; padding-right: 20px; }

.toptext410 { background-image: url('css/box/top410.gif'); background-repeat: no-repeat; background-position: top left; width: 415px; height: 15px; }
.bottomtext410 { background-image: url('css/box/bottom410.gif'); background-repeat: no-repeat; background-position: top left; width: 415px; height: 15px; }
.boxtext410 { background-image: url('css/box/fond410.gif'); background-repeat: repeat-y; background-position: top left; width: 370px; padding-left: 20px; padding-right: 20px; }

#menu-left .bloc .titre a, #menu-right .bloc .titre a{
	font-size: 14px;
}

#menu-left .bloc .item_1, #menu-right .bloc .item_1 {
	margin-left: 30px;
	font-size: 12px;
	color: #289fbd;
	/*height: 18px;*/
}

#menu-left .bloc .item_2, #menu-right .bloc .item_2 {
	margin-left: 50px;
	font-size: 10px;
	color: #289fbd;
	/*height: 18px;*/
}

#menu-left .bloc .item_1, .bloc .item_2, #menu-right .bloc .item_1, .bloc .item_2 {
	padding-top : 5px;
}

#menu-left .bloc a:link {
	font-style: normal; 
	color: #289fbd; 
	text-decoration: none;
}

#menu-left .bloc a:visited {
	font-style: normal;
	color: #289fbd; 
	text-decoration: none;
}

#menu-left .bloc a:active {
	font-style: normal;
	color: #289fbd; 
	text-decoration: none;
}

#menu-left .bloc a:hover {
	font-weight: normal;
	color: orange; 
	text-decoration: none;
}

#bottom-top {
	background-image: url('css/line-x.gif');
	background-repeat: repeat-x;
	background-position: top left;		
	width: 950px;
	height: 2px;
	margin: auto;
	clear: both;
}

#bottom {
	color:#797b8a;		
	width: 950px;
	height: 30px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

#entete {
	float : right;
	height : 87px;
	width : 650px;
	text-align : right;
}

a.menulink {
}

a.menulink_selected {
	font-weight : bold;
}

div#products_price {
	float : right;
	padding-right: 20px;
}

div#products_image {
	float : right;
	text-align : center;
}

#products_description {
	text-align : justify;
	padding : 5px;
}

.bord { border : 1px solid #5DAEC7; }

.titreproduit { font-size : 11pt; font-weight : bold; }

.pagecontent { font-size : 10pt; padding : 10px; }

.entete_prix_produit {
	font-size : 12pt;
	font-weight : bold;
	color : #5DAEC7;
}

.entete_a_decouvrir {
	font-size : 11pt;
	color : #5DAEC7;
}

div#trace {
	margin-top : 20px;
	padding : 10px;
}

.nomduproduit {
	font-size : 16px;
	font-weight : bold;
}

.oldprice {
	color: #00428C;
	font-size : 13pt;
	font-weight : bold;
	text-decoration: line-through;
}

.prixpromo {
	color: red;
	font-size : 16pt;
	font-weight : bold;
}

.prixnormal {
	color: #00428C;
	font-size : 13pt;
	font-weight : bold;
}

.nowrap { white-space : nowrap; }

div#lesmarques { z-index : 100; }
div#lesservices { z-index : 100; }

.bleu { color : #43AEC9; }

.titreproduit * { font-size : 14pt; font-weight : bold; color : #6E8CA4; }
.titremarque { font-size : 13pt; font-style : italic; color : #6E8CA4; }

#email_newsletter_big {
	/*
	background-image: url('css/newsletter.gif');
	background-repeat: no-repeat;
	background-position: 0 1px;
	height : 30px;
	*/
}

#email_newsletter_content_big {
	vertical-align: top;
	/*
	margin-left: 30px;
	*/
	padding: 3px;
	background: none;
	width: 250px; 
	height: 15px; 
	border: 1px solid #DEDEDE; 
	font-size: 11px;
	-moz-border-radius : 3px;
	border-radius : 3px;
}

.div_concours {
	margin : 10px 0 10px 0;
	border : 1px solid #A3A3A3;
	border-radius : 4px;
	-moz-border-radius : 4px;
	padding : 4px;
	font-size : 8pt;
}

.div_concours_error {
	margin : 10px 0 10px 0;
	border : 1px solid red;
	border-radius : 4px;
	-moz-border-radius : 4px;
	padding : 4px;
	font-size : 8pt;
	color : red;
}

input.input_concours, select.input_concours {
	padding : 4px;
	border : 1px solid #A3A3A3;
	border-radius : 4px;
	-moz-border-radius : 4px;
	padding : 4px;
	font-size : 8pt;
}

#header_box_account {
	position : relative;
	float : right;
	width : 100px;
	height : 40px;
	margin-right : -140px;
	margin-top : 12px;
}

#header_box_panier {
	position : relative;
	float : right;
	width : 100px;
	height : 20px;
	margin-right : -140px;
	margin-top : 55px;
}

#header_box_account *, header_box_panier * {
	font-size : 9px;
}

#header_box_panier * {
	color : red;
}

.checkout_error {
	color : white;
	font-weight : bold;
	padding : 10px;
	border-radius : 10px;
	-moz-border-radius : 10px;
	background-color : red;
	margin : 15px 0 10px 0;
	font-size : 10pt;
}

/* AJOUT DE STYLE POUR LES MODIFS DEPUIS L'ADMINISTRATION */
.soustitre {
	
}

.titre {
	
}