@charset "utf-8";
/* CSS Document */

body, html{
	width:99%;
	background-image:url(../../images/background.jpg);
	background-attachment:fixed;	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;				
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline; color: red;}

#container{
	margin-left: auto;
    margin-right: auto;
	margin-top:30px;
	margin-bottom:30px;
    width: 100%;
	background-color:#FFF;		
}

#header{
	box-shadow: 3px 5px 5px #888888;
}

#sideBar{
	background-color:#f4f8e2;
	margin-top:30px;
	width:200px;
}

#seal{
	background-color:#f4f8e2;
	margin-top:8px;
	width:200px;
}

#index_innerSeal_year{
	background-image:url(../../images/seal.png);
	background-size: 30%;
	background-repeat:no-repeat;
	background-position:top;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding-top:13px;
	width:150px;
	font: 0.9em arial,verdana,tahoma,sans-serif;
	font-weight:700;
	color:#147212;
	text-shadow: 1px #000;	
}

.index_innerSeal:link{	
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	width:150px;
	font: 0.7em arial,verdana,tahoma,sans-serif;
	font-weight:700;
	color:#4f8939;
	text-shadow: 1px #000;
	text-decoration:underline;	
}

.service_innerSeal:link{	
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	width:150px;
	font: 0.8em arial,verdana,tahoma,sans-serif;
	font-weight:700;
	color:#4f8939;
	text-shadow: 1px #000;
	text-decoration:underline;	
}

.indexSmallLink:link{
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	color: #4f8939;
	padding-left:10px;
	text-decoration:underline;
}

#innerSeal{
	background-image:url(../../images/seal.png);
	background-size: 40%;
	background-repeat:no-repeat;
	background-position:top;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding-top:22px;
	width:150px;
	font: 0.8em arial,verdana,tahoma,sans-serif;
	font-weight:700;
	color:#147212;
	text-shadow: 1px #000;	
}


#innerSeal2013{
	background-image:url(../../images/seal.png);
	background-size: 40%;
	background-repeat:no-repeat;
	background-position:top;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding-top:22px;
	width:150px;
	font: 0.8em arial,verdana,tahoma,sans-serif;
	font-weight:700;
	color:#147212;
	text-shadow: 1px #000;	
}

#clearFloat{
	clear: both;
}

a img {
    border: 0;
}

a:link {
    text-decoration: none;
}

#galerie img {
  border: 1px solid #fff;
  width:814px;
}

.numbers{
	font-size:18px;
	color: #ffffff;
}

/*html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}*/

.textfont{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font:  1.0em arial,verdana,tahoma,sans-serif;
	/*font-size:17px;*/
}

.textfontCapsule{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font:  0.8em arial,verdana,tahoma,sans-serif;
	/*font-size:17px;*/
}

.textFontLang{	
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	text-align:left;	
	text-shadow: 2px 1px 2px #888a8b;
	color:#5f5534;	
	cursor:pointer;
	padding-right:10px;
}

.textFontLang:hover{	
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	text-align:left;	
	text-shadow: 0px 0px 0px #888a8b;		
	color:#5f5534;	
	cursor:pointer;
	padding-right:10px;
}

#bodytext{
	width:620px;
	margin-top:0px;
	/*background-image:url(../../images/logo.jpg);*/
	background-repeat:no-repeat;		
}

.clientsTextfont{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	/*font-size:17px;*/
}

#bodytextEquipement{
	width:620px;
	margin-top:0px;		
}

#realisations{
	border-style: solid;
    border-width: 1px;
}

.tablewithBorders{
	border: 1px solid black;
	border-collapse: collapse;
}

.contactTable{
	/*border-top: 1px groove #133172;
	border-left: 1px groove #133172; 
	border-right: 1px groove #133172;
	border-bottom: 1px groove #133172;
	border-color: #133172;
	border-collapse: collapse;
	background-color:#f3f2ec;*/
	font: bold 0.9em arial,verdana,tahoma,sans-serif;
	background-image:url(../../images/logo.jpg);
	background-repeat:no-repeat;
	background-size:420px 420px;
	background-position:center;	
}

#formInput{
	height:30px;
}

