body {
	margin:10px auto;
	color: #7D4405;
	color: #756337;
	color: #502800; /* couleur chocolat */
	background-color: #EEF99B;
    font-family: "Century Gothic", "Garamond", "Verdana", "Tahoma","Trebuchet MS", Arial; 
    font-size:15px;     
    text-align:center;    
}

ul {list-style-type:none; margin:0; padding:0px;}
li {list-style-type:none; margin:0; padding:0px;}
img { border:none }
a  {text-decoration:none; cursor:pointer}

hr {border:none; border-top:1px solid #ccc; padding:0}

br {clear:both}
.clear {clear:both;}
.clear_right {clear:right;}
.clear_left {clear:left;}
.hidden {display:none}

.round {
	padding:0px;
    -moz-border-radius: 20px;   
    border-radius: 20px;
}

.highlight {
    background-color:#EEF99B;
}
.highlightG {
    background-color: #DAFE44;
}

#catalogue li {
	padding:0;
	list-style-type:none;
}

#catalogues li {
    padding:0;
    list-style-type:none;
    padding: 5px 0;
}

#catalogues li a {
    color:gray
}


#service {
	width:100%;
    height:100%;
    overflow-y:auto;
    padding:0;
	margin:0;
    padding-right:0px;
}

#service div.prestation {
	padding:5px;
    -moz-border-radius: 10px;	
	border-radius: 10px;
	margin:0 0px 0px 0;	
	width:auto;
	height:auto;
	clear:both;
	font-weight:normal
}
.rounded_fieldset {
     -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-color:#502800;
    border-width:1px;
}

/* div for image in prestation div in service.php page */
#service .presta {	
	float:right;
    width:40%;
    clear:right;
    margin-right:10px
}
#service ul {
    list-style-type:none;
    width:auto;
    overflow:hidden;
    margin:0;
    padding:0;
}
#service li {
	list-style-type:none;
}
#service .presta img {
	width:90%;
	margin:5px 0px 5px 5px;
	float:right;
}

#service div.desc {   
    width:auto;
    text-align:left;
    padding:0 10px;
    position:relative
}
#service .desc p {   
    text-align:justify;
    margin:0;
    padding:0;
    width:auto;
    line-height:16px;
    font-size:12px;

}
#service h4 {   
    text-align:left;
    font-weight:bold
}
#service .prestation {   
}
#service .prestation h4 {   
    text-align:center;
    font-weight:bold
}
#service .prestation p.promo {
    position:absolute;
    bottom:0; right:0;
}
#service .prestation p.promo img {
	width:65px;
}

.centerpiece p.close {
	font-size:10px !important;
	text-align:right !important;
	color:green;
	clear:right;
	position:absolute;
	right:17px;
	top:2px;
	height:25px;width:25px;
	z-index:100
}
div.centerpiece {
	padding:0px;
    text-align:justify;
	font-size:14px;
	line-spacing:18px;
    font-family: "Verdana", "Tahoma","Trebuchet MS", Arial; 
    font-weight:normal;
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:100%;
    position:relative;
   /* display:none; */
}

.centerpiece ul li {
	line-height:12px;
	list-style-type:circle;
	cursor:pointer;
	margin-left:10px
}

.innerText {
    padding:0 0px;
    font-weight:normal;
    font-size:12px;
    line-height:16px
}
.video {
	text-align:center;
}

div.temp {
	text-align:right;
	padding:5px 0 5px 0;
	display:none;
    overflow:hidden
}
div.temp ul {
	padding:20px 0;
}
div.temp li.hover {
	font-size:12px !important;
	font-style:italic!important;
	padding:0px;
	font-weight:bold;
}
#left div.temp li.hover {
    padding:1px 5px 1px 0;
    padding-left:10px;
    cursor:pointer;
}

#main {
	margin:auto;
    border: 2px solid #786f5e;
    border: 2px solid #cdd972;
    width: 900px;
    display:none;
}

#center {
    background-color: #DAFE44;
    margin:0px;
    width:100%;
}

#header {
	padding: 20px;
}

#body {
	display:block;
	margin:10px 20px 10px 20px;
}

#vitrine {
	float:left;
    width:20%;
    height:100px;
    overflow:hidden;
    margin-right:0px;
}

#logo {
    margin:0 21px;
    float:left;
	text-align:center;
	width: 410px;
    width:51%;
    min-width:53%;
    height:100px;
    overflow:hidden
}

#logo img {
    margin:20px 0px;
	width:70%;
}

#promo {
    margin-left:0px;
	float:left;
    width:20%;
    height:100px;
    overflow:hidden;
}

#middle {
    text-align:center;
    padding:0px;
    margin:5px;
    background-color: #DAFE44;
    display:block;
    overflow:hidden;
    height:345px;
}

