/* ------------------------ */
/*      gfxstudios.com      */
/* ------------------------ */
/* Feuille de style de base */

/* Imports */
@import "redmond/jquery-ui-1.8.16.custom.css";
@import "jquery.fancybox.css";
@import "menu-home.css";
@import "jquery.diaporama.css";
@import "jquery.JSliderNews.css";

/* Initialisation page */

html {
	background: #f7d62a url(../../img/global/bkgd.gif) repeat-x top left ; margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ui-widget-overlay { background: #000000; opacity: .80;filter:Alpha(Opacity=80); }

A {outline: none;}


/* Loading Box */

div#loadingbox{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	opacity: 1.0;
	filter: alpha(opacity=100);
	z-index: 1000;
}
div#loadingbox div{
	width: 300px;
	margin: auto;
	margin-top: 30%;
	font-weight: bold;
	color: #666;
	text-align: center;
	z-index: 1000;
}


/* Définition du squelette */

#superconteneur	{position: absolute; top: 0; left: 50%; width: 1000px;  margin-left: -500px; height: 100%; z-index: 0; }
#headMain		{position: absolute; top: 0; left: 0; width: 1000px; height: 466px; background: #F3F3F3; }
#headBar		{position: absolute; top: 50px; left: 0; width: 1000px; height: 70px; background: #003c66; opacity: .80; filter:alpha(opacity=80); }
#headLogo		{position: absolute; top: 3px; right: 0px; width: 958px; height: 210px; }
#headTxt		{position: absolute; top: 72px; left: 155px; }
#headFlags		{position: absolute; top: 75px; right: 20px; }
#menuTop		{position: absolute; top: 396px; left: 38px; width: 924px; height: 70px; padding: 0 8px; background: url('../../img/global/head_menu_bg.png') no-repeat;}
#mainconteneur	{position: absolute; top: 466px; left: 38px; width: 924px; background: #FFF; }
#contenu 		{width: 630px; margin: 20px 0px 20px 20px; float: left; } /*height: 850px; */
html>body #contenu {height: auto;  } /* min-height: 850px; Hauteur mini sous Firefox */
#rightBar 		{width: 230px; margin: 20px 0 20px 22px; float: left;}
#boxResa 		{width: 210px; background: #d9dadb; border: 10px solid #d9dadb;}

#pied			{background: #1d2a55 url('../../img/global/pied_bg.png') no-repeat 40px 130px; }


@media print 
{
#superconteneur	{left: 0; margin-left: 0; width: 695px;}
#headMain, #headBar, #headLogo, #headTxt, #headFlags, #menuTop, #rightBar, #pied	{display: none; }
#mainconteneur	{top: 0; width: 695px;}
#contenu		{margin: 0px;}
}


/* Menu gauche */

#menuLeft ul {margin: 0; padding: 0; list-style: none; margin-bottom: 12px; }
#menuLeft li {margin: 0; padding: 0; padding-left: 10px; display: block; list-style: none; }
#menuLeft li a {color: #877557; width: 200px; text-decoration: none; font-size: 12px; font-weight: normal; display:block; padding: 2px 7px; }
#menuLeft li a:hover {color: #7b2520; }
#menuLeft li a.btMain {border: none; background: none; width: 189px; height: 24px; font-weight: bold; color:#FFF; font-size: 13px; padding: 0 7px; margin-bottom: 5px; }
#menuLeft li a:hover.btMain { }
.btMain DIV {padding-top: 3px; }


/* Menu droite */