.contactTableTitle{
	font: bold 1.8em arial,verdana,tahoma,sans-serif;
	color: #4f8939;
}

.realisationsTableTitle{
	font: 1.3em arial,verdana,tahoma,sans-serif;
	color: #4f8939;
	font-weight:800;;	
	padding-bottom:30px;
}

.contactTableSmallTitle{
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	color: #4f8939;
	padding-left:10px;
}

 
.tableSmallTitle{
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	color: #4f8939;	
}

.carriere{
	font: bold 2.0em arial,verdana,tahoma,sans-serif;
	/*color:#008ad8;*/
	color:#FF0004;
	text-align:center;
	text-decoration:underline;
	padding-top:12px;
	padding-bottom:5px;
	background-color:#F8FF00;
	padding-right:0;
	width:100%;
}

.carriereLink{	
	/*color:#008ad8;*/
	color:#FF0004;
	text-align:center;
	text-decoration:underline;
	padding-top:12px;
	padding-bottom:5px;
	background-color:#F8FF00;
	padding-right:0;
	width:100%;
}

.listProjetsLeft{
	padding-left:30px;
	font: 1.0em arial,verdana,tahoma,sans-serif;
	text-decoration: underline;
	color: #3366BB;
	float:left;
	width:250px;
	cursor:pointer;	
}

.listProjetsright{
	font: 1.0em arial,verdana,tahoma,sans-serif;
	text-decoration: underline;
	color: #3366BB;
	float:right;
	width:250px;
	cursor:pointer;	
}

.contactTableSmall{
	font:  0.8em arial,verdana,tahoma,sans-serif;	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

.footerSmalltext{
	font: bold 0.7em arial,verdana,tahoma,sans-serif;
	color: #000;
	padding-left:10px;
}

.textTitle{
	font: bold 1.0em arial,verdana,tahoma,sans-serif;	
}

.bouttonEnvoyer{
	background: transparent;
    border: none !important;
	font: bold 1.5em arial,verdana,tahoma,sans-serif;
	text-align:right;	
	text-shadow: 1px 1px 4px #2d7c19;
	color:#2c8311;	
	cursor:pointer;
}

.bouttonEnvoyer:hover{
	background: transparent;
    border: none !important;
	font: bold 1.5em arial,verdana,tahoma,sans-serif;
	text-align:right;	
	text-shadow: 0px 0px 0px #2d7c19;
	color:#2c8311;	
	cursor:pointer;
}

.courrielRecu{
	font: bold 1.0em arial,verdana,tahoma,sans-serif;
	color:#F00;
}

.vtop{
	vertical-align:top;
	width:85px;
	}
	
#columnContainer{	
	margin-left: auto%;
    margin-right: auto%;
			
}

#columnLeft{
	width:25%;
	float:left;
	border: 1px solid;
	position:relative;		
}

#columnRight{
	width:25%;
	float:left;
	border: 1px solid;
	position:relative;	
}

#columnCenter{
	width:25%;
	float:left;
	border: 1px solid;
	position:relative;	
}

#lineDiv{
	background-color: #BFC5CC;
	height:1px;	
	margin-left: 25%;
    margin-right: 25%;	
}

#spacerDiv{
	padding:1%;
}

.headerTable{
	margin-right:auto;
	margin-left:auto;
}

.textfontSlideShow{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:17px;
	background-color:#000;
}

.imageExpand{
	z-index:1;
	position:relative;
}

.tableIndex{
	z-index:0;
	position:relative;
	margin-top:5px;
}

.menuPosition{
		z-index:0;
	vertical-align:top;
	position:relative;
}

#equipementsTitre{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
	font: bold 1.3em arial,verdana,tahoma,sans-serif;
	color: #4f8939;
	background-color:#f4f8e2;
}

#equipementContainer{
	/*background-color:#F7F7F7;*/
}

.equipementPicLeft{
	width:300px;
	float:left;
	border:2px solid #5f5534;			
}

#equipementPicRight{
	width:300px;
	float:right;
	border:2px solid #5f5534;	
}

#equipementSeperator{
	margin-top:10px;
}

#equipementDescriptionRight{
	background-image:url(../../images/logo_small.jpg);
	margin-left:350px;
	height:200px;	
	font: 1.0em arial,verdana,tahoma,sans-serif;				
	float:none;
}

