@charset "iso-8859-1";
/* CSS Document */

@font-face {
	font-family: futura_light;
	src: url('font/FuturaStd-Light.otf');
}

body {
	margin:0px;
	font-family:futura_light, Arial, Helvetica, sans-serif, Times, serif;
	font-size:14px;
	color:#666;
	background-color: #340C0D;
	font-weight: lighter;
	background-attachment: scroll;
	background-image: url(Images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* scrollbar-3dlight-color:#f9f0ec; scrollbar-arrow-color:#df9f89; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#f9f0ec; scrollbar-face-color:#f9f0ec; scrollbar-highlight-color:#f9f0ec; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; */

.width10 {width:10px; }
.width60{ width:60px; }
.width150{ width:150px; }
.width250{ width:250px; }
.width450{ width:450px; }
.width662{ width:662px; }
.height2{ height:2px; }
.height25{ height:25px; }
.height10{ height:10px; }
.height200{ height:200px; }
.grosse_bordure{ height:8px; background-color:#000000; }
.petite_bordure{ height:3px; background-color:#000000; }
.titre{
	font-size:16px;
	font-weight:bold;
	color: #CE4200;
}
.bg_blanc{ background-color:#fff; }
.bg_couleur{ background-color:#ED1B24; }
.footer{ padding-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }

/* ###################  MAIN TABLEAU [Conteneur]  ################### */
.width955{ width:955px; }
.conteneur_border{ border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; }
.conteneur_border-top{ border-top:1px solid #000000; }
.conteneur_border-right{ border-right:1px solid #000000; }
.conteneur_border-bottom{ border-bottom:1px solid #000000; }
.conteneur_border-left{ border-left:1px solid #000000; }
.conteneur_border-right_menu{ border-right:1px solid #ffffff; }
.bordures_image { border:1px solid #D2D3D5; }

/* ###################  PADDINGS  ################### */
.padding_top{ padding-top:10px; }
.padding_left{ padding-left:10px; }
.padding_bottom{ padding-bottom:10px; }
.padding2{ padding:2px; }

/* ###################  FONTS  ################### */
.fontSize18{ font-size:18px; }
.fontColor{
	color:#CE4200;
}

.bold{ font-weight:bold; }

.bouton_video_out{ border-bottom:1px solid #000000; padding:10px; font-size:20px; color:#ED1B24; }
.bouton_video_over{ border-bottom:1px solid #000000; padding:10px; font-size:20px; background-color:#ED1B24; color:#ffffff; cursor:pointer; }

/* ###################  HEADER  ################### */
.header img{ border:0px; width:955px; }

/* ###################  MENU  ################### */
.menu td{
	padding:0px 30px 0px 30px;
	font-size:18px;
	font-weight:lighter;
	background-image: url(Images/bg_menu_08.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	font-family: futura_light;
}
.menu_over{
	color:#FFF;
	cursor:pointer;
	text-decoration: underline;
	font-family: futura_light;
	font-size: 18px;
	font-weight: lighter;
}
.menu_out{
	color:#FFF;
	cursor:pointer;
	font-family: futura_light;
	font-size: 24px;
	font-weight: lighter;
	text-transform: capitalize;
}

/* ###################  CALENDRIER  ################### */
#tabcalendrier td{ border:1px solid #000000; }
#tabcalendrier .td_events{ background-color:#ED1B24; font-weight:bold; }
#tabcalendrier .td_events a{ color:#ffffff; }
#tabcalendrier .td_events a:active{ color:#ffffff; }
#tabcalendrier .td_events a:visited{ color:#ffffff; }
#tabcalendrier .td_events a:hover{ color:#ffffff; text-decoration:none; }

.date_jour{ font-size:25px; }
.conteneur_calendrier_liste_bordure{ border:1px solid #8a8a8a; }
.conteneur_calendrier_liste_bordure_over{ border:1px solid #b2b2b2; background-color:#f1efef; }
#calendrier_liste_bordure .bordure_top{ border-top:1px solid #8a8a8a; }
#calendrier_liste_bordure .bordure_right{ border-right:1px solid #8a8a8a; }
#calendrier_liste_bordure .bordure_bottom{ border-bottom:1px solid #8a8a8a; }
#calendrier_liste_bordure .bordure_left{ border-left:1px solid #8a8a8a; }
.center {
	padding-top: 40px;
	width: 935px;
	margin-right: auto;
	margin-left: auto;
}
.cursor{ cursor:pointer; }
.titre_calendrier_details{ font-size:14px; }
.separateur_evenement{ border-bottom:1px solid #b2b2b2; }

/* ###################  CONTENEUR HEURES D'OUVERTURES  ################### */
.height150{ height:150px; }

/* ###################  CONTENEUR GOOGLE MAP  ################### */
.height300{ height:300px; }

/* ###################  CONTENEUR IMAGE  ################### */
.conteneur{ padding:20px; }

/* ###################  CONTENEUR COORDONNÉES  ################### */
.height50{ height:50px; }
.coordonnees{}

/* ###################  CONTENEUR TEXTE PRINCIPALE  ################### */
.width705{ width:705px; }

/* ###################  TOOLTIPS  ################### */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); 
}

#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

/* liens */
a, a:active, a:visited {
	color:#CE4200;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:underline;
}
.footer{
	color:#CE4200;
	background-color: #000;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.footer a, .footer a:active, .footer a:visited{
	color:#CE4200;
	text-decoration:none;
}
.footer a:hover{
	color:#FFF;
	text-decoration:underline;
}