@charset "utf-8";
/* CSS Document */
/* styles communs */

#global{
	width:955px;
	height:600px;
	position:absolute; 
	left: 50%;  
	top: 50%;
	margin-top: -300px; /* moitié de la hauteur */ 
	margin-left: -478px; /* moitié de la largeur */ 
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#signature{
	padding-top:25px;
	text-align:center;
	font-size:9px;
	color:#000;
}
#signature a{
	text-decoration:none;
	color:#000;
}
#main{
	width:955px;
	height:600px;
	position:relative;
	background-image:url(images/back_main.jpg);
}
#damier{
	width:269px;
	height:600px;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	background-image:url(images/damier_bipero_sangria_basque.png);
}
#damier h1{
	font-size:14px;
	font-weight:bold;
	top:137px;
	left:51px;
	word-spacing:17px;
	position:absolute;
}
#logo_damier{
	left:17px;
	top:35px;
	position:absolute;
	z-index:3;
	border:0;
}
#img_footer{
	border:0;
	position:absolute;
	right:0;
	bottom:0;
}
#acces_vip{
	border:0;
	position:absolute;
	bottom:15px;
	left:88px;
	z-index:3;
}




/* menu  */


#menu{
	width:686px;
	height:42px;
	position:absolute;
	right:0;
	bottom:58px;
	background-color:#FFF;
}
#menu table{
	width:686px;
	border:0;
	border-collapse:0;
	padding:0;
}
#menu img{
	border:0;
}



/* page d'accueil */


#img_bienvenue{
	position:absolute;
	right:20px;
	top:160px;
}
#actu_accueil{
	width:208px;
	height:269px;
	position:absolute;
	right:0;
	top:201px;
	background-image:url(images/back_news.png);
	padding:15px;
	text-align:justify;
}
#actu_accueil a{
	text-decoration:none;
	color:#000;
}




/* page produits */


#main_produit{
	width:955px;
	height:599px;
	position:relative;
	background-color:#990000;
	padding-top:1px;
}
#texte_produit,#texte_produit_rose,#texte_produit_blanche,#texte_produit_soda{
	width:238px;
	height:399px;
	position:absolute;
	right:0;
	top:101px;
	background-color:#cc0033;
}
#diapo_produit{
	width:448px;
	height:399px;
	background-color:#999;
	margin-top:100px;
	margin-left:269px;
}
#menu_produit{
	position:absolute;
	left:292px;
	top:75px;
	font-size:11px;
	font-weight:bold;
	word-spacing:17px;
}
#menu_produit a{
	word-spacing:normal;
	text-decoration:none;
	color:#FFF;
}
#menu_produit a:hover,#menu_produit a.actif{
	color:#ff99cc;
}
#texte_produit p,#texte_produit_rose p,#texte_produit_blanche p,#texte_produit_soda p{
	width:198px;
	text-align:justify;
	margin:auto;
	margin-top:5px;
}
#titre_sangria_rouge{
	margin-top:8px;
	margin-left:18px;
}
#meilleure_sangria{
	margin-top:8px;
	margin-left:18px;
}
#texte_produit_rose{
	background:none;
	background-image:url(images/back_sangria_rose.jpg);
}
#texte_produit_rose p{
	color:#ff0066;
}
.titre_rosee{
	text-transform:uppercase;
	font-weight:bold;
}
#texte_produit_blanche{
	background:none;
	background-color:#ff9999;
}
#texte_produit_blanche p{
	color:#990033;
	font-size:11px;
}
#img_rose{
	margin-left:18px;
}
#texte_produit_soda{
	background-color:#663300;
}
#img_piment{
	position:relative;
	left:12px;
	top:-15px;
}


/* page histoire */

#histoire{
	width:686px;
	height:599px;
	background-image:url(images/back_histoire.jpg);
	margin-left:269px;
	padding-top:1px;
}
#histoire_scroll{
	width:686px;
	height:400px;
	overflow:hidden;
	background-image:url(images/histoire_fond.png);
	margin-top:98px;
	position:relative;
}
#img_histoire{
	position:absolute;
	right:14px;
	top:25px;
	z-index:2;
}
#titre_histoire{
	margin-top:7px;
	margin-left:15px;
}
#histoire_contenu{
	position:absolute;
	left:0;
	width:666px;
	padding-bottom:39px;
}
#histoire_contenu p{
	width:95%;
	text-align:justify;
	margin:auto;
	margin-top:10px;
	margin-bottom:5px;
}
#histoire_scroll_bar{
	position:absolute;
	width:25px;
	height:335px;
	top:0;
	right:0;
	background-image:url(images/fond_scroll_bar.png);
}
#img_haut{
	position:absolute;
	top:0;
	right:-3px;
	cursor:pointer;
}
#img_bas{
	position:absolute;
	cursor:pointer;
	bottom:0;
	right:0;
}
#enveloppe{
	position:relative;
	width:686px;
	height:370px;
	overflow:hidden;
}



