@charset "utf-8";
/* CSS Document */

*{}

body{
	position:relative;
	top:-8px;
	text-align:center;
	background-color:#ffffff;
	background-repeat: repeat-x;
}

h1,h2,h3{
	font-family:Georgia,Times New Roman,Times,serif;
	color:#464646;
}
h1{
	font-size:28px;
	font-weight: lighter;
}
h2{
	font-size:22px;
	margin-top: 20px;
	font-weight: lighter;
}
h3{
	font-size:14px;
	display:inline;
	font-weight: lighter;

}

h4{
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #156293;
	font-weight: lighter;
}

h4 a{
	color: #333;	
}

h4 a:hover{
	color: #166393;	
}

h4 a:visited{
	color: #333;
}

p, li{	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#464646;
	font-weight:normal;
	text-align:justify;
	font-size:12px;	
}
input{
	border:1px solid #156293;
}
/*Header CSS */										/*Header CSS */

#contenu{
	position: relative;
	width:980px;
	min-height:768px;
	text-align: left;
	margin: 0px auto;
}

#header{
	background:#FFF;
	width:980px;
	/*height:310px;*/
	margin-left: 8px;
	text-align:left;
	margin: 0px auto;
	z-index: 9000;
}

#sliderDiv{
	background:#FFF;
	width:966px;
	height:310px;
	margin-left: 8px;
	text-align:left;
}

/*search CSS */										/*search CSS */
#search{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	float:right;
	position:relative;
	top:37px;
	color:#156293;
	width:240px;
	margin:0 -170px 0 0px;
}

#search p{
	color: #424242;
	margin-left: -138px;
	margin-top: -5px;
	position: absolute;
	font-size: 12px;
}

.reach{
	color: #424242;
	margin-left: -90px;
	margin-top: -5px;
	position: absolute;
	font-size: 12px;	
}

#search .tel{
	color: #424242;
	margin-left: -131px;
	margin-top: 12px;
	font-weight: bold;
	float: top;
	font-size: 12px;
	z-index: 99877;
}

.efficacite{
position: absolute;
margin-left: 275px;
margin-top: 30px;
z-index: 99999;
color: #F60;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5;
}

#search a{
	color:#156293;
	text-decoration:none;
	position: absolute;
	margin-left: 1px;
	margin-top: 12px;
	font-size: 11px;
	z-index: 99949;
}

/*#search .pousse_langue{
	background-color: #0F0;
}*/

#search{
	z-index: 99988;
}

#search form{
	display:inline;
	width:100px;
}

#search img{
	margin:0 5px 0 5px;
}

#search .shadow{
	display:inline;
	position:relative;
	top:9px;
	z-index:1;
}

#search .shadow_EN{
	display:inline;
	position:relative;
	top:9px;
	left: 15px;
	z-index:1;
}

.serv_opera{
	float: right;
	margin-top: -165px;
	margin-right: 12px;
	color: #FFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

#company img{
	display:inline;
	position:relative;
	top:9px;
	left: 300px;
	z-index:2;
}

#search input{
	position:relative;
	left:147px;
	top:-18px;
	width:112px;
	z-index:1000;
}
/*search CSS END*/									/*search CSS END*/

#logo{
	width:247px;
	margin-left:24px;
	position: absolute;
	z-index: 99996;
}


#logo img{
border-style: none;
}

#Image{
	margin-top:-5px;
	position: absolute;
	margin: auto;
	z-index: 879;
}

object{
outline:none;
}
/*Header CSS END*/									/*Header CSS END*/

/*Menu CSS*/										/*Menu CSS*/
#menu{
	text-align:left;
	width:966px;
	margin-left: 8px;
	margin-bottom: 0px;
	background-image:url(../images/bg_menu.png);
	padding: 4px 0 0 0px;
	height: 18px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #464646;
	font-weight: normal;
	text-align: justify;
	font-size: 12px;	
	z-index: 899999;
	position: absolute;

}

#menu_EN{
	text-align:left;
	width:966px;
	margin-left: 8px;
	margin-bottom: 0px;
	background-image:url(../images/bg_menu.png);
	padding: 4px 0 0 0px;
	height:18px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#464646;
	font-weight:normal;
	text-align:justify;
	font-size:12px;	
	z-index: 899999;
	position: absolute;
}

.separator{
    float:left;
    display: block;
    width:2px;
    height:14px;
	background-color: #FFF;
}

#menu a div{
	padding: 4px 24px 4px 25.2px;/*		SPACE FR		*/
	margin-top:-4px;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
}

#menu_EN a div{
	padding: 4px 35px;/*		SPACE FR		*/
	margin-top:-4px;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
}

#menu a:hover div{
	background-color: #dee8f4;
	color: #166393;
}

#menu .current{
    color: #FFF;
    text-decoration: underline;
}

#menu_EN .current{
    color: #FFF;
    text-decoration: underline;
}

#menu_EN a:hover div{
	background-color: #dee8f4;
	color: #166393;
}

#menu .separator_EN div {
    float:left;
    display: block;
    width:2px;
    height:12px;
	margin: 1px 48px 0px 48px;/*           SPACE EN           */
	background-color: #FFF;
}

#menu .separator_EN div:hover {
	background-color: #dee8f4;
	color: #00F;
}

.societe_EN{
	margin-left:48px;/*           SPACE societe FR           */
}

.societe{
	margin-left:1px;/*           SPACE societe FR           */
}


#menu a {
  float:left;
  margin:0;
  padding:0 0 0 0px;
  text-decoration:none;
  cursor:hand 
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
/* End IE5-Mac hack */
/*#menu a:hover span {
  color:#166393;


}
#menu a:hover span
{
    color: #166393;
    background-color: #dee8f4;
  background-position:0% -37px;
}
*/

