#infobot{
    font:11px Arial,sans-serif ;
	margin: 0 auto;
    text-align: center;
}
#infobot pre {
   font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
}

#

#icone2 a{
color:#ea6746;
font:14px Arial,sans-serif;
}

#icone2 a:hover {
color: #70c4f2;
}


.cadre td{
width:150px;
height:250px;
}
#espaceLien a{
margin-right:80px;
}
.ligne{
border-top:gray solid 1px;
margin-top:50px;
margin-bottom:10px;
}
.ligne2{
border-top:gray solid 1px;
width:770px;
}
#representation{
position:relative;
top:90px;
left:775px;
height:0px;
}
#representation2{
position:relative;
top:90px;
left:775px;
height:0px;
width:170px;
}
#icone2 li {
                         display: list-item;
                              list-style-image: url(images/FLECHE1.png);
margin-left:10px;
}
#icone2 pre {
margin-left:10px;
}
#hide {
visibility:hidden;
}
#GaucheB li {
                         display: list-item;
                              list-style-image: url(images/FLECHE1.png);
}
#tab3 table tr td:first-child {
text-align:center;
}
#tab7 table tr td:first-child {
text-align:center;
}
#siteMap {
    margin : 30px auto;
    width : 950px;
}
#siteMap{
overflow: hidden;
background-color: #f2f2f5;
}
#siteMap table tr td{
border-left:gray solid 1px;
border-right:gray solid 1px;

}
#siteMap table tr:first-child td{
border-left:none;
border-right:none;
}
#siteMap table tr:first-child td:first-child {
border-left:gray solid 1px;
}
#siteMap table tr:first-child td:last-child {
border-right:gray solid 1px;
}
#siteMap table tr:first-child td:first-child {
border-left:none !important;
}
#siteMap table tr td:last-child {
border-right:none !important;
}
#siteMap #bordur td {
border-right:none;
border-left:none;
}
#siteMap ul li{
float:left;
width:200px;
list-style-type:none;
color:gray;
font-size:9px;

}

/* #siteMap ul .gras li a{
font-size:11px;
} */

#siteMap a{
font-size:11px;
color:gray;
}

.siteMapTitle {
font-size:11px;
font-weight: bold;
}

/*Style du body*/
a {
text-decoration:none;
color:#ea6746;
}

a:hover { 
    color: #70c4f2 ;
    text-decoration: none;
} 

a:visited {
text-decoration:none;
color:#275;
}

.nav a {
    color:gray !important;
    font:9px Arial,sans-serif !important;
    font-weight: normal;
}

.marge a {
    margin-left:75px;
}

.nav {
    font-size:10px;
    font-weight:bold;
    margin-left:30px;
}
.Point ul li:first-child {
list-style-type:none;
}
a:visited {
    color: orange;
}


H1{
color:gray;
}
.lienImportant a{
color:#a9da92 !important;
}
.intro p{
    font:15px Arial,sans-serif;
    color:gray;
}
.gras{
    font-weight:bold;

}
.mini{
    font-size:10px;

}
body {
    padding : 0;
    margin : 0;
    font : 0.74em Arial, sans-serif;
    line-height : 1.5em;
    background : #eee;
    color : #454545;
}
/*ce qu'il y a dans la partie superieur du site*/
.insertion{
    margin : 0px auto;
    width : 950px;
    background : #fefdfd;
}
/*Contient toute la partie inferieur du site de la baniere à la fin*/
.contenu{
    margin : -23px auto;
    width : 950px;
    background : #fefdfd;

}

/*création en css du menu déroulant*/
#menu {
    height:51px;
    margin: 0 auto;
    width: 950px;
    Margin-top: -35px;
    position:relative;
}
#menu ul{
    position:absolute;
}
#menu ul li:hover ul {
     display:block;
}
#menu li:hover ul li {
     float:none;
}
#menu li ul {
     position:absolute;
}

#menu ul li ul {
     display:none;
