/* 
    Document   : syle
    Created on : 25 juin 2013, 22:13:18
    Author     : exia
    Description:
        Purpose of the stylesheet follows.
*/
/*******************************     POLICES     ************************************/


@font-face {
    font-family: "Franklin-Gothic-Book-Cmpr";
    src: url('Fonts/ITC-Franklin-Gothic-Cmpr/Franklin-Gothic-Book-Cmpr.ttf');
}

@font-face {
    font-family: "Franklin-Gothic-Med-Cnd";
    src: url('Fonts/ITC-Franklin-Gothic-Cnd/Franklin-Gothic-Med-Cnd.ttf');
}

@font-face {
    font-family: "Franklin-Gothic-Book-Cnd";
    src: url('Fonts/ITC-Franklin-Gothic-Cnd/Franklin-Gothic-Book-Cnd.ttf');
}

@font-face {
    font-family: "Franklin-Gothic-Demi-Cnd";
    src: url('Fonts/ITC-Franklin-Gothic-Cnd/Franklin-Gothic-Demi-Cnd.ttf');
}

@font-face {
    font-family: "Franklin-Gothic-Med-Cnd";
    src: url('Fonts/ITC-Franklin-Gothic-Cnd/Franklin-Gothic-Med-Cnd.ttf');
}


@font-face {
    font-family: "Open-Sans";
    src: url('Fonts/Open-Sans/Open-Sans-Regular.ttf');
}

@font-face {
    font-family: "Open-Sans";
    font-style: italic;
    src: url('Fonts/Open-Sans/Open-Sans-Italic.ttf');
}

@font-face {
    font-family: "Open-Sans";
    font-weight: 700;
    src: url('Fonts/Open-Sans/Open-Sans-Bold.ttf');
}