/* page contact */


#main_contact{
	width:955px;
	height:600px;
	position:relative;
	background-image:url(images/back_contact.jpg);
}
#titre_contact{
	position:relative;
	left:766px;
	top:50px;
}
#centre_contact{
	width:671px;
	height:399px;
	background-image:url(images/contact_fond.png);
	margin-left:269px;
	margin-top:60px;
	position:relative;
	padding-top:1px;
	padding-left:15px;
}
p.contact{
	width:435px;
	text-align:justify;
	margin-top:24px;
}
#tab_form{
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-top:5px;
}
#tab_form td{
	height:29px;
	vertical-align:middle;
}
#centre_contact input[type=text]{
	background:none;
	background-image:url(images/back_input.png);
	border:0;
	width:260px;
	height:22px;
}
#centre_contact textarea{
	width:434px;
	height:154px;
	background:none;
	background-image:url(images/back_input.png);
	border:0;
}
#centre_contact input[type=reset],#centre_contact input[type=submit]{
	border:0;
	position:absolute;
	background:none;
}
#centre_contact input[type=reset]{
	width:117px;
	height:37px;
	background-image:url(images/annuler.png);
	bottom:15px;
	left:204px;
}
#centre_contact input[type=submit]{
	width:105px;
	height:41px;
	background-image:url(images/envoyer.png);
	bottom:10px;
	left:343px;
}
#centre_contact input[type=reset]:hover,#centre_contact input[type=submit]:hover{
	cursor:pointer;
}
#centre_contact input[type=reset]:hover{
	background-image:url(images/annuler2.png);
}
#centre_contact input[type=submit]:hover{
	background-image:url(images/envoyer2.png);
}
p.infos_contact{
	position:absolute;
	left:500px;
	top:185px;
	margin:0;
}
.ste{
	font-weight:bold;
}
.num{
	color:#000;
	font-size:10px;
}




/* page amis */


#main_amis{
	width:955px;
	height:600px;
	position:relative;
	background-image:url(images/back_amis.jpg);
}
#cadre_amis{
	width:671px;
	position:relative;
	height:398px;
	top:100px;
	margin-left:269px;
	background-image:url(images/background_amis.png);
	padding-top:1px;
	padding-left:15px;
}
#titre_amis{
	position:absolute;
	right:25px;
	top:57px;
}
#cadre_amis h1{
	font-weight:normal;
	font-size:12px;
	margin-top:25px;
}
#enveloppe2{
	position:relative;
	width:671px;
	height:370px;
	overflow:hidden;
}
p.colonne_gauche{
	position:relative;
	left:0px;
	top:auto;
	margin-left:0;
}
p.colonne_droite{
	position:relative;
	left:370px;
	top:-55px;
	margin-left:0;
}
p.colonne_droite a,p.colonne_gauche a{
	color:#FFF;
	text-decoration:none;
}




/* page actu */


#main_actu{
	width:955px;
	height:600px;
	position:relative;
	background-image:url(images/back_actu.jpg);
}
#image_actu{
	position:absolute;
	display:table-cell;
	width:238px;
	height:200px;
	text-align:center;
	vertical-align:middle;
	left:291px;
	top:110px;
}
p#texte_actu{
	width:393px;
	height:198px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-left:15px;
	padding-right:15px;
	position:absolute;
	top:110px;
	left:529px;
	border:1px solid #FFF;
	margin:0;
	text-align:justify;
	font-size:12px;
	color:#cc0066;
}
p#texte_actu span.titre_actu{
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
}
#liste_actu{
	position:absolute;
	background-color:#ebebec;
	width:430px;
	height:145px;
	padding-left:15px;
	padding-right:15px;
	left:396px;
	bottom:110px;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:12px;
}
#liste_actu ul{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:15px;
	line-height:18px;
}
#liste_actu a{
	text-decoration:none;
	color:#cc0066;
}