@CHARSET "ISO-8859-1";

body.look{
	margin-top:0px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(fond_site_gris.jpg);
	background-repeat: repeat-x;
	color: #000000;
}

#content{
	position:relative;
	top:0px;
	margin-top:0px;
	width:1000px;
	overflow:hidden;
	margin-left:auto!important;
	margin-right:auto;
	margin-left:20px;
}

/************ Gestion header *************/
.header {
	position: relative;
	float:left;
	width: 1000px;
	height : 160px;
	background-image: url(logo_ban.png)!important;
	background-image: url(logo_ban.gif);
	background-repeat: no-repeat;
}
.logo {
	position: relative;
	padding-top:20px;
	width: 800px;
	margin-top:1px;
	float:left;
	vertical-align:bottom;
}

.panier {
	position:relative;
	margin-top:0px;
	float:right;
	width: 200px;
	height: 110px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(fond_panier.png)!important;
	background-image: url(fond_panier.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

.panier p {
	padding-left : 8px;
	color: #FFFFFF;
	text-decoration: none;
}

#text_panier_achat {
	position: relative;
	float: left;
	text-align:center;
	padding-left: 15px;
	margin-top: -5px;
}

.panier a {
	color: #FFFFFF;
	text-decoration: none;
}

.panier a:HOVER {
	color: #FFFFFF;
	text-decoration: underline;
}

.bulle_gauche {
	position:relative;
	float:left;
	width: 14px;
	height: 48px;
	background-image: url(bulle_panier_gauche.png);
	background-repeat: no-repeat;
}

.bulle_droite {
	position:relative;
	float:left;
	width: 16px;
	height: 48px;
	background-image: url(bulle_panier_droite.png);
	background-repeat: no-repeat;
}

.bulle_centre {
	position:relative;
	float:left;
	width: 122px;
	height: 48px;
	background-image: url(bulle_panier_centre.png);
	background-repeat: no-repeat;
}

.bulle_fond {
	position:relative;
	float:left;
	padding-left:2px;
	width: 152px;
	height: 61px;
	background-image: url(bulle_panier_fond.png);
	background-repeat: no-repeat;
}

.panier img{
	position:relative;
	float: right;
}

#contenu_panier {
	position: relative;
	text-align : center; 
	width: 610px;
}
#ligne_panier {
	position:fixed;
	float:inherit;
	height:120px;
	text-align : center; 
	width: 610px;
}
#col_panier_title {
	text-align: center;
	font-size: medium;
	font-weight: bold; 
}
.nom_panier {
	position: relative;
	float: left;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	width: 190px;
}
.format_panier {
	position: relative;
	float: left;
	text-align:left;
	padding-top:10px;
	width: 250px;
}
.prix_panier {
	position: relative;
	float: left;
	text-align:right;
	padding-top:10px;
	width: 100px;
}
.removeBasketCell {
	position: relative;
	float: left;
	padding-top:10px;
	padding-left:10px;
	width: 45px;
}
.total_panier {
	position: relative;
	float:left;
	text-align:left;
	font-weight: bold;
	padding-top:10px;
	padding-left:10px;
	width: 440px;
}
.prix_total_panier {
	position: relative;
	float: left;
	text-align:right;
	padding-top:10px;
	width: 100px;
}
/******************** gestion menu supérieur ********************/
.menu_sup {
	position: relative;
	margin-top:2px;
	padding-left:20px;
	float:left;
	height: 30px;
	width: 940px;
	margin-bottom: 0px;
	background-image: url(menu-fond_bleu.gif);
	background-repeat: repeat-x;

}
.menu_sup_gauche {
	position: relative;
	margin-top:2px;
	float:left;
	width: 18px;
	height: 30px;
	margin-bottom: 0px;
	background-image: url(menu-fond-gauche_bleu.gif);
	background-repeat: repeat-x;
}
.menu_sup_droite {
	position: relative;
	margin-top:2px;
	float:left;
	width: 18px;
	height: 30px;
	margin-bottom: 0px;
	background-image: url(menu-fond-droite_bleu.gif);
	background-repeat: repeat-x;

}
p.menu {
	position: relative;
	float: left;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 3px;
	color: #CC9900;
}
p.menu_droite{
	position: relative;
	float: right;
	margin-top: 6px;
	margin-right: 3px;
	color: #CC9900;
}
p.menu a,p.menu_droite a {
	color: #CC9900;
	text-decoration: none;
	font-weight: bold;
}
p.menu a:hover,p.menu_droite a:hover {
	text-decoration: underline;
}

.navigation {
	position: relative;
	width:955px;
	padding-left : 20px;
	padding-top:4px;
	margin-top:2px;
	margin-left:10px;
	padding-bottom:4px;
	float:left;
	background-color: #CC9900;
}

/************** gestion footer ******************/

.menu_footer {
	position: relative;
	margin-top:50px;
	float: left;
	width: 1000px;
	text-align: center;
}
.menu_footer p{
	font-size: 8pt;
	text-align: center;
}
	
/************** Gestion accueil ****************/	
	
.accueil_last_photo {
	position: relative;
	float:left;
	width: 520px;
	height: auto;
}

