/**********************************************************************/
/*                                ctl.css                            
/*           Fichier de présentation principal (valide CSS 2.1)
/*                   Par Simon Turcotte-Langevin, 2010      
/**********************************************************************/


/***************************** Couleurs *******************************/
/*             #4E6490 : Bleu (arrière-plan)
/*             #AE211E  : Rouge (haut du menu)
/*             #FDCA57 : Jaune(boutons du menu)
/*             #FEEECC  : Jaune délavé (menu de langue et menu Produits)
/*             #808080 : Gris pâle (texte et menu de langue)
/*             #707070 : Gris foncé (titres)
/*             #B4193E  : Bourgogne (accueil, lecteur vidéo et tâches des employés)
/*             #6F0C28 : Brun (choix de la langue sur page splash)
/********************************************************************/

/*********************** Déclarations communes ************************/
*
{
	margin:0px;
	padding:0px;
}

html, body
{
	height:100%;
}

body
{
	margin:auto;
	overflow:hidden; /* Barre de défilement sur le contenu seulement */
	font-size:72.5%; /* 1 em = 12 px en règle générale */
	font-family:verdana,arial,helvetica,sans-serif;
	background-color:#4E6490;
	width:780px;
}

/* Page normale */
body#page_normale
{

}

/* Page detailmillesime.php */
body#page_detail
{
	background-color:#FFFFFF;
}

a img
{
	border:none;
}

/*************************** Barre latérale *****************************/
#sidebar
{
	width:150px;
	float:left;
	background:url("images/sidebar/arriereplan.jpg") top right;
	min-height:100%;
}

/* Barre latérale de la page splash (choix de langue) */
#sidebar.splash
{
	width:250px;
	background:url("images/splash/sidebar.jpg") top right;
	min-height:465px;
	height:465px;
	margin-right:10px;
}

/*************************** Contenu *****************************/
.contenu
{
	background-color:white;
	width:620px; /* Pour accomoder les barres de défilement dans le contenu */
	margin-left:160px;
	overflow:auto;
	height:100%;
}

/* Contenu de la page splash */
.contenu_splash
{
	width:500px;
	background-color:white;
	overflow:hidden;
	height:465px;
	text-align:center;
	background:white url("images/splash/chateaubas.jpg") bottom center no-repeat;
}	

/***************************** Menu *****************************/
#menu
{
	background:#AE211E;
	padding:5px 0px 0px;
	color:black;
	font-size:0.9em;
	font-weight:bold;
}

#menu a, #menu a:visited
{
	color:black;
	text-decoration:none;
}

#menu a:hover
{
	text-decoration:underline;
}


/* Menu de navigation principal */
#menu  ul#menu_nav
{
	background:#FDCA57;
	height:20px;
	list-style:none;
	padding-top:5px;
}

#menu ul#menu_nav li
{
	float:left;
	height:1.5em;
	margin:auto 0.5em;
}

#menu ul#menu_nav li#deployer_menu_produits 
{
	width:5em; /*Fige la largeur pour empêcher le tassement des éléments à droite quand le menu produit se déploie */
}

/* Sous-menu "produits" */
ul#menu_produits
{
	width:4em;
	list-style:none;
	display:none;
}

#menu ul#menu_nav li#deployer_menu_produits:hover ul#menu_produits
{
	display:block; /* Déploie le menu sous-produit */
}

ul#menu_produits li
{
	position:relative;
	left:-0.5em;
	width:7em;
	background-color:#FEEECC;
}

ul#menu_produits li a
{
	display:block;
}

ul#menu_produits li a:hover
{
	background-color:#FDCA57;
	text-decoration:none;
}

/* Menu de langue */
#menu_langue, #menu_langue a, #menu_langue a:visited
{
	height:1.4em;
	background-color:#FEEECC;
	color:#808080;
	padding-left:2px;
	font-size:0.95em;
	margin-bottom:2em;
}


/*************************** Pages *****************************/

h1
{
	display:none; /* Le titre h1 est pour des fins de SEO seulement */
}

.contenu h2
{
	clear:left;
}

.contenu h2,.contenu p,.contenu img, .contenu dl, .vin ul
{
	padding:0em 3.5em;
}

.contenu table
{
	margin:0em 3.5em;
}

