body {
    background: url(../img/com-consultants.com-contact-conseil-communication-publicite-positionnement-referencement-internet.jpg) no-repeat!important;
    font-family: Open sans, arial;
    line-height: 24px;
    background-size: cover!important;
    background-attachment: fixed!important;
    font-size: 15px
}

	body{
		background:url('/images/images-fond/com-consultants.fr-contact.jpg') no-repeat!important;
		background-size: cover !important;
		background-attachment: fixed !important;
	}
	#iDimageEntiere{
		background:url('/images/images-fond/com-consultants.fr-contact.jpg') no-repeat!important;
		background-size: 100% !important;
	}


.contact-misc img, #article-center img{display:block;max-width:100%}
.contact-misc sup,.star {

    color: red;

}
legend {
    margin-top: 25px;
}
.home .headline{display:none}
.home h1{margin-bottom: 20px;font-size: 27px;}
.home #iDcontenu{background: rgba(0, 0, 0, 0.4);}
.white #article-center em{color:#338bcd}
#article-center em{color:#CBE7FA}
#iDContactMenu {
    float: right;
    margin-right: 12px;
    width: 280px;
	margin-top: 14px;
}

#iDContactMenu a, #iDContactMenu h5 {
    color: white;
    text-decoration: none;
}
#iDaccroche strong{font-weight:normal}
#iDContactMenu a:hover{color:#338bcd}
#iDmenu .fancybox {
    float: left;
    margin-top: 30px;
    width: 100%;
}
#iDimageEntiere {
    background: url(../img/com-consultants.com-contact-conseil-communication-publicite-positionnement-referencement-internet.jpg);
    background-size: 100%
}

.accueil #iDimageEntiere {
    background: url(../img/com-consultants.com-accueil-conseil-communication-publicite-positionnement-referencement-internet.jpg);
    background-size: 100%
}

