body{
    margin:0;
    padding:0;
    font-family: 'Montserrat', Helvetica,Verdana,sans-serif;
}

.serif{
   font-family: 'Merriweather', serif; 
}

img{
    border: 0 none;
}

a, h1, h3, b{
    color:#143e69;
}

h3 a.lien {
    color: #143e69;
}

h2{
    color:#40b2d9;
}

a{
    text-decoration:none;
    border: 0 none;
}

a:hover{
    text-decoration:underline;
}

a.bouton{
    color:#ff6048;
    border:solid 2px #bfbfbf;
    padding: 10px 30px;
    font-size:14px;
    border-radius:3px;
    font-weight: 700;
    -webkit-appearance: none;
}

a.bouton:hover{
    background:#eee;
    text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.lien{
    text-decoration:underline;
    color:#666665;
}

#back_to_top {
    background: transparent url("../images/back_to_top.png") no-repeat scroll center center;
    bottom: 10px;
    cursor: pointer;
    display: none;
    height: 90px;
    position: fixed;
    right: 20px;
    width: 50px;
    z-index:1000;
}

#message_erreur {
    color: red;
    margin-bottom: 10px;
    text-align: center;
}

.livre_blanc h1{
    text-align: center;
}

.livre_blanc .formulaire {
    margin: auto;
    width: 300px;
}

p:first-child{
    margin-top:0;
}

.emplacement_input_submit {
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
}

.extract {
    background-color: #ebebeb;
    padding: 10px;
}

.message {
    background: none;
    border-radius: 3px;
    color: #12792d;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}

.resultat_message .champ {
    color: #222;
    padding: 10px 0;
}

.resultat_message p.succes  {
    font-size:18px;
    color: #12792d;
}

.resultat_message .champ label {
    display: block;
    float: left;
    width: 135px;
    color:#777;
}

.resultat_message .champ label.mess {
    display: block;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.resultat_message #confirmation {
    border: 5px solid #eee;
    margin: 20px auto auto;
    padding: 30px;
    width: 500px;
}

.message.message_erreur {
    background: none;
    border-radius: 3px;
    color: #b90a0a;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}

.realisation .realisation_image .slide {
    display: none;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.realisation .realisation_image .slide.slide_1 {
    display: block;
}


.realisation .realisation_image .slide img {
    height: auto;
    max-width: 563px;
    padding: 20px 0;
}

.realisation .realisation_image {
    float: left;
    position: relative;
    width: 645px;
}

.realisation {
    float: left;
    margin-bottom: 20px;
    min-height: 410px;
    padding: 20px 0;
    width: 100%;
    background: #eee none repeat scroll 0 0;
    box-shadow: 0 0 3px -1px #777;
}

.realisation.odd {
    
}

.realisation .realisation_image .pager .page {
    background: #aaa none repeat scroll 0 0;
    border-radius: 10px;
    float: left;
    height: 10px;
    margin-right: 5px;
    width: 10px;
    cursor:pointer;
}

.realisation .realisation_image .emplacement_pager {
    float: left;
    text-align: center;
    width: 100%;
}

.realisation .realisation_image .pager {
    left: 302px;
    position: absolute;
    top: 394px;
}

.realisation .realisation_image.nb_de_slide_1 .pager {
    left: 316px;
}

.realisation .realisation_image.nb_de_slide_2 .pager {
    left: 310px;
}

.realisation .realisation_image.nb_de_slide_3 .pager {
    left: 301px;
}

.realisation .realisation_image.nb_de_slide_4 .pager {
    left: 295px;
}

.realisation .realisation_image .pager .page.active {
    background: #40b2d9 none repeat scroll 0 0;
}

.realisation .realisation_motclefs {
    float: right;
    padding: 10px 45px;
    width: 285px;
}

input[type="text"], input[type="mail"] {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 9px 10px;
    width: 100%;
}

input[type="submit"] {
    background: #ff6048 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    font-weight: 700;
    margin: auto;
    padding: 10px 30px;
    width: auto;
    -webkit-appearance: none;
}

input[type="submit"].wpcf7-submit, a.wpcf7-submit {
    background: #ff6048 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    padding: 10px 30px;
    width: auto;
    -webkit-appearance: none;
}

form{
    margin-bottom:0;
}

.espace_header {
    height: 113px;
    width: 100%;
    background:#eee;
}

body.fixe .espace_header {
}

header{
    background:#acc8cc;
    height:113px;
}

body.fixe .espace_header header {
    box-shadow: 0 0 5px -2px #000;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

body.fixe .espace_header header img {
    height: 25px;
}

footer{
    background:#eee;
    height:113px;
}

#inscription_base_de_donnees {
    background: #143e69 none repeat scroll 0 0;
    height: 30px;
}

#inscription_base_de_donnees a {
    border-right: 1px solid #ddd;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin-right: 15px;
    padding-right: 15px;
    text-transform: uppercase;
}

div.avertissement {
    color: red;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

div.avertissement.simple {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #3a3f44;
    font-size: 18px;
    font-weight: normal;
    margin: 0 auto 20px;
    padding: 100px 20px;
    text-align: center;
    width: 700px;
}

div.avertissement.simple a{
    text-decoration:underline;
}

#inscription_base_de_donnees .switch_langue a {
    color: #a0abb8;
}

#inscription_base_de_donnees .switch_langue a.last, #inscription_base_de_donnees #devenez_testeur {
    margin-right: 0;
    border:none;
}

#inscription_base_de_donnees .switch_langue a.active {
    color: #fff;
}