z-index:1;

}

#menu ul li ul li {
    border-top:1px dotted white;
z-index:1;

}

/*création en css du menu Gauche déroulant*/
#menuGauche {
    height:51px;
    margin: 0 auto;
    width: 950px;
    Margin-top: -33px;
}
#menuGauche ul{
    position:absolute;
}
#menuGauche ul li:hover ul {
     display:block;
}
#menuGauche li:hover ul li {
     float:none;
 
}
#menuGauche li ul {
           margin-top:-15px;
}

#menuGauche li ul {
     position:absolute;
}
#menuGauche li{
    width:200px;
}
#menuGauche ul li ul {
     display:none;
    margin-left:65px;
}



/* fond blanc pour le menu */
#menu a {
    color:#000000;
font-size:11px;


}
#menu ul {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}
#menu li {
    float:left;
    margin:auto;
    padding:0;
    background-color:#ea6746;
}
#menu li a {
    display:block;
    width:100px;
    color:white;
    text-decoration:none;
    padding:5px;
}
#menu li a:hover {
     color:#FFD700;
}


/*Position de twitter*/
#twit{

}
#Ressources #titreR h2{
margin-left:350px;
}
#Ressources h2{
margin-left:300px;
}
/*position de l'image twitter*/
#twitImage{
    margin:0 auto 0;
    position:relative;
    z-index:4;
    top:-320px;
    right:-332px;
 width:200px;

}
/*faire disparaitre le cadre twitter*/
.twtr-ft{
    display:none
}
.twtr-widget-1{

}
.twtr-hd{
    display:none
}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4, #twtr-widget-1 .twtr-popular{
    background-color:red !important;
}
.twtr-doc{
    background-color:red !important;
}
#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline{
    background-color:transparent;
}
/*fin cadre twitter*/
/*enlever le click du lien twitter*/
#twtr-widget-1 .twtr-tweet p a{
    color:black !important;
}

/*position des icones*/

#icone{
    padding:0;
    background: none repeat scroll 0 0 white;
        padding-top:10px;
    margin:0 auto;
    width: 950px;
} 
/*donne aux images des icones une priorité pour qu'ils soit en background*/
#icone img{
    z-index:2;
}
/*position de la premiere ligne d'icone*/
#icone1{
    margin-left:19px;
    position:relative;
height:200px;
width:950px;

}

#icone1 p {
margin: 0.1em;
padding:0.1em;
border:#D1D1D1 solid 1px;
border-top:none;
}

#icone1 a {
	text-decoration: none;
	color: #999;
}

#icone1 a:hover {
	color: #555;
}

/* #icone1 table{
float:left;
margin-left:11px;
padding:0;
}

#icone1 table tr td {
height: 200px; width: 212px;
text-align:center;
color:#b5b5b5;
border:#D1D1D1 solid 1px;
border-top:none;
}

#icone1 table tr:first-child td {
border:none;
} */

.icon3 {
display: inline-block;
width: 212px;
text-align:center;
padding: 1em 0.1em 0 0.3em ;
margin: .5em ;
}

/*position de la premiere ligne d'icone*/
#icone2{
    margin-left:721px;
    position:absolute;
top:400px;
    border-left:1px solid #d1d1d1;
    border-top:1px solid #d1d1d1;
}
#icone2 ul{
border-bottom:1px solid #d1d1d1;

}
/*Position du gif intellique sur un icone*/
#icone1 #logogif{
    margin:0 auto 0;
    position:relative;
    z-index:2;
    top:-190px;
    right:-700px;

}
#icone1 #logogif2{
    margin:0 auto 0;
    position:relative;
    z-index:2;
    top:-190px;
    right:70px;

}
#icone1 #logogif3{
    margin:0 auto 0;
    position:relative;
    z-index:2;
    top:-190px;
    right:-105px;

}
#icone2 #logogif4{
    margin:0 auto 0;
    position:relative;
    z-index:2;
    top:-160px;
    right:-50px;

}
#icone2 #logogif5{
    margin:0 auto 0;
    position:relative;
    z-index:2;
    top:-160px;
    right:-230px;

}
/*Position du commentaire au dessus du gif*/
#icone1 #logogifCommentaire{
    margin:0 auto 0;
    position:relative;
    z-index:2;
    top:-160px;
    right:-295px;
    width:200px;
    }