#equipementDescriptionLeft{
	background-image:url(../../images/logo_small.jpg);
	background-repeat:no-repeat;
	width:300px;		
	height:200px;	
	font: 1.0em arial,verdana,tahoma,sans-serif;		
	float:left;
}

#equipementSeprator{
	border-bottom:medium;
	border-bottom-color:#5f5534;
}

#EquipementSidebanner{
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	font: 1.1em arial,verdana,tahoma,sans-serif;
	color: #4f8939;
	font-weight:800;
}

#smallImage{
	width:130px;
	height:100px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border:3px solid #FFFFFF;
	background-color:#ffffff;
}

#smallParagon{
	border:3px solid #FFFFFF;
	background-color:#ffffff;
}

#contactusSideBar{
	padding-top:30px;
}

#contactusSideBarText{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font: 1.3em arial,verdana,tahoma,sans-serif;
	font-weight:600;
	
}

// css
#menu {
  width: 883px;
  height: 40px;     	
  clear: both;
}

 
ul#nav {
  float: none;
  width: 883px;
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  list-style: none;
  background-color:#5f5534;
  display:block;   
  /*background: #5f5534 url(../img/menu-parent.png) repeat-x;*/  
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
    
}

 
ul#nav li {
  display: block;
}

/* 1st line */ 
ul#nav li a {
	box-shadow: 3px 5px 5px #888888;
	position:relative;
  float: left;
  font: bold 1.0em arial,verdana,tahoma,sans-serif;
  line-height: 45px;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #880000;
  text-align:center;
  margin: 2px;
  padding: 0 0 0px 0;
  width:142px;
  background-color:#5f5534;
  /*background:url(../../images/menu_back_off.jpg) no-repeat;*/
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;     
}
 
/* APPLIES THE ACTIVE STATE */
/* On over 1st line*/
 ul#nav li:hover > a  {	 
  color: #fff;  
  text-decoration: none;
  text-shadow: 1px 1px 1px #330000;
  background:#968B63;
  /*background:url(../../images/menu_back_off.jpg) no-repeat;*/
  /*-moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;*/ 
}

ul#nav li:hover > ul {
	
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #330000;    
  /*background: #000000;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px; */
}

li#Realisations:hover > ul a{
	background-color:#968B63;
	line-height: 30px;
	padding-top:10px;	
	margin:0;
	-moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

li#Realisations:hover > ul {
	display:block;
	left:38.35%;
    right:0;	
    margin-right:auto;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #330000;
  /*background: #000000;*/
  /*-moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;*/
  z-index:1; 
}


li#Mavic:hover > ul a{
	background-color:#968B63;
	line-height: 30px;
	padding-top:10px;	
	margin:0;
	-moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

li#Mavic:hover > ul {
	/*display:block;*/
	left:29.63%;
		   	
    
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #330000;
  /*background: #000000;*/
  /*-moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;*/
  z-index:1; 
}



#nav ul{
	
	
	position:absolute;
}

li#equipements:hover > ul a{
	background-color:#968B63;
	line-height: 30px;
	padding-top:10px;	
	margin:0;
	
	-moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

li#equipements:hover > ul {
	/*display:block;*/
	
	left:47%;
	
    right:0;	
    margin-right:auto;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #330000;
  /*background: #000000;*/
  /*-moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;*/
  z-index:1; 
}


 
/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav  ul {
  display: none;
}
 
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul {
  position: absolute;
  display: block;
  width: 100px;
  height: 45px;  
  margin: 40px 0 0 0;
  /*background: #fff url(../img/menu-child.png) repeat-x;*/ 
  /*-moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px; */
}
 
/*
ul#subnav ul li a > ul {
  float: none;
  font: bold 1.1em arial,verdana,tahoma,sans-serif;
  line-height: 52px;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #110000;
  margin: 0;
  padding: 0 0 0 0;
  width:147px;
  background: #fff ; 
}*/
 
ul#nav li:hover > ul li a:hover {
  color: #120000;
  text-decoration: none;
  text-shadow: none;
}

li#submenu{
	background-color:#0F0;
	background-image:none;
}