#inscription_base_de_donnees .switch_langue a.active:hover {
    text-decoration:none;
}

#inscription_base_de_donnees .switch_langue, #inscription_base_de_donnees #devenez_testeur{
    float:right;
}

#inscription_base_de_donnees #devenez_testeur{
    margin-right:130px;
}

#titre.section, #breadcrumb.section{
    background:#eee;
}

header .interieur, footer .interieur, #container .section .interieur, #inscription_base_de_donnees.section .interieur{
    width:1024px;
    padding:10px 0;
    margin: auto;
    position:relative;
}

#inscription_base_de_donnees.section .interieur{
    padding:7px 0;
}

a.twitter {
    background: #c8d1ce url("../images/twitter.png") no-repeat scroll 10px 11px;
    border-radius: 3px;
    float: right;
    margin-top: 10px;
    padding: 10px 10px 10px 40px;
}

a.twitter:hover {
    text-decoration:none;
}

#suivez_miratech a.twitter {
    background: #c8d1ce url("../images/twitter.png") no-repeat scroll 42px 11px;
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 10px 39px 10px 74px;
}

footer{
    width:100%;
    float:left;
}

footer #footer {
    background: #eee none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    color: #888888;
    display: block;
    float: left;
    margin-top: 37px;
    padding-bottom: 40px;
    padding-top: 5px;
    width: 100%;
}

#contenu.section {
    color: #666665;
    float: left;
    font-size: 14px;
    padding: 10px 0 30px;
    width: 100%;
}

#contenu.section .espace.droite ul{
    margin-left:15px;
}

.offre #contenu.section {
    padding:0;
}

.responsive_design{
    float:right;
    font-size:12px;
}

#container #diaporama_accueil.section {
    background: #acc8cc none repeat scroll 0 0;
    padding-top: 40px;
}

#container .section#nos_offres{
    background: #eeeeee;
}

#container #diaporama_accueil.section .interieur {
    background: transparent url("../images/machine-miratech.png") no-repeat scroll right bottom;
    height: 358px;
}

#container #diaporama_accueil.section .interieur .bienvenue {
    float: left;
    text-align: center;
    width: 42%;
}

#container #diaporama_accueil.section .interieur .bienvenue h1 {
    font-size: 36px;
    margin-bottom: 0;
    margin-top: 63px;
}