#choixForm {}
#searchForms {}
.searchWrapper {background: #FFF; padding: 1px 0 0;}
.searchWrapper .item {margin:5px;}
.searchWrapper .actions {background: #d9dadb; text-align: center;}
.searchWrapper .item label {display:block; float:none; font-size:12px; width:auto; color: #707070;}
.searchWrapper .Jslider label {display:inline;}
.searchWrapper form input {border: 1px solid #d9dadb; padding: 4px 4px; font-size: 11px; color:#000; width: 100%;}
.searchWrapper .actions input {font-family: Arial, Helvetica, sans-serif; cursor: pointer; font-size: 12px; color: #FFF; background: #d40026; margin: 10px auto; margin-bottom: 0; width: auto; padding: 8px 30px; text-decoration: none; border: none}


/* Contenu */

#contenu			{color: #4b4a4d; }
#contenu A:link		{color: #003c66; }
#contenu A:visited	{color: #003c66; }
#contenu A:active	{color: #d40026; }
#contenu A:hover	{color: #d40026; }
#contenu H1 		{color: #003c66; font-size: 20px; font-weight: normal;}
#contenu H2 		{color: #003c66; font-size: 18px; font-weight: normal; }
#contenu H3			{color: #003c66; font-size: 16px; font-weight: normal; }
#contenu H4			{color: #003c66; font-size: 14px; font-weight: normal; }
#contenu blockquote	{background-color: #f3f3f3; padding: 5px 20px; margin-left: 0; margin-right: 0; }

#contenu a:link.bt_action, #contenu a:visited.bt_action  {
	color: #FFF;
	background: #d40026;
    padding: 5px 15px;
    text-decoration: none;
}
#contenu a:active.bt_action, #contenu a:hover.bt_action  {
	color: #FFF;
	background: #003c66;
    padding: 5px 15px;
    text-decoration: none;
}


/* Pied de page */
#pied	{color: #fff; font-size: 12px;}
#pied A:link		{color: #fff; text-decoration: none; }
#pied A:visited		{color: #fff; text-decoration: none; }
#pied A:active		{color: #fff; text-decoration: underline; }
#pied A:hover		{color: #fff; text-decoration: underline; }


/* Fil d'ariane */

#ariane	{margin-top: -25px; margin-bottom: 10px; padding-left: 50px; color: #5f5f5f; }
#ariane A:link		{color: #5f5f5f; }
#ariane A:visited	{color: #5f5f5f; }
#ariane A:active	{color: #5f5f5f; }
#ariane A:hover		{color: #5f5f5f; }


/* Styles globaux */

.photo				{margin: 0 10px 5px 0; float: left; position: relative; background-color: #FFF; }
.photo IMG			{padding: 2px; border: 1px solid #b6b6b6; }
.galerie .photo		{margin: 0 7px 10px 0;}
.clear{	clear:both;}


/* Téléchargements de fichiers */

#downFiles ul	{padding: 0; margin: 5px; }
#downFiles li 	{list-style-type: none; }

#downFiles a {
display:inline-block;
padding-left:25px;
line-height:25px;
background:transparent url(../../img/icons/download.png) center left no-repeat;
}

#downFiles a[href$='.pdf'], #downFiles a[href$='.PDF'] {
background:transparent url(../../img/icons/pdf.png) center left no-repeat;
}

#downFiles a[href$='.jpg'], #downFiles a[href$='.JPG'], #downFiles a[href$='.gif'], #downFiles a[href$='.GIF'], #downFiles a[href$='.bmp'], #downFiles a[href$='.BMP'] {
background:transparent url(../../img/icons/img.png) center left no-repeat;
}

#downFiles a[href$='.doc'], #downFiles a[href$='.DOC'], #downFiles a[href$='.docx'], #downFiles a[href$='.DOCX'] {
background:transparent url(../../img/icons/doc.png) center left no-repeat;
}

#downFiles a[href$='.xls'], #downFiles a[href$='.XLS'], #downFiles a[href$='.xlsx'], #downFiles a[href$='.XLSX'] {
background:transparent url(../../img/icons/xls.png) center left no-repeat;
}

#downFiles a[href$='.zip'], #downFiles a[href$='.ZIP'], #downFiles a[href$='.rar'], #downFiles a[href$='.RAR'] {
background:transparent url(../../img/icons/zip.png) center left no-repeat;
}


/* Pagination */

#contenu .pagination		{padding: 10px 0; }
#contenu .pagination ul		{margin: 0; padding: 0; }
#contenu .pagination li		{list-style-type: none; display: inline; padding-bottom: 1px; }
#contenu .pagination A:link, #contenu .pagination A:visited					{background: #f9f9f9; color: #4b4a4d; border: 1px solid #d9dadb; text-decoration: none; padding: 2px 5px; }
#contenu .pagination A:hover, #contenu .pagination A:active					{background: #d40026; color: #FFFFFF; border: 1px solid #d40026; font-weight: bold; }
#contenu .pagination A.actuelle												{background: #f9f9f9; color: #4b4a4d; border: 1px solid #d9dadb; cursor: default;  font-weight: bold}
#contenu .pagination A.desactive, #contenu .pagination A.desactive:hover	{background: #FFFFFF; color: #d9dadb; border: 1px solid #d9dadb; cursor: default;  font-weight: normal !important; }
#contenu .pagination A.prevnext												{font-weight: bold;}


/* Home page */

#page-accueil {margin-bottom: 0; padding-bottom: 0;}

#page-accueil .boite {
	width: 200px;
	height: 287px;
	margin: 20px 15px 0 0;
	float: left; 
	position: relative;
}

#page-accueil .boite h2 {
	color: #FFF; background: #d40026; font-weight: normal; padding: 10px 15px; margin: 0; text-transform: uppercase
}

#page-accueil .boite .blackbox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../../img/global/featured_bg_main.png) repeat ;
}

#page-accueil .boite .blackbox p {padding: 0px 15px; color: #FFF; }

#page-accueil .heberg {
	background: #5895ce;
}