/*Marge entre chaque icone*/
#icone a{
    margin-right:18px;
}
/*Banniere des partenaires*/
#partenaire{
    margin-top:0; 
    margin-left:18px;
}
/*peut etre utilisé*/
#partenaire img{
}
/*position de départ des liens en bas de la page*/
#lienbot{
   /* margin-left:0px;*/
    margin : 30px auto;
   width : 980px;

}
/*marge entre chaque liens en bas de la page*/
#lienbot a{ 
    margin-left:160px;
	color: #ea6746;
}

#lienbot a:hover{ 
	color: #70c4f2;
}

/*position de départ des liens en haut de la page*/
#lientop{
    margin-left:820px;
}

#lientop p{
    margin-top:-5px;
}
/*couleur et position des liens en haut de la page*/
#lientop a{
    Position: Absolute;
}
/*marge du premier lien en haut de la page*/
#lientop #lien1{
    margin-left:200px;
}
/*marge de la banniere*/
#banniere{
    Margin-top: -5px;
}
/*position des infos que l'on peut inserer au top de l'ecran*/
#infotop{
    float:right;
    position:absolute; 
    padding:15px 0 20px;
    background:none repeat scroll 0 0 #FFFFFF;
    margin-left:740px;
}


#imageDroite{
    position:absolute; 
    margin-top:161px;
	margin-left:722px;
	z-index:2;
	border-left:1px solid #D1D1D1;
	font-size: 14px;
	text-align: left;
}

#imageDroite p {
	margin-left: 20px;
}

#infotop img{
    float:right;
    position:absolute; 
    padding:0 0 0;
    top: 35px;
    right:-35px;
}
/*infotop le texte*/
#infotopT strong {
    font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
    font-size:13px;
    margin : 0 auto;
    Text-align:center;
}
#APropos #sol {
position:relative;
top:30px;
left:735px;
height:0px;

}
#OEM #sol {
position:relative;
top:180px;
left:775px;
height:0px;

}
#Confiance #sol {
position:relative;
top:180px;
left:775px;
height:0px;

}

#apro {
position:relative;
top:550px;
left:745px;
height:0px;
}

#infoMid a {
    font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
    font-size:15px;
    margin : 0 auto;
    Text-align:center;
position:absolute;
margin-top:350px;
margin-left:785px;
color:#ea6746;
      z-index:3;
}
#infoMid a:hover {
color: #70c4f2;
}


#numban{
position:absolute;
margin-top:360px;
margin-left:10px;
}

cite {
    color: gray;
}
#droiteH a{
color:green;
}
/*Services*/
/**/
/**/
/*Placer texte*/
#Services{
margin-left:90px;
margin-right:90px;
margin-bottom:40px;
}
#Services H1{
margin-bottom:50px;
}
/*Services*/
/**/
/**/
/*Placer image et texte*/

/*#Solutions td /* Toutes les cellules des tableaux... */
/*{
    border: 1px solid black; /* ... auront une bordure de 1px */
   /* width:400px;
    vertical-align:top;
    padding:5px;
}*/


/*OEM*/
/**/
/**/
/*Placer image et texte*/
#OEM{
    padding:0;
    Margin-top: -5px;
    background: none repeat scroll 0 0 white;
       margin:0 auto;
    width: 950px;
} 
#Produit1{
 padding:0;
    Margin-top: -5px;
    background: none repeat scroll 0 0 white;
    margin:0 auto;
    width: 950px;}
#OEM #GaucheH{
    padding:22px 0 0;
    background:none repeat scroll 0 0 #FFFFFF;
    margin-left:30px;
    margin-top:10px;
}