#container .section .interieur h2, #container .section .interieur h1.title {
    background: transparent url("../images/background_h2.png") no-repeat scroll 0 5px;
    color: #40b2d9;
    font-size: 32px;
    margin-bottom: 20px;
    text-align: center;
}

#container .section .interieur .realisation h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #665;
    font-size: 18px;
    margin-top: 30px;
    text-align: left;
}

#container .section .interieur h1.title.grand {
    background: transparent url("../images/background_h2-2.png") no-repeat scroll 0 5px;
}

#container #diaporama_accueil.section .interieur .bienvenue .explication {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

#logo-miratech {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

#menu_principal, #menu_secondaire, #menu_tertiaire {
    display: block;
    float: left;
    margin-top: 24px;
}

body.fixe .espace_header header #menu_principal {
    margin-top: 0;
}

body.fixe .espace_header header #menu_principal ul li {
    padding: 3px 5px;
}

body.fixe .espace_header header #menu_principal ul li.grand {
    width: 208px;
}

#menu_secondaire{
    margin-top: 20px;
}

#menu_principal ul, #menu_secondaire ul, #menu_tertiaire ul{
    padding:0;
    margin:0;
    list-style:none;
}

#menu_principal ul li, #menu_secondaire ul li, #menu_tertiaire ul li {
    border-right: 1px solid red;
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

#menu_principal ul li {
    padding: 10px 5px;
    width: auto;
}

#menu_principal ul li.grand {
    padding: 0 5px;
    width: 170px;
}

#menu_principal ul li.grand a {
    display: block;
    float: left;
    line-height: 20px;
    padding: 0 20px;
}

#menu_principal ul li.last, #menu_secondaire ul li.last {
    border-right: none;
}

#menu_principal ul li a {
    font-weight: 700;
    padding: 10px 20px;
}

body.fixe .espace_header header #menu_principal ul li a {
    font-size: 12px;
    line-height: 22px;
}

#menu_principal ul li a:hover {
    background:#a3c4c9;
    border-radius:3px;
    text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#menu_secondaire ul{
    font-size:14px;
}

#menu_secondaire ul li {
    border-color: #a0a0a0;
    margin-right: 15px;
    padding-right: 15px;
    width: auto;
}

#menu_secondaire ul li a{
    color:#e53539;
    font-weight: 700;
}

#menu_tertiaire{
    margin-top:0;
}

#menu_tertiaire ul{
    font-size:12px;
}

#menu_tertiaire ul li {
    border-color: #a0a0a0;
    margin-right: 15px;
    padding-right: 15px;
    width: auto;
}

#menu_tertiaire ul li a{
    color:#888888;
}

#container .section#nos_offres .interieur {
    height:475px;
}

#container .section#nos_offres .offres {
    background: url("../images/icone_etudes_et_tests_utilisateurs.png") no-repeat scroll 49px 28px #fff;
    float: left;
    height: 332px;
    margin-right: 10px;
    padding: 20px;
    width: 467px;
}

#container .section#nos_offres .offres#conception_ergonomique_et_graphique {
    margin-right:0;
    background: url("../images/icone_conception_ergo_et_graphique.png") no-repeat scroll 49px 28px #fff;
}

#container #nos_offres.section .offres h3 {
    margin-left: 115px;
    margin-top: 30px;
    text-transform: uppercase;
}

#container #nos_offres.section .offres h3.deux_lignes {
    margin-top: 18px;
}

#container .section#nos_offres .offres ul {
    margin:0;
    margin-left: 115px;
    padding:0;
    list-style:none;
}

.image_fixe {
    position: absolute;
    right: 425px;
    top: 255px;
}

#deux.image_fixe {
    right: 395px;
    top: 498px;
}
#container #nos_offres.section .offres ul li a, #container #nos_offres.section .offres ul li span {
    color: #aaa;
    line-height: 25px;
}

#container #nos_offres.section .offres ul li a.link {
    text-decoration:underline;
}

#container .section#clients_heureux {
    background: #40b2d9;
    font-size:22px;
    text-align:center;
    color:#fff;
}