.accueil {
    background: url(../img/com-consultants.com-accueil-conseil-communication-publicite-positionnement-referencement-internet.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.parrainage #iDimageEntiere {
    background: url(/images/images-fond/Parrainage.jpg)!important;
    background-size: 100%!important
}

.parrainage {
    background: url(/images/images-fond/Parrainage.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}


.optimisation-internet {
    background: url(../img/com-consultants.com-referecement-positionnement-internet.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.outils-referencement {
    background: url(../img/com-consultants.com-referecement-enjeux-internet.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.marketing {
    background: url(../img/Com-consultants-agence-de-publicite.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.evaluer {
    background: url(../img/com-consultants.com-creation-performance-sites-web.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.visibilite {
    background: url(../img/Avantages-communication-publicitaire-efficace.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.preformance {
    background: url(../img/Consequences-et-benefices-reorganisation-publicitaire.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.conseil {
    background: url(../img/com-consultants.com-conseil-expertise-communication-publicitaire.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.optimisation {
    background: url(../img/com-consultants.com-conseil-maitrise-budget-publicitaire.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.referencement {
    background: url(../img/com-consultants.com-conseil-enjeux-communication-publicite-performante.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important
}

.optimisation-internet #iDimageEntiere {
    background: url(../img/com-consultants.com-referecement-positionnement-internet.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.marketing #iDimageEntiere {
    background: url(../img/Com-consultants-agence-de-publicite.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.outils-referencement #iDimageEntiere {
    background: url(../img/com-consultants.com-referecement-enjeux-internet.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.evaluer #iDimageEntiere {
    background: url(../img/com-consultants.com-creation-performance-sites-web.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.visibilite #iDimageEntiere {
    background: url(../img/Avantages-communication-publicitaire-efficace.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.preformance #iDimageEntiere {
    background: url(../img/Consequences-et-benefices-reorganisation-publicitaire.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.conseil #iDimageEntiere {
    background: url(../img/com-consultants.com-conseil-expertise-communication-publicitaire.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.optimisation #iDimageEntiere {
    background: url(../img/com-consultants.com-conseil-maitrise-budget-publicitaire.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}

.referencement #iDimageEntiere {
    background: url(../img/com-consultants.com-conseil-enjeux-communication-publicite-performante.jpg) no-repeat!important;
    background-size: cover!important;
    background-attachment: unset
}


.visibilite .title,
.preformance .title,
.accueil .title,
.legal .title,
.contact .title,
.optimisation-internet .title, .outils-referencement .title, .marketing .title, .white .title {
    color: #000
}

.visibilite #iDcontenu,
.preformance #iDcontenu,
.accueil #iDcontenu,
.legal #iDcontenu,
.contact #iDcontenu,
.optimisation-internet #iDcontenu, .outils-referencement #iDcontenu, .white #iDcontenu {
    background: rgba(255, 255, 255, 0.8);
	color:black;
}
.parrainage #iDcontenu {
    background: rgba(255, 255, 255, 0.9);
	color:black;
}

.preformance #iDcontenu, .partenariat #iDcontenu{
    background: rgba(255, 255, 255, 0.9);
}
.SEA #iDcontenu{
    background: rgba(255, 255, 255, 0.5);
}
.contact #iDcontenu{
    background: rgba(255, 255, 255, 0.6);
}
.legal #iDcontenu{
    background: rgba(255, 255, 255, 0.7);
}
.evaluer #iDcontenu, .marketing #iDcontenu  { 
    background: rgba(0, 0, 0, 0.8); 
 } 
 .galerie #iDcontenu  { 
    background: rgba(0, 0, 0, 0.1); 
 } 
em {
    font-style: italic;
}
.visibilite h1,
.preformance h1,
.accueil h1,
.legal h1,
.contact h1,
.optimisation-internet h1, .outils-referencement h1, .white h1  {
    color: #2770A3
}

#iDmenu {
    background: none repeat scroll 0 0 #121212;
    float: left;
    padding: 20px 0;
    position: relative;
    width: 387px;
    z-index: 1000;
    position: relative
}

#iDmenu ul a {
    color: #fff;
    /* font-family: Asap; */
    font-size: 15px;
    text-decoration: none;
    padding: 10px 0;
    display: block
}

#iDmenu ul li.active + ul {
    display: block!important
}

#iDmenu ul li li a,
#iDmenu ul .drop li a {
    font-weight: 400;
    text-transform: none;
    color: #fff
}

.text-right-custom span.ba-form-submit-btn {
	display: block;
    margin-right: 0;
    margin-left: auto;
}

.ba-form-field-item > .ba-input-wrapper > .ba-field-label-wrapper > .required-star {
    color: red !important;
}

@media (min-width: 980px) {
	
#iDmenu ul li li {
    border-bottom: 1px solid #000;
    border-top: 1px solid #333!important;
	background:#8b9096;
}
#iDmenu ul li li:first-child {
    border-top: none!important;
}
#iDmenu ul ul {
border: none;

position: absolute;

left: 232px;

width: 250px;

top: 0;

padding-left: 60px;
}
#iDmenu ul ul::before {
	background: #8b9096;

    content: "\e619";
    position: absolute;
    left: 13px;
    top: 0;
    padding: 11px;
    font-family: icomoon;
    font-size: 25px;
    font-weight: bold;
    color: white;

}
}

#iDmenu ul a:hover,
#iDmenu ul .active > a,
#iDmenu ul .drop a,
#iDmenu ul .drop li a:hover,
#iDmenu ul li li.active a {
    color: #338bcd
}

#iDmenu ul ul a:hover,
#iDmenu ul ul li.active a {
    color: #a4d3f1!important
}

#iDmenu ul ul li a:before {
   /*  content: "\e619";
    font-family: 'icomoon';
    margin-left: -16px */
}

#iDmenu ul li {
    border-bottom: 1px solid #000;
    border-top: 1px solid #333;
	position:relative;
}

#iDmenuPrinc ul {
    border-bottom: 1px solid #333;
}

#iDmenu ul li li {
    border: none
}

#iDmenu ul li li a {
    font-weight: 400;
	padding-left: 15px;
}

#iDmenuPrinc,
#iDmenuContact {
    float: left;
    margin-top: 2px;
    width: 280px
}

#iDmenuPrinc li:first-child {
    border-top: none
}

