@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: 40px;
	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;
	padding-left: 0px;
	background-repeat:repeat-y;
	margin: 0px auto 0px auto;
	z-index: 200;
}

#header{
	background:#FFF;
	width:966px;
	margin-left: 8px;
	margin: 0px auto;
	text-align:left;
	z-index: 9000;
}

/*search CSS */										/*search CSS */
#search{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	float:right;
	position:relative;
	top:38px;
	color:#156293;
	width:240px;
	margin:0 -170px 0 0px;
}

#search_EN{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	float:right;
	position:relative;
	top:38px;
	color:#156293;
	width:240px;
	margin:0 -170px 0 0px;
}

#search_tech{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	float:right;
	position:relative;
	top:57px;
	color:#156293;
	width:240px;
	margin:0 -170px 0 0px;
}

#search_tech_EN{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	float:right;
	position:relative;
	top:57px;
	color:#156293;
	width:240px;
	margin:0 -170px 0 0px;
}

#search_EN a{
	color:#156293;
	text-decoration:none;
	position: absolute;
	margin-left: 4px;
	margin-top: 20px;
	font-size: 11px;
	z-index: 99949;
}

#search a{
	color:#156293;
	text-decoration:none;
	position: absolute;
	margin-left: 12px;
	margin-top: 20px;
	font-size: 11px;
	z-index: 99949;
}

#search_tech a{
	color:#156293;
	text-decoration:none;
	position: absolute;
	margin-left: 12px;
	margin-top: 20px;
	font-size: 11px;
	z-index: 99949;
}

#search_tech_EN a{
	color:#156293;
	text-decoration:none;
	position: absolute;
	margin-left: 4px;
	margin-top: 20px;
	font-size: 11px;
	z-index: 99949;
}

#search p{
	color: #424242;
	margin-left: -48px;
	margin-top: -20px;
	position: absolute;
	font-size: 12px;
}

#search_EN p{
	color: #424242;
	margin-left: -60px;
	margin-top: -20px;
	position: absolute;
	font-size: 12px;
}

#search_tech p{
	color: #424242;
	margin-left: -48px;
	margin-top: -20px;
	position: absolute;
	font-size: 12px;
}

#search_tech_EN p{
	color: #424242;
	margin-left: -60px;
	margin-top: -20px;
	position: absolute;
	font-size: 12px;
}

#pub_stHub{
	margin-left: 75px;
}

.reach{
	color: #424242;
	margin-left: -8px;
	margin-top: -20px;
	position: absolute;
	font-size: 12px;	
}

.demande_blogues{
	float: right;
	position: absolute;
	margin-left: 861px;
	margin-top: 125px;
}

#text a:hover {
color:#333333;
}

#text a{
color:#166393;
}

#Image img{
	border-style: none;
}

#Image_click{
	margin-bottom: 0px;
}

#Image_click img{
	border-style: none;
}

#Image_click .demande_blogues{
	margin-top: 110px;
}

#ImageTech img{
border-style: none;
z-index: 2;
position:fixed;
}

#ImageTech {
margin-top:-26px;
}

.efficacite{
position: absolute;
margin-left: 268px;
margin-top: 30px;
z-index: 99999;
color: #F60;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5;
}

.efficacite_tech{
position: absolute;
margin-left: 268px;
margin-top: 48px;
z-index: 99999;
color: #F60;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5;
}



#search .tel{
	color: #424242;
	margin-left: -48px;
	margin-top: -3px;
	font-weight: bold;
	float: top;
	font-size: 12px;
	z-index: 99877;
}

#search_EN .tel{
	color: #424242;
	margin-left: -48px;
	margin-top: -3px;
	font-weight: bold;
	float: top;
	font-size: 12px;
	z-index: 99877;
}

#search_tech .tel{
	color: #424242;
	margin-left: -48px;
	margin-top: -3px;
	font-weight: bold;
	float: top;
	font-size: 12px;
	z-index: 99877;
	padding-bottom: 15px;
}

#search_tech_EN .tel{
	color: #424242;
	margin-left: -48px;
	margin-top: -3px;
	font-weight: bold;
	float: top;
	font-size: 12px;
	z-index: 99877;
	padding-bottom: 15px;
}

.tel_EN{
	margin-top:30px;
	font-weight: bold;
	color: #424242;
	font-size: 12px;
}

#search form{
	display:inline;
	width:100px;
}


#search_EN form{
	display:inline;
	width:100px;
}

#search_tech form{
	display:inline;
	width:100px;
}

#search_tech_EN form{
	display:inline;
	width:100px;
}

#search img{
	margin:0 5px 0 5px;
}

#search_EN img{
	margin:0 5px 0 5px;
}