.contenu p img
{
	padding:0em;
}

.contenu h2,.contenu p, .contenu dl, .vin ul 
{
	color:#808080;
}

.contenu h2
{
	font-style:italic;
	font-size:1em;
	font-weight:bold;
	color:#707070;
	margin:1em 0em;
}

.contenu h3
{
	font-size:1em;
	border-bottom:1px dotted #333;
	margin:0em 3.5em;
	padding-bottom:2em;
	color:#808080;
}

.contenu p
{
	margin-bottom:1em;
	line-height:1.5em;
}

.contenu p a, .contenu p a:active
{
	text-decoration:none;
	color:blue;
	font-weight:bold;
}

.contenu p a:hover
{
	text-decoration:underline;
}


img.imageflottante
{
	float:right;
}

/* Page splash (choix de langue) */
.contenu_splash img
{
	margin:20px 0px;
}

ul.choix_langues 
{
	list-style:none;
}

ul.choix_langues li
{
	width:50%;
	float:left;
	text-align:center;
}

ul.choix_langues li a, ul.choix_langues li a:visited
{
	color:#6F0C28;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
/* Page d'accueil */
.accueil img.titre_accueil
{
	width:423px; /* Largeur du titre de la page d'accueil */
	display:block;
	margin:auto;
	padding:1em 0em;
}

.accueil a img
{
	float:left;
	clear:left;
	padding-right:2em;
}

.accueil p
{
	height:8em; /* Environ 80px + padding (±40px) */
	padding-top:4em;
	padding-right:1em;
}

.accueil p a
{
	color:#B4193E;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
}

/* Page "Réceptions" */
table.description_salle, table.description_salle td, table.description_salle th
{
	border:1px solid #996600;
}

table.description_salle
{
	width:400px;
	margin-bottom:2em;
	border-collapse:collapse;
}

table.description_salle caption
{
	font-size:1.5em;
	font-family:"Times New Roman", serif;
	font-style:italic;
	margin-bottom:1em;
}

span.info_technique_salle
{
	width:50%;
	font-size:0.8em;
}

table.description_salle td, table.description_salle th
{
	height:1.6em;
	text-align:center;
	width:50%;
}

/* Page "Nous Contacter" */
.contenu dt
{
	font-weight:bold;
	color:#B4193E;
	padding:0.5em 0em;
}

.contenu .medias_sociaux
{
	padding:0 3.5em;
}

.contenu .medias_sociaux a
{
	display:inline-block;
	margin:10px 20px 0 0;
}

.contenu .medias_sociaux img
{
	padding:0;
}

/* Liste des vins */
h2.categorievin
{
	color:#B4193E;
	font-style:normal;
	font-size:1.1em;
	padding-top:2em;
}

div.vin, h2.categorievin
{
	clear:left;
}

div.vin
{
	padding:2em 3.5em;
}

.vin img
{
	float:left;
	border:1px #909090 solid;
	padding:0em;
}

.vin ul
{
	list-style-type:none;
	margin-left:70px;
}

.vin ul li
{
	padding:0.5em 0em;
}

.vin ul li a, .vin ul li a:visited
{
	text-decoration:none;
	color:#B4193E;
}


/* Page distinctions */
.vin h3
{
	color:#B4193E;
	margin-bottom:0.5em;
}

ul.distinctions li
{
	height:40px;
	width:280px;
	padding:10px 60px 10px 0px;
}

ul.distinctions li.bronze
{
	background:url("images/medailles/bronze.png") right no-repeat;
}

ul.distinctions li.argent
{
	background:url("images/medailles/argent.png") right no-repeat;
}

ul.distinctions li.or
{
	background:url("images/medailles/or.png") right no-repeat;
}

ul.distinctions li.rouge
{
	background:url("images/medailles/rouge.png") right no-repeat;
}


/* Album photo */
div.cellulephoto
{
	float:left;
	margin:0px 0px 20px 40px;
	font-family:"Monotype Corsiva", cursive;
	font-size:1.4em;
}

div.cellulephoto img
{
	padding:0px;
	border:1px solid black;
	padding:2px;
}

iframe#visite_virtuelle
{
	margin:0 0 20px 40px;
	height:500px; 
	width: 560px; 
	z-index:1; 
	clear:both;
}