html, body {
margin: 0;
padding: 0;
height: 100%;
}


body{
	margin: 0;
	padding: 0;
	text-align : left;
	font-family : arial;
	font-size : 11px;
	background : #ccc;
}

#content {
	
	text-align : left;
	width : 758px ; 
	margin-left : auto;
	margin-right : auto;
	
	height:auto;
}
html>body #content {
	height : auto; min-height : 100%;  
}

#header {
	width : 802px ; 
	height : 218px ;
	margin-left : auto;
	margin-top : 15px;
	margin-right : auto;
	background-image : url(../img/banniere.jpg);
}

#main{
	width : 815px ; 
	height: 564px;
	background-color: #ffffff;
}

html>body #main {
	width : 802px ; 
}

#left{
	float:left;
	width:166px;
	height:574px;
	background: url(../img/left.jpg);
}

#right{
	float:left;
	width:42px;
	height:574px;
	background: url(../img/right.jpg);
}

#middle{
	float:left;
	width:300px;
	height:574px;
	background:url(../img/back.jpg) bottom no-repeat;
	
}

html>body #middle {
	width:594px;
}

#flag{
	margin: 15px 0 0 20px;
	float:left;
}
#flag img, .tof img{
	border:0px;
}

.tof{
	float:left;
}


#medecine{
	float:right;
}

#medecine h1{ 
	padding:0;
	margin: 10px 20px 0 0;
	color:#20B2AA;
	font-size:22px;
}

#tryo{
	
	float:right;
	width:802px;
	text-align:right;
}

#tryo h2{
	padding:0;
	margin: 4px 20px 0 0;
	color:white;
	font-size:20px;
}

#stuff{
	float:right;
	width:802px;
	text-align:right;
}

#stuff h3{
	padding:0;
	margin: 10px 20px 0 0;
	color:black;
	font-size:14px;
}

ul{
	margin:0;
padding:0;
left:0;list-style-type: none;
margin-top:150px;
padding:0;
width:166px;
}

h4.titre{
	text-align:center;
	font-size:20px;
	margin:0;
	padding:0;
	color:#2E8B57;
}

hr.underTitle{
	text-align:center;
	background-color:#2E8B57;
	width:200px;
}

#home img{
	vertical-align:super;
	text-align:left;
}

div#menu1_fr{
	width:180px;
	background: url('../img/quisommesnous.gif') 0 -47px no-repeat;
	z-index:1;
	height:46px;
	float:right;
}

div#menu1_fr:hover{
	background: url('../img/quisommesnous.gif')   no-repeat;
}

div#menu2_fr{
	width:180px;
	background: url('../img/nouscontacter.gif') 0 -46px no-repeat;
	z-index:1;
	height:46px;
	float:right;
}

div#menu2_fr:hover{
	background: url('../img/nouscontacter.gif') no-repeat;
}

div#menu3_fr{
	width:180px;
	background: url('../img/galleriephotos.gif') 0 -46px no-repeat;
	z-index:1;
	height:46px;
	float:right;
}

div#menu3_fr:hover{
	background: url('../img/galleriephotos.gif')  no-repeat;
}

div#menu1_en{
	width:180px;
	background: url('../img/whoarewe.gif') 0 -46px no-repeat;
	z-index:1;
	height:46px;
	float:right;
}

div#menu1_en:hover{
	background: url('../img/whoarewe.gif')   no-repeat;
}

div#menu2_en{
	width:180px;
	background: url('../img/contactus.gif') 0 -46px no-repeat;
	z-index:1;
	height:46px;
	float:right;
}

div#menu2_en:hover{
	background: url('../img/contactus.gif') no-repeat;
}

div#menu3_en{
	width:180px;
	background: url('../img/photogallery.gif') 0 -46px no-repeat;
	z-index:1;
	height:46px;
	float:right;
}

div#menu3_en:hover{
	background: url('../img/photogallery.gif')  no-repeat;
}

.tester{
	width:150px;
	height:50px;
	display:block;
}


ul#mark li{
font-size:24px;
text-align:center;
/*background:url('../img/black.jpg') 20px center no-repeat;*/
}

ul#mark li img{
	margin-right:1px;
}


div#content div#bottomTxt{
position:absolute;
text-align:center;
margin:0 0 0 166px;
width:636px;
top:787px;
z-index:2;
color:#cccccc;
font-size:11px;

}


div#txtN{
	width:50px;
display:inline;
}

span#txtP{
	width:100px;
}

span#txtT{
	width:100px;
}
span#txtM{
	width:100px;
}
p#validation{
	font-size:13px;
	color:#f00;
	font-weight:bold;
}

div#adresseGarage{
	text-align:center;
margin:0;
padding:0;
font-size:13px;
}

div#adresseGarage a{
color:#00F;
}


form{
	text-align:center;
}


p#precision{ 
text-decoration:underline;
}

p#obl{
font-size:9px;
}

div#home img{
	margin:auto;
	margin-left:25%;
	margin-right:25%;
}
div#home p{
	text-align:justify;
}
/**/
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://ddata.over-blog.com/xxxyyy/0/02/10/83/overlay.png", sizingMethod="scale");*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/