/* 
    Document   : gdci
    Created on : 22 juil. 2013, 10:13:32
    Author     : Lemon
    Description:
        Purpose of the stylesheet follows.
*/
@font-face { 
  font-family: 'bold'; 
  src: url('../font/gdci/Raleway-Bold.ttf'); 
}

@font-face { 
  font-family: 'extra-bold'; 
  src: url('../font/gdci/Raleway-ExtraBold.ttf'); 
}

@font-face { 
  font-family: 'medium'; 
  src: url('../font/gdci/Medium.ttf'); 
}

@font-face { 
  font-family: 'semi-bold'; 
  src: url('../font/gdci/Raleway-SemiBold.ttf'); 
}

root { 
    display: block;
}

body {
    background: #eaf1f2;
}
div.spacer { height: 1px; clear: both;}

@media (min-width: 980px) {

    /** Header **/
    div#header {
        margin: -10px 0 0 0;
        background: white;
        font-family: 'semi-bold';
    }
    div#header div.logo {
        width: 964px;
        height: 110px;
        margin: 0 auto;
    }

    div#header div.logo a.logo-link{
        width: 100px;
        float:left;
    }

    div#header div.logo h1.catch-phrase {
        padding: 35px 0 0 0;
    }

    /** Bloc Formulaire nom + telephone **/

    div#bloc_contact {
        background: url('../images/gdci/visuel.png') no-repeat left;
        height: 380px;
        padding: 35px 0 0 0;
        margin: 10px 0 0 0;
    }
    div#bloc_contact h2.titre_contact {
        font-size: 40px;
        text-align: center;
        color:white;
    }
    
    div#bloc_contact h2.titre_contact2 {
        font-size: 32px;
        text-align: center;
        color:white;
    }

    div#bloc_contact div#accroche_contact {
        font-family: "bold";
        width: 820px;
        height: 130px;
        margin: 20px auto 20px auto;
        font-size: 20px;
        color:white;
        padding: 0 0 0 100px;
        background: url('../images/gdci/fond_bloc1.png') no-repeat left;
    }

    div#bloc_contact div#accroche_contact ul {
        padding: 12px 0 0 0;
    }

    div#bloc_contact div#accroche_contact ul li{
        padding: 10px 0 0 0;
        list-style-image: url('../images/gdci/puce0.png');
    }
    
    div#bloc_contact p.contact_ok {
        color:white;
        font-size: 24px;
        font-family: "bold";
        font-weight: normal !important;
        width: 545px;
        margin: 45px auto 0 auto;
    }

    form#optin {
        width: 920px;
        margin: 20px auto 0 auto;
    }

    form#optin input[type=text] {
        height: 34px;
        border-radius: 0px !important;
        webkit-border-radius: 4px;
    }
    
    form#optin input#landing_contact_tel_nom{
        float:left;
        margin-right: 15px;
        width: 420px;
    }
    
    form#optin input#landing_contact_tel_tel{
    width: 238px;
    }

    form#optin input[type=submit]{
        margin: 0 0 10px 0;
        background: url('../images/gdci/fond_btn.png') left repeat-x;
        width: 200px;
        height: 44px;
        margin-left: 15px;
        border: 0;
        color:white;
    }
    
     form#optin input[type=submit]:hover {
         background: #9ad4df;
     }

    ul.error_list {
        position: absolute;
    } 

    ul.error_list li {
        position: relative;
        top: 47px;
        left: 438px;
    }

    ul.erreur1 li {
        left: 59px !important;
    }

    /** Secteur d'activites' **/
    div.container div.first_row {
         background: url('../images/gdci/visuel_bas.png') top center no-repeat;
    }
    
    div.container div.row h1 {
        font-size: 30px;
        margin: 40px auto 0 auto;
        display:block;
        width: 320px;
    }
    
    div#secteur_activites {

    }

    div#secteur_activites  div.bloc_act {
        width: 900px;
        height: auto;
        margin: 20px auto 0 auto;
        background: white;
        color: #959699;
        padding: 0 0 20px 0;
    }

    div#secteur_activites  div.bloc_act h2.titre {
        font-family: "semi-bold";
        color: white;
        height: 62px;
        padding: 20px 0 0 100px;
        font-size: 24px;
    }

    div#secteur_activites  div.bloc_act ul.desc_act li {
        font-family: "medium";
        list-style-image: url('../images/gdci/puce1.png');
        font-size: 18px;
        width: 545px;
        margin: 0 auto;
        padding: 10px 0 0 0;
    }

    div#secteur_activites  div.bloc_act ul.pers_act li {
        list-style-image: url('../images/gdci/puce2.png');
        font-size: 16px;
        padding: 10px 0 0 0;
        width: 190px;
        margin: 0 0 0 200px;
        color: black;
        font-family: "extra-bold"; 
    }

    div#secteur_activites  div.bloc_act p.titre_pers_act {
        font-family: "extra-bold";
        color: #8dd1e0;
        font-size: 18px;
        margin: 25px 0 0 190px;
        width: 248px;  
    }

     div.container div.act1 {
        margin: 40px auto 0 auto !important; 
    }

    div#secteur_activites div.act1 h2.titre_act1 {
        background: url('../images/gdci/fond_act1.png')left;

    }

    div#secteur_activites div.act2 {

    }

    div#secteur_activites div.act2 h2.titre_act2 {
        background: url('../images/gdci/fond_act2.png')left;

    }

    div#secteur_activites div.act3 {

    }

    div#secteur_activites div.act3 h2.titre_act3 {
        background: url('../images/gdci/fond_act3.png')left;

    }

    /** Footer **/

    footer {
        background: #1c2336;
        margin: 40px 0 0 0;
    }

    footer div.container {
        color: #959699;
        width: 100%;
    }
    
    footer div.container div#footerrow {
        width: 791px;
        margin: 0 auto;
    }
    
    footer div.container div#footerrow div.test {
        height: 231px;
        margin: 0 auto;
        display: block;
        padding:0 0 0 200px;
    }
    
    footer div.container div#footerrow div.span5 {
        margin: 0 auto;
        border-right: black solid 1px;
    }
    
    footer div.container  div#footerleft {
        height: 220px;
        text-align: justify;
        padding: 25px 70px 0 0;

    }
    
    footer div.container  div#footerleft p {
       font-family: "medium";
    }
    
    footer div.container h5{
        font-family: "semi-bold";
        color:white;
        font-size:24px;
    }
    
    footer div.container div.span3 {
        padding: 25px 0 0 0;
        margin: 0 0 0 50px;
    }
    
    footer div.container div.span3 div.short_desc {
        font-family: "medium";
        margin: 14px 0 0 0;
    }
    
    footer div.container div.rs{
        margin-left: 0px !important;
        padding: 14px 0 0 0 !important;
    }

    footer div.container img.picto_rs {
        border: white solid 1px;
    }
    footer div.container div.lemon {
        border-top: black solid 1px;
        padding: 15px;
    }
    
    footer div.container div.lemon span {
        text-decoration: underline;
    }
    
    footer div.container div.lemon span a {
        color:#959699;
    }


}