#iDlogo {
    float: left;
    width: 83px;
    margin-right: 2px;
    margin-left: 10px
}

#iDlogo img {
    width: 95%;
    margin-top: 22px
}

#contact {
    margin-bottom: 0
}

/* #iDaccroche {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    left: 1029px;
    padding: 6px;
    position: fixed;
    width: 457px;
    font-size: 13px;
    line-height: 18px
} */


#iDaccroche {
    clear: left;
    color: #a4d3f1;
    margin-left: 10px;
    margin-top: 15px;
	margin-bottom: 40px;
}
#iDaccroche strong:before {
    font-family: icomoon;
    content: '\e618'
}

#iDaccroche strong:after {
    font-family: icomoon;
    content: '\e619'
}

#iDcontenu {
    background:rgba(0, 0, 0, 0.7);
    color: #fff;
    float: left;
    padding: 20px 30px 50px;
    width: 750px
}

.inbound #iDcontenu { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);}
#iDcontenu #iDlogo1 {
    float: left;
    width: 110px;
    margin-right: 20px;
	margin-bottom: 20px;
}

#iDcontenu ul {
    padding-left: 25px;
    margin-bottom: 15px
}

#iDcontenu ul li {
    margin-bottom: 10px
}

#iDcontenu li:before {
    content: "\e619";
    font-family: 'icomoon';
    margin-left: -16px
}

#iDcontenu a {
    color: #55a5e5;
    text-decoration: none
}

#iDcontenu a:hover {
    text-decoration: underline
}

/* #iDimageEntiere {
    float: left;
    height: 200px;
    left: 1197px;
    top: 205px;
    position: fixed;
    width: 300px;
    border-left: none
} */

#iDimageEntiere {
    clear: left;
    height: 200px;
    margin: auto;
    width: 362px;
}

h1 {
    font-family: Lato;
    font-size: 33px!important;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 70px;
    margin-top: 10px;
    font-weight: 400;
    color: #CBE7FA
}
h2 {
    font-size: 23px;
    margin-bottom: 15px;
    margin-top: 35px;
    /* font-family: Asap; */
    line-height: 35px;
	font-weight: bold;
	color:#CBE7FA;
}
.white h2 {
	color:#2770a3;
}

strong {
    font-weight: 700;
}
span[style*="text-decoration: underline"]{
	color:#2a77af;
}
/* span[style*="text-decoration: underline"]{ */
	/* color:#CBE7FA; */
/* } */
#iDcontenu p {
    margin-bottom: 15px
}

.contact-form sup {
    color: red
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #333;
    margin-bottom: 20px;
    color: #000;
	max-width: 480px;
	font-family: Open Sans;
}
.alert {

    padding: 28px 128px 28px;
    min-height: 60px;
    margin-bottom: 23px;
    background-color: #fcf8e3;
    position: relative;
    color: #8a6d3b;

}
.alert-danger {

    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;

}
.alert {

    padding: 15px;
    margin-bottom: 23px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}
.contact-form label {
    position: relative;
    width: 100%;
    float: left
}
.alert .close {

    position: absolute;
    top: 12px;
    right: 20px;
    line-height: 23px;

}
button.close {

    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;

}
.popover {

    display: none !important;

}
.close {

    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);

}
textarea.invalid, input.invalid {

    border: 1px solid red;

}

.contact-form #contact-form fieldset:first-child .control-group:nth-child(3) {
    margin: 0!important
}

.contact-form #contact-form fieldset:first-child .control-group:nth-child(2), .contact-form #contact-form fieldset:first-child .control-group:nth-child(3) {
    width: 48%;
    float: left;
    margin-right: 4%;
	max-width: 225px;
}

.contact-form .help-inline {
    bottom: -3px;
    color: red;
    font-size: 13px;
    position: absolute;
    right: 0
}

