@charset "iso-8859-1";
body
{
	font-family		: Arial, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normal;
	text-transform	: none;
	margin			: 0px;
	padding			: 0px;
	background-color	: #fded01;
	background-image	: url('../img/orangebackground.jpg');
  background-repeat : repeat-x;
  background-position:top left;
	
	
}

div.divcontenu
  {
  height: 580px;
  width: 585px;
  overflow: auto;
  }
  
div.divsejours
  {
  height: 716px;
  width: 585px;
  overflow: auto;
  }
  
div.catalogues
  {
  height: 320px;
  width: 280px;
  overflow: auto;
  }
  
table
{
	cellpadding : 0px;
	cellspacing :	0px;
}	

td
{
	font-family		: Arial, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normal;
	text-transform	: none;
	margin			: 0px;
}

.trcolor0
{
 background-color: transparent;
}

.trcolor1
{
 background-color: lavender;
}


.tdtitre
{
	font-family		  : Arial, sans-serif;
	font-size		    : 11px;
	font-style		  : normal;
	font-weight		  : bold;
	font-variant	  : normal;
	text-transform	: none;
	margin			    : 0px;
	padding         : 0px;
	padding-left    : 5px;
	color           : #f98702;
	height          : 20px;
	background-image: url('../img/menus/backmenus10.gif');
	background-color: #fafafa;
	background-repeat:no-repeat;
	background-position:top left;
	text-align      : left;
	border          : 0px none;
}

.tdtitre2
{
	font-family		  : Arial, sans-serif;
	font-size		    : 11px;
	font-style		  : normal;
	font-weight		  : bold;
	font-variant	  : normal;
	text-transform	: none;
	margin			    : 0px;
	padding         : 0px;
	padding-left    : 5px;
	color           : #f98702;
	height          : 20px;
	background-image: url('../img/menus/backmenus10.gif');
	background-color: #fafafa;
	background-repeat:no-repeat;
	background-position:top right;
	text-align      : left;
	border          : 0px none;
}

.tdcontenu
{
	font-family		  : Arial, sans-serif;
	font-size		    : 11px;
	font-style		  : normal;
	font-weight		  : normal;
	font-variant	  : normal;
	text-transform	: none;
	margin			    : 0px;
	padding         : 0px;
	color           : #000000;
	width           : 355px;
	background-color: #ffffff;
	text-align      : left;
	border-top      : 1px dotted #acd44d;
	border-left     : 1px solid #90d4ee;
	border-right    : 1px solid #90d4ee;
	border-bottom   : 0px none;
	
}

.tdfincontenu
{
	font-family		  : Arial, sans-serif;
	font-size		    : 11px;
	font-style		  : normal;
	font-weight		  : normal;
	font-variant	  : normal;
	text-transform	: none;
	margin			    : 0px;
	padding         : 0px;
	color           : #000000;
	width           : 355px;
	background-color: #ffffff;
	text-align      : left;
	border-top      : 0px none;
	border-left     : 1px solid #90d4ee;
	border-right    : 1px solid #90d4ee;
	border-bottom   : 1px solid #90d4ee;

}

.tdcontenu2
{
	font-family		  : Arial, sans-serif;
	font-size		    : 11px;
	font-style		  : normal;
	font-weight		  : normal;
	font-variant	  : normal;
	text-transform	: none;
	margin			    : 0px;
	padding         : 0px;
	color           : #000000;
	width           : 355px;
	background-color: #ffffff;
	text-align      : center;
	border-top      : 1px dotted #acd44d;
	border-left     : 1px solid #90d4ee;
	border-right    : 1px solid #90d4ee;
	border-bottom   : 1px solid #90d4ee;

}
.tdespace
{
	font-family		  : Arial, sans-serif;
	font-size		    : 11px;
	font-style		  : normal;
	font-weight		  : bold;
	font-variant	  : normal;
	text-transform	: none;
	margin			    : 0px;
	padding         : 0px;
	color           : #000000;
	width           : 15px;
	background-color: #ffffff;
	text-align      : left;
}

.inputtext
{
   background-image	:url('../img/menus/txt.gif');
   padding			:2px;
   border			:0px;
   width			:100px;
   font-family		: Arial, sans-serif;
   font-size		: 9pt;
   font-style		: normal;
   font-weight		: normal;
   font-variant		: normal;
   color          : #2ab1e1;
   background-color:#fafafa;
}

.categorie
{
	font-family		: Arial, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normal;
	text-transform	: none;
	margin			: 0px;
	height:12px;
	background:url('../img/menus/categorie.gif');
	background-color: #c0c0c0;
}
.entete
{
	font-family		: Arial, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normal;
	text-transform	: none;
	margin			: 0px;
	background-color: #e2e2e2;
}

.orange
{
	font-family		: Arial, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normal;
	color			: #FD7927;
	text-transform	: none;
	margin			: 0px;
	background-color: transparent;
}

img
{
	border			: 0px none;
}

.diapoCSS
{
	border			: 1px dotted #FD7927;
}

.transparent
{
	font-family		: Arial, sans-serif;
	font-size		: 11px;
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normal;
	text-transform	: none;
	margin			: 0px;
	background-color: transparent;
}