/* Large desktop */

    body {
        margin: 0;
    }


    #top_strip {
        background-color: #8DC800;
        height: 6px;
        margin-bottom: 54px;
    }
    #banniere{
        height: 108px;
        width: 959px;
        margin: 0 auto;
    }
    #logo_container{
        display:inline-block;
        width:252px;
        height: 106px;
    }
    #logo{
        background-image :url('Images/logo.png');
        background-repeat: no-repeat;
        background-position: 34px;
        height: 52px;
    }
    #slogan {
        height: 45px;
        position: absolute;
        margin-left: 33px;
        margin-top: 7px;
    }
    #text_slogan {
        font-family: "Franklin-Gothic-Book-Cmpr";
        font-size: 13px;
        color: #525252;
        text-align: center;
        letter-spacing: 1.7px;
        line-height: 11px;
        width: 160px;
    }
    #menu {
        display:inline-block;
        width: 707px;
        height: 109px;
        margin-left: 8px;
        background-color: #8DC800;
    }
    .item_menu, .item_menu_selected {
        margin: 0;
        font-family: "Franklin-Gothic-Med-Cnd";
        font-size: 14px;
        letter-spacing: 0.8px;
        display: inline-block;
        float: left;
        margin-top: 29px;
        margin-right: 10px;
        max-width: 107px;
        min-width:80px;
        text-align: center;
    }
    
    .item_menu:hover {
        font-family: "Franklin-Gothic-Med-Cnd";
        font-size: 14px;
        letter-spacing: 0.8px;
        display: inline-block;
        float: left;
        margin-top: 29px;
        margin-right: 10px;
        background: transparent url('Images/sourire_pet_blanc.png') no-repeat center right;
        height:50px;
        max-width: 107px;
        min-width:80px;
        text-align: center;
    }
    
    .temoignage {
        font-family: "Open-Sans";
        margin: 10px 0 30px 0;
    }
    
    .item_menu_selected {
        background: transparent url('Images/sourire_pet_blanc.png') no-repeat center right;
        height:50px;

    }
    .item_menu a, .item_menu_selected a {
        text-decoration: none;
        color: white;
    }

    .top_content {
        height: 360px;
        background-image: url('Images/fond_vert_principal.png');
        background-repeat: no-repeat;
        margin-top: -6px;
    }
    
    .container_titre {
        background-image:url('Images/bandeau.png');
        height:83px;
        margin:0 auto;
        background-repeat:no-repeat;
        width: 960px;
    }
    
    .titre_page {
        display:inline-block;
        margin:25px 0 0 10px;
        font-size:26px;
        color:white;
        
    }
    
    .mac {
        display: inline-block;
        width: 650px;
        height: 361px;
        background-image: url('Images/imac.png');
        background-repeat: no-repeat;
        background-position: 100px 31px;

    }
    .sourire_grand {
        display: inline-block;
        width: 398px;
        height: 224px;
        margin: 48px 117px;
        background-color: #8DC800;
        background-image: url('Images/sourire_grand_blanc.png');
        background-repeat: no-repeat;
        background-position: 30px 89px;
    }
    .text_description{
        display: inline-block;
        width: 303px;
        float: right;
        height: 100%;
    }
    .text_pilogis {
        font-size: 29.5px;
        margin-top: 46px;
        margin-left: 10.5px;
        color: white;
        line-height: 33px;
        letter-spacing: -0.3px;
    }
    .text_client {
        font-size: 28px;
        margin-left: 10.5px;
        margin-top: 6px;
        letter-spacing: 0.4px;
        line-height: 30px;
        color: #3B67AC;
        font-weight: lighter;
    }
    .extrait_temoignage {
        margin: 2% auto;
        width: 100%;
    }
    
    .container_page {
        margin: 2% auto;
        width: 935px;
        border-left: thin solid #E1E1E1;
        border-right: thin solid #E1E1E1;
        padding: 0 30px;
        background-color:#FFFFFF;
    }    

    .reference {
        margin:40px 0;
    }
    
    .reference img {
        min-width:100%;
    }
    
    .titre_reference {
        font-family: "Franklin-Gothic-Demi-Cnd";
        font-size: 16px;
    }
    
    .contenu_reference {
        font-family: "Open-Sans";
        font-style: italic;
        font-size:13px;
        color:#666666;
    }
    
    .container_milieu {
        margin: 0 auto;
        width: 959px;
        background-image:url('Images/fond_vert_principal.png');
        background-repeat: no-repeat;
    }

    .container_fleche_gauche {
        width: 51px;
        height:41px;
        margin: 200px 0;
    }

    .container_fleche_droite {
        text-align: right;
        float:right;
        width: 51px;
        height:41px;
        margin: 200px 0;
    }
    .extrait_slider_temoignage {
        border-left: thin solid #E9E9E9;
        display: inline-block;
        padding-left: 21px;
        width:82%;
        border-right: thin solid #E9E9E9;
    }
    .nom_temoignage {
        font-family: 'Franklin-Gothic-Demi-Cnd';
        font-size: 17px;
        height: 20px;
        text-align:center;
    }
    .sourire_vert{
        text-align:center;
    }
    .sourire_vert img {
        margin-left: 25px;
        margin-top: 3px;
    }

    .texte_temoignage{
        font-size: 26px;
        margin-top: -3px;
        text-align:center;
        letter-spacing: -0.4px;
        line-height: 33px;
        color: #3B67AC;
        font-weight: 100;
        width:98%;
    }

    .separateur_temoignage{
        margin-top: 5px;
        border-top: thin solid #E9E9E9;
        width: 21px;
    }
    
    .separateur_temoignage_2{
        margin-top: 5px;
        border-top: thin solid #E9E9E9;
        width: 80%;
    }

    .entreprise_temoignage {
        font-family: 'Franklin-Gothic-Med-Cnd';
        font-size: 16px;
        margin-top: -9px;
        text-align:center;
        letter-spacing: 0.5px;
    }

    .description_entreprise_temoignage {
        font-family: 'Franklin-Gothic-Med-Cnd';
        margin-top: -21px;
        letter-spacing: 0.05px;
        line-height: 18px;
        font-size: 16px;
        text-align:center;
    }
    .lien_temoignage {
        font-family: 'Franklin-Gothic-Med-Cnd';
        margin-top: -14px;
        letter-spacing: 0.05px;
        line-height: 18px;
        font-size: 16px;
        text-align:center;
    }
    .lien_temoignage a {
        font-family: 'Open-Sans';
        text-decoration: none;
        color: #AAD700;
    }
    .bouton_lire_suite{
        margin-left: 21px;
        margin-top: -3px;
        width:96px;
        height:28px;
        background-color:#8DC800;
        font-family: 'Franklin-Gothic-Book-Cnd';
        color: white;
        font-size:13px;
        text-align:center;
        padding-top: 10px;
        text-decoration:none;
        display:block;
        margin:0 auto;
    }
    .footer{
        border:thin solid black;
        height:158px;
        background-color:#000000;
        width:100%;
    }
    
    .num_approche{
        font-family: "Franklin-Gothic-Demi-Cnd";
        margin-top:31px;
        font-size:26px;
        color:#89C400;
    }
    
    .approche_1{
    }
    
    .sourire_petit_2{
        background-image:url('Images/sourire_pet_vert_2.png');
        background-repeat:no-repeat;
        margin:7px 0 0 -9px;
        width:50px;
        height:16px;
    }
    
    .titre_approche{
        font-family: "Franklin-Gothic-Demi-Cnd";
        font-size:16px;
        letter-spacing: 0.3px;
        margin:5px 0 0;
    }

    
    .accroche_approche{
        width:280px;
        font-size:26px;
        margin-top: 20px;
        color:#8CC800;
    }
    
    .contenu_approche{
        margin-top:27px;
        line-height: 18px;
        font-family: "Open-Sans";
        font-size:12.5px;
        width:280px
    }
    
    .sp_tiret{
        color:#8CC800;
    }
    
    .titre_sur_mesure{
        font-size:27px;
        margin-top:25px;
        color:#8CC800;
    }
    
    .intro_sur_mesure{
        font-family: "Open-Sans";
        font-size:12.8px;
        margin-top:53px;
    }
    
    .paragraphe{
        font-family: "Open-Sans";
        color:#7F7F7F;
        font-size:13px;
        margin:23px 0 47px 0;
    }
    
    .plan_site{
        font-family: "Open-Sans";
        font-weight: 700;
        color: white;
        font-size: 15px;
        float:left;
        margin-top:30px;
        margin-left:17%;
        width:auto;
    }
    
    .contact{
        font-family: "Open-Sans";
        font-weight: 700;
        color: white;
        font-size: 15px;
        float:right;
        margin-top:30px;
        margin-right:20%;
        width:auto;
    }
    
    .lien_plan_site{
        color: white;
        font-family: 'Open-Sans';
        margin-top:10px;
        line-height:17px;
        width:100%;
        text-decoration:none;
    }
    
    .lien_plan_site2{
        color: white;
        font-family: 'Open-Sans';
        margin-top:10px;
        line-height:17px;
        width:100%;
    }
    .chevron {
        background-image:url('Images/chevron.png');
        background-repeat: no-repeat;
        display:inline-block;
        width:5px;
        height:7px;
    }

    .mentions_legales {
        font-family: 'Open-Sans';
        margin-top:13px;
        font-size:10px;
        color:#666;
        line-height: 16px;
        width:100%;
        
    }
    .adresse_footer {
        font-family: 'Open-Sans';
        margin-top:13px;
        font-size:10px;
        color:white;
        line-height: 16px;
        font-size:12px;
        width:100%;
    }
    .contact_footer {
        font-family: 'Open-Sans';
        margin-top:13px;
        font-size:10px;
        color:white;
        line-height: 22px;
        font-size:12px;
        width:100%;
    }
    
    .contenu_footer {
        margin: 0 0 0 17%;
        min-width: 700px;
    }
    
    .disposition_footer {
        min-width:10%;
        max-width:15%;
        display:inline-block;
        margin-right:7%;
        vertical-align: text-top;
    }
    
    .icone{
        opacity:0.5;
        text-align: center;
    }



/************************************************************************************/