/*Menu CSS END*/									/*Menu CSS END*/


/*CONTENT CSS */										/*CONTENT CSS */
#content{
	text-align: justify;
	width:964px;
	min-height:300px;
	margin-top: 0px;
	margin-left: 8px;
	background:#FFF;
	padding-top: 0px;
	z-index:20;
}

#content_index{
	text-align: justify;
	width:965px;
	min-height:300px;
	margin-top: 0px;
	margin-left: 8px;
	background:#FFF;
	padding-top: 0px;
	z-index:20;
}

#rightSide{
	float:right;
	min-width:325px;
	width:25%;
	margin:0 20px 0 20px;
	position:relative;
	top:15px;
	max-height:inherit;
}

#rightSidetech{
	float:right;
	width: 20px;
	position:relative;
	left: -320px;
	max-height:inherit;
}

#flashcontent{
	float: top;
	position: absolute;
	top: 18px;
	z-index: 2000;
	left: -280px;
	top/*\**/: 50px\9
}

#flashcontent2{
	float: top;
	position: absolute;
	top: 18px;
	z-index: 2003;
}

.bottom_content{
	margin-left: 6px;
	width: 966px;
	position: absolute;
}

.bottom_content img{
	margin-left: -5px;
	padding-left: 1px;
	width: 241px;
	text-decoration: none;
	border-style: none;
}

.bottom_content .middle{
	margin-bottom: 1px;
}
	

#pub2{
	float: top;
	position: absolute;
	top: 318px;
	left: 20px;
	z-index: 20001;
}

#pub2 img{
	border-style: none;
}

#rightSide .bigbox{
	float:right;
	width:300px;
	margin:0 auto 20px auto;
	clear:both;
}

#rightSidetech .bigbox{
	float:left;
	width:300px;
	margin:0 auto 0px auto;
	clear:both;
}

#rightSidetech .ligne_tech{
	float:left;
	width:1px;
	min-height:300px;
	height:787px;
	border-left:2px dashed #666;
}

.ligne_tech_en{
	float:left;
	width:1px;
	min-height:300px;
	height:810px;
	border-left:2px dashed #666;
}

#rightSide .ligne_serv{
	float:left;
	width:1px;
	min-height:300px;
	height:850px;
	border-left:2px dashed #666;
}

#rightSide .ligne_serv_EN{
	float:left;
	width:1px;
	min-height:300px;
	height:800px;
	border-left:2px dashed #666;
}

#rightSide .ligne_societe{
	float:left;
	width:1px;
}

#rightSide .ligne_blogue{
	float:left;
	width:1px;
	min-height:300px;
	height:200px;
	border-left:2px dashed #666;
}

#rightSide .ligne_infos{
	float:left;
	width:1px;
	min-height:300px;
	height:325px;
	border-left:2px dashed #666;
}

#rightSide .ligne_question{
	float:left;
	width:1px;
	min-height:300px;
	height:450px;
	border-left:2px dashed #666;
}

#ListeNews{
	width:300px;
	padding:25px;
	margin-top/*\**/:-350px\9
}



#text{
	margin:0px 20px 20px 0px;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 50px;
	width: 864px;
	height:100%;
	border-left: solid #336699 1px;
	border-right: solid #336699 1px;
	border-top: solid #fff 1px;
	position:relative;
}

#text .rounded_corners{
	background-image:url(../images/rounded_croners_bottom.png);
	background-repeat: no-repeat;
	width: 969px;
	height: 18px;
	margin-left: -52px;
	padding-top: 0px;
}

#text p{
	margin-left: 30px;
}

#text h1{
	font-size: 20px;
	margin-bottom: 34px;
}

#text h2{
	font-size: 24px;
	color: #ff6600;
}

#text a{
	border-style: none;
}

#text img{
	border-style: none;
}

.sign span{
	font-style: italic;
}

.form p{
	width:100%;
	margin-bottom:18px;
	text-align:left;
}
.form textarea{
	width:100%;
	margin:auto auto;
}

.form input , select{
	position:relative;
	top:-17px;
	float:right;
	width:275px;
}

.submit{
	width:150px;
	
}

/*CONTENT CSS END*/									/*CONTENT CSS END*/

/*FOOTER CSS */										/*FOOTER CSS */
#CopyRight{	
	color:#464646;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	margin:0 auto;
	padding-top:185px;
	padding-bottom:15px;
	text-align:center;
	width:400px;
}

.bold{
	font-weight: bold;
}

.bold2{
	margin-top: 30px;
	color:#F00;
	font-weight: bold;
}

.titre a{
	color: #333;
}

.smart{
	margin-top: 40px;
	margin-left: -5px;
	text-align: left;
	width: 350px;
}
.lien_smart{
	margin-left: -5px;
	text-align: left;
	width: 350px;
}
#overStHub{
	margin:auto;
	margin-top:15px;
	margin-bottom:-15px;
	width:728px;
	height:90px;
	z-index:1220;
}

#pubStHub{
	width:728px;
	height:360px;
	z-index:1369;
	position:absolute;
}

.demo{
	z-index: 9979;
	/*float: left;*/
	margin-left: -150px;
	margin-top: -10px;
}

.demo2{
	z-index: 9979;
	float: left;
	margin-left: 50px;

}

#bt_ope_patch{
	margin-left: -6px;
	margin-bottom: 1px;
}

#ListeNews a:hover{
	color: #166393;
}

.bigbox a:hover{
	color: #166393;
}

.bigbox a{
	color: #166393;
}

!important .titre a:hover{
	color:#166393;
}

.titre a:visited{
	color: #333;
}

.date{
	font-weight: bold;
}

/*FOOTER CSS END*/									/*FOOTER CSS END*/