.btn {
    border: 1px solid #1970b7;
    padding: 7px 11px;
    font-weight: 700;
    border-radius: 3px
}

.btn-primary {
    background: none repeat scroll 0 0 #2982c4;
    color: #fff!important
}

.btn-primary:hover {
    background: none repeat scroll 0 0 #1970b7;
    cursor: pointer;
    text-decoration: none!important
}

.btn-form {
    margin-bottom: 30px;
    margin-right: -20px;
    margin-top: 30px;
    float: left
}

.modal-content {
    background: #222!important
}

.modal-content .btn-right {
    float: right;
    margin-bottom: 20px;
    margin-top: 10px
}

.modal-content:after {
    display: block;
    clear: both;
    content: ""
}

.modal-content .close {
    float: right;
    background: none;
    border: none
}

@media screen and (max-width: 1515px) {
}

@media screen and (min-width: 980px) and (max-width: 1255px) {
    #iDcontenu {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        position: absolute;
        top: 0
    }
    #iDcontenu #Idcontenu-texte {
        margin-left: 400px
    }
}

@media screen and (max-width: 980px) {
	#iDContactMenu {
		margin-right: 0;
		width: 100%;
	}
    #iDimageEntiere,
    #iDaccroche {
        display: none
    }
    #iDcontenu {
        padding-left: 3%;
        padding-right: 3%;
        width: 94%
    }
    #iDmenu {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%
    }
    #iDlogo {
        display: none
    }
    #iDlogo-responsive {
        display: block!important;
        text-align: center;
        max-width: 100%
    }
    #iDmenuPrinc {
        width: 100%
    }
    #iDlogo-responsive img {
        width: 100%;
        max-width: 500px
    }
    #iDmenuPrinc {
        min-height: 98px;
        position: relative
    }
    #responsive-titre-menu {
        float: left;
        color: #fff;
        margin-top: 15px;
        width: 85%;
        font-weight: 700
    }
    #toggle-nav {
        clear: left;
        width: 100%;
        margin-top: 20px;
        background: #090909;
        border: none;
        color: #fff;
        padding: 10px;
        cursor: pointer
    }
	.not-closed #menu-responsive #toggle-nav{display:none}
    .ferme-responsive {
        margin-top: 40px!important;
        display: block;
        clear: left
    }
    .ferme-responsive:after {
        border: medium solid transparent;
        bottom: 38px;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0;
        border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #090909;
        border-width: 16px;
        margin-left: -16px
    }
    .is-closed #toggle-nav:after {
        border: medium solid transparent;
        bottom: 9px;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0;
        border-color: #090909 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
        border-width: 16px;
        margin-left: -16px
    }
    #iDmenuPrinc ul {
        clear: left
    }
    #menu-responsive:after {
        display: block;
        clear: both;
        content: "";
        height: 40px
    }
    h1 {
        font-size: 23px!important
    }
    #iDcopyright {
        padding: 10px 0;
        display: none!important
    }
}

@media (max-width: 980px) {
    [id=iDmenuPrinc].is-closed ul {
        max-height: 0;
        overflow: hidden
    }
}

#iDcopyright {
    clear: left;
    color: #777;
    display: block;
    font-size: 12px;
    padding: 10px 4%;
    text-decoration: none;
    width: 96%;
    position: absolute;
    bottom: 0;
    line-height: 18px
}

.title {
    color: #fff;
    width: 100%;
    max-width: 1188px;
    padding: 5px
}

.title strong {
    font-weight: 400;
    font-size: 12px
}

.modal-content {
    color: #fff!important
}

.h2-alt {
    font-size: 14px;
    font-style: italic
}

#mobile {
    background: #121212;
    clear: left;
    padding: 2%;
    text-align: center;
	display:none;
}