.accueil_actu {
	position: relative;
	float:left;
	width: 520px;
	height: auto;
}

#gallery_output {
	position: relative;
	float:left;

	width: 520px;
	height: 353px;
	text-align:center;
	padding-top:10px;
	background-image: url(fond_grand_cadre.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
}

#gallery_output img {
	display: block;
	margin: 0px auto 0 auto;
	border: 0px;
}

h2.last_photo {
	position: relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:lighter;
	color: #5791A6;
	
}

.liste_mini_photos {
	position: relative;
	float:left;
	width: 520px;
	height: 71px;
	background-color: #FFFFFF;
}
.mini_photo {
	position: relative;
	float:left;
	width: 104px;
	height: 71px;
	text-align: center;
	margin-top: 2px;
}

.mini_photo img {
	border: 0px;
}

.info_accueil{
	position:relative;
	float: right;
	width: 460px;
}

/*************** décoration **************/

.categorie {
	position: relative;
	float: left;
	width: 180px;
	padding-top : 10px;
	padding-right : 20px;
}

.categorie a {
	text-decoration : none;
	color: #FFFFFF;
}

.categorie a:hover {
	color: #FFFFFF;
}

.categorie li#not_select {
	position:relative;
	float:left;
	width:140px;
	display : block;
	padding-left : 10px;
	padding-bottom : 2px;
	padding-top : 2px;
	margin:1px;
	background-color: #5791A6;
}

.categorie li#select {
	position:relative;
	float:left;
	width:140px;
	display : block;
	padding-left : 10px;
	padding-bottom : 2px;
	padding-top : 2px;
	margin:1px;
	background-color: #CC9900;
}

#addBasket{
	display: inline;
	position : relative;
	float :inherit;
	margin: 2px auto 0 auto;
	border: 0px;
}

.addBasketImg{
	display:block;
	position : relative;
	float :left;
	margin: 0px auto 0 auto;
	border: 0px;
}

.removeBasketImg{
	display:none;
	position : relative;
	float :left;
	margin: 0px auto 0 auto;
	border: 0px;
}

#affiche_deco {
	position: relative;
	float: left;
	width: 780px;
}

#affiche_deco h1{
	position: static;
	float: none;
}

.cadre_photo_mind {
	position: relative;
	float: left;
	width: 200px;
	height: 150px;
	padding : 7px;
	margin :  7px;
	background-color: #FFFFFF;
}
.decoration_cadre_photo_mind {
	position: relative;
	text-align: center;
}
.cadre_photo_mind p{
	margin : 0px;
	font-size:11px;
	text-align: center;
	
}
.cadre_photo_mind a{
	position: relative;
	float: left;
	width: 180px;
	text-align: left;
}

.cadre_photo_mind span{
	position: relative;
	float: left;
	width: 20px;
	text-align: right;
	font-weight:bold;
	color:red;
}

img#cadre_grand_photo {
	position: relative;
	float:left;
	text-align:center;
	padding:6px;
	margin-top:5px;
	margin-right:20px;
	background-color: #FFFFFF;
}

.liste_prix {
	position: relative;
	float: left;
	margin-top: 20px;
	width: 245px;
}
.element_liste_prix {
	position: relative;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

.info_photo {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 245px;
}

.descriptif_photo {
	position: relative;
	float: left;
	margin-top: 20px;
	width: 100%;
}

p#prix_photo {
	position: relative;
	float: left;
	width: 100%;
}
p#info_frais_liv {
	position: relative;
	float: left;
	width: 100%;
	font-size: 10px;
}
form#id_panier {
	position: relative;
	float: left;
	width: 100%;
}

p#nav_page {
	position : relative;
	float:left;
	width: 100%;
	text-align:center;
}

p#nav_page a{
	position : relative;
	padding:10px;
	float:left;
	margin:10px;
	width:50px;
	font-weight:bolder;
	color:#FFFFFF;
	background-image: url(menu-fond_bleu.gif);
	/*
	background-image: url(fond_button_nav.png)!important;
	background-image: url(fond_button_nav.gif);
	*/
	background-repeat:repeat-x;
	text-decoration: none;
}

/*************** Général *************/


.bloc_left {
	position: relative;
	float: left;
	width: 470px;
	padding: 10px;
}

.bloc_right {
	position: relative;
	float:right;
	width: 470px;
	padding: 10px;
}

.bloc_centre {
	position: relative;
	float:left;
	width: 980px;
	padding: 10px;
}

.clear {
	clear:both;
	line-height: 1px;
	font-size: 1px;
}

p {
	position:relative;
	float:none;
	/*text-align:justify;*/
}

p.a_voir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration: blink; 
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #5791A6;
}

h2 {
	position: static;
	float:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:lighter;
	color: #5791A6;
}

a {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #5791A6;
}


a.button{
	font-size: 10pt;
	font-weight : bold;
	text-decoration:none;
	padding:5px;
	background-color: #CC9900;
}
/************* Image *************/
img.right {
		position: relative;
		float: right;
		padding: 5px;
}
img.left {
		position: relative;
		float: left;
		padding: 5px;
}