#container .section#clients_heureux .interieur {
    height: 100px;
}

#container .section#clients_heureux span {
    float:left;
    margin-right:20px;
}

#container .section#clients_heureux span.simple {
    margin-top:35px;
}

#container .section#clients_heureux span.simple.first {
    margin-left:100px;
}

#container .section#clients_heureux span.mise_en_avant{
    font-size:72px;
    margin-top:6px;
}

#container #clients.section #logo_clients {
    float: left;
    margin-top: 42px;
    text-align: center;
    width: 683px;
}

#container #clients.section #logo_clients img {
    float: left;
    padding: 17px 35px;
}

#logo_clients .bloc_logo {
    display: block;
    float: left;
    height: 145px;
    padding: 19px;
    text-align: center;
    width: 145px;
}

#logo_clients .bloc_logo a {
    text-decoration: none;
}

#logo_clients .bloc_logo img {
    padding: 0 0 0;
}

#container #clients.section {
    float: left;
    height: auto;
    padding-bottom: 50px;
    width: 100%;
}

#container #clients.section a.bouton {
    
}

#container #temoignages.droite, #container #colonne_droite .droite {
    border-top: 5px solid #ff6048;
    float: right;
    margin-top: 45px;
    padding-top: 15px;
    width: 340px;
}

#container #colonne_droite .droite.bleu {
    border-top: 5px solid #40b2d9;
}

#container #contenu.section #temoignages.droite, #container #colonne_droite .droite {
    width: 100%;
}

#container .section#contenu #suivez_miratech {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 10px;
    width: 227px;
}

#container .section #temoignages a.bouton {
    margin-left: 0;
}

#container #contenu.section #temoignages a.bouton {
    font-size: 12px;
    margin-left: 5px;
}

#container #temoignages h3, #container #colonne_droite h3 {
    background: #fff none repeat scroll 0 0;
    color: #888;
    font-size: 24px;
    margin-left: 79px;
    padding-left: 10px;
    position: relative;
    text-align: left;
    width: 173px;
    z-index: 100;
}

#container #contenu.section #temoignages h3, #container #colonne_droite h3 {
    margin-left: 0;
    margin-top: 8px;
    padding-left: 0;
    text-align: center;
    width: 100%;
}

#container #temoignages .temoignage {
    color: #666665;
    margin-bottom: 20px;
    text-align: left;
}

#container #temoignages .temoignage.last {
    margin-bottom:40px;
}

#container #temoignages #bloc_temoignages {
    border: 1px solid #ddd;
    margin-top: -37px;
    padding: 30px 20px 40px;
    text-align: center;
}

#container .section#contenu #temoignages #bloc_temoignages {
    margin-top: 0;
}

#container #temoignages .temoignage .citation {
    background:url("../images/picto_citation.png") no-repeat 0 0 transparent;
    padding-left:30px;
}

#container #temoignages.droite .temoignage .citation {
    font-weight: 700;
}

#container #temoignages .temoignage table.premiere_ligne td.premier {
    color: #ff6048;
    font-weight: 700;
}

#container #temoignages .temoignage .premiere_ligne img {
    float: left;
}

#container .section#contenu #temoignages .temoignage .citation {
    font-size:15px;
}

#container #temoignages .temoignage .auteur {
    color: #888888;
    font-size: 13px;
    margin-top: 5px;
}

#container .section#contenu #temoignages .temoignage .auteur {
    font-size: 12px;
}

#container #contenu.section #temoignages.page_complete .temoignage .auteur {
    font-size: 14px;
    margin-left: 30px;
}

#container #les_chiffres.section {
    background: transparent url("../images/ombre_deg.png") repeat-x scroll 0 0;
    float: left;
    width: 100%;
}

#container .section#les_chiffres .interieur {
    height: 365px;
}

#container .section#les_chiffres .chiffre {
    float:left; 
    padding:20px;
    background:url("../images/background_chiffre1.png") no-repeat 0 0 #40b2d9;
    width:164px;
    height:200px;
    margin-right:1px;
    position:relative;
}