.bfQuickMode .bfbs3-form-group .bfbs3-control-label, .bfQuickMode .form-group .control-label{
	display:block;
	width:100%;
}
.bfQuickMode .bfbs3-form-inline .bfbs3-form-control, .bfQuickMode .form-inline .form-control{
	width:90%;
}
.headline::after {
    display: block;
    clear: both;
    content: "";
}
.bfQuickMode .bfbs3-btn, .bfQuickMode .btn{margin-right: 24px;}
#ff_formdiv1 .bfQuickMode .bfElemWrap {
    width: 33.33%;
    float: left;
}
@media (max-width: 980px) {
	
.bfQuickMode .bfElemWrap {
    width: 100% !important;
}
#mobile, #mobile #iDimageEntiere, #mobile #iDaccroche {
    display: block;
    width: 96%;
    margin: 0;
}
	#mobile #iDimageEntiere, #mobile #iDaccroche {width:100%}
	/* Theming closed nav */
	[id=iDmenuPrinc].is-closed ul {
		max-height: 0;
		overflow: hidden;
	}
	#iDmenuPrinc ul li ul{display:block!important}
}

#contact-form fieldset:nth-child(2) .control-group:nth-child(2),
#contact-form fieldset:nth-child(2) .control-group:nth-child(3) {
	width: 34%;
	float: left;
}

#contact-form fieldset:nth-child(2) .control-group:nth-child(2) input,
#contact-form fieldset:nth-child(2) .control-group:nth-child(3) input {
	width: 88% !important;
}

#contact-form fieldset:nth-child(2) .control-group:nth-child(3) span {
	/* display: none; */
}

@media (max-width: 1255px) {
	#contact-form fieldset:nth-child(2) .control-group:nth-child(2),
	#contact-form fieldset:nth-child(2) .control-group:nth-child(3) {
		width: 100%;
		float: none;
	}
	
	#contact-form fieldset:nth-child(2) .control-group:nth-child(2) input,
	#contact-form fieldset:nth-child(2) .control-group:nth-child(3) input {
		width: 100% !important;
	}
}

/* ****************** ADD CSS ****************** */

h1.western span img {
	/* width: 100%; */
}

/* .glyphicon-refresh::before, */
/* .bfbs3-glyphicon-refresh::before { */
    /* content: "\e031"; */
/* } */

.input-group-btn > button[type="button"] {
	margin-right: 0px;
}

.input-group input.form-control.custom-form-control.ff_elem.bfCaptchaField {
	width: 78% important;
}

#ff_form2 #bfPage1 div:nth-child(3),
#ff_form2 #bfPage1 div:nth-child(4),
#ff_form2 #bfPage1 div:nth-child(5) {
	width: 33.33%;
	float: left;
}

#ff_form2 #bfPage1 div input,
#ff_form2 #bfPage1 div textarea,
#ff_form2 #bfPage1 div:nth-child(6),
#ff_form2 #bfPage1 div:nth-child(7),
#ff_form2 #bfPage1 div:nth-child(8),
#ff_form2 #bfPage1 div:nth-child(9),
#ff_form2 #bfPage1 div:nth-child(11) {
	width: 50%;
	float: left;
}

#ff_form2 #bfPage1 div:nth-child(10) {
	width: 100%;
	float: left;
}

#ff_form2 #bfPage1 div input,
#ff_form2 #bfPage1 div textarea {
	width: 100%;
}

#ff_form2 #bfPage1 div:nth-child(3),
#ff_form2 #bfPage1 div:nth-child(4),
#ff_form2 #bfPage1 div:nth-child(5),
#ff_form2 #bfPage1 div:nth-child(6),
#ff_form2 #bfPage1 div:nth-child(7),
#ff_form2 #bfPage1 div:nth-child(8),
#ff_form2 #bfPage1 div:nth-child(9),
#ff_form2 #bfPage1 div:nth-child(10),
#ff_form2 #bfPage1 div:nth-child(11) {
	padding: 10px;
}

@media (max-width: 980px) {
	.bfQuickMode fieldset {
		margin-bottom: 3px;
		float: left;
	}
}

img#logo_home_bg {
	max-width: 500px;
    filter: opacity(0.4);
}