/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .7em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	/*color: #b3256d;*/
	color:black;
	background: #FFF;
}

/* Titres */
h1, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* -> 6 */
}
h1, h2, h4 {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: bold; /* -> 7 */
}
h1 {
	font-size: 24px; /* -> 8 */
	font-style: normal;
	padding:0 5px 5px 5px;
	color:#fff;

}
h2 {
	padding-left:80px;
	font-size: 1.25em;
	line-height:1;
	color:black;
	font-weight: normal;
	margin:15px 0 0 0;
}
h2 strong{
	font-size: 1.25em;
}
h2 b{
	font-size: 1.0em;
}

.col1 h2 {
		padding:30px 0 5px 0;
}

h3 {font-size: 1em;font-weight:normal;font-style:italic;color:#000;}
h3 span.underline {text-decoration:underline;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin:0 0 0 13px;
	padding:0;
}

li {
	margin: 0;
	padding: 0;
	font-weight:bold;
}
li p{
	margin:-5px 0 0 0;
	padding:0;
	font-weight:normal;
	font-size:0.9em;
}

ul ul{
	font-weight:lighter;
}
ul li li {
	list-style:square;
	margin: 20px;
	padding: 0;
	font-weight:lighter;
}
/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a {
	color: #aaa;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}



/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #d8a84e;
}
#copyright a {
	color: #d8a84e;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}



span.h2small{
	margin-top:-10px;
	font-size:14px;
}

span.h2verysmall{
	margin-top:-10px;
	font-size:11px;
	font-weight:normal;
}

/* Navigation */
#navigation a {
	color: #d8a84e;
}

/* Contenu principal */
#contenu a {
	color: #d8a84e;
}
#contenu a:hover, #contenu a:focus {
	color="#d7d5cb";
}
#contenu strong {
	color: #181A12;
}
#contenu .listetitre {
	margin-top:-25px;
	margin-bottom:-8px;
	color: #b3256d;
	font-weight:bold;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 10px 5px;
}
#global {
	width: 960px; /* -> 3 */
	margin: 10px auto 0 auto; /* -> 4 */
	padding:0;
	position: relative; 
	z-index: 0;
}

/* navigation */
#topnav {
	padding:0;
	margin:0 0 0 3px;
	background-image:url('../images/top_menu.gif');
	background-repeat:no-repeat;
	min-height:17px;
	height:14px;
}
#botnav {
	padding:0;
	margin:-65px 0 0 -3px;
	background-image:url('../images/botheader_menu.png');
	background-repeat:no-repeat;
	min-height:70px;
	height:70px;
}
#entetenav {
	padding:0;
	margin:0 0 0 12px;
	background-image:url('../images/header_menu2.jpg');
	background-repeat:no-repeat;
	min-height:152px;
	height:152px;
}
/* contenu */
#topcontenu {
	margin:0 0 0 0px;
	background-image:url('../images/top_contenu.gif');
	background-repeat:no-repeat;
	min-height:18px;
	height:18px;
}
#entete {
	margin:0px 0 0 11px;
	background-image:url('../images/header2.jpg');
	background-repeat:no-repeat;
	min-height:151px;
	height:151px;
}
#botcontenu, #botcontenuaccueil {
	margin:0 0 0 0px;
	background-image:url('../images/bot_contenu.gif');
	background-repeat:no-repeat;
	min-height:13px;
	height:13px;
}
#botcontenuaccueil
{
	background-image:url('../images/bot_contenu_gris.gif');
}
/* Menu de navigation */
#navigation {
	width: 245px;
	float: left; /* -> 6 */
	background-color:#fff;
	color: #b3256d;
	background-image:url('../images/menu_back2.png');
	background-repeat:repeat-y;
}
#navigation ul {
	margin: 0px 0 0 0;
	padding: 80px 10px 20px 0px;
	list-style: none;
}
#navigation ul li{
	margin-top: -5px;
}

#navigation ul li a{
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: normal; /* -> 7 */
	font-size:16px;
	padding:5px;
	display:block;
	width:125px;
	background-image:url('../images/menu.png');
	background-repeat:no-repeat;
	background-position:0px 0;
	margin: 0;
	padding:7px 10px 10px 27px;
	list-style: none;
	color:#fff;	
}
#navigation ul li a:hover{
	background-position:-165px 0;
	color:#000;
}

#navigation ul li a#current{
	background-position:-165px 0;
}

#navigation a {
	display: block;
	height: 1%; /* -> 7 */
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}
#menu {
	margin:0 0 0 12px;
	padding:0;
	background-image:url('../images/menu_back.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	min-height:411	px;
}
#logo {
	padding:0 0 0 20px;
	margin:-8px 0 0 9px;
	border-top:1px dashed black;
	min-height:65px;
	height:65px;
}
#logo img{
	margin:3px 0 0 120px;
}
#intersoie{
	font-size:11px;
	padding:42px 0 0 12px;
	letter-spacing:0.05px;
	color: #d8a84e;
}
#video{
	margin:0px 0 10px 15px;
}
/* Contenu */

#contenuaccueil, #contenu {
	margin-left: 253px; /* -> 8 */
	padding:0 10px 0 0;
	background-color:#fff;
	background-image:url('../images/main_back.gif');
	background-repeat:repeat-y;
}

#contenu {
	background-image:url('../images/main_back_white.gif');
}

