@charset "UTF-8";
/* CSS Document */
body{
	background-color: white;
	margin-top: 0px;
}
#conteneur {
	
	height: 760px;
	width: 800px;
	padding-top: 0px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
input { background-color : #E2E4E6 ; } 
textarea { background-color : #E2E4E6 ; } 
#header{
	background-image:url(../../CTMK/images-construction/barju-header.png);
	background-repeat:no-repeat;
	
	height: 120px;
	width: 800px;
	padding-top: 0px;
	margin-top:0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	
	position:relative;
	
	
}

#cale-header {
	width: 402px;
	height: 100px;
	float:left;
}
	

#cale-resa {
	width: 399px;
	height: 33px;
	position:relative;
	
}

#lower_header{
	
	font-size: 90%;
	height: 100px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	/*float:left;
	position:relative;*/
	
}

#lower_header-reservations{
	background-repeat:no-repeat;
	
	font-size: 90%;
	height: 130px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	/*float:left;
	position:relative;*/
	
}


#lower_header-mentions{
	
	font-size: 90%;
	height: 270px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	/*float:left;
	position:relative;*/
	
}




#formulaire{
	padding-top:10px;
	
}

#champs-formulaire1{
	line-height: 1.5;
	border: 2px;
	border-color:#343434;
	border-style:dashed;
	width: 400px;
	height: 270px;
	float:left;
	margin-right:15px;
}

#champs-formulaire2{
	line-height: 1.5;
	border: 2px;
	border-color:#343434;
	border-style:dashed;
	width: 327px;
	height: 270px;
	
}

#champs-formulaire3{
	clear:both;
	margin-top: 15px;
	line-height: 1.5;
	border: 2px;
	border-color:#343434;
	border-style:dashed;
	width: 770px;
	height: 270px;
}
#date-formulaire{
	float:left;
	padding-right:20px;
}

#envoyer {
	background-color:#C3E0F3;
}

/* bouton envoyer */

#BTN_envoyer input[type="submit"]{
	background-color:#C3E0F3;
	font-size:17px;
	color:#000;
	width: 100px;
	font-stretch: ultra-expanded;
	font-family:"Times New Roman", Times, serif;
}

#BTN_envoyer input[type="submit"]:hover{
	background-color:#343434;
	font-size:17px;
	color:#fff;
	width: 100px;
	font-stretch: ultra-expanded;
	font-family:"Times New Roman", Times, serif;
	
}


.envoyer{
	font-size:17px;
	color:#000;
	width: 100px;
	font-stretch: ultra-expanded;
	font-family:"Times New Roman", Times, serif;
	
}

#display {
	
	height: 300px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#display-mentions {
	
	height: 200px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}



#cale-display-haute {
	
	height: 60px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#cale-display-G {
	
	height: 130px;
	width: 100px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	float:left;
}

#imagettes-display {
	
	height: 130px;
	width: 700px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}
#imagettes-display1{
	
	background-image: url(CTMK/images-construction/bol_OUT.png);
	background-repeat:no-repeat;
	height: 285px;
	width: 110px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}



#imagettes-display1{
	
	background-image: url(CTMK/images-construction/bol_OUT.png);
	background-repeat:no-repeat;
	height: 285px;
	width: 110px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

#imagettes-display1-mentions{
	
	background-image: url(CTMK/images-construction/bol_OUT.png);
	background-repeat:no-repeat;
	height: 200px;
	width: 110px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

#texte-bol{
	position : absolute;
	top: 166px;
	left: 64px;
	font-size: 18px;
	font-family: verdanal;
	font-weight: bold;
}

.bol{
	position : absolute;
	top: 0px;
	left: 200px;
	
}

#imagettes-display2{
	
	background-image: url(CTMK/images-construction/pichet_OUT.png);
	background-repeat:no-repeat;
	height: 285px;
	width: 140px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

#imagettes-display2-mentions{
	
	background-image: url(CTMK/images-construction/pichet_OUT.png);
	background-repeat:no-repeat;
	height: 200px;
	width: 140px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

.pichet{
	position : absolute;
	top: 0px;
	left: 0px;
}

.hachoir{
	position : absolute;
	top: -190px;
	left: -20px;
}

.balance{
	position : absolute;
	top: -190px;
	left: 0px;
}


#imagettes-display3{
	
	background-image: url(CTMK/images-construction/yaourtiere_OUT.png);
	background-repeat:no-repeat;
	height: 285px;
	width: 140px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}


#imagettes-display3-mentions{
	
	background-image: url(CTMK/images-construction/yaourtiere_OUT.png);
	background-repeat:no-repeat;
	height: 200px;
	width: 140px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

#imagettes-display4{
	
	background-image: url(CTMK/images-construction/hachoir_OUT.png);
	background-repeat:no-repeat;
	height: 285px;
	width: 120px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}


#imagettes-display4-mentions{
	
	background-image: url(CTMK/images-construction/hachoir_OUT.png);
	background-repeat:no-repeat;
	height: 200px;
	width: 120px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

#imagettes-display5{
	
	background-image: url(CTMK/images-construction/balance_OUT.png);
	background-repeat:no-repeat;
	height: 280px;
	width: 100px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}

#imagettes-display5-mentions{
	
	background-image: url(CTMK/images-construction/balance_OUT.png);
	background-repeat:no-repeat;
	height: 200px;
	width: 100px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}


.trouver{
	position : absolute;
	top: -96px;
	left: -152px;
}

#imagettes-display6{
	
	background-image: url(CTMK/images-construction/trouver_OUT.png);
	background-repeat:no-repeat;
	height: 57px;
	width: 100px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px	;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:right;
	position:relative;
}


#imagettes-display-plan{
	
	background-image: url(CTMK/images-construction/plan.png);
	background-repeat:no-repeat;
	height:450px;
	width: 650px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px	;
	margin-left: 0;
	border: 0;
	padding: 0;
	top: -50px;
	left: -50px;
	
	position:relative;
}

#plan{
	
	
	
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px	;
	margin-left: 0;
	border: 0;
	padding: 0;
	float:left;
	position:relative;
}



#footer {
	
	height: 40px;
	width: 800px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.cadreCentreHaut{
	margin-top: 0px;
	height: 335px;
	width: 800px;
	
}

.cadreCentreFooter{
	margin-top: 1px;
	height: 40px;
	width: 850px;	
}

a img {
	border: none;
}

a:link, a:hover, a:visited, a:active{
	
	decoration:none;
	color: #FFFFFF;
	}
	
a.visible-invisible img {
  opacity: 0;
  filter:alpha(opacity=0);
  }

a.visible-invisible:hover img {
  opacity: 1.0;
  filter:alpha(opacity=100);   
  }

.reservations{
	position : absolute;
	top: 33px;
	left: 402px;