/*
773c7c = 858484
a64cae = 969595
*/

.clear { clear: both; }
.ip-bouton { display: inline-block; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px; -webkit-transition: .2s; transition: .2s; border: 2px solid #858484; color: #FFF; text-decoration: none; box-sizing:border-box; line-height:1.9; text-shadow: none !important; background-color:#858484; text-decoration:none !important; margin: 5px 0; text-align: center; }
.ip-bouton:hover { text-decoration: none; background:#FFF; color:#858484 !important; border-color:#858484; text-decoration:none !important; }

.ip-bouton.second-style { background-color: transparent; background:none ; color: #858484; text-decoration:none !important; }
.ip-bouton.second-style:hover { background-color:#858484; color:#FFF !important; text-decoration:none !important; }

/*_______________________ Liens sociaux (GRAND) _________________________*/
.social_wrapper li:before { border:none !important; border-color:transparent !important; border-width:0 !important;}
.social_wrapper ul { list-style: none !important; }
.social_wrapper li, .ip-widget-partage-sociaux .social_wrapper li{ list-style:none !important; list-style-image:none !important; list-style-type:none !important; background-image:none !important; }
.social_wrapper li a { text-indent:-9999px !important; display:block !important; height:52px !important; width:50px !important; background-image:url(icone-grande.png) !important; background-repeat:no-repeat !important; margin-right:10px !important; -moz-transition:all 0.15s ease 0s !important; }
.social_wrapper li.facebook a { background-position:0px 1px !important; }
.social_wrapper li.youtube a { background-position:-120px 1px !important; }
.social_wrapper li.myspace a { background-position:-66px 1px !important; }
.social_wrapper li.mail a { background-position:-184px 1px !important; }
.social_wrapper li.rss a { background-position:-248px 1px !important; }
.social_wrapper li.twitter a { background-position:-310px 1px !important; }
.social_wrapper li.viadeo a { background-position:-423px 1px !important; }
.social_wrapper li.linkedin a { background-position:-367px 1px !important; }
.social_wrapper li.instagram a { background-position:-481px 1px !important; }
.social_wrapper li.tumblr a { background-position:-645px 1px !important; }
.social_wrapper li.pinterest a { background-position:-534px 1px !important; }
.social_wrapper li.google a { background-position:-593px 1px !important; }
.social_wrapper li.facebook a:hover { background-position:0px -55px !important; }
.social_wrapper li.youtube a:hover { background-position:-120px -55px !important; }
.social_wrapper li.myspace a:hover { background-position:-66px -55px !important; }
.social_wrapper li.mail a:hover { background-position:-184px -55px !important; }
.social_wrapper li.rss a:hover { background-position:-248px -55px !important; }
.social_wrapper li.twitter a:hover { background-position:-310px -55px !important; }
.social_wrapper li.viadeo a:hover { background-position:-423px -55px !important; }
.social_wrapper li.linkedin a:hover { background-position:-367px -55px !important; }
.social_wrapper li.instagram a:hover { background-position:-481px -55px !important; }
.social_wrapper li.tumblr a:hover { background-position:-645px -55px !important; }
.social_wrapper li.pinterest a:hover { background-position:-534px -55px !important; }
.social_wrapper li.google a:hover { background-position:-593px -55px !important; }

/*A ajouter si position à droite*/
/*#mes-liens-sociaux { float:right; margin: 0 5px 20px 0;}*/

/*A ajouter si centrage*/
#mes-liens-sociaux { margin: 0 auto 50px; position: relative; text-align: center;}
#mes-liens-sociaux .social_wrapper { text-align: center; }
#mes-liens-sociaux .social_wrapper li { display: inline-block; }
/*A retirer si centrage*/
/*.social_wrapper li, .ip-widget-partage-sociaux .social_wrapper li{ float: left; width: 35px; }*/
#mes-liens-sociaux {}


/*_______________________ Court texte quote _________________________*/
.mon-court-texte-quote { width:100%; font-size: 48px; line-height: 34px !important; min-height: 34px; padding: 15px 0 40px 0; background-image:url(quote-droite.png); background-repeat:no-repeat; background-position:left top; text-align: center; text-shadow: none; }
.mon-court-texte-quote span { font-size: 48px; line-height: 34px !important;  min-height: 34px; background-image:url(quote-gauche.png); background-repeat:no-repeat; background-position:right bottom; display:block; padding:0 65px 0 0; }
.mon-court-texte-quote h2 { font-size: 48px; font-weight:normal; }
.mon-court-texte-quote h2,
.mon-court-texte-quote h3 a:hover { color: #3B3B3B; text-decoration:none; }
.mon-court-texte-quote h2 a { color: #808080; }
.mon-court-texte-quote h3 { font-size: 30px; font-weight: lighter; }
.mon-court-texte-quote h3,
.mon-court-texte-quote h2 a:hover { color: #929292; text-decoration:none; }
.mon-court-texte-quote h3 a { color: #3B3B3B; }

/*_______________________ recherche simple _________________________*/
#ma-recherche-simple { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 10px; box-shadow: 1px 1px 0 #fff; height: 35px; margin: 15px;}
#ma-recherche-simple #searchsimple { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #4b4b4b; float: left; font-size: 12px; font-weight: lighter; margin: 9px 14px 0 7px; padding-left: 6px; width: 70%;}
#ma-recherche-simple #searchsubmit { margin-right: 12px; margin-top: 12px;}


@media only screen and ( max-width: 960px ) {

}
@media only screen and ( max-device-width: 960px ) {

}
@media only screen and ( min-width: 780px ) and ( max-width: 960px ) {

}
@media only screen and ( min-device-width: 780px ) and ( max-device-width: 960px ) {

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

}
@media only screen and ( max-device-width: 779px ) {

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

}
@media only screen and ( max-device-width: 479px ) {

}



/*_______________________ Formulaire devis _________________________*/
#formulaire-devis { width:100%; }/*___________________________________________________________________ A modifier*/
#formulaire-devis span.label {display:block; width:190px; float:left; padding-top: 10px; }
#formulaire-devis span.label3 {display:block; width:190px; float:left; padding-top: 0px; }
#formulaire-devis span.label2 { display:block; float:left; }
#formulaire-devis .wpcf7-form-control-wrap { /*float:left;*/ }
#formulaire-devis .float-frequence { float: left; margin: 0 12px 0 10px !important; width: 12%; }
#formulaire-devis .float-classique { width: 79%; }
#formulaire-devis .wpcf7-list-item { display: block; float: left; margin-left: 20px; }
#formulaire-devis h2{ margin: 30px 0 20px; padding: 0; }
#formulaire-devis h3{ margin: 30px 0 20px; padding: 0; }
#formulaire-devis imput{ background-color: #FFFFFF; border: 1px solid #CCCCCC; height: auto; margin: auto; }
#formulaire-devis input[type="email"] { background-color: #FFFFFF; border: 1px solid #BBBBBB; }
#formulaire-devis input[type="checkbox"] { height: 20px; /*margin: 4px;*/ width: 20px; }
#formulaire-devis input[type="radio"] { height: 16px; width: 16px; }

#formulaire-devis textarea { /*border-radius: 6px 6px 6px 6px;*/ color: #969595; font-size: 16px; line-height: 20px; padding: 4px 6px; width: 96%; height: 150px; font-family: "Open Sans",Arial,sans-serif; }  /*color: #555555;*/
#formulaire-devis input[type="text"],
#formulaire-devis input[type="password"],
#formulaire-devis input[type="datetime"],
#formulaire-devis input[type="datetime-local"],
#formulaire-devis input[type="date"],
#formulaire-devis input[type="month"],
#formulaire-devis input[type="time"],
#formulaire-devis input[type="week"],
#formulaire-devis input[type="number"],
#formulaire-devis input[type="email"],
#formulaire-devis input[type="url"],
#formulaire-devis input[type="search"],
#formulaire-devis input[type="tel"],
#formulaire-devis input[type="color"],
#formulaire-devis .uneditable-input { /*border-radius: 6px 6px 6px 6px;*/ color: #969595; font-size: 16px; line-height: 20px; padding: 10px 10px; vertical-align: middle; } /*color: #555555;*/
#formulaire-devis select { /*border-radius: 6px 6px 6px 6px;*/ color: #555555; font-size: 16px; line-height: 20px; padding: 10px 10px; vertical-align: middle; margin: 0; }
#formulaire-devis select option { padding: 0 10px 4px; }
#formulaire-devis input[type="submit"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #BBBBBB #BBBBBB #A2A2A2; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; line-height: 20px; margin-bottom: 0; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; border-radius: 6px 6px 6px 6px; font-size: 17.5px; padding: 11px 19px; margin-top: 30px; }
#formulaire-devis input[type=text]:focus,
#formulaire-devis input.text:focus,
#formulaire-devis input.title:focus,
#formulaire-devis textarea:focus,
#formulaire-devis select:focus,
#formulaire-devis input[type="email"]:focus { border-color:#969595; }  /*border-color:#2D3940;*/
#formulaire-devis input[type=text],
#formulaire-devis input.text,
#formulaire-devis input.title,
#formulaire-devis textarea,
#formulaire-devis select,
#formulaire-devis input[type="email"] { margin:0.5em 0; }
#formulaire-devis textarea { padding: 4px; }
/*____________ Si erreur ____________*/
.wpcf7-validation-errors, span.wpcf7-not-valid-tip, wpcf7-mail-sent-ng { background-color: #F3554C !important; color:#fff !important; padding:10px !important; width: 70% !important;}
span.wpcf7-not-valid-tip { display: inline-block;}
/*____________ Si ok ____________*/
div.wpcf7-mail-sent-ok { background-color: #009933 !important; color:#fff !important; padding:10px !important; width: 70% !important;}
/*_______________________ Fin Formulaire devis _________________________*/

/*_______________________ Formulaire devis _________________________*/

@media only screen and ( min-width: 780px ) and ( max-width: 960px ) {
#formulaire-devis { width:410px; }
#formulaire-devis span.label { /*font-size: 14px;*/ width: 180px; }
#formulaire-devis .float-classique { width: 50%; }
#formulaire-devis textarea { width: 93%; }
#formulaire-devis input[type="checkbox"] { height: 16px; width: 16px; }
#formulaire-devis .wpcf7-list-item { font-size: 14px; }
#formulaire-devis span.label3 { width:100%; float:none; margin: 15px 0 3px;}
}
@media only screen and ( min-device-width: 780px ) and ( max-device-width: 960px ) {
#formulaire-devis { width:410px; }
#formulaire-devis span.label { /*font-size: 14px;*/ width: 180px; }
#formulaire-devis .float-classique { width: 50%; }
#formulaire-devis textarea { width: 93%; }
#formulaire-devis input[type="checkbox"] { height: 16px; width: 16px; }
#formulaire-devis .wpcf7-list-item { font-size: 14px; }
#formulaire-devis span.label3 { width:100%; float:none; margin: 15px 0 3px;}
}

@media only screen and ( max-width: 779px ) {
#formulaire-devis { width:370px; }
#formulaire-devis span.label {  /*font-size: 14px;*/ width: 100%; }
#formulaire-devis .float-classique { width: 95%; }
#formulaire-devis textarea { width: 93%; }
#formulaire-devis input[type="checkbox"] { height: 16px; width: 16px; }
#formulaire-devis .wpcf7-list-item { font-size: 14px; }
#formulaire-devis span.label3 { width:100%; float:none; margin: 15px 0 10px;}
}
@media only screen and ( max-device-width: 779px ) {
#formulaire-devis { width:370px; }
#formulaire-devis span.label {  /*font-size: 14px;*/ width: 100%; }
#formulaire-devis .float-classique { width: 95%; }
#formulaire-devis textarea { width: 93%; }
#formulaire-devis input[type="checkbox"] { height: 16px; width: 16px; }
#formulaire-devis .wpcf7-list-item { font-size: 14px; }
#formulaire-devis span.label3 { width:100%; float:none; margin: 15px 0 10px;}
}
@media only screen and ( max-width: 479px ){
#formulaire-devis { width: 220px; }
#formulaire-devis .wpcf7-list-item { float: none; }
#formulaire-devis .float-frequence { margin: 0 7px 0 4px; width: 10%; }
}
@media only screen and ( max-device-width: 479px ) {
#formulaire-devis { width: 220px; }
#formulaire-devis .wpcf7-list-item { float: none; }
#formulaire-devis .float-frequence { margin: 0 7px 0 4px; width: 10%; }
}
/*_______________________ Fin Formulaire devis _________________________*/