#OEM #droiteIH{
position:absolute; 
    margin-left:600px;
    margin-top:22px;  z-index:1;

}

#OEM #droiteIB{
position:absolute; 
    margin-left:600px;
    margin-top:330px;
  z-index:1;

}


#droiteH{
 position:relative; 
    padding:15px 0 80px;
    background:none repeat scroll 0 0 transparent;
    margin-left:260px;
    width:465px;  z-index:2;

}

#APropos a{
font-size:13px;
}
#APropos li{
font-size:12px;
}

/*APropos*/
/**/
/**/
/*Placer image et texte*/
#APropos{
    padding:0;
    Margin-top: -5px;
    background: none repeat scroll 0 0 white;
       margin:0 auto;
    width: 950px;
} 

#APropos #GaucheH{
    padding:22px 0 0;
    background:none repeat scroll 0 0 #FFFFFF;
    margin-left:30px;
    width:250px;
}
#GaucheB{
 position:absolute; 
    padding:22px 0 0;
    background:none repeat scroll 0 0 #FFFFFF;
    margin-left:30px;
    width:230px;
 border-top:1px solid  #d0d0cf;
}
#GaucheB a{
color:#ea6746;
font:14px Arial,sans-serif;
}
#GaucheB a:hover {
color: #70c4f2;
}


#APropos a{
font-size:13px;
}
#APropos li{
font-size:12px;
}

/*Produits*/
/**/
/**/
/*Placer image et texte*/
#Produits #GaucheH{
    padding:22px 0 0;
    background:none repeat scroll 0 0 #FFFFFF;
    margin-left:30px;
    width:500px;
}


#Produits strong{
font:15px ;
}

#Produits #droiteB{
 position:absolute; 
    padding:15px 0 80px;
    background:none repeat scroll 0 0 transparent;
    margin-left:600px;
    margin-top:430px;
    width:300px;  z-index:2;


}
#Produits a{
font-size:13px;
}
#Produits .rouge a{
color:red;
}
#Produits li{
font-size:12px;
}
#tab td:first-child {
width:200px;
}
#tab td:last-child {
    font-size:10px;
}

#tab td /* Toutes les cellules des tableaux... */
{
    border: 1px solid black; /* ... auront une bordure de 1px */
    width:400px;
    vertical-align:top;
    padding:5px;
}
#tab2 {
       margin-left:65px;
}
#tab2 th{
    border: 1px solid black; /* ... auront une bordure de 1px */
    width:150px;
	font-size:10px;
	background-color:#e8e8e7;
    vertical-align:top;
    padding:5px;
    color:#ea6746;
	text-align:left;
}
#tab2 .cadre td{
    border-bottom:none;
}
#tab2 td /* Toutes les cellules des tableaux... */
{
    border: 1px solid black; /* ... auront une bordure de 1px */
    width:150px;
    vertical-align:middle;
    padding:5px;
     font-size:10px;
   
}
#tab3 table{
    margin-top:10px;
}
#tab3 td:first-child {
width:200px;
}
#tab3 td:last-child {
    font-size:10px;
}

#tab3 td /* Toutes les cellules des tableaux... */
{
    border-top: 1px solid #D0D0CF; /* ... auront une bordure de 1px */
    width:400px;
    vertical-align:top;
   }
#tab3 table tr td:first-child {
    vertical-align:middle;
}
#tab4 table{
    margin-top:10px;
}
#tab4 td:first-child {
width:200px;
}
#tab4 td:last-child {
    font-size:10px;
}

#tab4 tr /* Toutes les cellules des tableaux... */
{
    border-top: 1px solid #D0D0CF; /* ... auront une bordure de 1px */
    width:400px;
    vertical-align:top;
   }
#tab4 table tr:first-child /* Toutes les cellules des tableaux... */
{
    border-top:none;
    width:400px;
    vertical-align:top;
   }