@media (min-width: 730px) and (max-width: 979px) {
      /** Header **/
    div#header {
        margin: -10px 0 0 0;
        background: white;
        font-family: 'semi-bold';
    }
    div#header div.logo {
        width: auto;
        height: 110px;
        margin: 0 auto;
    }

    div#header div.logo a.logo-link{
        width: 100px;
        float:left;
    }

    div#header div.logo h1.catch-phrase {
        padding: 15px 0 0 0;
        font-size: 38px;
    }

    /** Bloc Formulaire nom + telephone **/

    div#bloc_contact {
        background: url('../images/gdci/visuel.png') no-repeat left; 
        height: 420px;
        padding: 35px 0 0 0;
        margin: 10px 0 0 0;
    }
    div#bloc_contact h2.titre_contact {
        font-size: 40px;
        text-align: center;
        color:white;
    }
    
    div#bloc_contact h2.titre_contact2 {
        font-size: 32px;
        text-align: center;
        color:white;
    }

    div#bloc_contact div#accroche_contact {
        font-family: "bold";
        width: auto;
        height: 162px;
        margin: 20px auto 20px auto;
        font-size: 20px;
        color:white;
        padding: 0 0 0 100px;
        background: url('../images/gdci/fond_bloc1.png') no-repeat left;
    }

    div#bloc_contact div#accroche_contact ul {
        padding: 12px 0 0 0;
    }

    div#bloc_contact div#accroche_contact ul li{
        padding: 10px 0 0 0;
        list-style-image: url('../images/gdci/puce0.png');
    }
    
    div#bloc_contact p.contact_ok {
        color:white;
        font-size: 24px;
        font-family: "bold";
        font-weight: normal !important;
        width: 543px;
        margin: 45px auto 0 auto;
    }
    
    form#optin {
        width: 769px;
        margin: 20px auto 0 auto;
    }

    form#optin input[type=text] {
        height: 34px;
    }
    
    form#optin input#landing_contact_tel_nom{
        float:left;
        margin-right: 15px;
        width: 316px;
    }
    
    form#optin input#landing_contact_tel_tel{
    width: 238px;
    }

    form#optin input[type=submit]{
        margin: 0 0 10px 0;
        background: url('../images/gdci/fond_btn.png') left repeat-x;
        width: 150px;
        height: 44px;
        margin-left: 15px;
        border: 0;
        color:white;
    }

    form#optin input[type=submit]:hover {
         background: #9ad4df;
     }
    
    ul.error_list {
        position: absolute;
    } 

    ul.error_list li {
        position: relative;
        top: 47px;
        left: 345px;
    }

    ul.erreur1 li {
        left: 5px !important;
    }

    /** Secteur d'activites' **/
    div.container div.first_row {
         background: url('../images/gdci/visuel_bas.png') top center no-repeat;
    }
    
    div.container div.row h1 {
        font-size: 30px;
        margin: 40px auto 0 auto;
        display:block;
        width: 310px;
    }
    
    div#secteur_activites {

    }

    div#secteur_activites  div.bloc_act {
        height: auto;
        margin: 20px auto 0 auto;
        background: white;
        color: #959699;
        padding: 0 0 20px 0;
    }

    div#secteur_activites  div.bloc_act h2.titre {
        font-family: "semi-bold";
        color: white;
        height: 62px;
        padding: 20px 0 0 100px;
        font-size: 24px;
    }

    div#secteur_activites  div.bloc_act ul.desc_act li {
        font-family: "medium";
        list-style-image: url('../images/gdci/puce1.png');
        font-size: 18px;
        width: 545px;
        margin: 0 auto;
        padding: 10px 0 0 0;
    }

    div#secteur_activites  div.bloc_act ul.pers_act li {
        list-style-image: url('../images/gdci/puce2.png');
        font-size: 16px;
        padding: 10px 0 0 0;
        width: 190px;
        margin: 0 0 0 200px;
        color: black;
        font-family: "extra-bold"; 
    }

    div#secteur_activites  div.bloc_act p.titre_pers_act {
        font-family: "extra-bold";
        color: #8dd1e0;
        font-size: 18px;
        margin: 25px 0 0 190px;
        width: 248px;  
    }

     div.container div.act1 {
        margin: 40px auto 0 auto !important; 
    }

    div#secteur_activites div.act1 h2.titre_act1 {
        background: url('../images/gdci/fond_act1.png')left;

    }

    div#secteur_activites div.act2 {

    }

    div#secteur_activites div.act2 h2.titre_act2 {
        background: url('../images/gdci/fond_act2.png')left;

    }

    div#secteur_activites div.act3 {

    }

    div#secteur_activites div.act3 h2.titre_act3 {
        background: url('../images/gdci/fond_act3.png')left;

    }

    /** Footer **/

    footer {
        background: #1c2336;
        margin: 40px 0 0 0;
    }

    footer div.container {
        color: #959699;
        width: 100%;
    }
    
    footer div.container div#footerrow {
        width: 690px;
        margin: 0 auto;
    }
    
    footer div.container div#footerrow div.test {
        height: 231px;
        margin: 0 auto;
        display: block;
        padding:0 0 0 200px;
    }
    
    footer div.container div#footerrow div.span5 {
        margin: 0 auto;
        border-right: black solid 1px;
        width: 410px !important;
    }
    
    footer div.container  div#footerleft {
        height: 252px;
        text-align: justify;
        padding: 25px 50px 0 0;

    }
    
    footer div.container  div#footerleft p {
       font-family: "medium";
    }
    
    footer div.container h5{
        font-family: "semi-bold";
        color:white;
        font-size:24px;
    }
    
    footer div.container div.span3 {
        padding: 25px 0 0 0;
        margin: 0 0 0 50px;
    }
    
    footer div.container div.span3 div.short_desc {
        font-family: "medium";
        margin: 14px 0 0 0;
    }
    
    footer div.container div.rs{
        margin-left: 0px !important;
        padding: 14px 0 0 0 !important;
    }

    footer div.container img.picto_rs {
        border: white solid 1px;
    }
    footer div.container div.lemon {
        border-top: black solid 1px;
        padding: 15px;
    }
    
    footer div.container div.lemon span {
        text-decoration: underline;
    }
    
    footer div.container div.lemon span a {
        color:#959699;
    }
}