#container #les_chiffres.section .chiffre table {
    margin-top: 39px;
    vertical-align: middle;
    width: 100%;
}

#container #les_chiffres.section .chiffre table td.nomh3 {
    height: 55px;
}

#container #les_chiffres.section .chiffre table td.affichage_du_chiffre {
    height: 122px;
}

#container #colonne_gauche #les_chiffres.section .chiffre {
    background: #40b2d9 url("../images/background_chiffre1.png") no-repeat scroll 0 0;
    float: left;
    height: 200px;
    margin-right: 2px;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    width: 146px;
}

#container #colonne_gauche #protocole_de_test .gauche, #container #colonne_gauche #protocole_de_test .droite {
    float: left;
    width: 50%;
}

#container #colonne_gauche #protocole_de_test h3 {
    text-transform: uppercase;
}

#container #colonne_gauche #protocole_de_test .protocole {
    padding: 0 15px;
}

#container #colonne_gauche #les_chiffres.section .chiffre#eye_tracking {
    background: #40b2d9 url("../images/icone_eye_tracking.png") no-repeat scroll 0 0;
}

#container #colonne_gauche #les_chiffres.section .chiffre#analyse_des_clics_et_de_la_navigation {
    background: #40b2d9 url("../images/icone_analyse_clics.png") no-repeat scroll 0 0;
}

#container #colonne_gauche #les_chiffres.section .chiffre#card_sorting_ou_tri_de_cartes {
    background: #40b2d9 url("../images/card_sorting_ou_tri_de_cartes.png") no-repeat scroll 0 0;
}

#container #colonne_gauche #les_chiffres.section .chiffre#questionnaire_et_entretiens_individuels {
    background: #40b2d9 url("../images/questionnaire_et_entretiens_individuels.png") no-repeat scroll 0 0;
}


#container #colonne_gauche #les_chiffres , #container #colonne_gauche #dates{
    display: block;
    float: left;
    width: 100%;
}

#container #colonne_gauche #les_chiffres{
    margin-left: 2px;
    background:none;
}

#container .section#les_chiffres .chiffre#projets_internationaux {
    background:url("../images/background_chiffre2.png") no-repeat 0 0 #40b2d9;
}

#container .section#les_chiffres .chiffre#croissance {
    background:url("../images/background_chiffre3.png") no-repeat 0 0 #40b2d9;
}

#container .section#les_chiffres .chiffre#surprise_dans_ce_site {
    background:url("../images/background_chiffre4.png") no-repeat 0 0 #40b2d9;
}

#container .section#les_chiffres .chiffre#contact_pour_cos_projets_digitaux {
    background:url("../images/background_chiffre5.png") no-repeat 0 0 #40b2d9;
}

#container .section#les_chiffres .chiffre.last {
    margin-right:0;
}

#container #les_chiffres.section .chiffre h3 {
    font-size: 14px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

#container #colonne_gauche #les_chiffres.section .chiffre h3 {
    font-size: 12px;
}

#container #colonne_gauche #les_chiffres.section .chiffre h3.deux_lignes {
    margin-bottom: 19px;
    margin-top: 46px;
}

#container #colonne_gauche #les_chiffres.section .chiffre h3.trois_lignes {
    margin-bottom: 12px;
    margin-top: 38px;
}

#container #les_chiffres.section .chiffre h3.deux_lignes {
    margin-top: 50px;
}

#container #les_chiffres.section .chiffre .chiffre_affiche {
    bottom: auto;
    color: #fff;
    font-size: 63px;
    left: auto;
    position: relative;
    text-align: center;
    width: auto;
}

#container #colonne_gauche #les_chiffres.section .chiffre .chiffre_affiche {
    bottom: auto;
    font-size: 14px;
    height: 110px;
    left: auto;
    position: relative;
    width: 100%;
}

#container #colonne_gauche #les_chiffres.section.page .chiffre .chiffre_affiche {
    margin-top: 31px;
}