#tab4 table tr td:first-child {
    vertical-align:middle;
}

#tab5 td:first-child {
width:100px;
}
#tab5 td /* Toutes les cellules des tableaux... */
{
    border: 1px solid black; /* ... auront une bordure de 1px */
    vertical-align:top;
    padding:5px;
}
#tab6 td:first-child {
width:100px;
}
#tab6 td /* Toutes les cellules des tableaux... */
{
    vertical-align:top;
    padding:5px;
    border-bottom:1px solid #D0D0CF;
}
#tab6 td:first-child /* Toutes les cellules des tableaux... */
{
    border-left: none; /* ... auront une bordure de 1px */
    }

#tab6 table td:first-child /* Toutes les cellules des tableaux... */
{
    background-color:#e3e3e2;
    }
#tab6 table tr:first-child td /* Toutes les cellules des tableaux... */
{
    background-color:#d0d0cf;
    }

#tab7 table{
    margin-top:10px;
}
#tab7 td:first-child {
width:200px;
}
#tab7 td:last-child {
    font-size:10px;
}

#tab7 td /* Toutes les cellules des tableaux... */
{
    border-bottom: 1px solid #D0D0CF; /* ... auront une bordure de 1px */
    width:400px;
    vertical-align:top;
   }
#tab7 table tr td:first-child {
    vertical-align:middle;
}
#tab12 td{
  border: 1px solid black;
width:150px;
    vertical-align:middle;


}
table
{
       border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
/*Produits techno*/
/**/
/**/
/*Placer image et texte*/
#ProduitsTechno{
    padding:0;
    margin-top: -5px;
    background: none repeat scroll 0 0 white;
        margin:0 auto;
    width: 950px;
} 
 #ProduitsTechno .intro a{
color:gray;
font-size:15px;
text-decoration:underline;
}

#ProduitsTechno #droiteH #infoTech > ul {
 border-top:1px solid #d0d0cf;

padding-left:80px;
}
#ProduitsTechno #droiteH ul li{
}

#ProduitsTechno #droiteH #infoTech ul  ul li:first-child {
list-style-type:none;
margin-top:10px;
}
#ProduitsTechno #droiteH #infoTech  ul  ul  ul li:first-child {
list-style-type:none;
margin-top:10px;
}
#ProduitsTechno #droiteH #infoTech  ul  ul  ul li:last-child {
list-style-type:none;
}
#ProduitsTechno #droiteH #infoTech  ul  ul  ul li:last-child a {
color:#ea6746 !important;
}
#ProduitsTechno #GaucheH{
    padding:22px 0 0;
    background:none repeat scroll 0 0 #FFFFFF;
    margin-left:30px;
    width:250px;
}



#ProduitsTechno strong{
font:15px ;
}
#ProduitsTechno #droiteH h1 a{
font:bold 1.0em Arial,Sans-Serif;
padding:8px 0 4px;
letter-spacing:-1px;
color:gray;
text-decoration:underline;

}
#ProduitsTechno #droiteH p a{
text-decoration:underline;
}

#ProduitsTechno #droiteB{
 position:absolute; 
    padding:15px 0 80px;
    background:none repeat scroll 0 0 transparent;
    margin-left:600px;
    margin-top:430px;
    width:300px;  z-index:2;


}
#ProduitsTechno li{
font-size:12px;
}
.Tech li{
margin-top:10px;
font-size:13px !important;
}
.TitreTech li{
font-weight:bold;

}



/*MLegales*/
/**/
/**/
/*Placer image et texte*/
#MLegales {
    padding:22px 0 0;
    margin-left:30px;
    margin-top:10px;
Text-align:center;
}
#MLegales p{
font-size:11px;
}

/*Condition ventes*/
/**/
/**/
/*Placer image et texte*/
#CVentes {
    padding:22px 0 0;
    margin-left:30px;
    margin-top:10px;