@media (min-width: 400px) and (max-width: 620px) {
      div#header {
        margin: -10px 0 0 0;
        background: white;
        font-family: 'semi-bold';
    }
    div#header div.logo {
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    div#header div.logo a.logo-link{
        width: 100px;
        float:left;
    }

    div#header div.logo h1.catch-phrase {
        padding: 15px 0 0 0;
        font-size: 35px;
    }

    /** Bloc Formulaire nom + telephone **/

    div#bloc_contact {
        background: url('../images/gdci/visuel.png') no-repeat left; 
        height: 580px;
        padding: 10px 0 0 0;
    }
    div#bloc_contact h2.titre_contact {
        font-size: 30px;
        text-align: center;
        color:white;
    }
    
    div#bloc_contact h2.titre_contact2 {
        font-size: 28px;
        text-align: center;
        color:white;
    }
    
    div#bloc_contact div#accroche_contact {
        font-family: "bold";
        height: 150px;
        margin: 20px auto 20px auto;
        font-size: 20px;
        color:white;
        padding: 0 0 0 5px;
        background: url('../images/gdci/fond_bloc1.png') repeat left;
    }

    div#bloc_contact div#accroche_contact ul {
        padding: 4px 0 0 0;
    }

    div#bloc_contact div#accroche_contact ul li{
        padding: 10px 0 0 0;
        list-style-image: url('../images/gdci/puce0.png');
    }
    
    div#bloc_contact p.contact_ok {
        color:white;
        font-size: 24px;
        font-family: "bold";
        font-weight: normal !important;
        text-align: center;
        margin: 60px auto 0 auto;
    }
    
    form#optin {
        text-align: center;
        margin: 20px auto 0 auto;
        width:260px;
    }

    form#optin input[type=text] {
        height: 34px;
        margin: 0 0 25px 0;
    }
    
    form#optin input#landing_contact_tel_nom{
        width: 238px;
    }
    
    form#optin input#landing_contact_tel_tel{
    width: 238px;
    }

    form#optin input[type=submit]{
        margin: 0 0 10px 0;
        background: url('../images/gdci/fond_btn.png') left repeat-x;
        width: 200px;
        height: 44px;
        border: 0;
        color:white;
    }
    
    form#optin input[type=submit]:hover {
         background: #9ad4df;
     }

    ul.error_list {
        position: absolute;
        margin: 0 0 10px 0 !important;
    } 

    ul.error_list li {
        position: relative;
        top: 47px;
        left: 32px;
    }

    ul.erreur1 li {
        left: 0px !important;
    }

    /** Secteur d'activites' **/
    div.container div.first_row {
         background: url('../images/gdci/visuel_bas.png') top center no-repeat;
    }
    
    div.container div.row h1 {
        font-size: 25px;
        margin: 40px auto 0 auto;
        display:block;
        width: 282px;
    }
    
    div#secteur_activites {

    }

    div#secteur_activites  div.bloc_act {
        height: auto;
        margin: 20px auto 0 auto;
        background: white;
        color: #959699;
        padding: 0 0 20px 0;
    }

    div#secteur_activites  div.bloc_act h2.titre {
        font-family: "semi-bold";
        color: white;
        height: 80px;
        text-align: center;
        padding: 0 8px 0 8px;
        font-size: 24px;
    }

    div#secteur_activites  div.bloc_act ul.desc_act li {
        font-family: "medium";
        list-style-image: url('../images/gdci/puce1.png');
        font-size: 18px;
        margin: 0 auto;
        padding: 10px 0 0 0;
    }

    div#secteur_activites  div.bloc_act ul.pers_act li {
        list-style-image: url('../images/gdci/puce2.png');
        font-size: 16px;
        padding: 10px 0 0 0;
        width: 190px;
        margin: 0 0 0 20px;
        color: black;
        font-family: "extra-bold"; 
    }

    div#secteur_activites  div.bloc_act p.titre_pers_act {
        font-family: "extra-bold";
        text-align: center;
        color: #8dd1e0;
        font-size: 18px;
        margin: 25px 0 0 0;
    }

     div.container div.act1 {
        margin: 40px auto 0 auto !important; 
    }

    div#secteur_activites div.act1 h2.titre_act1 {
        background: #29A9C4;

    }

    div#secteur_activites div.act2 {

    }

    div#secteur_activites div.act2 h2.titre_act2 {
        background: #29A9C4;

    }

    div#secteur_activites div.act3 {

    }

    div#secteur_activites div.act3 h2.titre_act3 {
        background: #29A9C4;

    }

    /** Footer **/

    footer {
        background: #1c2336;
        margin: 40px 0 0 0;
    }

    footer div.container {
        color: #959699;
        width: 100%;
    }
    
    footer div.container div#footerrow {
        margin: 0 auto;
    }
    
    footer div.container div#footerrow div.test {
        height: 231px;
        margin: 0 auto;
        display: block;
        padding:0 0 0 200px;
    }
    
    footer div.container div#footerrow div.span5 {
        margin: 0 auto;
        border-right: black solid 1px;
    }
    
    footer div.container  div#footerleft {
        text-align: justify;
        padding: 12px 20px 0 20px;

    }
    
    footer div.container  div#footerleft p {
       font-family: "medium";
    }
    
    footer div.container h5{
        font-family: "semi-bold";
        color:white;
        font-size:24px;
    }
    
    footer div.container div.span3 {
        padding: 5px 0 0 20px;
    }
    
    footer div.container div.span3 div.short_desc {
        font-family: "medium";
        margin: 14px 0 0 0;
    }
    
    footer div.container div.rs{
        margin-left: 0px !important;
        padding: 14px 0 0 0 !important;
        text-align: center;
    }
    
    footer div.container div.rs p {
        width: auto !important;
    }

    footer div.container img.picto_rs {
        border: white solid 1px;
    }
    footer div.container div.lemon {
        border-top: black solid 1px;
        padding: 15px;
    }
    
    footer div.container div.lemon span {
        text-decoration: underline;
    }
    
    footer div.container div.lemon span a {
        color:#959699;
    }
}