#container #les_chiffres.section .chiffre.special .chiffre_affiche {
    padding-left: 66px;
    text-align: left;
    width: 179px;
}

#container #les_chiffres.section .chiffre .chiffre_affiche span.sup {

}

#container #les_chiffres.section .chiffre .chiffre_affiche span.simple {
    font-size: 30px;
    left: 70px;
    position: absolute;
    top: 37px;
}

#titre.section .chapeau {
    color: #888888;
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 0 100px;
    text-align: center;
}

#colonne_gauche.colonne {
    border-top: 5px solid #40b2d9;
    float: left;
    margin-top: 45px;
    padding-top: 13px;
    width: 755px;
}

#colonne_droite.colonne {
    float: right;
    width: 247px;
}

#container #contenu.section h2.subtitle {
    background: none;
    border-top: 5px solid #40b2d9;
    color: #888;
    display: block;
    float: left;
    font-size: 24px;
    margin-top: 45px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

#container #contenu.section h2.subtitle.first {
    background: none repeat scroll 0 0;
    border:none;
    color: #888;
    font-size: 24px;
    margin-top: 0;
    padding-top: 8px;
    text-align: center;
}


#poles .pole {
    background: transparent url("../images/icone_etudes.png") no-repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    padding: 0 0 25px 65px;
}

#poles .pole#conception {
    background: transparent url("../images/icone_conception.png") no-repeat scroll 0 0;
}

#poles .pole#developpement {
    background: transparent url("../images/icone_developpement.png") no-repeat scroll 0 0;
}

#poles .pole.last {
    border-bottom: none;
}

#poles .pole h4 {
    color: #40b2d9;
    display: block;
    float: left;
    font-weight:normal;
    font-size: 18px;
    margin: 3px 0 5px;
    text-transform: uppercase;
    width: 100%;
}

#colonne_gauche .presentation{
    font-weight: 700;
}

#dates table.date td.bloc_date {
    background: #40b2d9 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 24px;
    margin-right: 15px;
    padding: 23px 10px;
    text-align: center;
    width: 55px;
}

#dates table.date td.precisions {
    border-bottom: 1px solid #ddd;
    color: #666665;
    font-size: 14px;
    padding: 0 10px;
    width: 660px;
}

#visuels .images {
    float: left;
    margin-right: 1px;
}

#visuels .images.last{
    margin-right:0;
}

#breadcrumb{
    font-size:12px;
    color:#aaaaaa;
}

#breadcrumb a{
    font-size:12px;
    color:#666665;
    font-weight: 700;
}

.espace_icone {
    background:url("../images/icone_la_societe.png") no-repeat center center transparent;
    height: 75px;
    width: 100%;
}

.espace_icone#offline {
    background:url("../images/icone_offline.png") no-repeat center center transparent;
}

.espace_icone#ecommerce {
    background:url("../images/icone_ecommerce.png") no-repeat center center transparent;
}

.espace_icone#responsive {
    background:url("../images/icone_responsive.png") no-repeat center center transparent;
}

.espace_icone#conception {
    background:url("../images/icone_conception2.png") no-repeat center center transparent;
}

.espace_icone#eye {
    background:url("../images/icone_eye.png") no-repeat center center transparent;
}

.espace_icone#ab {
    background:url("../images/icone_ab.png") no-repeat center center transparent;
}

.espace_icone#user_tests {
    background:url("../images/icone_etudes_et_tests_utilisateurs.png") no-repeat center center transparent;
}

.espace_icone#societe {
    background:url("../images/icone_societe.png") no-repeat center center transparent;
}

.espace_icone#publications {
    background:url("../images/icone_publications.png") no-repeat center center transparent;
}

.publication {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    min-height: 155px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.publication a {
    text-decoration:none;
}

.publication p {
    color: #888;
}

.publication .date {
    border: 1px solid #ddd;
    color: #40b2d9;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 117px;
}

.publication .encart.gauche{
    float: left;
    margin-right: 20px;
    width:145px;
}

#container .section .publication .encart.droite h2 {
    background: none;
    color: #143e69;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

#inscription .inscription{
    background:#eee;
    border:solid 1px #ddd;
    padding:20px;
}

