body{margin:0 auto; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background:url(img/background.jpg) repeat-x; color:#000000;}

/*================= FONT ======================*/
@font-face {
    font-family: 'open_sansbold';
    src: url('polices/opensans-bold-webfont.eot');
    src: url('polices/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/opensans-bold-webfont.woff') format('woff'),
         url('polices/opensans-bold-webfont.ttf') format('truetype'),
         url('polices/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*================= General ======================*/
H1{font-family:Verdana, Arial, sans-serif; color:#404040; font-size:24px; line-height:36px; padding:0; margin:0;}

H2{font-family:Arial, sans-serif; color:#404040; font-style:italic; font-weight:bold; font-size:26px; line-height:31px; padding:0; margin:0;}

H3{font-family:Arial, sans-serif; color:#636363; font-style:italic; font-weight:bold; font-size:26px; line-height:29px; padding:0; margin:0; padding:0 0 10px 0; margin:0 0 10px 0;}

H4{font-family:Arial, sans-serif; color:#FF0000; font-style:italic; font-weight:bold; font-size:26px; line-height:29px; padding:0; margin:0; padding:0 0 10px 0; margin:10 0 20px 0;}

a{text-decoration:none; color:#7D7D7D;}
a:visited{text-decoration:none;}
a:hover{}
a:active{text-decoration:none;}

.spacer{
	clear:both;
}

.url{color:#CC0000; font-weight:bold; text-decoration:none}
.url2{color:#0000FF; font-weight:bold; text-decoration:none}
.partage{color:#ee6600; font-size:17px; font-weight:bold; font-family:Arial, sans-serif; text-decoration:none}

/*================= Wrapper ======================*/
.wrapper{background:url(img/img-wrapper.jpg) no-repeat center top;  margin : 0 auto;}
/*================= Page ======================*/
.page{margin:0 auto; width:1000px;}

/*================= Bandeau ======================*/
.bandeau{padding:0 0 0 20px;}
.bandeau h1{margin-top:10px;}

.bandeau .logo{width:70px; height:71px; float:left;}
.bandeau .logo a{display:block; width:100%; height:100%;}
.bandeau .slogan{color:#FFF; font-size:16px; margin:0; padding:20px 20px 0 20px; float:center; margin-left:100px;}

.bandeau{background:url(img/img-header.png) no-repeat 0 1px; width:1000px; min-height:1015px;}
.bandeau .citation-ligne{clear:both; width:610px; overflow:auto; float:right;}
.bandeau .citation-ligne_2{clear:both; width:610px; overflow:auto; float:left; margin:280px 0 0 10px;}
.bandeau .citation{color:#c71718; font-size:30px; line-height:50px; font-family:open_sansbold_italic, helvetica, sans-serif; margin:0 0 0 87px; width:500px;}
.bandeau .citation_2{color:#c71718; font-size:40px; line-height:50px; font-family:open_sansbold_italic, helvetica, sans-serif; margin:20px 0 0 0; width:500px;}

.bandeau .ligne{margin:70px 0 0 0;}
.bandeau .ligne a{text-decoration:none; color:#CC0000; border-bottom:1px solid #FF0000;}
.bandeau .ligne a:visited{text-decoration:none;}
.bandeau .ligne a:hover{color:#0000FF; border-bottom:2px solid #0000FF;}
.bandeau .ligne a:active{text-decoration:none;}

/* ____________________ formulaire _______________________*/
.bandeau .formulaire .box-titre-formulaire-1 {height:50px; width:280px; margin-bottom:15px;}
.bandeau .formulaire .titre-formulaire-1 {color:#ffffff; font-size:25px; height: 60px; width:280px; line-height:25px; text-align:center; text-decoration: blink;}
.legend {
  display: inline-block;
  font-size: 12px;
  margin-top: 5px;
  line-height:5px;
  color:#666666;
  font-style:italic;
  }

.mission_en_cour {
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
  line-height:0px;
  }

.question {
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
  line-height:14px;
  }

.bandeau .formulaire{width:280px; height:350px; float:right; padding:48px 60px 0 20px; line-height:10px;}
.bandeau .formulaire .input1{clear:both; width:278px; height:20px; border:1px solid #dadada;}
/*.bandeau .formulaire .input1-court{width:130px; float:left; margin:25px 18px 10px 0;}*/
.bandeau .formulaire .input1-court{width:130px; float:left; margin:12px 18px 10px 0;}
.bandeau .formulaire .input1-court input{width:130px; height:20px; border:1px solid #dadada;}
.bandeau .formulaire .input2-court{width:130px; float:left; margin:12px 0 0 0;}
.bandeau .formulaire .input2-court input{width:130px; height:20px; border:1px solid #dadada;}
.bandeau .formulaire .input2{width:150px; height:20px; border:1px solid #dadada;}
.bandeau .formulaire label{display:block; font-size:15px; padding:0 0 3px 0;}

.after-formulaire-landing-page{font-size:18px;}
.after-formulaire-landing-page .img{width:280px; text-align:center; margin:20px 0 0 0;}
.after-formulaire-landing-page p{line-height:27px;}

#after_send-mail{display:none;}

.bandeau  input.promo{width:100px;}
.bandeau #submit{position:absolute; top:934px; background:url(img/btn-valider.png) no-repeat; width:278px; height:49px; margin:0;}
.bandeau #submit input{background:none; width:278px; height:49px; border:0; color:#FFF; font-size:30px;}

.ligne{width:610px; float:left; margin:50px 0 0 0;}
.ligne .paragraphe{font-size:18px; line-height:27px; color:#404040;}

.chiffres-cles{clear:both; background:url(img/fond-chiffres-cles.png) no-repeat; height:114px; padding:40px 0 0 210px; margin:0 0 20px 0;}
.chiffre{width:240px; height:100px; font-size:12px; float:left; margin:0 5px 0 0;}
.chiffreFin{width:240px; height:100px; margin:0;font-size:12px; float:left;}
.chiffre span{display:block; /*padding:8px 0 0 0;*/ font-weight:bold;}
.chiffreFin span{display:block; /*padding:8px 0 0 0;*/ font-weight:bold;}
.chiffre img,.chiffreFin img{float:left; margin:0 10px 0 0;}

.milieu{padding:0 0 0 20px; margin:35px 0 0;}
.milieu .titre-tableau {width:275px; height:58px; margin:25px 0 0 10px; position:absolute;}
.milieu .offre{clear:both; width:960px; overflow:auto; margin:0 0 20px 0;}
.milieu .desc{width:580px; padding:80px 0 0 20px;}
.milieu .texte{line-height:18px;}
.milieu  .texte .conditions{font-size:10px;}
.milieu .offre .fond{width:960px; height:1280px; overflow:auto; margin:0;}
.mentions-legales{background:url(img/plus.png) no-repeat top right; /*margin:0 20px 20px 20px;*/ font-size:10px;}
.mentions-legales .titre{line-height:30px;}

label.error {
  background: none repeat scroll 0 0 transparent;
  color: darkred;
  position:absolute;
}
.error{background-color:#FFAAA1;}
#error_label{color:#CC0000;font-weight:bold;}
#error_email{padding-left:75px;color:#CC0000;font-weight:bold;}
#error_phone{padding-left:45px;color:#CC0000;font-weight:bold;}
#error_ctc{color:red;font-weight:bold;padding-left:0;padding-top:0;display:none;}
#ok_ctc{color:#08D870;font-weight:bold;padding-left:0;padding-top:0;display:none;}



/* Choisissez le type de produit qui vous intéresse */


.questions{padding:0 10px; margin:20px 0 20px 0;}
.question .description{background-color:#b8d8e6; margin:0 20px 0 20px;}
.question .questionReponse{padding:10px;}
.questions .questionReponse .faq_title .titre{line-height:80px;}
.questions .reponse{font-size: 1.2em; background-color:#FFF; padding:15px; margin:10px 0 0 0; font-size:10px;}

/*================= web code back ======================*/

.mentions-bot {width:880px; height:30px; margin: 0 auto; color:#636363; font-style:italic; font-size:12px;}
.web-code-back label {width:300px;}
#submit3 input {
  background: url("img/btn-valider2.png") no-repeat center top;
  border: 0 none;
  color: #FFFFFF;
  float: right;
  font-size: 25px;
  height: 38px;
  margin-right: 40px;
  text-align: left;
  width: 100px;
}
#contact-web {background:url(img/fond-contact-webcodeback.png) repeat-x center bottom; width:100%; height:250px; }
#contact-web .global-contact {width:960px; height:250px; background:url(img/img-webcodeback.png) no-repeat; margin:0 auto;}
#contact-web .txt-contact {width:370px; height:190px; margin:0 0 0 351px; padding:40px 0 0;}
#contact-web .txt-contact h3 {margin:0;}
#contact-web .txt-contact h4 {font-size:21px; color:#636363; margin:0; font-style:italic; line-height:10px;}
#contact-web .txt-contact h2 {margin-top:20px; font-size:32px;}
#contact-web .txt-contact p { font-style:italic; font-size:15px; color:#636363;}

/*================= Références ======================*/
#references {background:url(img/fond-references2.jpg) repeat-x; width:100%; height:1200px;}
#references .ref {background:url(img/references.png) no-repeat; width:1035px; height:557px; margin:0 auto;}
#references .ref h3 {padding-top:25px; margin:0 0 0 40px;}
#references .novin {position:absolute; width:265px; height:240px; margin:7px 0 0 652px; z-index:700;}
#references .ehf {position:absolute; width:235px; height:240px; margin:7px 0 0 200px; z-index:800;}
#references .vente-privee {position:absolute; width:260px; height:265px; margin:50px 0 0 432px; z-index:900;}
#references .nelson {position:absolute; width:267px; height:270px; margin:125px 0 0 42px; z-index:1000;}
#references .tftf {position:absolute; width:217px; height:220px; margin:220px 0 0 350px; z-index:1100;}
#references .self {position:absolute; width:218px; height:216px; margin:162px 0 0 782px; z-index:1200;}

#references .btn-ref {background: url(img/btn-valider.png); width:278px; height:49px; float:right; margin-top:420px; margin-right:30px;}
#references .btn-ref .txt-btn-ref { font-size:25px; width:248px; height:34px; color:#ffffff; position:relative; padding:8px 15px; }

#references .ref2 {width:100%; float:center; margin:0 auto;}
#references .ref2 h3 {padding-top:25px; margin:0 0 0 40px;}

/*================= Temoignages ======================*/
#temoignages {width:100%; height:650px; float:center; margin:0 auto;}

#temoignages .son-projet .client{clear:both; width:984px; height:217px; background: url(img/fond-client/craienergies.png) no-repeat center; margin:20px 0px 0px 30px;}
#temoignages .son-projet2 .client2{clear:both; width:984px; height:217px; background: url(img/fond-client/jerichoetiquettes.png) no-repeat center; margin:20px 0px 0px 30px;}
#temoignages .son-projet3 .client3{clear:both; width:984px; height:217px; background: url(img/fond-client/jerichoetiquettes.png) no-repeat center; margin:20px 0px 0px 30px;}

#temoignages .son-projet .client .personnage{margin:0 20px 0 0; float:left; width:165px;}
#temoignages .son-projet2 .client2 .personnage2{margin:0 20px 0 0; float:left; width:165px;}
#temoignages .son-projet3 .client3 .personnage3{margin:0 20px 0 0; float:left; width:165px;}

#temoignages .son-projet .client .texteClient{width:798px; float:left;}
#temoignages .son-projet2 .client2 .texteClient2{width:798px; float:left;}
#temoignages .son-projet3 .client3 .texteClient3{width:798px; float:left;}

#temoignages .son-projet .client .texteClient .citation{color:#333333; padding:20px 45px 0 50px; font-weight:; font-style:italic; line-height:19px;}
#temoignages .son-projet2 .client2 .texteClient2 .citation2{color:#333333; padding:20px 45px 0 50px; font-weight:; font-style:italic; line-height:19px;}
#temoignages .son-projet3 .client3 .texteClient3 .citation3{color:#7D7D7D; padding:20px 45px 0 50px; font-weight:bold; font-style:italic; line-height:20px;}

#temoignages .son-projet .client .personnage .boutonContact{margin:168px 0 0 0;}
#temoignages .son-projet2 .client2 .personnage2 .boutonContact2{margin:168px 0 0 0;}
#temoignages .son-projet3 .client3 .personnage3 .boutonContact3{margin:168px 0 0 0;}

#temoignages .url{color:#FF0000; font-weight:bold; text-decoration:none}

#temoignages .verifiez:link{color:#CC0000; font-weight:; text-decoration:none}
#temoignages .verifiez:visited{color:#CC0000; font-weight:; text-decoration:none}
#temoignages .verifiez:hover{color:#CC0000; font-weight:; text-decoration:underline}

.boutonContact{display:block; height:45px; /*width:155px;*/ text-align:center; font-size:12px; line-height:15px;}
.boutonContact a{color:#747474;}
.boutonContact a:visited{color:#747474;}
.boutonContact a:hover{color:#747474; text-decoration:none;}
.boutonContact a:active{color:#747474;}
.boutonContact .boutonContact_bloc{float:left; cursor: pointer;}
.boutonContact .boutonContact_left{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-left.png) no-repeat; height:45px; width:10px;}
.boutonContact .boutonContact_center{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-milieu.gif) repeat-x; height:45px; width:145px;}
.boutonContact .boutonContact_right{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-right.png) no-repeat; height:45px; width:10px;}
.boutonContact .boutonContact_left_over{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-left-on.png) no-repeat; height:45px; width:10px;}
.boutonContact .boutonContact_center_over{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-milieu-on.gif) repeat-x; height:45px; width:145px;}
.boutonContact .boutonContact_right_over{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-right-on.png) no-repeat; height:45px; width:10px;}

.boutonContact2{display:block; height:45px; /*width:155px;*/ text-align:center; font-size:12px; line-height:15px;}
.boutonContact2 a{color:#747474;}
.boutonContact2 a:visited{color:#747474;}
.boutonContact2 a:hover{color:#747474; text-decoration:none;}
.boutonContact2 a:active{color:#747474;}
.boutonContact2 .boutonContact_bloc2{float:left; cursor: pointer;}
.boutonContact2 .boutonContact_left2{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-left.png) no-repeat; height:45px; width:10px;}
.boutonContact2 .boutonContact_center2{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-milieu.gif) repeat-x; height:45px; width:145px;}
.boutonContact2 .boutonContact_right2{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-right.png) no-repeat; height:45px; width:10px;}
.boutonContact2 .boutonContact_left_over2{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-left-on.png) no-repeat; height:45px; width:10px;}
.boutonContact2 .boutonContact_center_over2{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-milieu-on.gif) repeat-x; height:45px; width:145px;}
.boutonContact2 .boutonContact_right_over2{background:url(http://www.boosteo.fr/wp-content/themes/boosteo/images/btn-right-on.png) no-repeat; height:45px; width:10px;}
/*================= Footer ======================*/

#footer{background-color:#e4e4e4; border-bottom:7px solid #e61e26;}
#footer .footer{width:960px; padding:0 0 0 20px; margin:0 auto;}
#footer .footer .fonction{clear:both; width:716px; border-right:210px solid #000; padding:20px 30px 0 0; font-size:16px; color:#404040;}
#footer .colonne1{width:320px; margin:0 30px 0 0; float:left;}
#footer .colonne1 .conseiller{width:320px; overflow:auto; padding:15px 0 0 0;}
#footer .colonne1 .conseiller .img{float:left; margin:0 20px 0 0;}
#footer .colonne1 .conseiller .texte{float:left; font-size:16px;}
#footer .colonne1 .coordonnees{display:block; padding:0 0 5px 0; color:#606060;}
#footer .colonne1 .adresse .logo_2 {width:87px; height:89px; float:left; margin-right:25px;}
#footer .colonne1 .adresse {width:280px; height:100px; padding:15px; background-color:#f2f2f2; font-family:Arial, Helvetica, sans-serif; color:#636363; font-size:14px; line-height:21px;}

#footer .colonne2{width:376px; margin:0 20px 0 0; float:left; padding:20px 0 0 0;}

/* ____________________ formulaire footer _______________________ */

.footer .colonne2 .formulaire-footer .box-titre-fomulaire-2 {height:50px; width:437px; margin:0 0 10px 148px;}
.footer .colonne2 .formulaire-footer .titre-formulaire-2 {color:#ffffff; width:437px; height:70px; font-size:25px; float:right; text-align:center;}

.footer .colonne2 .formulaire2 { background:url(img/formulaire-footer.png) no-repeat; width:585px; height:387px; margin:15px 0 0 20px; padding:25px 0 0 0;}
#form_landing_page2 {width:400px; margin:0 0 0 170px;}
#form_landing_page2 .input1-court2 {}

#form_landing_page2 > form {
  width: 390px;
}
#after_send-mail2 {
  margin: 0 0 0 170px;
  width: 400px;
  display:none;
}
#submit2 {width:278px; height:49px; margin:0 0 0 110px;}
#submit2 input{background: url(img/btn-valider.png); width:278px; height:49px; border:0; color:#FFF; font-size:30px;}

.footer .colonne2 .formulaire2 .input1-court2{width:185px; float:left; margin:10px 18px 15px 0;}
.footer .colonne2 .formulaire2 .input1-court2 input{width:185px; height:20px; border:1px solid #dadada;}
.footer .colonne2 .formulaire2 .input2-court2{width:185px; float:left; margin:10px 0 0 0;}
.footer .colonne2 .formulaire2 .input2-court2 input{width:185px; height:20px; border:1px solid #dadada;}

.footer .colonne2 .formulaire2 .input1-2{clear:both; width:387px; height:20px; border:1px solid #dadada;}  
.footer .colonne2 .formulaire2 .input2-2{width:150px; height:20px; border:1px solid #dadada;}
.footer .colonne2 .formulaire2 label{display:block; font-size:14px; padding:0 0 7px 0;}

.error{background-color:#FFAAA1;}
#error_label2{color: #CC0000;float:right;font-weight: bold;margin-top: -16px;position: absolute;}
#error_email2{padding-left:200px;color:#CC0000;font-weight:bold;}
#error_phone2{padding-left:170px;color:#CC0000;font-weight:bold;}
#error_ctc2{color:white;font-weight:bold;padding-left:46px;padding-top:7px;display:none;}
label.inline {
  display: inline-block !important;
}

/* ___________________________________contenu de la page _________________________________ */

.contenu-page {width:930px; height:200px; margin:0 auto; background-color:#;}
.ligne2{width:950px; float:left; margin:10px 0 0 0;}
.ligne2 .paragraphe2{font-size:18px; line-height:27px; color:#404040;}

.ligne2 a{text-decoration:none; color:#CC0000; border-bottom:1px solid #FF0000;}
.ligne2 a:visited{text-decoration:none;}
.ligne2 a:hover{color:#0000ff; border-bottom:2px solid #0000ff;}
.ligne2 a:active{text-decoration:none;}
/*#postit .postit_global {width:960px; height:171px;}*/
#fleche .fleche {width:171px; height:171px; float:left; margin:0 0 0 0; padding:0 0 0;}
#postit .postit {width:171px; height:171px; float:right; margin:0 0 0 0; padding:0 0 0;}
/*#postit a{display:block; width:10%; height:10%;}*/