#page-accueil .loisirs {
	background: #5895ce;
}

#page-accueil .agenda {
	margin: 20px 0 0 0;
	background: #5e767f;
}

#page-accueil .agenda p { margin: 10px; color:#FFF; }
#page-accueil .agenda a:link, #page-accueil .agenda a:visited { position: absolute; bottom: 5px; left: 5px; color: #FFF; background: #d40026; padding: 5px 15px; text-decoration: none; }
#page-accueil .agenda a:active, #page-accueil .agenda a:hover { position: absolute; bottom: 5px; left: 5px; color: #d40026; background: #FFF; padding: 5px 15px; text-decoration: none; }


/* Listing */

#contenu table.listingItem {
	border: 1px solid #d9dadb;
	border-collapse: collapse;
	background: #f9f9f9;
	margin-top: 15px;
	width: 100%;
}
#contenu td.listingPhoto {
	padding: 10px;
	width: 115px;
}
#contenu td.listingContent {
	padding: 10px 0;
}
#contenu td.listingContent h4 {
	margin: 0;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
#contenu td.listingContent p {
	margin: 0;
	font-size: 11px;
}
#contenu td.listingButton {
	padding: 10px;
	text-align: center;
	width: 150px;
}


/* Détail */

#page-detail H2 {margin-top: 0; text-transform: uppercase; }
#page-detail H5 {font-size: 12px; color: #003c66; margin: 15px 0 0 0;}

#contenu table.detailContainer {
	border-collapse: collapse;
	margin-top: 15px;
	width: 100%;
}

#contenu td.detailLeft {
	width: 200px; font-size: 11px;
}

#thumbs {overflow:hidden; list-style:none; margin:0px; padding:0;}
#thumbs img {border: 0;}
#thumbs li {float:left;}
#thumbs a {display:block; padding:2px; outline:none;}
#thumbs a:hover, #thumbs a:focus {background:#fff;}
#thumbs a.active {background:#d40026;}
#viewer {position:relative; width:200px; margin: 2px 0; height:150px;}
#viewer img {width: 200px; height: 150px;}
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}

#contenu td.detailMain {
	padding-left: 20px;
}


/* Notifications & Erreurs */

div.flash {padding: 4px 4px 4px 30px; margin-bottom: 12px; border: 2px solid; margin-top: 8px; text-align: left}

div.flash.erreur {
	background: url(../../img/global/exclamation.png) 8px 50% no-repeat;
	background-color: #ffe3e3;
	border-color: #dd0000;
	color: #880000;
}

div.flash.notification {
    background: url(../../img/global/true.png) 8px 5px no-repeat;
	background-color: #dfffdf;
	border-color: #9fcf9f;
	color: #005f00;
}

div.flash.warning {
	background: url(../../img/global/warning.png) 8px 5px no-repeat;
	background-color: #FFEBC1;
	border-color: #FDBF3B;
	color: #A6750C;
}


/* Calendrier disponibilites */

#calendrier{
	font: 11px/1.6 Arial, sans-serif;
	width:715px;
	margin:0 auto;
	}
#the_months{
	float:left; 
	width:715px;
	}

.cal_month{
	/* month div*/
	width:170px;
	border:1px solid #003c66;
	background:#FFFFFF;
	line-height:20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-bottom:6px;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	min-height:194px;
	color:#666;
	}
.cal_month .cal_title{
	border-bottom: 1px solid #CCC;
	background:#003c66;
	padding:2px;
	text-align:center;
	color:#FFF;
	}	
.cal_month ul{
	clear:both;
	list-style:none;
	margin:0px;
	padding:4px;
	margin:auto;
	width:168px;
	color:#FFF;
	}
.cal_month ul li{
	float:left;
	width:20px;
	height:20px;
	border:1px solid #CCC;
	margin-right:1px;
	margin-bottom:1px;
	text-align:center;
	background-color:#DDD;
	color:#000;
	font-size:90%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	}

.cal_month ul.cal_weekday li{color:#FFF; background-color:#003c66; border:1px solid #003c66; }

/* Dates */
.cal_month ul li.cal_vide			{background-color:#EEE; border:1px solid #EEE; color:#CCC; }
.cal_month ul li.cal_past			{visibility: visible; opacity: 0.6; filter:Alpha(Opacity=60); }	/* Date passée */
.cal_month ul li.cal_dispo			{background-color: #c0e37b;	}									/* Disponible */
.cal_month ul li.cal_presque		{background-color: #ffe24f;	}									/* Dernieres places disponibles */
.cal_month ul li.cal_complet		{background-color: #ff0000;	}									/* Complet */
.cal_month ul li.cal_ferme			{background-color: #918354;	}									/* Fermé */
.cal_month ul li.today				{border:1px dotted #003c66;	}