#colonne_droite #chiffres .chiffres .chiffre {
    background: #40b2d9 none repeat scroll 0 0;
    color: #fff;
    margin-bottom: 5px;
    padding: 20px;
}

#colonne_droite #chiffres .chiffres .chiffre .affichage_chiffre {
    font-size: 60px;
    position:relative;
}

#colonne_droite #chiffres .chiffres .chiffre .affichage_chiffre span.sup {
    font-size: 30px;
    margin-left: 5px;
    position: absolute;
    top: 7px;
}

#colonne_droite #chiffres .chiffres .chiffre .affichage_chiffre span.bas {
    bottom: 8px;
    font-size: 24px;
    margin-left: 5px;
    position: absolute;
}

#colonne_droite #chiffres .chiffres .chiffre .description {
    font-size: 13px;
    font-weight: 700;
}

form#contact {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    padding: 20px;
}

form#contact input[type="text"], form#contact input[type="mail"] {
    width: 100%;
}

form#contact textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 9px 10px;
    resize: none;
}

#carte .section {
    margin: auto;
    position: relative;
    width: 1024px;
}

#carte iframe {
    display: block;
    margin: auto;
    width:100%;
}

#carte .contact {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #888888;
    font-size: 14px;
    height: 215px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -515px;
    width: 335px;
}

#carte .contact#miratech {
    font-size: 20px;
}

#carte #metro.contact .metro {
    float: left;
    margin-bottom: 11px;
    padding: 5px 5px 5px 120px;
    text-align: left;
}

#carte #metro.contact h3 {
    font-size: 20px;
    margin-top: 8px;
}

#carte #metro.contact {
    background: #fff url("../images/transports_miratech.png") no-repeat scroll 10px 61px;
    top: -258px;
}

#carte .contact .logo {
    display: block;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

#carte .contact .logo img{
    width:150px;
}

.overflow {
    height: 535px;
    position: absolute;
    top: 143px;
    width: 100%;
}

#container .section#contenu .conception h2 {
    background: none;
    color: #143e69;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
}

#container #contenu.section .conception td {
    text-align: center;
    width: 50%;
}

#container #contenu.section .conception.odd td.droite {
    background: transparent url("../images/fleche_droite.png") no-repeat scroll 0 21px;
}

#container #contenu.section .conception.even td.gauche {
    background: transparent url("../images/fleche_gauche.png") no-repeat scroll right 21px;
}

#container #contenu.section .conception td img {
    float: right;
    padding: 0 55px;
    text-align: right;
}

#container #contenu.section .conception.odd td img {
    float:left;
}

#container #contenu.section .conception td .description {
    color: #666665;
    float: right;
    text-align: left;
    width: 500px;
}

#container #contenu.section .conception.even td .description {
    float: left;
}

#container #contenu.section .conception.even td.droite, #container #contenu.section .conception.odd td.gauche {
    background: #eee none repeat scroll 0 0;
    padding: 75px 20px;
}

#colonne_centrale table {
    border-collapse: collapse;
    border-top: 5px solid #40b2d9;
    width: 100%;
}

#bloc_references .reference {
    text-align:center;
}


#references a.bouton {
    float: left;
    margin-left: 35px;
    margin-top: 20px;
}

#protocole_de_test .protocole .description{
    color:#888;
}

#mentions_legales, #plan_du_site {
    padding: 0 150px;
}

#mentions_legales h3, #plan_du_site h3 {
    font-size: 18px;
    text-align: center;
}

#plan_du_site ul{
    padding:0;
    list-style:none;
}

#plan_du_site ul li{
    text-align: center;
}

#plan_du_site ul li a.link{
    color:#888;
    font-size:15px;
    text-align: center;
}

#menu_icone {
    display:none;
}

.bloc_espace_image {
    width:100%;
    float:left;
}