#search_tech img{
	margin:0 5px 0 5px;
}

#search_tech_EN img{
	margin:0 5px 0 5px;
}

#search .shadow{
	display:inline;
	position:relative;
	top:9px;
	z-index:1;
}

#search_EN .shadow{
	display:inline;
	position:relative;
	top:9px;
	z-index:1;
}

#search_tech .shadow{
	display:inline;
	position:relative;
	top:9px;
	z-index:1;
}

#search_tech_EN .shadow{
	display:inline;
	position:relative;
	top:9px;
	z-index:1;
}

#search .shadow_EN{
	display:inline;
	position:relative;
	top:9px;
	left: 15px;
	z-index:1;
}

#search_tech .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_EN input{
	position:relative;
	left:147px;
	top:-18px;
	width:112px;
	z-index:1000;
}


/*search CSS END*/									/*search CSS END*/

#logo{
	width:247px;
	margin-top: -8px;
	margin-left: 19px;
	background-color: #FFF;
}

#logo_tech{
	width:247px;
	top:18px;
	left: 26px;
	position: absolute;
	z-index: 99998;
}

#logo img{
border-style: none;
}

#logo_tech img{
border-style: none;
}

#Image{
	margin-top: -6px;
}
/*Header CSS END*/									/*Header CSS END*/

/*Menu CSS*/										/*Menu CSS*/
#menu{
	text-align:left;
	width:966px;
	margin-left: 7px;
	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;
	margin-top: -3px;
}

#menu_EN{
	text-align:left;
	width:966px;
	margin-left: 7px;
	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;
	margin-top: 0px;
}

#menu_tech{
	margin-top: -20px;
}

#menu_tech_EN{
	margin-top: -19px;
}

#menu_adops_EN{
	margin-top: -15px;
}

#menu_adops{
	margin-top: -11px;
}


.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;
}

!important #content{
	text-align: justify;
	width:964px;
	min-height:300px;
	top: -500px;
	margin-left: 8px;
	background:#FFF;
	padding-top: 0px;
	z-index:20;
	position: absolute;
}

#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:10px 20px 0px 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: 168px;
	z-index: 2000;
	left: -280px;
	top/*\**/: 200px\9
	
}

#flashcontent2{
	float: top;
	position: absolute;
	top: 18px;
	z-index: 2003;
}

#pub2{
	float: top;
	position: absolute;
	top: 318px;
	left: 20px;
	z-index: 20001;
}

#pub2 img{
	border-style: none;
	margin-top: 110px;
}

#rightSide .bigbox{
	float:right;
	width:300px;
	margin:40px 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;
	margin-top: 160px;
	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;
}

#ligneAdops{
	float:left;
	width:1px;
	min-height:500px;
	height:1000px;
	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;
	min-height:300px;
	height:615px;
	border-left:2px dashed #666;
}

#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;
}



#text{
	margin:0px 20px 20px -1px;
	padding-left: 50px;
	padding-top: 20px;
	width:56%;
	height:50%;
	position:relative;
}

!important #text{
	margin:-500px 20px 20px -1px;
	padding-left: 50px;
	padding-top: 20px;
	width:56%;
	height:50%;
	float: left;
}


#text_adops{
	margin:0px 20px 20px -1px;
	padding-left: 50px;
	padding-top: 20px;
	width:56%;
	height:1458px;
	position:relative;
	z-index: 100;
}

#text_adops_visor{
	margin:0px 20px 20px -1px;
	padding-left: 50px;
	padding-top: 20px;
	width:56%;
	height:1010px;
	position:relative;
	z-index: 100;
}

#inscription{
	font-style: italic;
	margin-top:-25px;
}

#text_blogue{
	margin:0px 20px 20px -1px;
	padding-left: 50px;
	padding-top: 20px;
	width:55%;
	height:100%;
	position:relative;
}

#liseret_contenu{
	border-left: solid #336699 1px;
	border-right: solid #336699 1px;
	border-top: solid #fff 1px;
	width:100%;
	margin-left: -1px;
}

#liseret_contenu_blogue{
	border-left: solid #336699 1px;
	border-right: solid #336699 1px;
	border-top: solid #fff 1px;
	width:100%;
	margin-left: -1px;
}

#text_question{
	margin:0px 20px 20px -1px;
	padding-left: 50px;
	padding-top: 20px;
	width:94.9%;
	height:100%;
	border-left: solid #336699 1px;
	border-right: solid #336699 1px;
	border-top: solid #fff 1px;
	position:relative;
}

#text_question h2{
	color: #F60;	
}

#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;
}

#coins{
	margin-left:-51px;
}

#coins_click{
	margin-left: -2px;
}

