html,body {
  height                    : 100%;
  max-height                : 100%;
  margin                    : 0;
  padding                   : 0;
  background-color          : #ffffff;
  /*
  background                : url(../gifs/bg_body.jpg) no-repeat;
  background-position       : top center;
  */

  scrollbar-face-color      : #a8a8a8;
  scrollbar-arrow-color     : #ff0066;
  scrollbar-track-color     : #ffffff;
  scrollbar-shadow-color    : #ffffff;
  scrollbar-highlight-color : #ffffff;
  scrollbar-3dlight-color   : #ffffff;
  scrollbar-darkshadow-Color: #ffffff;
}

html,body,input,textarea {
  font-family : Vrinda, Sylfaen, Tahoma, Verdana, Arial, sans-serif;
  color       : #252525;
}

html           { font-size: 100%;  }
body           { font-size: .85em; }
input,textarea { font-size: 1em;   }

input,textarea { 
  margin           : 0.5em 0; 
  padding          : 0; 
  float            : left;
  text-align       : left;
  background-color : #ffffff;
  border-width     : 1px 1px 1px 2px;
  border-style     : solid;
  border-color     : #444444;
  border-left-color: #ff0066;
}
textarea {  
  overflow: auto;
}

label {
  width      : 10%;
  margin     : .5em .5em; 
  padding    : 0;
  float      : left;
  text-align : right;
  white-space: nowrap;
  border     : 0px solid green;
  clear      : both;
}

img,form,fieldset {
  margin  :0;
  padding :0;
}
img {
  -ms-interpolation-mode:bicubic;
}
form,fieldset {
	border-width:0;
}

a         { text-decoration:none;}
a:link    { color: #000000;      }
a:visited { color: #444444;      }
a:hover   { color: #ff0066;      }
a:active  { color: #444444;      }

h1,h2 {
  margin          : 0;
  padding         : .5em 0;
  font-weight     : normal;
  white-space: nowrap;
  background-color: transparent;
}
h1 { font-size: 1.3em;margin: 1em auto 0; }
h2 { font-size: 1.1em;                    }

hr {
  clear     : both;
  visibility: hidden;
}

table {
  /*width:  100%;*/
  height: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed;
  border:0px solid blue;
}
td {
  height: 100%;
  margin: 0;
  padding: .5em;
  vertical-align: middle;
  border:0px solid red;
}

.color1 	 { color: #ff0066; }
.color2 	 { color: #ffffff; }

.bgcolor1  { background-color: #ffffff; }
.bgcolor2  { background-color: #f4f4f4; }

.bdcolor1  { border: 1px solid #a8a8a8; }
.bdcolor2  { border: 1px solid #ffffff; }

.bdRadius {
  -moz-border-radius   : 8px;
  -webkit-border-radius: 8px;
  border-radius        : 8px;
}

.lettrine {
  font-size  : 1.5em;
  font-weight: normal;
}

#promotional {
  background-color: #f4f4f4;
  border          : 1px solid #a8a8a8;
  padding         : 0.3em;
}

img.borderImgLink       { border: 0px solid #ff0066; }
a:hover .borderImgLink  { border: 0px solid #ff0066; }

img.borderImg           { border: 3px solid #a8a8a8; }
a:hover .borderImg      { border: 3px solid #a8a8a8; }

.spacer      { margin: 0;padding: 0;clear: both; }
.right       { float: right; }
.left        { float: left;  }
.txtLeft     { text-align:left; }
.txtCenter   { text-align:center; }
.numPageSize { font-size: 2.0em;margin:0 5px;  }
#numPageSel  { font-size: 2.0em;margin:0 5px;  }
.smallSize   { font-size: 1em;    }

#preload     { display: none; }

.error       { width:600px; margin : 2em 0 0 3em; }

#pagination {
  width      : 100%;
  padding    :0;
  position   : absolute;
  position   : fixed;
  bottom     : 30px;
  left       : 0;
  z-index    : 950;
  white-space: nowrap;
  overflow   : hidden;
  border     : 0px solid red;
}

.opacity {
	background-color: rgb(244, 244, 244);
  background-color: rgba(244, 244, 244, 0.5);
  background:transparent;       
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f4f4f4,endColorstr=#80f4f4f4);
  zoom: 1;
}

#warning {
	width     : 100%;
  padding   : 1em 0;
  position  : absolute;
  top       : 50px; 
  left      : 0;
  display   : block;
  text-align: center;
  z-index   : 890;
  overflow  : hidden;
  border    : 1px solid #a8a8a8;
  background-color: #f4f4f4;
}


#logoChut {
  position: absolute;
  position: fixed;
  bottom  : 30px;
  right   : 3em;
  z-index : 940;
  overflow: hidden;
}

/* ================================================================= */
/* Header & Footer                                                   */
/* ================================================================= */
#headerContainer, #footerContainer {
  width           : 100%;
  position        : absolute;
  position        : fixed;
  z-index         : 900;
  overflow        : hidden;
  background-color: #f4f4f4;
  border          : 0px solid red;
}
#headerContainer {
	top         : 0;
	left        : 0;
	height      : 40px;
	line-height : 40px;
	border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #a8a8a8;
  -webkit-border-bottom-right-radius: 30px 50px;
  -moz-border-radius-bottomright    : 30px 50px;
  border-bottom-right-radius        : 30px 50px;
}
#headerMenu div {
  position   : absolute;
  position   : fixed;
  top        : 20px;
  left       : 2em;
  z-index    : 950;
  overflow   : hidden;
  white-space: nowrap;
  border     : 0px solid blue;
}
#headerMenu a {
	width           : 5em;
	height          : 2em;
  line-height     : 2em;
	margin          : 0;
	padding         : 0 .2em;
	vertical-align  : middle;
	text-align      : center;
	display         : -moz-inline-stack;
  display         : inline-block;
  zoom            : 1;
  *display        : inline;
  background-color: #f4f4f4;
  border          : 1px solid #a8a8a8;
}
#headerMenu a:hover      { background-color: #ffffff;                }
#headerMenu a#pageActive { background-color: #ffffff;color: #ff0066; }

#headerLogo {
  position: absolute;
  position: fixed;
  top     : 0; 
  right   : 3em;
  z-index : 930;
  border  : 0px solid red;
}

#footerContainer {
	bottom      : 0;
	left        : 0;
	height      : 30px;
	line-height : 30px;
	border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #a8a8a8;
  -webkit-border-top-right-radius: 30px 50px;
  -moz-border-radius-topright    : 30px 50px;
  border-top-right-radius        : 30px 50px;
}
#footer {
  width      : 100%;
  height     : 100%;
  white-space: nowrap;
  text-align : center;
  border     : 0px solid blue;
}

.divFooter {
	height:30px;
	border  : 0px solid red;
}

#mainContainer {
  width   : 100%;
  margin  : 0 auto;
  padding : 40px 0 30px 0;
  /* position: relative; */
  /* overflow: hidden;   */
  border  : 0px solid red;
}


/* ================================================================= */
/* Commercial et Photos                                              */
/* ================================================================= */
#commercial, #photos {
	/*width: 100%;*/
  /*max-height: 700px;*/
  /*min-height: 200px;*/
  position  : absolute;
  top       : 40px;
  bottom    : 30px;
  text-align: left;
  white-space: nowrap;
  z-index   : 50;
  border    : 0px solid blue;
}
#commercial { left:3em;}
#photos     { width: 100%; bottom: 60px; background-color: #ffffff; padding:5px 0 10px 0; }


/* ================================================================= */
/* News, contact, chut, partenaires, liens et prestations            */
/* ================================================================= */
#news, #contact, #chut, #partenaires, #liens, #prestations {
  margin : 0 0 0 3em;
  padding: 0;
  border : 0px solid yellow;
  text-align: left;
}

