/*-------- CSS INTEGRATIONS VERSION 2.0 ------------ */

#integration {
	color: #333333; /* A CHANGER SUIVANT LA LARGEUR DE L'INTEGRATION */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: justify;
}

/*-------------------------------TITRES-------------------------------*/
#integration h1, #integration h2, #integration h3, #integration h4, #integration h5, #integration h6 {
	margin:1em 0.5em 0;
	font-weight:bold;
}

#integration h1 {
	font-size:1.75em;
	text-align:right;
	color: #e1200b;
	padding-bottom: 30px;
}

#integration h2 {
	font-size:1.4em;
	color: #E1200B;
}

#integration h3 {
	font-size:1em;
}

#integration h4 {
	font-size:1em;
}

/*-------------------------------TEXTES-------------------------------*/
#integration p {margin:0.75em 0;}

/* listes */
#integration ul {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2em;
}/* liste à puce */
#integration ol {margin:0;padding:0 0 0 2.5em}/* liste numerotee */
#integration li {margin:0}/* element d'UL/OL */
#integration dl {}/* liste de definitions */
#integration dt {}/* titre de definition */
#integration dd {}/* definition */

/* table - les balises apparaissent dans leur ordre normal d'ouverture (legend, thead et tfoot AVANT tbody) */
#integration table {border-collapse:collapse;border:1px solid black} /* element table - defaut: fusionne les bordures.*/
#integration legend {} /* legende de table */
#integration thead {} /* bloc d'en-tete de table, peut contenir 1 ou plusieurs TR. Unique par table. */
#integration tfoot {} /* bloc de pied de table, peut contenir 1 ou plusieurs TR. Unique par table. */
#integration tbody {} /* bloc corps de table, peut contenir 1 ou plusieurs TR. Il peut y en avoir plusieurs par table, le tracé de colonne est indépendant par tbody. */
#integration th {border:1px solid #555;font-weight:bold} /* cellule d'entete. Selon la valeur se son parametre 'scope', couvre la ligne ou la colonne.*/
#integration td {border:1px solid #888} /* cellule normale. */

/* positionnement */
.centre {margin:auto}
.gauche {float:left}
.droite {float:right}
.clear {clear:both;}

/* alignement du texte */
.centrer {text-align:center}
.align-gauche {text-align:left}
.align-droite {text-align:right}

.listevins li {
	clear:both;
	display:block;
	list-style:none;
	margin:5px;
	vertical-align:middle;
	min-height:160px;
	-moz-border-radius:15px;
	border-radius:15px;
	padding:0 5px
}
.listevins h3 {padding-top:0.5em}
.medaillon {width:220px;text-align:center}
#integration .medaillon a {color:red}
.medaillon a:hover  {background-color:#FFCC99}
.pair .medaillon {float:right}
.impair .medaillon {float:left}
#integration p.medaillon {margin:10px 0 0 0}
.medaillon img {display:block;margin:auto}
.description {vertical-align:middle}

#haut {
	font-size:0.8em;
}

/* classes courantes */
.encart {border:1px solid #888;background-color:#797;padding:5px 10px;width:60%} /* modifier les parametres de l'encart en fonction du rendu desire */

ul.liste-horizontale {
	display:block;
	list-style:none;
	padding:0
}
ul.liste-horizontale li {
	display:inline-block;
	width:300px;
	border:1px solid #888;
	min-height:40px;
	vertical-align:bottom;
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 5px;
	height: 340px;
	margin-bottom: 3px;
	padding: 5px;

} /* changer le % de largeur selon le nombre d'elements horizontaux desires, et la hauteur mini */

/* citations - insere des guillemets autour des citations */
blockquote {margin:0.7em;padding:0.2em 0.8em}
blockquote:before {display:block;float:left;font-size:200%;margin-left:-0.35em}
blockquote:after {display:inline-block;float:right;font-size:200%;margin:-0.8em -0.35em 0 0}
blockquote:before, cite:before {content:' " ';font-style:normal}
blockquote:after,cite:after {content:' " ';font-style:normal}

/*-------------------------------IMAGES/FLASH-------------------------------*/
.bordure-flash {
	border:1px solid #000;
	display:block;
}
.bordure1 {
	border:1px solid #000;
}

.bordure2 {
	border:1px solid #FFF;
}

/*-------------------------------LIENS-------------------------------*/
#integration a {
	text-decoration:underline;
	color:#000000;
}

#integration a:hover {
	text-decoration:none;
	color: #E1200B;
}

#integration a img {
    border:none;
}

#integration a:hover img {
    border:none;
}

/*-------------------------------REFERENCEMENT-------------------------------*/
#liens-referencement{
	text-align:center;
	margin-top:10px;
	font-size:9px;
}

#liens-referencement a{
}

#liens-referencement a:hover{
	text-decoration: none;
}

/*-------------------------------GOODIES-------------------------------*/
.horaires_ensemble {
	width:550px; /* Valeur à changer */
	margin-left:45px; /* Valeur à changer */
}

.horaires {
	background-color:#473423;
	border:1px solid #37810E;
	margin-left:2px;
	padding:4px;
	width:250px;
	float:left;
	text-align:center;
}

div#menu {
	width:550px;
	margin: 0 auto;
	text-align:left
}

div#menu h2 { /*pour les titres*/

}

dl{
	width: 100%;
	overflow: hidden;
	margin: 0 0 1em;
	background: url(../img/dot.gif) repeat-x 0 1.2em;
}

dt,dd.prix{
	font-size: 120%;
	font-weight: bold;
}

dt{
	float: left;
	padding-right: 3px;
	color: #FFF;
}

dd {
	margin:0;
}

dd.prix {
	float: right;
	padding-left: 3px;
	color: #FFF;
}

dd.commentaires{
float: left;
width: 100%;
padding: 3px 0;
font: italic 100% Georgia,Times,sans-serif;color: #FFF;
}



#ensemble_cheque {
	width:760px;
	position: relative;
	text-align:center;
}
.cheque_cadeau {
	width:380px;
	height:460px;
	float:left;
	
}
	


#numero_gauche, #numero_droite  {
	width: 220px;
	height:23px;
	position:absolute;
	text-align: center;
	color: #CA018F;
	font-weight: bold;
}

#numero_gauche {
	left:130px;
	top:354px;
}


#numero_droite {
	left:507px;
	top:355px;
}
.txt_rouge {
	color: #E1200B;
}
#integration .txt_rouge a{
	color: #E1200B;
}
#integration .txt_rouge a:hover{
	color:#000000;
}