.gris            	{ background-color	: transparent; font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #808080; text-decoration: none }

.Huitgris            { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Huitgris           { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Huitgris:link      { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Huitgris:visited   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Huitgris:hover     { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: none }

.Huitvraigris            { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #808080; text-decoration: none }
A.Huitvraigris           { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #808080; text-decoration: none }
A.Huitvraigris:link      { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #808080; text-decoration: none }
A.Huitvraigris:visited   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #808080; text-decoration: none }
A.Huitvraigris:hover     { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: none }

.Dixgris            { font-family: Arial, sans-serif; font-size : 13px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Dixgris           { font-family: Arial, sans-serif; font-size : 13px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Dixgris:link      { font-family: Arial, sans-serif; font-size : 13px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Dixgris:visited   { font-family: Arial, sans-serif; font-size : 13px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Dixgris:hover     { font-family: Arial, sans-serif; font-size : 13px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: none }

.Mauve            { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Mauve           { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Mauve:link      { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Mauve:visited   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
A.Mauve:hover     { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: none }

.Titre            { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: bold; color: #f98702; text-decoration: none }
A.Titre           { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: bold; color: #f98702; text-decoration: none }
A.Titre:link      { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: bold; color: #f98702; text-decoration: none }
A.Titre:visited   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: bold; color: #f98702; text-decoration: none }
A.Titre:hover     { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: bold; color: #acd44d; text-decoration: none }

.Titre2            { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #f98702; text-decoration: none }
A.Titre2           { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #f98702; text-decoration: none }
A.Titre2:link      { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #f98702; text-decoration: none }
A.Titre2:visited   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #f98702; text-decoration: none }
A.Titre2:hover     { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #aed44d; text-decoration: none }

.tel            { font-family: Arial, sans-serif; font-size : 10px; font-style: normal; font-weight: normal; color: #be2376; text-decoration: none }
A.tel           { font-family: Arial, sans-serif; font-size : 10px; font-style: normal; font-weight: normal; color: #be2376; text-decoration: none }
A.tel:link      { font-family: Arial, sans-serif; font-size : 10px; font-style: normal; font-weight: normal; color: #be2376; text-decoration: none }
A.tel:visited   { font-family: Arial, sans-serif; font-size : 10px; font-style: normal; font-weight: normal; color: #be2376; text-decoration: none }
A.tel:hover     { font-family: Arial, sans-serif; font-size : 10px; font-style: normal; font-weight: normal; color: #be2376; text-decoration: none }

.bleuo            { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #3ea1fe; text-decoration: none }
A.bleuo           { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #3ea1fe; text-decoration: none }
A.bleuo:link      { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #3ea1fe; text-decoration: none }
A.bleuo:visited   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #3ea1fe; text-decoration: none }
A.bleuo:hover     { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: none }

.navigation          { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline }
A.navigation         { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline }
A.navigations:link   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline }
A.navigation:visited { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline }
A.navigation:hover   { font-family: Arial, sans-serif; font-size : 11px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: underline }

.aujourdhui            { font-family: Arial, sans-serif; font-size : 12px; font-style: normal; font-weight: normal; color: #2ab1e1; text-decoration: none }
A.aujourdhui           { font-family: Arial, sans-serif; font-size : 12px; font-style: normal; font-weight: normal; color: #2ab1e1; text-decoration: none }
A.aujourdhui:link      { font-family: Arial, sans-serif; font-size : 12px; font-style: normal; font-weight: normal; color: #2ab1e1; text-decoration: none }
A.aujourdhui:visited   { font-family: Arial, sans-serif; font-size : 12px; font-style: normal; font-weight: normal; color: #2ab1e1; text-decoration: none }
A.aujourdhui:hover     { font-family: Arial, sans-serif; font-size : 12px; font-style: normal; font-weight: normal; color: #31b3e2; text-decoration: none }

// Style calendrier
.ds_box {
	background-color: #fafafa;
	border: 1px dotted #acd44d;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #fafafa;
}

.ds_head {
	background-color: #acd44d;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 16px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #acd44d;
} /* This hover code won't work for IE */

#books {
	width: 515px; /* optional */
}
#books img {
	border: 0;
}
#books .clear_both {
	clear: both;
}
#books .float_left,
#books  ul li {
	float: left;
	display: inline;
}
#books .float_right {
	float: right;
}
#books .overclear {
	width: 100%;
	overflow: hidden;
}

/* styles */

#books .buttons {
	position: relative;
	height: 30px;
	margin: 0 0 5px 0;
}
#books .prev {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
#books .next {
	position: absolute;
	top: 0;
	right: 0;
}
#books .showing {
	margin: 5px 60px 0 60px;
	text-align: center;
	font-size: .8em;
}
#books .top {
	background: url(../images/books_top.gif) repeat-x;
}
#books .inner {
	padding: 0 0 0 20px;
	margin: 0 0 -20px 0;
	background: url(../images/books_left_mid.gif) repeat-y;
}
#books  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(../images/books_right_mid.gif) repeat-y top right;
}
#books  ul li {
	display: none;
	position: relative;
	margin: 0;
	padding: 0 20px 20px 0;
	font-size: .8em;
	z-index: 1;
}
#books  ul li.loader {
	display: block;
	float: none;
	height: 115px;
	margin: 0 0 20px -20px;
	background: url(../images/books_loader.gif) no-repeat center center;
}
#books  ul li a.info {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#books  ul li a.thumb {
	display: block;
	border: 1px solid #ddd;
}
#books  ul li a.thumb img {
	display: block;
	margin: 0;
	padding: 3px;
}
#books .btm {
	background: url(../images/books_btm.gif) repeat-x;
}
.books_tool_tip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	z-index: 9999;
}
.books_tool_tip .books_pointer_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/books_pointer_left.gif);
}
.books_tool_tip .books_pointer_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/books_pointer_right.gif);
}
.books_tool_tip .inner {
	border: 1px solid #ddd;
	padding: 15px 15px 3px 15px;
	margin: 0 0 0 9px;
	background: #fff;
}
.books_tool_tip .inner_right {
	margin: 0 9px 0 0;
}
.books_tool_tip .inner p {
	font-size: .8em;
	margin: 0;
	padding: 0 0 12px 0;
}