#news     { white-space: nowrap }
#news img { border: 2px solid #a8a8a8;margin:0 2px; }

#newsImg     { width:750px;  }
#newsImg img { height:150px; }

.image {
  height  : 100%;
  margin  : 0;
  padding : 0;
  display : inline;
  position: relative;
}

.image img { 
  width : auto;
  height: 100%; 
  max-height: 700px;
  min-height: 200px; 
}

#nextPic { height: 100%;width: auto; border: 0px solid #a8a8a8;}


.publication  {
  height          : 100%;
  margin          : 0 .5em;
  padding         : 0;
  display         : -moz-inline-stack;
  display         : inline-block;
  zoom            : 1;
  *display        : inline;
  position        : relative;
  vertical-align  : top;
	text-align      : center;
	border          : 0px solid red;
}
.publication img { height: 60%;width: auto; border: 2px solid #a8a8a8;}


#btSubmit {
  width  : 15%;
  margin : .5em .5em; 
  padding:0;
  text-align : right;
  font-size  : 1em;
  color:#252525;
  white-space:nowrap;
}
#btSubmit a {
  margin:0;
  padding:0;
  text-align:right;
  font-size  : 1.2em;
  color:#252525;
}


.texte {
  margin:0;
  padding:2px 0px;
  float:left;
  border:0px solid #ffffff;
  text-align:left;
  white-space:nowrap;
  width:250px;
}

.banniere {
  margin:1px;
  padding:0;
  float:left;
}

.divHidden { 
  width:100px;
  height:1px;
  margin-top:-1px;
  position:absolute;
  visibility:hidden;
  overflow:hidden;
}


/*-------------------------------------------------*/
/* DISCLAIMER                                      */
/*-------------------------------------------------*/
div#disclaimer { 
  text-align:left; 
}
div#disclaimer-fond {
  position:absolute;
  z-index:1000; 
  width:100%; 
  height:2650px; 
  background:white;
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  opacity: 0.8; 
  text-align:center; 
  line-height:normal; 
  clear:both;
}
div#disclaimer-conteneur {
	position:absolute; 
	z-index:1001; 
	width:100%; 
	text-align:center; 
	clear:both;
}
div#disclaimer-cadre {
	width:700px;
	margin-left:auto;
	margin-right:auto; 
	text-align:center; 
	margin-top:200px; 
	padding:15px;
	background-color:#f4f4f4;
	border:2px solid #e7e7e7;
	-webkit-border-bottom-right-radius: 30px 50px;
  -moz-border-radius-bottomright    : 30px 50px;
  border-bottom-right-radius        : 30px 50px;
}
div#disclaimer-cadre b      { font-size:15px; color:black; }
div#disclaimer-cadre a      { font-size:18px; font-weight:bold; color:#d62841; margin:0 60px;padding:2px 4px;}
div#disclaimer-cadre a:hover{ background-color:white; }