/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:11px/14px "Lucida Grande", "Trebuchet MS", Arial, sans-serif; background:#fff; color:#000;
text-align:center; }
img { border:0; }
a { text-decoration:none; color:#d71634; }
a:hover { text-decoration:underline; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }



/*****************************/
/*        STRUCTURE          */
/*****************************/

/******** l'enveloppe du site ********/
#conteneur { 
	margin:0 auto; 
	text-align:left; 
	width:990px; 
} 

/******** l'entete (le header) ********/
#top {
	background:url(/images/common/fonds/fd_top.gif) 0 0 repeat-x;
	height:66px;
	margin:5px 7px 0 5px;
	padding:0;
	width:978px;
}
#top img.logo {
	float:left;
	margin:19px 0 0 0;
	display:inline;
}


/******** le corps du site ********/
#contenu {
	margin:0 7px 0 5px;
	width:978px;
} 

#left { /* colonne de gauche (tarifs, achats, reservations) */
	float:left;
	padding:0 0 48px 0;
	width:290px;
}
#pratique { 
	background:url(/images/common/fonds/fd_pratique.gif) 0 0 no-repeat;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	height:204px;
	line-height:24px;
}
#pratique p.tarifs { height:55px; margin:0; padding:17px 0 0 101px; width:175px; }
#pratique p.achat { height:56px; margin:0; padding:9px 0 0 99px; width:177px; }
#pratique p.renseignements { height:50px; margin:0; padding:7px 0 0 25px; width:251px;}
#pratique a { display:block; color:#fff; }
#pratique a:hover { text-decoration:none; }
#pratique a .petit {
	color:#c8e404;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
}
#pratique a .ttpetit {
	color:#c8e404;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

#tout_grand_t { /**** tout le Grand T : saison 07/08, newsletters, archives ****/
	float:left;
	width:152px;
	padding:16px;
}
ul#menu {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
	width:152px;
}
ul#menu li {
	font-size:12px;
	margin:0;
	padding:0;
}
ul#menu li a {
	background:url(/images/common/pointilles/gris_hz.gif) 0 bottom repeat-x;
	color:#5d5c56;
	display:block;
	padding:2px 0 2px 3px;
}
ul#menu li.ici a, ul#menu li a:hover {
	color:#d71634;
	text-decoration:none;
}

#tout_grand_t h2 {
	color:#b1ca00;
	font-size:18px;
	line-height:18px;
	margin:0;
} 
#aussi { /* Le grand T c'est aussi... */ 
	border-bottom:1px solid #f0eedf;
	border-top:1px solid #f0eedf;
	margin:20px 0 0 0;
	padding:10px 5px;
	width:142px;
}
#aussi div.item { margin:10px 0 0 0; }
#aussi div.item p.titre, #aussi div.item p.titre a { color:#b1ca00; font-weight:bold; }
#aussi div.item p.date, #aussi div.item p.date a { color:#d71634; }
#aussi div.item p { margin:0; }

#lettreinfo { /* La lettre d'info */
	margin:10px 0 0 0;
	padding:10px 5px 0 5px;
	width:142px;
}
ul#sub {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
	width:142px;
}
ul#sub li {
	color:#5d5c56;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin:0 0 2px 0;
	padding-left:5px;
	padding-right:5px;
	width:132px;
}
ul#sub li:hover, ul#sub li.over, ul#sub li.ici {
	background:url(/images/common/fonds/fd_inscript.gif) 0 0 no-repeat;
}
ul#sub li p { margin:0; float:left; width:100px; }
ul#sub li input { margin:0; float:right; width:15px; }


#lalettre { /* la lettre du Grand T */
	border-top:1px solid #f0eedf;
	margin:10px 0 0 0;
	padding:10px 5px;
	width:142px;
}
#lalettre p.download {
	color:#5d5c56;
	float:right;
	font-size:12px;
	margin:4px 0 0 0;
}
#lalettre p.download a {
	color:#5d5c56;
}
#lalettre div.archives {
	color:#5d5c56;
	height:50px;
	margin:5px 0 0 0;
}
#lalettre div.archives img {
	float:left;
}
#lalettre div.archives p {
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:9px 0 0 5px;
	width:88px;
}
#lalettre div.archives a { display:block; }
#lalettre div.archives a:hover { text-decoration:none; }
#lalettre div.archives a .vert {
	color:#b1ca00;
	font-size:17px;
}


/******** le fil d'ariane ********/
p.arbo {
	color:#241f25;
	margin:4px 0 0 0;
	padding:0 0 15px 0;
} 
p.arbo a {
	color:#d71634;
	text-decoration:underline;
} 

/******** le pied de page ********/
#footer {
	background:#110d1b;
	height:81px;
	padding:7px 32px 0 16px;
} 
#footer p.coordonnees {
	color:#fff;
	display:inline;
	float:left;
	margin:16px 0 0 0;
	width:250px;
}
#footer p.coordonnees .grand { font-size:20px; line-height:24px; }
#footer div.bottom {
	float:right;
	text-align:right;
	width:350px;
}
#footer div.logos { vertical-align:top; }
#footer div.logos img { margin-left:15px; vertical-align:top; }
#footer div.bottom p.mentions { margin:5px 0 0 0; color:#a9a7a8; }
#footer div.bottom p.mentions a { color:#a9a7a8; font:10px Verdana, Arial, Helvetica, sans-serif; }




/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.rouge { color:#d71634; }
.vert { color:#b1ca00; }

.petittitre { 
	font-size:36px;
	line-height:36px;
}

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

img.image_droite { float:right; margin:0 0 3px 10px; } /* image qui flotte a droite dans un paragraphe */
img.image_gauche { float:left; margin:0 10px 3px 0; } /* image qui flotte a gauche dans un paragraphe */

p.intertitre { color:#d60026; font-size:14px; font-weight:bold; line-height:24px; }

input.submit {
width:186px; /* la largeur de l'image de fond */
height:19px; /* la hauteur de l'image de fond */
background:url(/images/fr/common/boutons/vide.gif) 0 0 no-repeat; /* l'image de fond */
color:#070707; /* la couleur du texte */
border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; /* les caractéristiques de la police de texte */
cursor:pointer; /* le curseur en forme de main */
}