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

/*----------------------------------------------------------------------------------------------*/
/* police */
/*----------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'oxygen';
    src: url('Oxygen-Regular.ttf');
}
@font-face {
    font-family: 'oxygen-bold';
    src: url('Oxygen-Bold.ttf');
}
.blanc{
	color:#fff;
}
.gris{
	color:#818181;
}
.color_titre{
	color:#3b4244;	
}
.color_txt{
	color:#9a9a9a;
}
/*----------------------------------------------------------------------------------------------*/
/* all */
/*----------------------------------------------------------------------------------------------*/
* {
	font-family:"oxygen", Helvetica, Arial, Geneva, sans-serif;
}
/*----------------------------------------------------------------------------------------------*/
/* reset */
/*----------------------------------------------------------------------------------------------*/
html,body {
	margin: 0;
}
img { border: 0; }

/*----------------------------------------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------------------------------------*/	


#header {
	height: 123px;
	width:100%;
	background:none;
	display:table;
	table-layout:fixed;

}
#header_gauche{
	height: 123px;
	background-image:url(../../images/header/filetHeader_interieur.png);
	background-repeat:repeat-x;
	width:100px;
	display:table-cell;
}
#header_logo{
	height:123px;
	margin:0;
	display:table-cell;
	width:554px;
}
#header_droite{
	height: 123px;
	background-image:url(../../images/header/filetHeader_interieur.png);
	background-repeat:repeat-x;
	display:table-cell;
	
}

#header_home_gauche{
	height: 123px;
	background-image:url(../../images/header/filetHeader_home.png);
	background-repeat:repeat-x;
	width:100px;
	display:table-cell;
}
#header_home_droite{
	height: 123px;
	background-image:url(../../images/header/filetHeader_home.png);
	background-repeat:repeat-x;
	display:table-cell;
	
}

/*----------------------------------------------------------------------------------------------*/
/* navigation */
/*----------------------------------------------------------------------------------------------*/	
#menu_button{
	display:none;
}
#menu_button ul{
	padding:0;
	margin-top:8px;
}
#menu_button ul li{
	display:inline-block;
}

#nav {
	width:100%;
	height:50px;
	display:block;
	position:relative;
	float:left;
	background-color:#fff;
	z-index:1;
	text-align:center;
}
#nav ul {
	width: 1070px;
	display: table;
	margin:0 auto;
}
#nav ul li {
	display: table-cell;
	border-right: 1px solid #e6e6e6;
}
#nav ul li a {
	width: 100%;
	display:inline-table;
	text-align: center;
	font-size:15px;
	color:#818181;
	text-decoration:none;
	vertical-align:middle;
}
#nav ul li a:hover {
	color:#5acbf7;
}
.menu_actif {
	color:#5acbf7;
}
#menu{
	display:table;
	padding:0;
}
#home_menu{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:0;
}
#div_menu{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1;
}
#menu_frequences{
	height:128px;
	width:100%;
	background-image:url(../../images/menu/frequences.png);
	position:fixed;
	bottom:50px;
	z-index:0;	
}
#home_frequences{
	height:128px;
	width:100%;
	background-image:url(../../images/menu/frequences.png);
	position:fixed;
	bottom:50px;
	z-index:0;	
}

.menu_lien_noborder{
	border-right:none;
}
#footer_btn_contact{
	display:block;
	width:190px;
	height:48px;	
	font-size:18px;
	padding-top:0px;
	text-decoration:none;
	position:absolute;
	color:#fff;
    margin: 0 auto;
    padding: 2px 0 0 10px;
    bottom: 80px;
	left:40%;
	border-radius: 5px;

    text-shadow: 0px 0px 0.5px #fff;

	/*----------------------------------------------------------------------------------------------*/
	/* box gradient */
	/*----------------------------------------------------------------------------------------------*/	
	/* Fallback */
	background-color:#198DCF;
	/* Old browsers */
	background: #198DCF;
	/* W3C */
	background: linear-gradient(to bottom, #198DCF 0%,#195DA4 100%);

	
}

