body {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	line-height: 16px;
	background-color: #ffffff;
	margin: 15px;
}
h1 {/*  */
	font-size: 24px;
	color: #006600;
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 10px 0px;
}
h2 {/*  */
	font-size: 15px;
	color: #660000;
	text-align: center;
	margin: 10px 20px 5px 20px;
}
h3 {/*  */
	font-size: 20px;
	font-weight: bold;
	color: #990000;
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 0px 0px;
}
h4 {/*  */
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #006600;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
p {
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
}
a:link {
	font-size: 12px;
	color: #003300;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	font-size: 12px;
	color: #003300;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-size: 12px;
	color: #CC0000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
table {
	font-size: 12px;
	color: #000000;
}
iframe {
	border: 0px solid gray;
}
.bloc180 {
	width:180px;
	padding:0 0 12px 0;
	text-align: center;
	margin:0px auto 12px;
	background:url("images/bloc3.jpg") bottom left no-repeat;
}
.bloc180 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: #006600;
	text-decoration: none;
	text-align: center;
	margin:0;
	padding:12px 10px 10px 10px;
	background:url("images/bloc1.jpg") bottom left no-repeat;
}
.bloc180 p {
	margin:0;
	padding:10 15px 3px;
	background:url("images/bloc2.jpg") top left  repeat-y;
}
.centre {
	width:576px;
	padding:0 0 12px 0;
	text-align: center;
	margin:0px auto 12px;
	background:url("images/centre3.jpg") bottom left no-repeat;
}
.centre h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: #006600;
	text-decoration: none;
	text-align: center;
	margin:0;
	padding:12px 10px 10px 10px;
	background:url("images/centre1.jpg") bottom left no-repeat;
}
.centre p {
	margin:0;
	padding:10 15px 3px;
	text-align: left;
	background:url("images/centre2.jpg") top left  repeat-y;
}
/* Ajax tab*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: center;
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
font-size: 12px;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: url(images/shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li.selected{
position: relative;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: #FFFFFF;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent{
display:none;
border-top: 1px solid #CCCCCC;
	margin:0;
	padding:15px 10px 10px 10px;
}
.tabchiots{
display:none;
border-top: 1px solid #CCCCCC;
text-align: center;
	margin:0;
	padding:15px 10px 10px 10px;
}
.pere {
	background-color: #E3FDFF;/* ou CCEEFF */
	border: 1px solid #CCEEFF;/* ou 0099FF */
	color: #006699;
	font-weight: bold;
	padding:10px 5px 10px 5px;
}
.pere img{
	margin:5px;
}
.mere {
	background-color: #FFEBF4;/* ou FFCCCC */
	border: 1px solid #FFCCCC;/* ou FF6666 */
	color: #CC3333;
	font-weight: bold;
	padding:10px 5px 10px 5px;
}
.mere img{
	margin:5px;
}
.chiotm {
	background-color: #CCEEFF;
	border: 1px solid #0099FF;
	color: #006699;
	font-weight: bold;
	padding:3px 0px 3px 0px;
	margin-top: 15px;
}
.chiotm img{
	margin-right:5px;
}
.chiotf {
	background-color: #FFCCCC;
	border: 1px solid #FF6666;
	color: #CC3333;
	font-weight: bold;
	padding:3px 0px 3px 0px;
	margin-top: 15px;
}
.chiotf img{
	margin-right:5px;
}
.arrow {
	color: red;
}
.news {
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 13px;
	color: #003300;
	font-style: italic;
	line-height: 15px;
}
.dispo {
	background-color:#009900;
	color: #FFFFFF;
	font-weight: bold;
}
.reserv {
	background-color:#FF0000;
	color: #FFFFFF;
	font-weight: bold;
}
.infochiot {
	background-color: #FFFFFF;
	height:30px;
	border-top: 1px solid #003300;
	color: #000000;
	font-weight: bold;
	padding:0px 10px 0px 10px;
	margin:330px 0px 0px 0px;
}
.fiche {
	color: #003300;
	font-weight: bold;
	padding:10px 10px 10px 0px;
	margin:0px 30px 0px 50px;
}
.encadre {
	font-size: 13px;
	background-color: #F3FEED;
	border: 1px solid #CCCCCC;
	color: #003300;
	font-weight: bold;
	padding:10px 0px;
}
#ajaxtickernews{
width: 150px;
height: 280px;
background-color: #FFFFFF;
}
#ajaxtickernews div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFFF;
}
#ajaxticker2{
width: 150px;
height: 400px;
background-color: #FFFFFF;
}
#ajaxticker2 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFFF;
}
/* ######### CSS for PHP Photo Album itself ######### */

.photodiv{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #C0C0C0;
}

.photodiv img{ /*CSS for each image tag*/
border: 1px solid #F5F5F5;
margin-bottom: 5px;
width: 120px;
height: 90px;
cursor: hand;
cursor: pointer;
}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
}

.albumnavlinks a{ /*CSS for each navigational link*/
margin-right: 5px;
padding: 1px 5px;
border: 1px solid #C0C0C0;
text-decoration: none; 
color: #003300;
font-weight: bold;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
border: 1px solid #808080;
background-color: #FFFF99;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
border: 1px solid #C0C0C0;
background: #FFFFFF;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;  
box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: red;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
margin: 5px;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
font: bold 14px Arial;
z-index: 5;
}
.case {
float: left;
border: 1px solid #C0C0C0;
background-color: #F5F5F5;
text-align: center;
padding: 10px 10px;
margin: 7px 12px;
}
.videolink a:active{
color: #CC0000;
}