#texteaccueil {
	background-image:url('../images/article_back2.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 11px ; /* -> 8 */
	padding: 0 0 0 0px;
	min-height:390px;
	height:405px;
	color: #b3256d;
}
#texteaccueil ul {
	margin: -20px; 0 .75em 21px;
	padding: 0 0 0 90px; /* -> 9 */
	list-style: none;
	font-weight:bold;
}
#texteaccueil h2 {
	background-image:url('../images/noeud.png');
	background-repeat:no-repeat;
	background-position:0px 0;
	/*padding-left:70px;*/
	padding:0px 0 26px 70px;
	font-size: 24px;
	line-height:0.7;
	color:black;
	margin:0.4em 0 0 0;
}
#texteaccueil p {
	margin: .75em 0;
	padding-left:70px;
}
#texte {
	background-image:url('../images/article_back4.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 11px ; /* -> 8 */
	padding: 0 0 0 0px;
	min-height:410px;
	height:410px;
}
#texteAnimation {
	background-image:url('../images/article_back4.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 11px ; /* -> 8 */
	padding: 0 0 0 0px;
	min-height:1230px;
	height:1230px;
}
#texteInfos {
	background-image:url('../images/article_back4.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 11px ; /* -> 8 */
	padding: 0 0 0 0px;
	min-height:700px;
	height:700px;
}
#texteCarre {
	background-image:url('../images/article_back4.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 11px ; /* -> 8 */
	padding: 0 0 0 0px;
	min-height:402px;
	height:402px;
}
#texteCarre h2 {
	margin:10px 0 10px 0;
	color:black;
	font-weight:bold;
	font-size:1.6em;
}

#texteCarre h3 {
	margin:70px 0 -15px 0;
	text-decoration:underline;
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	color:#d8a84e;
}

#texteCarre p {
	margin-top:20px;
}


#texteCarre span.h2small{
	margin-top:-10px;
	font-size:0.8em;
	font-weight:lighter;
	font-style:italic;
}

#texteInfos h2 {
	margin:0;
	border-bottom:1px solid #d8a84e;
	color:#d8a84e;
	font-weight:bold;
	font-size:1.5em;
}

#texteInfos h3 {
	text-decoration:underline;
	font-weight:normal;
	font-style:normal;
	font-size:1em;
}
#texte h1, #texteaccueil h1, #texteAnimation h1, #texteInfos h1,#texteCarre h1 {
	background-image:url('../images/titre_back.png');
	background-repeat:repeat-y;
	margin: -2px 0 0 0px;
	height:31px;
}

#texteAnimation .col1 p,#texteAnimation .col2 p {
	margin:10px 0 0 14px; 
}

#texteAnimation ul li {
	font-weight:normal;
	font-size:1.1em;
	color:#d8a84e;
	margin: 10px 0 0 0;
}
#texteAnimation ul li strong{
	color:#d8a84e;
}
#texteAnimation ul li.stand{
	font-weight:bold;
	font-size:1.1em;
	color:black;
	margin: 10px 0 -5px 0;
}

#texte p,#texteaccueil p, #texteaccueil li {
	line-height: 1.5;
	/*color: #d8a84e;*/
	color: #000;
}
#texteaccueil li {
	color: #d8a84e;
}
#texte p.legende{
	font-style:italic;
	font-size:10px;
	margin:3px 0 0 0;
}
#texte li {
	margin-top: 15px;
	padding: 0;
	font-weight:bold;
}
#texte  > p {
	margin: .75em 0 0 80px;
}

#texte img{
	margin:30px 0 0 0;
}

#texteAnimation h2{
	font-size:2em;
	font-weight:100;
}

#texteAnimation h3{
	margin:20px 0 5px 15px;
}
p#contact {
	border-top:1px dashed black;
	color:#b3256d;
	margin: .75em 0 0 0;
	padding:5px 0 0 80px;
}
li p{
	margin:0 0 0;
	padding:0;
	font-weight:normal;
	font-size:0.9em;
}
p#partenaire {
	font-size:11px;
	margin:-16px 0 0 0;
	color: #d8a84e;
}
#logopartenaire{
	border-top:1px dashed black;
	padding:0 0 10px 75px;
	margin-top:0;
}
#logopartenaire img{
	margin:0 0 0 8px;
}

p#billeterie {
	font-size:12px;
	font-weight:normal;
	margin:213px 0 0 330px;
	color: #d8a84e;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  p#billeterie {
   	font-size:12px;
	font-weight:normal;
	margin:218px 0 0 330px;
	color: #d8a84e;
  }
}
.col1 p, .col2 p {
	margin:10px 0 0 0; 
}
.col1{
	float:left;
	margin-left:9%;
	width:43%;
	padding-left:20px;
	text-align:justify;
	clear:right;
}
.col2{
	margin-left:54%;
	width:40%;
	padding-left:22px;
	text-align:justify;
}
.nocol{
	margin: 0 0 0 78px;
	padding:0;
}
img.imgfloat{
	float:left;
	padding:0 10px 0 0;
	margin:0;
}
div.txtfloat{
	float:right;
	width:600px;
	margin:0;
	padding:0;
}

div#visite
{
	margin:130px 0 0 10px;
	border-left:2px solid #d8a84e;
}

div#adresse
{
	margin:70px 0 0 10px;
	padding-left:10px;
	border-left:2px solid #d8a84e;
}

div#adresse h4
{
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
}

div#visite h3
{
	margin-left:10px;
	color: #d8a84e;
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
}
#googlemap {
width:425px;
height:350px;
border:2px solid  #d8a84e;
margin: 0 0 0 80px;
}

.reservation{
	color:#999;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
}
.horaires{
	color:#d8a84e;
	font-size:1em;
	font-weight:bold;
	font-style:normal;
	}
/* footer */
#footer {
	margin: 0 10px 0 0;
	font-size: 0.8em;
	text-align: right;
}
#footer a{
	color:#d8a84e;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
	color: #d8a84e;
}