Text-align:justify;
}
#CVentes p{
font:10px Arial,sans-serif;
border:solid 1px black;
       margin-top:8px
}
#CVentes H1{
Text-align:center;
margin-bottom:15px;
}

/*Confiance*/
/**/
/**/
/*Placer image et texte*/
#Confiance H1{
color:#919291;
}
#Confiance p {
margin-bottom:20px;
}
#Confiance #GaucheH{
    padding:22px 0 0;
    margin-left:30px;
    margin-top:0px;
}
#Confiance #GaucheB{
    padding:22px 0 0;
    margin-left:30px;
    margin-top:10px;
}
#Confiance #commentaire p{
color:#009ce5;
}
#Confiance cite{
margin-left:30px;
}
#Ressources{
    margin-top:50px;
margin-left:80px;
}
#Documentation{
    margin-left:60px;
}
/**/
/**/
/**/
/* position des images des nas*/
#imagetech{
width:0px;
height:0px;
}
#nas1{
       margin:0 auto 0;
    position:relative;
    z-index:4;
    top: 800px;
    right:-40px;}
#nas2{
        margin:0 auto 0;
    position:relative;
    z-index:4;
    top:1020px;
    left:-72px;}
#nas3{
       margin:0 auto 0;
    position:relative;
    z-index:4;
    top:1180px;
    left:-214px;}
#nas4{
    margin:0 auto 0;
    position:relative;
    z-index:4;
    top:1350px;
    left:-360px;
}

/*autre ...*/
p {
    margin : 5px 0;
}

h1 {
    font : bold 1.8em Arial, Sans-Serif;
    padding : 8px 0 4px 0;
    margin : 0;
}

h2 {
    font : bold 1.6em Arial, Sans-Serif;
    letter-spacing : -1px;
}

h3 {
     font : bold 1.2em Arial, Sans-Serif;
    padding : 4px 0;
    margin : 0;
}
A.menudyn3{
    font-size: 14px;
}

img {
    border : 0;
	margin: 0;
	padding: 0;
}

hr {
    height : 1px;
    border-style : none;
    color : #d0d0d0;
    background-color : #c0c0c0;
    margin : 10px 0;
}


.content {
    margin : 0 auto;
    width : 950px;
    background : #fefdfd;
}

#top {
    margin:0px auto;
    width:950px;
    padding-top : 0;
    background : transparent;
    height : 168px;
}

#top h1 {
    font : 1.8em Arial, Sans-Serif;
    padding : 8px 0 4px 0;
    margin : 0;
    letter-spacing : 1px;
    color : #fff;
}

#top h2 {
    font : 1em Arial, Sans-Serif;
    letter-spacing : 0;
    color : #868686;
    margin : 0;
    padding : 0;
}


#mainpr {
    background : #fff;
    padding-left : 15px;
}

#footer {
    clear : both;
    border-top : 1px solid #ddd;
    margin : 0 0 3em 0;
    color : #777;
    background : #fefdfd;
}

#footer .right {
    float : right;
    text-align : right;
    background : #fefdfd;
}

#footer a {
    text-decoration : none;
    background : #fefdfd;
}
.cse .gsc-control-cse, .gsc-control-cse{
    background:none !important;
border:none !important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result{
 font:10px Arial,sans-serif !important;
}
.cse .gs-title, .gs-title, .cse div.gs-title, div.gs-title, .cse .gs-snippet, .gs-snippet, .cse .gs-spelling, .gs-spelling{
font:12px Arial,sans-serif !important;

}
.gs-bidi-start-align, .gs-title, .gs-snippet{
width:200px !important;
}
.gs-title{
    margin-bottom:15px;
overflow: visible !important;
}
.gcsc-branding{
visibility:hidden;
}
.cse .gsc-webResult, .gsc-webResult, .gsc-webresult .gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column{
border:none !important;
}
.gsc-control-cse-fr{
padding-left:0px !important;
margin-left:-10px;
}
.gsc-control-cse-fr{
padding-left:0px !important;
}