/***********************************************************************/
/*** design by Celine Bernard - Productions Delacoux ***/
/***********************************************************************/
body {
	border: none; 
	padding: 0; 
	margin: 0 auto; 
	background-color : #ffffff;
	font-family: "arial", arial, helvetica, sans-serif; }

h1 {font-weight: bold; color: #2b3284; font-size: 20px;  }
h2 {font-weight: bold; color: #9c9fc5; font-size: 16px; font-style: italic;  }
h3 {font-weight: bold; color: #181c4b; font-size: 16px; }
h4 {font-weight: normal; color: #181c4b; font-size: 14px; }
p {font-weight: normal; color: #181c4b; font-size: 12px; }
h5 {font-weight: normal; color: #181c4b; font-size: 10px; }
.blue {color: #2b3284;}

/***********************************************************************/
#backpage { 
	width: 100%;
	margin: 0 auto;
	}

#page { 
	width: 100%;
	max-width: 1024px ;
    min-width: 800px;
	margin: 0 auto;     

	}
/***********************************************************************/
#banner { margin-top: 5px; height: 120px; }

#banner img.topright { 
	float: right; 
	height: 180px; }

/***********************************************************************/
#menubar {
	margin-top: 10px;
	height: 30px;    
	}
#menubar ul {
    padding: 0 ; margin: 0;
	list-style-type: none;
    }
#menubar li { float:left;
	background-color : #ffffff;
	border: 4px double #2b3284; 
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;  
	border-radius: 7px;
margin-right: 20px;

}
#menubar li.right {  
	float: right; 
	margin-right: 20px;	}

#menubar ul a:link, 
#menubar ul a:visited {
    display: block; 
    color:#2b3284;
    text-decoration: none;
    font-weight: bold;
	font-size: 16px;  
    padding: 2px 6px;
	}

#menubar li.active a:link, 
#menubar li.active a:visited { color:#ffffff; background-color : #2b3284;}

#menubar ul a:hover { color:#ffffff; background-color : #2b3284; text-shadow: 1px 0 0 #9c9fc5;}

/***********************************************************************/
#content {
	margin-top: 20px;
    padding: 7px 20px 7px 20px;
	text-align: left; 
    min-height: 340px;
	border: 1px solid #2b3284;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;  
	border-radius: 7px;
	box-shadow: 2px 2px 1px #2b3284;
	}	

#contact {float: left;}

div.rightdiv {
	margin: 55px 0 0 10%;
}	

#content .video {
    float: right; 
	border: 4px double #2b3284;
	width: 400px;
	margin: 0 10px 10px 10px;
	}
p.caption {
	padding: 0 10px 0 10px;
	font-weight: bold; 
	text-align: center;}

#content a:link, #content a:visited{
	font-weight: bold; 
    color: #181c4b; 
	text-decoration: none;  }

#content a:hover {
    color:#2b3284;
	text-decoration: underline;	}
	
/***********************************************************************/
img.right {float: right;}
img.googlemaps {float: left; margin-right: 20px;}

#equipment img.right {padding: 10px;}
#equipment img.left {float: left; padding: 10px 35px 20px 10px;}
#equipment h4 {margin: 0.2em 0 0.5em 1.0em;} 
#equipment h2 {margin: 0.8em 0 0 0;}

#products ul{margin-right: 15%;}
#products li{color: #181c4b; font-size: 14px; }
#products img.right {width: 125px; padding: 10px; margin-top: -10px;}
img.glasses {margin-right: 10%;}

#products hr {
  border: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;  
	border-radius: 7px;
    box-shadow: 2px 1px 2px #9c9fc5;
  width: 40%;
  background-color : #181c4b;
  height: 3px;
  margin: 25px 0 25px 0;
}

.link {color: #2b3284;}
/***********************************************************************/
#endline { clear: both;
    height: 27px; 
	margin-top: 10px;
	padding: 0 20px 0 20px; 
	border: 1px solid #2b3284;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;  
	border-radius: 7px;
	box-shadow: 2px 2px 1px #2b3284;
    }

p.phone {  
    font-size: 16px;
	font-weight: bold;
	position: relative; top: -0.7em;
	text-shadow: 1px 2px 2px #cccccc; 
    }

p.copy {font-weight: normal; 
    font-size: 10px; 
    text-align: right;
    position: relative; top: -4.3em; }


/***********************************************************************/