@media (max-width: 400px) { 
     div#header {
        margin: -10px 0 0 0;
        background: white;
        font-family: 'semi-bold';
    }
    div#header div.logo {
        width: auto;
        height: 230px;
        margin: 0 auto;
    }

    div#header div.logo a.logo-link{
        width: 100px;
        float:left;
    }

    div#header div.logo h1.catch-phrase {
        padding: 15px 0 0 0;
        font-size: 35px;
    }

    /** Bloc Formulaire nom + telephone **/

    div#bloc_contact {
        background: url('../images/gdci/visuel.png') no-repeat left; 
        height: 750px;
    }
    
    div#bloc_contact h2.titre_contact {
        font-size: 28px;
        text-align: center;
        color:white;
    }
    
    div#bloc_contact h2.titre_contact2 {
        font-size: 26px;
        text-align: center;
        color:white;
    }
    
    div#bloc_contact div#accroche_contact {
        font-family: "bold";
        height: 250px;
        margin: 0 auto 0 auto;
        font-size: 20px;
        color:white;
        padding: 0 0 0 5px;
        background: url('../images/gdci/fond_bloc1.png') repeat left;
    }

    div#bloc_contact div#accroche_contact ul {
        padding: 4px 0 0 0;
    }

    div#bloc_contact div#accroche_contact ul li{
        padding: 10px 0 0 0;
        list-style-image: url('../images/gdci/puce0.png');
    }
    
    div#bloc_contact p.contact_ok {
        color:white;
        font-size: 24px;
        font-family: "bold";
        font-weight: normal !important;
        text-align: center;
        margin: 60px auto 0 auto;
    }
    
    form#optin {
        text-align: center;
        margin: 20px auto 0 auto;
    }

    form#optin input[type=text] {
        height: 34px;
        margin: 0 0 25px 0;
    }
    
    form#optin input#landing_contact_tel_nom{
        width: 238px;
    }
    
    form#optin input#landing_contact_tel_tel{
    width: 238px;
    }

    form#optin input[type=submit]{
        margin: 0 0 10px 0;
        background: url('../images/gdci/fond_btn.png') left repeat-x;
        width: 200px;
        height: 44px;
        border: 0;
        color:white;
    }

    form#optin input[type=submit]:hover {
         background: #9ad4df;
     }
     
    ul.error_list {
        position: absolute;
        margin: 0 0 10px 0 !important;
    } 

    ul.error_list li {
        position: relative;
        top: 47px;
        left: 32px;
    }

    ul.erreur1 li {
        left: 0px !important;
    }

    /** Secteur d'activites' **/
    div.container div.first_row {
         background: url('../images/gdci/visuel_bas.png') top center no-repeat;
    }
    
    div.container div.row h1 {
        font-size: 25px;
        margin: 40px auto 0 auto;
        width: 258px;
    }
    
    div#secteur_activites {

    }

    div#secteur_activites  div.bloc_act {
        height: auto;
        margin: 20px auto 0 auto;
        background: white;
        color: #959699;
        padding: 0 0 20px 0;
    }

    div#secteur_activites  div.bloc_act h2.titre {
        font-family: "semi-bold";
        color: white;
        height: 80px;
        text-align: center;
        padding: 0 8px 0 8px;
        font-size: 24px;
    }

    div#secteur_activites  div.bloc_act ul.desc_act li {
        font-family: "medium";
        list-style-image: url('../images/gdci/puce1.png');
        font-size: 18px;
        margin: 0 auto;
        padding: 10px 0 0 0;
    }

    div#secteur_activites  div.bloc_act ul.pers_act li {
        list-style-image: url('../images/gdci/puce2.png');
        font-size: 16px;
        padding: 10px 0 0 0;
        width: 190px;
        margin: 0 0 0 20px;
        color: black;
        font-family: "extra-bold"; 
    }

    div#secteur_activites  div.bloc_act p.titre_pers_act {
        font-family: "extra-bold";
        text-align: center;
        color: #8dd1e0;
        font-size: 18px;
        margin: 25px 0 0 0;
    }

     div.container div.act1 {
        margin: 40px auto 0 auto !important; 
    }

    div#secteur_activites div.act1 h2.titre_act1 {
        background: #29A9C4;

    }

    div#secteur_activites div.act2 {

    }

    div#secteur_activites div.act2 h2.titre_act2 {
        background: #29A9C4;

    }

    div#secteur_activites div.act3 {

    }

    div#secteur_activites div.act3 h2.titre_act3 {
        background: #29A9C4;

    }

    /** Footer **/

    footer {
        background: #1c2336;
        margin: 40px 0 0 0;
    }

    footer div.container {
        color: #959699;
        width: 100%;
    }
    
    footer div.container div#footerrow {
        margin: 0 auto;
    }
    
    footer div.container div#footerrow div.test {
        height: 231px;
        margin: 0 auto;
        display: block;
        padding:0 0 0 200px;
    }
    
    footer div.container div#footerrow div.span5 {
        margin: 0 auto;
        border-right: black solid 1px;
    }
    
    footer div.container  div#footerleft {
        height: 218px;
        text-align: justify;
        padding: 12px 20px 0 20px;

    }
    
    footer div.container  div#footerleft p {
       font-family: "medium";
    }
    
    footer div.container h5{
        font-family: "semi-bold";
        color:white;
        font-size:24px;
    }
    
    footer div.container div.span3 {
        padding: 40px 0 0 20px;
    }
    
    footer div.container div.span3 div.short_desc {
        font-family: "medium";
        margin: 14px 0 0 0;
    }
    
    footer div.container div.rs{
        margin-left: 0px !important;
        padding: 14px 0 0 0 !important;
        text-align: center;
    }

    footer div.container img.picto_rs {
        border: white solid 1px;
    }
    footer div.container div.lemon {
        border-top: black solid 1px;
        padding: 15px;
    }
    
    footer div.container div.lemon span {
        text-decoration: underline;
    }
    
    footer div.container div.lemon span a {
        color:#959699;
    }
}