#middle_outer {
    margin:0 21px;
    float:left;
    width:51%;
    min-width:53%;
    text-align:center;
    height:auto;
}

#middle img.border {
    text-align:center;	
	overflow:hidden;
	margin:0px;
	height:150px;
	width:200px;
	padding:0;
}

div.middle_inner { 
    padding:5px;
    width:47%;
}

div.middle_frames {
    overflow: hidden;
}

#middle_p {
    font-size:14px; 
    text-align:justify;
    font-weight:normal;
    font-family: "Century Gothic", "Garamond", "Verdana", "Tahoma","Trebuchet MS", Arial; 
    line-height:16px;

	height:150px;
	padding: 0px;
    margin:5px;
    width:202px;
    max-width:200px;
    overflow:hidden;
}

#middle_p p {
	padding:10px;
	margin:0;
}



#left {
    float:left;
    padding:0px;
    text-align:right;
    width:175px;
    width:20%;
    overflow:hidden;
    margin-bottom:0;
    padding-bottom:0;
    height:360px;
}

#right {
	float:left;
    margin-left:0px;
    padding-left:0px;
    text-align:center;
    width:20%;
    height:360px;
    overflow:hidden;
}
#left ul {
	margin-top:20px;
	width:auto;
	padding:10px 10px 0; 
    overflow:hidden;
}
#left ul li {
    padding:5px 0 10px 0;
    text-align:right;
    cursor:pointer;
    line-height:16px;
}

#right p {
    padding:10px 10px 0;
    /*font-variant:small-caps;*/
    text-transform: uppercase;
    line-height:14px;
    font-size:12px;
    text-align:center;
    font-weight:normal;
}

#right hr {
	margin: 20px 35px;
	color:white
}


/* classes */

.border {
    border: 2px solid white;
    border: 1px solid #A1CC24;
}
.beige {
	background-color: #EEF99B;
}

.font {
	color: #7A7267;
}
.sep {
	color:#A1CC24;
	font-size:20px;
}

ul.horizontal {
	padding-top:30px
}
ul.horizontal li {
	display:inline;
	text-align:left;
	font-size:16px;
	cursor:pointer;
}

img.header_img {
    width: 100%;
    padding: 1px;
}


#footer {
	padding-bottom:20px;
    padding-left:20px;
	text-align:left;
}

#footer .icon {
    height:35px;
    padding:0 7px 0 0;
}

#service img.cmd {
	width:180px;
	float:right;
	margin:5px 10px 5px;
	padding:0
}

#map {
    overflow:hidden;
    text-align:center
}

#map p {
}

#map img.map {
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
    width:auto;
    clip:rect(0px,420px,320px,0px);
    margin:10px;
}

#contact_page fieldset.round {
	padding:10px;
	width:100%;
	    overflow:hidden
}
#contact_page  img.proxecom_logo {
	width:100px
}


#contact_page textarea {
    width:250px
}
#contact_page label {
    text-align:right;
    vertical-align: top;
    width:25%;
}
#contact_page input {
    width:250px;
}
#contact_page a {
    text-decoration:none;
    cursor:pointer;
}
#contact_page li {
    list-style-type:none;
}
#contact_page fieldset {
	margin:0px;
}
#gallery .presta img {
	width:150px; 
	margin:5px;
	position:absolute;
	clip:rect(0px,150px,130px,0px);
}

.overlay {
/*    background:transparent url(../images/overlay.png) repeat top left; Doesn't work IN IE*/
background:transparent url(../images/overlay.png) repeat top left;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.box {
    position:absolute;
    top:-200px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}

a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(../images/cancel.png) no-repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

.box h3{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#FFEFEF;
    background-color: #DAFE44; /* green */
    background-color: #EEF99B; /* beige */
    color:#EF7777;
    color:#502800; /* chocolat */
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

div.img_box {
	position:relative;
}

span#left_img {
	position:absolute;
	left:10px;
	top:120px;
	font-size:35px;
	cursor:pointer;	
}

span#right_img {
	position:absolute;
	top:120px;
	right:10px;
	font-size:35px;
	cursor:pointer
}

div.desc_img {
	height:auto;
}

#left ul.scroll-pane
{
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:0px;
    padding-top:0
}


/* Force the scroll bar to the left hand side of the screen 
.jspVerticalBar
{
    left: 0;
    width:8px
}
.jspTrack
{
    background: #618C35;
}
.jspDrag
{
    background: #1e3;
    height: 50%;
    border:1px dotted yellow;
}
.jspHorizontalBar
{
    display: none;
}
*/

#email_fieldset label.contact {
  display: inline;
  float: left;
  width: 95px;
  font-weight:normal
}

.addspace {
	width:auto;
	overflow:hidden;
}