#coins_servi{
	margin-top: 60px;
	margin-left:-51px;
}

#coinsAdops{
	margin-left:-51px;
	margin-top:61px;
}

#coinsAdops_EN{
	margin-left:-51px;
	margin-top:111px;
}

#coinsAdopsVisor{
	margin-left:-51px;
	margin-top: 430px;
}

.titleBleu{
	margin-top: 30px;
	margin-bottom: -3px;
}

#coins_tech{
	margin-left:-51px;
	margin-top:150px;
}

#coins_tech_EN{
	margin-left:-51px;
	margin-top:165px;
}

#coins_serv{
	margin-left:-51px;
	margin-top:60px;
}

#coins_serv_EN{
	margin-left:-51px;
	margin-top:60px;
}

#adVisorSWF{
	margin-left: 4px;
	margin-top: 12px;
	position: absolute;
}

#spacerAdVisor{
	margin-top: 7px;
}

#coins_questions{
	margin-left:-52px;
}

#text p{
	margin-left: 30px;
}

#text h1{
	font-size: 20px;
	margin-bottom: 34px;
}

#text h2{
	font-size: 24px;
	color: #ff6600;
}

#adops_title{
	color: #DE0707;
	font-size: 24px;
	font-family:Georgia,Times New;
	padding-top: 80px;
}

#adops_title a{
	text-decoration: none;
}

#adops_title a:link {color:#DE0707}      /* unvisited link */
#adops_title a:visited {color:#DE0707}  /* visited link */
#adops_title a:hover {color:#6e7786}  /* mouse over link */
#adops_title a:active {color:#6e7786}  /* selected link */

#text a{
	border-style: none;
}

#text img{
	border-style: none;
}

.form_adops{
	width: 200px;
	float: right;
	z-index: 99997;
	margin-right: 95px;
	text-align: left;
}

.form_id{
	z-index: 99999;
}

.form_id_tech{
	z-index: 99998;
}

.form p{
	width:56%;
	margin-bottom:18px;
	text-align:left;
}

.form_adops p{
	text-align:left;
	width: 250px;
}

.form_drop{
	width: 233px;
	margin-top: 4px;
	margin-bottom: 8px;
	text-align: left;
	margin-right: 17px;
}

.form_comment{
	width: 231px;
}

.form textarea{
	width: 99.1%;
	margin:auto auto;
}

.form input , select{
	position:relative;
	top:-2px;
	float:right;
	margin-left: 2px;
	width:275px;
}

.submit{
	width:150px;
	
}

#nouvelles_haut{
	width: 530px;
}

/*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:55px;
	padding-bottom:15px;
	text-align:center;
	width:400px;
}

.centerCopyright{
	width: 968px;
	margin: auto;
}

.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:860px;
	height:90px;
	z-index:1220;
}

.messContact{
	width: 240px;
	font-style: italic;
	text-align: left;
}

.messContact_EN{
	width: 170px;
	font-style: italic;
	text-align: left;
}

#pubStHub{
	width:860px;
	height:360px;
	z-index:1369;
	position:absolute;
	margin: auto;
}

.demo{
	z-index: 9979;
	/*float: left;*/
	margin-left: -150px;
	margin-top: -10px;
}

.demo2{
	z-index: 9979;
	float: left;
	margin-left: 50px;

}

#stamp {
	margin:0 0 0 80px;
	position:absolute;
	z-index:99999999;
}

#stamp2{
	margin: 183px 0 0 20px;
	position:absolute;
	z-index:9999999;
}

#ListeNews a:hover{
	color: #166393;
}

!important #ListeNews{
	margin-top: 500px;
	color: #166393;
	float: left;
	position: absolute;
	top: 800px;
}

#pub_smart{
	float: right;
	position: absolute;
	top: 30px;
	left: 20px;
}

#pub_smart_tech_EN{
	float: right;
	position: absolute;
	top: 170px;
	left: -280px;
	z-index: 1410065401;
}

#pub_smart_tech{
	float: right;
	position: absolute;
	top: 180px;
	left: -280px;
	z-index: 1410065401;
}


.bigbox a:hover{
	color: #166393;
}

.code {
	background-color:#e5f0f6;
	padding:10px 20px 0px 0px;
	margin-left: 30px;
	width: 500px;
}

#accesClient a:hover{
	color: #166393;
}

.bigbox a{
	color: #166393;
}

.bigbox a span{
	color: #166393;
}

.bigbox a:hover span{
	color: #333333;
}

!important .titre a:hover{
	color:#166393;
}

.titre a:visited{
	color: #333;
}

.date{
	font-weight: bold;
}

/*FOOTER CSS END*/									/*FOOTER CSS END*/