/*----------------------------------------------------------------------------------------------*/
/* home */
/*----------------------------------------------------------------------------------------------*/	
#home_body{
	background-color:#131313;
}
#home{
	width:1000px;
	margin:0 auto;	
	background-image:url(../../images/home/haloProduit.png);
	background-repeat:no-repeat;
	top:-125px;
	background-position:right top;
	position:relative;
	padding-top:125px;
	z-index:1;
	min-height:573px;
}
#home_gauche{
	float:left;
	width:500px;
	padding-top:55px;
}
#home_droite{
	float:left;
	width:430px;
	position:relative;
	top:-85px;
}
#home_liens{
	width:379px;
	height:316px;
	background-image:url(../../images/home/ecranHome.png);
	background-repeat:no-repeat;
	padding:35px;
		margin-top:-30px;
}
.home_lien_bloc{
	width:124px;
	float:left;
	text-align:center;
	padding-top:46px;
	height:86px;
}
.home_lien_bloc a{
	text-decoration:none;
	font-size:12px;
}
#home_slide,
#home_slide div{
  height: 350px;
  width:381px;
}
#home_slide img{
  width: 100%;
}
#home_slide_txt{
	padding-left:85px;
}
#home_slide_txt h1{
	font-size:25px;
	font-weight:normal;
}
#home_slide_txt p{
	font-size:14px;
}
/*----------------------------------------------------------------------------------------------*/

/* referencement Home */

/*----------------------------------------------------------------------------------------------*/

#refHome {
    width: 1000px;
    height: 1300px;
    margin: auto;
	text-align:center;
	vertical-align:top;
	
}
#blocRef{
    background-color: #00ff33;
	vertical-align:top;
}
.blocRef1 {
    width: 90%;
    height: 100px;
    margin: auto;
	text-align:center;
	vertical-align:top;

}
.blocRef1 h1 {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    font-weight: 100;
    text-align: center;
}
.blocRef2 {
    width: 419px;
    margin: 18px;
    height: auto;
    border: solid 1px #818181;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;
    background-color: #222;
    padding: 20px;
	text-align:center;
	vertical-align:top;
}
.blocRef2 h2{
    font-size: 23px;
    line-height: 30px;
    color: #818181;
    font-weight: 100;
    text-align: center;
}
.blocRef2 p{
    font-size: 12px;
    color: #fff;
    font-weight: 100;
    text-align:justify;
}
.blocRef2 a:visited{
    color: #0066cc;
}
/*----------------------------------------------------------------------------------------------*/
/* presentation */
/*----------------------------------------------------------------------------------------------*/	
#presentation_body{
	background-image:url(../../images/presentation/haloPresentation.png);
	background-repeat:no-repeat;
	background-color: #d5d5d5;
	background-position:right top;
}
#presentation_autres_body{
	background-color: #d5d5d5;
	background-position:right top;
}
#presentation{
	width:1000px;
	margin:0 auto;	
}
#presentation section{
	position:relative;
	z-index:1;	
}
#presentation h1{
	font-size:20px;	
	font-weight:normal;
}
#presentation  p{
	font-size:12px;
}
#presentation_bloc1{
	float:left;
	width:505px;
	padding:25px;	
}
#presentation_bloc1_autres{
	float:left;
	width:1000px;
	padding:25px;
}
#presentation_bloc1_autres img{
	float:right;
	padding:25px 0 25px 25px;
}

#presentation_bloc2{
	float:left;
	width:248px;
	padding:5px 0 0 105px;	
}
#presentation_bloc2_autres{
	float:left;
	width:1000px;
	padding:25px;	
}
#presentation_bloc2_autres img{
	float:left;
	padding:25px 25px 25px 0;	
}
#presentation_bloc3{
	float:left;
	width:433px;
	position:relative;
	top:-20px;
}
#presentation_bloc3_autres{
	float:left;
	width:248px;
	position:relative;
	/*top:-20px;*/
	margin-top:20px;
}
#presentation_bloc4{
	float:left;
	width:477px;
	padding:25px 40px 25px 50px;	
}
#presentation_bloc4_autres{
	float:left;
	width:477px;
	padding:25px 40px 25px 50px;	
}
#presentation_bloc5{
	float:left;
	width:620px;
	padding:25px;
	position:relative;
	top:20px;	
}
#presentation_bloc5 p{
	width:500px;	
}
#presentation_bloc5 a{
	position:relative;
	right:130px;	
}

