@charset "iso-8859-2";
/* CSS Document */
html{margin: 0; padding:0;}
body{margin: 0 auto;padding:0;}

.clear
{
    clear: both;
}

.enveloppe{
    width:980px;
    margin: 0px auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#8A8A8A;
    font-size:11px;
}

img {border:none;}

a {color:#0089d1; font-weight:bold;}

.bleu{
    color:#0089d1;
}

/* HEADER */
.header{position:relative;}
.header-droite
{float:right;
 width:220px;}

.header-droite img
{float:right;}

.logo{
    float:left;
    width:755px;
}

.vignetteGauche{
    float:left;
    margin: 5px 10px 10px 0;
}
.contenu
{
    float: left; width:980px;
}

#video-reference{
    margin-top: 10px; position: relative;
}

.colonne-gauche{
    width:658px;
    float:left;
}

.colonne-gauche-chefProjet{
    clear: both;
    float:left;
    background:url(../img/ligne-vertical.jpg) repeat-y 95% ;
    padding-right: 20px;
    margin-bottom: 15px;
}



.colonne-droite{
    float:left;
    width:322px;

    /*margin:0 10px 0 21px;*/
}

.colonne-droite-chefProjet{
    float:left;
    width:700px;
}

h1{
    font-size:20px;
    background:url(../img/h3.jpg) no-repeat;
    padding-left:15px;
    color:#666;
}

h2, h3, h4, h5
{
    padding:0;
    margin: 0;
    color:#0089d1;
    text-decoration: none;
}
h2 {font-size:18px;}
h3 {font-size:15px;}
h4 {font-size:13px; color: #0089d1;}


.blog h3 a
{
    text-decoration: none;
}

.blog h4 a, .blog p a
{
    color:#8A8A8A;
    text-decoration: none;
}

.blog{
    line-height:18px;
}


.edito
{
    margin-top:23px;}

.edito p
{

    padding:0 10px 0 15px;line-height:18px;}

.mentionsLegales a{
    color: #666;
}

.encartGrisCertifs{
    background-color:#F2F3F7;
    padding: 10px;
    width: 217px;
}

.formulaire
{
    float:right;
    width:291px;
    padding-top:10px;
    margin-bottom:10px;
    padding-left:21px;
    background-color:#F2F3F7;}

.formulaire label
{width:40px;
 float:left;}

.formulaire .valider
{background-color:#0089d1;
 width:92px;
 color:#FFF;
 border:none;
 float:right;
 margin-right:28px;
}

.formulaireAudit
{
    float: left;
    width:550px;
    margin-left: 10px;
    padding:10px;
    background-color:#F2F3F7;}

.formulaireAudit td.label
{
    text-align: left;
}

.formulaireAudit .valider
{background-color:#0089d1;
 width:92px;
 color:#FFF;
 border:none;
 margin-left: 10px;
 margin-right: 10px;
}

.texteFormulaireAudit
{
    width: 250px;
    margin-left: 50px;
    padding: 10px;
    padding-top: 5px;
    float: left;
    background-color:#F2F3F7;
}

.formulaireContact
{
    float: left;
    width:500px;
    margin-left: 10px;
    padding:10px;
    background-color:#F2F3F7;}

.formulaireContact td.label
{
    text-align: left;
}

.formulaireContact .valider
{background-color:#0089d1;
 width:92px;
 color:#FFF;
 border:none;
 margin-left: 10px;
 margin-right: 10px;
}

.texteFormulaireContact
{
    float: left;
    width: 310px;
    margin-left: 40px;
    padding: 10px;
    padding-top: 5px;
    background-color:#F2F3F7;
}

.texteFormulaireContact p
{
    margin-bottom: 15px;
}

.texteFormulaireContact ul
{
    padding-left: 15px;
}


.reference
{padding-left:21px;}

.reference .cadre{
    border:solid 2px #CCC;
    width:291px;
    height:210px;}

.lignehorizontal
{
    height: 0px;
    margin-bottom:21px;
    clear:left;
    border:solid 0.1em #CCC;}

.sous-paragraphe
{float:left;
 width:309px;
 line-height:18px;
 background:url(../img/ligne-vertical.jpg) repeat-y 95% ;
 padding-right: 20px;
}


.sous-paragraphe p
{width:267px;
 padding:0 7px 0 7px;
}

ul.noMargin{
    margin-left: 15px;
    padding: 0;
}



.footerBG
{
    float: left;
    background:#666666 url(../img/background-footer.jpg) repeat-x;
    height:179px;
    width: 100%;
    min-width:980px;
    margin-top: -179px;
}

.footer
{
    position: relative;
    z-index:2;
    margin-top:48px;
    width:980px;
    float:left;
    height:179px;}

.footer a
{color:#999;
 text-decoration:none;
 font-weight:normal;}

.footer .gauche ul{
    margin-left: 6px;
    padding-left: 0;
}

.footer li {
    background:transparent url(../img/footer-puce.jpg) no-repeat 2px 6px;
    padding-left:10px;
    list-style:none;
    line-height:18px;}

.footer span
{display:block; font-size:16px; color:#999; font-weight:bold; padding:21px 0 0 10px;  }

.footer .gauche
{float:left;
 width:284px;
 height: 180px;
 padding-left:2px;
 background : url(../img/footer.jpg) top left no-repeat;

}

.footer .milieu
{float:left;
 width:350px;
}

.footer .droite
{float:right;
 width:220px;
}

.footer .generation-trafic
{
    list-style:none;
    background:url(../img/logo-generation-trafic.gif) no-repeat 2px 0;
    padding-left:25px;
}

.footer .presse-buzz{
    list-style:none;
    background:url(../img/presse-buzz-picto.png) no-repeat 2px 0;
    padding-left:25px;
}
.footer .facebook
{

    list-style:none;
    background:url(../img/logo-facebook.gif) no-repeat 2px 0;
    padding-left:25px;
    margin:10px 0;
}

.footer .twitter
{
    list-style:none;
    background:url(../img/logo-twitter.gif) no-repeat 2px 0;
    padding-left:25px;
}



.footer2
{
    font-size:10px;
    float:left;
    background-color:#1E2327;
    min-width:980px;
    width:100%;
    height:25px;
    padding:10px 0 5px 0;
    margin-bottom:0px;}

.footer2 a
{color:#999;
 text-decoration:none;
 font-weight:normal;}



.candidature{float:right; margin-top: 20px; margin-left: 100px;}
.candidature label{width:250px;}
.paveGauche{float:left;}
.paveGauche p {text-align: justify;}
.responsabilites li{width:400px; line-height: 20px;}
.profil li {width:400px; line-height: 20px;}

/* Boutons */
input.hide{
    position:relative;
    top:-20px;
    -moz-opacity:0;
    filter:alpha(opacity:0);
    opacity: 0;
    z-index: 2;
}

input.blue{
    background-color:#0089d1;
    font-weight:bold;
    color:#ffffff;
    z-index:1;
    width:75px;
    height:20px;
    font-size:10px;
}