/*********************************************************************************/
/********************************** General ***************************************/
/*********************************************************************************/

html
{ 
	overflow-y: hidden;
	height: 100%;
}

body
{ 
	font-family: verdana, arial;
	color: #FFF;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	background: #000 url(http://www.domaine-des-coutures.com/images/site/fond_body.jpg) no-repeat 30% 50%;
}

a:link, a:visited
{
	color: #FFF;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

a.a_externe:link, a.a_externe:visited, a.a_externe:hover, a.a_externe:active
{
	padding-right: 16px;
	background: transparent url(http://www.domaine-des-coutures.com/images/site/link_ext.gif) no-repeat 100% 60%;
}

p
{
	margin: 0px;
}

img
{
	border: 0px solid #52504c;
}

#img_logo
{
	margin-bottom: -6px;
}

/*********************************************************************************/
/******************************** Conteneur ***************************************/
/*********************************************************************************/

#div_conteneur, #div_conteneur_contact, #div_conteneur_fond
{
	position: absolute;
	width: 900px;
	height: 420px;
	top: 50%;
	left: 50%;
	margin: -210px 0px 0px -450px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #52504c;
}

#div_conteneur_fond
{
	background: #0c0b09;
}

#div_conteneur_contact
{
	background: transparent url(http://www.domaine-des-coutures.com/images/site/carte.jpg) no-repeat top right;
}

#iframe_traitement
{
	position: absolute;
	z-index: 100;
	left: 700px;
	top: 400px;
	display: none;
}

/*********************************************************************************/
/********************************* Commun ***************************************/
/*********************************************************************************/

.img_flag
{
	margin: 0px 0px 0px 5px;
	border: 0px solid #F00;
}

#div_cache
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #000;
}

#div_google
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	background-color: #fff;
	padding: 10px;
	width: 600px;
	height: 500px;
}

/*********************************************************************************/
/******************************* Pied de page ***************************************/
/*********************************************************************************/

#div_etiquette_basse
{
	position: absolute;
	width: 99%;
	height: 20px;
	left: 0px;
	border: 0px solid #F00;
}

#p_etiquette_basse
{
	text-align: center;
	font-size: 10px;
}

/*********************************************************************************/
/*********************************** Accueil ***************************************/
/*********************************************************************************/

#div_logo_accueil
{
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	height: 77px;
	border: 0px solid #F00;
	background: transparent url(http://www.domaine-des-coutures.com/images/site/logo_accueil.jpg) no-repeat center top;
}

#div_bloc_images
{
	position: absolute;
	width: 440px;
	height: 290px;
	top: 120px;
	left: 415px;
	border: 0px solid #F00;
}

#div_accueil_0_in, #div_accueil_0_out, #div_accueil_1_in, #div_accueil_1_out, #div_accueil_2_in, #div_accueil_2_out, #div_accueil_3_in, #div_accueil_3_out, #div_accueil_4_in, #div_accueil_4_out, #div_accueil_5_in, #div_accueil_5_out, #div_accueil_6_in, #div_accueil_6_out, #div_accueil_7_in, #div_accueil_7_out, #div_accueil_8_in, #div_accueil_8_out
{
	position: relative;
	float: left;
	width: 120px;
	height: 80px;
	margin: 0px 8px 8px 0px;
	background-repeat: no-repeat;
	background-position: top left;
	border: 0px solid #FF0;
}

#div_accueil_0_in, #div_accueil_1_in, #div_accueil_2_in, #div_accueil_3_in, #div_accueil_4_in, #div_accueil_5_in, #div_accueil_6_in, #div_accueil_7_in, #div_accueil_8_in
{
	position: absolute;
}

#div_entrer
{
	position: absolute;
	width: 300px;
	top: 120px;
	left: 95px;
	border: 0px solid #F00;
	font-size: 12px;
}

#div_entrer p
{
	font-size: 12px;
}

/*********************************************************************************/
/************************************ Menu ****************************************/
/*********************************************************************************/

#div_menu
{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 560px;
	height: 20px;
	border: 0px solid #F00;
}

.div_menu0_courant, .div_menu0_pascourant
{
	position: relative;
	float: left;
	z-index: 20;
	font-size: 15px;
	border: 0px solid #0F0;
	color: #efcc94;
	margin: 0px 0px 0px 18px;
}

.div_menu0_pascourant a:link, .div_menu0_pascourant a:visited
{
	color: #827b73;
	text-decoration: none;
}

.div_menu0_pascourant a:hover, .div_menu0_pascourant a:active
{
	text-decoration: underline;
}

#div_texte_actualites, #div_texte_domaine, #div_texte_vins, #div_texte_commander, #div_texte_acces-contact
{
	position: absolute;
	width: 300px;
	height: 50px;
	top: -5px;
	z-index: 10;
	border: 0px solid #F00;
	background-repeat: no-repeat;
	background-position: top left;
}

#div_texte_actualites
{
	background-image: url(http://www.domaine-des-coutures.com/images/site/rubrique_actualites_fra.png);
	left: -15px;
}

#div_texte_domaine
{
	background-image: url(http://www.domaine-des-coutures.com/images/site/rubrique_domaine_fra.png);
	left: 70px;
}

#div_texte_vins
{
	background-image: url(http://www.domaine-des-coutures.com/images/site/rubrique_vins_fra.png);
	left: 175px;
}

#div_texte_commander
{
	background-image: url(http://www.domaine-des-coutures.com/images/site/rubrique_commander_fra.png);
	left: 250px;
}

#div_texte_acces-contact
{
	background-image: url(http://www.domaine-des-coutures.com/images/site/rubrique_acces-contact_fra.png);
	left: 360px;
}

.menu_lien_actif
{
	color: #efcc94;
}

a.menu_lien_actif:link, a.menu_lien_actif:visited, a.menu_lien_actif:hover, a.menu_lien_actif:active
{
	text-decoration: none;
}

/*********************************************************************************/
/********************************** Rubrique ***************************************/
/*********************************************************************************/

#div_langue
{
	position: relative;
	float: left;
	border: 0px solid #F00;
	height: 20px;
	top: -30px;
	cursor: pointer;
	margin-left: 0px;
}

.img_langue
{
	border: 0px solid #F00;
}

#div_logo_rubrique
{
	position: relative;
	float: right;
	border: 0px solid #F00;
	top: -59px;
	width: 92px;
	height: 59px;
	margin-left: 0px;
	background-image: url(http://www.domaine-des-coutures.com/images/site/logo_rubrique.png);
}

#div_barre_navigation
{
	position: absolute;
	top: -25px;
	left: 10px;
	font-size: 11px;
	border: 0px solid #F00;
}

#div_texte_large_out, #div_texte_moitie_out, #div_texte_contact1, #div_texte_contact2, #div_texte_commande
{
	position: absolute;
	top: 75px;
	left: 25px;
	z-index: 50;
	font-size: 12px;
	border: 0px solid #F0F;
	width: 91%;
	height: 310px;
	overflow: hidden;
	visibility: hidden;
}

#div_texte_moitie_out
{
	width: 55%;
}

#div_texte_commande, #div_texte_contact1
{
	top: 68px;
	visibility: visible;
	height: 330px;
}

#div_texte_contact1
{
	width: 52%;
	border: 0px solid #0F0;
}

#div_texte_contact2
{
	position: absolute;
	top: 375px;
	left: 670px;
	width: 200px;
	height: 50px;
	border: 0px solid #0F0;
	visibility: visible;
}

#div_texte_large_in, #div_texte_moitie_in
{
	position: relative;
	float: left;
	top: 0px;
	overflow: hidden;
	width: 99%;
}

#div_ascenseur_large, #div_ascenseur_moitie
{
	position: absolute;
	border: 0px solid #0FF;
	top: 80px;
	left: 93%;
	z-index: 100;
	height: 65%;
	margin-left: 10px;
	visibility: hidden;
}

#div_ascenseur_moitie
{
	left: 57%;
}

#div_fleche_haute, #div_fleche_basse
{
	position: absolute;
	width: 50px;
	height: 27px;
	top: 0%;
	border: 0px solid #00F;
	cursor: pointer;
}

#div_fleche_basse
{
	top: 100%;
}

#div_images
{
	position: absolute;
	top: 40px;
	left: 575px;
	font-size: 12px;
	border: 0px solid #F0F;
	width: 34%;
	width: 36%;
	height: 345px;
	overflow: hidden;
}

#div_images_principal, #div_images_miniatures
{
	position: relative;
	float: left;
	border: 0px solid #0FF;
	width: 100%;
	height: 288px;
}

#div_images_miniatures
{
	height: 45px;
}

.img_miniature
{
	margin : 8px 3px 0px 0px;
}

/*********************************************************************************/
/********************************** Les vins ***************************************/
/*********************************************************************************/

.div_liste_vins
{
	width: 97.3%;
	margin-top: 10px;
	min-height: 100px;
	border: 1px solid #4a453f;
	background-color: #000;
	padding: 5px;
}

.div_liste_vins img
{
	height: 100px;
	position: relative;
	float: left;
	margin-right: 5px;
}

.span_titre_vins
{
	color: #efcc94;
	font-weight: bold;
}

.p_resume_vins
{
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 11px;
	line-height: 1.5em;
}

.div_fiches, .div_fiche_recap
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	padding: 10px 10px 10px 160px;
	border: 5px solid #fff;
	width: 500px;
	z-index: 100;
	font-size: 12px;
	overflow: hidden;
	background-color: #0c0b09;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.div_fiche_recap
{
	padding-left: 10px;
	width: 660px;
}

.div_fiches_img
{
	position: relative;
	float: left;
	margin-right: 10px;
}

#iframe_cache_select
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 55;
}

.img_close_fiche
{
	position: relative;
	float: right;
	cursor: pointer;
}

/*********************************************************************************/
/******************************** Commander **************************************/
/*********************************************************************************/

.tab_commander
{
	border: 1px solid #4a453f;
	text-align: center;
	border-collapse: collapse;
	width: 100%;
}

.tab_commander td
{
	border: 1px solid #4a453f;
	background-color: #000;
	padding: 4px;
}

.select_quantite_vin
{
	font-size: 12px;
	font-family: verdana;
	width: 80px;
	border: 0px solid #C8C8C8;
	z-index: 40;
	z-index: 0;
}

#div_commander_texte
{
	border: 0px solid #F00;
	float: left;
	position: relative;
	width: 99.6%;
	margin-right: 20px;
	margin-top: 10px;
}

#div_commander_listeVin
{
	border: 0px solid #F00;
	float: left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}

/*********************************************************************************/
/******************************** Pied de page *************************************/
/*********************************************************************************/

#div_etiquette_basse
{
	position: absolute;
	top: 430px;
	left: 0px;
	border: 0px solid #F00;
	width: 100%;
}

.p_etiquette_basse
{
	text-align: center;
	font-size: 11px;
}

.img_nom_domaine
{
	margin: -3px;
}

/*********************************************************************************/
/************************************ Contact **************************************/
/*********************************************************************************/

.img_google
{
	margin-bottom: -15px;
}

.verif_contact
{
	border: 0px solid #000;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
}

#tab_contact
{
	border: 0px solid #000;
	border-collapse: collapse;
	margin-top: 18px;
}

.img_code
{
	margin: 0px 3px 0px 3px;
}

.input_ContactText1, .input_ContactText2, .input_ContactTextarea1, .input_Contactbutton1
{
	border: 1px solid #52504c;
	font-family: verdana;
	font-size: 11px;
}

.input_ContactText1
{
	padding: 2px;
	width: 300px;
}

.input_ContactText2
{
	padding: 2px;
	width: 40px;
	text-align: center;
}

.input_ContactTextarea1
{
	width: 303px;
	height: 60px;
}

.input_Contactbutton1
{
	padding: 1px;
	margin: 2px;
	background-color: #fff;
}

.p_titre_recap
{
 	font-size: 15px;
 	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.p_message_envoye
{
	margin-top: 0px;
}