#presentation_bloc6{
	float:left;
	width:330px;
	position:relative;
	top:-20px;
	left:20px;
}
#presentation_benefices{
	float:left;
	width:1000px;
	margin-top:60px;
	background-color:#fbfbfb;
	border:1px solid #c1c1c1;
	border-radius: 5px;
	
}
#presentation_benefices h1{
	font-size:19px;
	padding-left:20px;
	font-family:"oxygen-bold";
}
#presentation_specifications{
	float:left;
	margin:50px 0 200px 0;
	width:1070px;
	position:relative;
	left:-35px;
	z-index:1;
}
#presentation_specifications h1{
	width:100%;
	text-align:center;
	font-size:19px;	
	font-family:"oxygen-bold";
	margin-bottom:0;
}
.presentation_specifications_bloc{
	background-color:#fdfdfd;
	float:left;
	width:1070px;
	margin-top:15px;
}
.presentation_specifications_bloc h2{
	font-size:17px;
	font-family:"oxygen-bold";
	padding-left:30px;
}
.presentation_specifications_sous_bloc{
	width:300px;
	float:left;
	padding-left:30px;
}
.presentation_specifications_sous_bloc h3{
	margin:0;
	font-weight:normal;
	font-size:12px;
}
.filet_droit{
	border-right:1px dotted #b2b3b3;
}
.presentation_liste_technique{
	padding:0;
	list-style-type:none;
	font-size:12px;
	margin-top:0;
}
.presentation_liste_technique li{
	padding-left:30px;
}
.plus_info{
	display:block;
	float:right;
	color:#fff;
	background-color:#1960a8;
	width:140px;
	height:29px;
	text-align:center;
	font-size:16px;
	padding-top:6px;
	text-decoration:none;
	border-radius: 5px;
	behavior: url(data/js/PIE.htc);

    text-shadow: 0px 0px 0.5px #fff;

	/*----------------------------------------------------------------------------------------------*/
	/* box gradient */
	/*----------------------------------------------------------------------------------------------*/	
	/* Fallback */
	background-color:#198DCF;
	/* Old browsers */
	background: #198DCF;
	/* W3C */
	background: linear-gradient(to bottom, #198DCF 0%,#195DA4 100%);
	position:relative;
	z-index:100;

	
}
.liste_presentation{
	width:470px;
	float:left;	
	padding-left:30px;
	list-style-type:none;
}
.liste_presentation li{
	margin-bottom:10px;	
	font-size:14px;
}
.block_specification{
	width:33%;	
	float:left;	
}
.page_pres{
	min-height:850px;
}

/*----------------------------------------------------------------------------------------------*/
/* domaines */
/*----------------------------------------------------------------------------------------------*/	
#domaines_body{
	background-image:url(../../images/domaines/fondApplications.jpg);
	background-repeat:no-repeat;
	background-color: #d5d5d5;
	background-position:center top;
	background-size:cover;
}
#domaines{
	width:1000px;
	margin:0 auto;	
	position:relative;
	z-index:1;
	min-height:700px;
}
#domaines h1{
	font-size:22px;
	font-weight:normal;	
}
#domaines h2{
	font-size:18px;
	font-weight:normal;	
	margin:0;
}
#domaines p{
	font-size:12px;
	margin:5px 0;
}
#domaines_intro{
	float:left;
	width:1000px;
	margin-bottom:60px;	
}
#domaines_intro p{
	width:580px;	
}
#domaines_gauche{
	float:left;
	width:269px;
	height:500px;
}
#domaines_milieu{
	float:left;
	width:462px;
	height:500px;
}
#domaines_droite{
	float:left;
	width:269px;
	height:500px;
}
#domaines_smartphones{
	display:none;
}
#domaines_block1{
	float:left;
	text-align:right;
	width:230px;
	position:relative;
	left:85px;
	top:-30px;
}
#domaines_block2{
	float:left;
	text-align:right;
	width:230px;
	position:relative;
	top:50px;
	left:40px;
}
#domaines_block3{
	float:left;
	text-align:left;
	width:230px;
	position:relative;
	top:-60px;
	left:-35px;
}
#domaines_block4{
	float:left;
	text-align:left;
	width:230px;
	position:relative;
	top:17px;
	left:5px;
}

/* contact */
#contact{
	height: 750px;
    margin: 0 auto;
    width: 1000px;
	position:relative;
	z-index:1;

}
/* pages */
.page4{
	min-height:600px;	
}