.bloc_espace_image.un .espace_image {
    padding: 2%;
    width: 96%;
    text-align: center;
    float: left;
    margin:2% 0;
}

.bloc_espace_image.deux .espace_image {
    float: left;
    padding: 2%;
    text-align: center;
    width: 46%;
    margin:2% 0;
}

.bloc_espace_image.deux .espace_image img{
    cursor:pointer;
}
.linebox {
    background: #000 none repeat scroll 0 0;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}
.popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 7px;
    cursor: pointer;
    display: none;
    left: 0;
    margin: 0;
    position: fixed;
    top: 118px;
    width: 100%;
    z-index: 10002;
}

.popup .int {
    background: #fff none repeat scroll 0 0;
    border-radius: 15px;
    box-shadow: 0 0 10px 2px #222;
    margin: auto;
    padding: 20px;
    position: relative;
    width: 650px;
}

.popup .int .fermer {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #444;
    border-radius: 20px;
    padding: 6px 10px;
    position: absolute;
    right: -14px;
    top: -12px;
}

.bloc_espace_image.trois .espace_image {
    cursor: pointer;
    float: left;
    margin: 2% 0;
    padding: 2%;
    text-align: center;
    width: 29%;
}

.bloc_espace_image .espace_image legend {
    color: #aaa;
    display: block;
    float: left;
    padding: 2%;
    text-align: center;
    width: 96%;
}


.bloc_espace_image .espace_image .popup legend {
    float: none;
    margin: auto;
    padding: 1% 2%;
    text-align: center;
    width: auto;
    color: #143e69;
}

.emplacement_des_listes{
    float:left;
    width:100%;
    margin-bottom:20px;
}

table.numero{
    list-style:none;
    padding:0;
    margin:0;
    border-collapse: collapse;
}

table.numero td{
    padding:20px;
    color: #666665;
}

table.numero tr{
    border-bottom:solid 1px #ddd;
}

table.numero tr:last-child{
    border-bottom:none;
}

table.numero td.numb{
    font-size:30px;
    color: #40b2d9;
}

#contenu ul{
    padding:0 17px;
    margin:0;
}

#contenu ul.none{
    padding:0;
    list-style:none;
}

#contenu ul.none blockquote {
    background: #eee url("../images/picto_citation.png") no-repeat scroll 10px 15px;
    margin: 0;
    padding: 15px 20px 5px 45px;
}

#contenu ul li {
    padding: 5px 0;
}

#responsive_design img{
    width:100%;
    margin:20px 0;
}

#contenu ul li span.date {
    color:#aaa;
}

.comparateur {
    float: left;
    margin: 20px 0 40px;
    min-width: 240px;
    width: 50%;
}

.comparateur th, .comparateur td, .img-comparateur {
    position: relative;
    text-align: center;
}

#checkA, #checkB, #check1, #check2 {
    bottom: 40px;
    position: absolute;
    right: 10px;
}

.texteDroite2, .texteGauche2, .texteDroite, .texteGauche {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #aaa;
    bottom: -27px;
    height: auto;
    left: 40px;
    position: absolute;
    width: 230px;
}
#vignette2, #vignette {
    height: 66px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 117px;
}

.livre_blanc p.center{
    text-align:center;
}

#vignette2 img, #vignette img {
    display: block;
    margin-left: 20px;
    margin-top: 32px;
    position: absolute;
}

#vignette2 #resB, #vignette #resB, #vignette2 #resA, #vignette #resA {
    position: absolute;
    top: 31px;
}


.comparateur th, .comparateur td, .img-comparateur {
    position: relative;
    text-align: center;
}

.comparateur table {
    width: 100%;
    margin:20px 0;
}

.wp-caption-text, .gallery-caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #777;
    padding: 15px;
    text-align: center;
}

#logo_clients .wp-caption-text,#logo_clients .gallery-caption {
    background: none;
    padding: 0 15px;
    text-align: center;
}

ul.and-also {
    display: block;
    float: left;
}