ul {
	padding:0 !important;
}

.none, .powered {
  display:none !important;
}

  
/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}   

.row {
	margin-left:0 !important;
	margin-right:0 !important
}
 
a, p {
    transition: all linear .3s;   
    -o-transition: all linear .3s; 
    -ms-transition: all linear .3s;
    -moz-transition: all linear .3s;  
    -webkit-transition: all linear .3s;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}

::-moz-selection { 
    color: #333333;
    background:#E8E8E8;
}
::selection {
    color: #333333; 
    background:#E8E8E8;
}

html {
   font-size: 100%;
}
body {
  background-color:#000000;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center top;  
  font-style: normal;
  font-variant: ;
  font-weight: normal;
  font-size: 16px; /* 0.8em */
  line-height: 18px; /*1.6em*/
  font-family: Helvetica,Arial,sans-serif;
color:#ffffff;
}
a {
  text-decoration: none;
  color:#e3e3e3;
} 
a:hover {
  text-decoration: underline; 
  color:#ffcc00;
}
h1,h2,h3,h4,h5,h6,
.title {
  text-transform: none;
  
  font-style: Helvetica,Arial,sans-serif;
  font-variant: ;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px; 
  font-family: Helvetica,Arial,sans-serif;
  
  color:#ffcc00;
  text-align:center;
  margin-bottom:20px;
}
#ytb_wrapper {
  border: 0;
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
}

#ytb_group_sidebar br.automaticBreak {
  display: none;
}




/* BOUTONS  */
.btn {
  font-weight:600;
  padding:12px 20px;
  border-radius:0;
  display: block;
  margin:0;
  min-width: 210px;
  text-align: center;
}
[class*=yproxSeeAll] {
  text-align: center;
  clear:both;
}
[class*=yproxSeeAll] a {
  border-radius:0;
  text-decoration:none;
  padding:12px 20px;
  
}
.ytb_extension_contact_form .contact-form-action-form button[type="button"],
[class*=yproxSeeAll] a,
.btn {
  /* COMMUN BTN  */
  display:block;
  width: 37%;
  margin:0 auto;
  font-weight:bold;
  font-size:16px;
  padding: 12px 7px;
  color:#000000 ;
  border-radius: 0;
  text-transform: none;
  background-color:#ffcc00;
}

.btn.itineraire {
	border:0;
	cursor:default
}	

.yproxSeeAllWhite a {
    background-color:#ffcc00;
  color:#000000;
}
.yproxSeeAllWhite a:hover {
}

[class*=yproxSeeAll] a:hover,
.btn.btn-default:hover {
 background-color:rgba(255,204,0,0.8);
}
.btn i {
  margin-right: 11px;
}
.btn a:hover,
.btn:hover {
  text-decoration:none;
   background-color:rgba(255,204,0,0.8);;
  color:#000;
}



/* spé */
.btn.phone {
  border:1px solid #717171;
  background-color: #333333;
}
.btn.contact {
 background-color:#ffcc00 ;
}
.btn.contact,
.btn.contact a {
  color:#000000 ;
}

#ytb_row_footer .btn.twolines {
line-height: 17px;
color: #000;
}

#ytb_row_footer {
  margin-left:0 !important;
  margin-right:0 !important
}

/* cookie bar */
#cookie-law-info-bar {
  background: rgba(255, 255, 255, 0.9) !important;
  bottom: 0 !important;
  box-shadow: 0px 0px 5px 0px rgba(229, 229, 229, 0.7);
  -moz-box-shadow: 0px 0px 5px 0px rgba(229, 229, 229, 0.7);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(229, 229, 229, 0.7);
}

#cookie-law-info-bar p {
  padding: 30px !important;
  color: #3D3D3D !important;
}
#cookie-law-info-bar a{

  color: #3D3D3D ;
}

#cookie-law-info-bar button {
  background-color: #505050;
  border: 0;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: bolder;
  border-radius: 4px;
  margin: 5px auto;
  display: block;
}

/*======================
** Equipe  **
====================== */
.workerDetailsRole,
.workerDetailsName,
.TeamDetailedListWorkerRole,
.TeamDetailedListWorkerName {
  font-weight: bold;
  text-transform: uppercase;
}


.TeamDetailedListItemContainer {
  margin: 0px 0 30px 0;
  width: 100%;
}

.workerDetailsImage,

/* fiche equipe */
.TeamDetailedListWorkerImage,
.TeamDetailedListItemContainer {
  float: left;
}

.workerDetailsImage,

/* fiche equipe */
.TeamDetailedListWorkerImage {
  margin-right: 20px;
}

.TeamDetailedListWorkerCommaAfterName {
  margin-right: 5px;
  display: none;
}

.TeamDetailedListWorkerDescription {
  font-size: 0.9em;
}

.TeamDetailedListWorkerLinkToWorkerPage {
  float: right;
  font-style: italic;
}

/* fiche equipe */
.workerDetailsImage img {
  width: auto;
}

/*======================
** SUPER LIST  **
====================== */

/*LISTE LI*/
.basicArticleSuperListItem {
  display: block;
  list-style-type: none;
  clear: both;
  overflow: auto;
}

.basicArticleSuperListItem  + .basicArticleSuperListItem {
 /* padding-top: 10px;*/
}

/*IMAGE*/
.basicArticleSuperListArticleImageContainer {
  float: left;
  margin: 0 10px 10px 0;
}

/*TITRE*/
.basicArticleSuperListArticleTitle {
  margin: 0 0 5px 0;
}

.basicArticleSuperListArticleTitle a {
}

/*TEXTE*/
.basicArticleSuperListArticlePreview {
}

/* Desciption categorie */
.basicArticleSuperListCategoryDescription {
  margin-bottom: 10px;
}

/*pagination*/
.basicArticleSuperListPaginationTop,
.basicArticleSuperListPaginationBottom {
  width: 100%;
}

.basicArticleSuperListPaginationBottom .page a,
.basicArticleSuperListPaginationTop .page a {
  background: #9b9b9b;
}

.basicArticleSuperListPaginationBottom .page a:hover,
.basicArticleSuperListPaginationTop .page a:hover {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  text-decoration: none;
}
.basicArticleSuperListPaginationBottom .current,
.basicArticleSuperListPaginationTop .current{
  background:#e3e3e3;  
}
.basicArticleSuperListPaginationBottom .current, .basicArticleSuperListPaginationTop .current, .basicArticleSuperListPaginationBottom .page a, .basicArticleSuperListPaginationTop .page a {
  display: inline-block;
  padding: 5px;
  color: #fff;
  height: 15px;
  line-height: 15px;
  width: 15px;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.plusSpec {
}

/*==================
** Google maps   **
==================*/
.map_canvas {
  height: 350px !important;
}
table.gadget {
  width: !important;
}
.GoogleMapsDirectionsContainer {
  width: !important;
}

/*==================
** Tableau tarifs   **
==================*/
div.ytb_extension_ylly_services table {
  width: 100%;
}
div.ytb_extension_ylly_services table tr td {
  border: 1px solid #f3f3f3;
  padding: 1%;
}
.td_price {
  width: 12%;
}

/*==================
** Formulaire **
==================*/


.field span.ast {
	display:block;
	padding-left:30px;
	width:10px;
	position:absolute;
	right:-10px;
}

label {
    font-weight: bold;
    float: left; 
	display:none;
}

.captcha {
    float: none;
    clear: both;
}

.contact-form-submit,
.contact-form-message,
.clear {
    float: none !important;
    clear: both !important;
    height: auto !important;
    line-height: initial !important;
  overflow:auto;
}


.captcha .recaptchaHelpSentence {
  float: none;
    clear: both;
    display: block; 
    font-style: italic;
}

.captcha input#Captcha {
    float: left;
    width: 98%;
}

.contact-input-text, .contact-input-textarea {
    width: auto;
}
.contact-form-submit {
    margin: 10px 0;
}

.field, .contact-form-message {
    padding-top: 0;
    height: 53px;
    line-height: 53px;
	position:relative;
	
}



.field.message {
height:150px;
}
.contact-form-action-form {
position:relative;
}
.ytb_extension_contact_form .contact-form-action-form button[type="button"] {
    background: none repeat scroll 0% 0% #ffcc00 ;
    border: medium none;
  margin: 10px 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
  

}
#ytb_group_INTERNE .ytb_extension_contact_form .contact-form-action-form button[type="button"] {
  width:auto;
   padding: 15px 30px;
}

#ytb_group_INTERNE .ytb_extension_contact_form .contact-form-action-form button[type="button"]:hover {
 background-color:rgba(255,204,0,0.8);;
  color:#000;
}
#ytb_block_devis_1 h2 {
font-weight:normal;}

.ytb_extension_contact_form .contact-form-action-form button[type="button"]:hover,
.ytb_extension_contact_form .contact-form-action-form button[type="button"]:active {
   background-color:rgba(255,204,0,0.8);;
  color:#000;
}
#modalContact .modal-body input,
#modalContact .modal-body textarea,
.ytb_extension_contact_form .contact-form-action-form input[type="text"], 
.ytb_extension_contact_form .contact-form-action-form input[type="email"], 
.ytb_extension_contact_form .contact-form-action-form textarea {
    background: #404040;
    border: 1px solid #757575;
    border-radius: 0.2em;
	line-height: inherit !important;
	font-size: inherit !important;
	padding:0;
	height:45px;
	padding-left:10px;
    width: 95%;
	margin-bottom:15px;
	font-size:16px;
	color:#ffffff;
	font-weight:300;
  
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;

  

  
/* pour couvrir astérix*/
position: absolute;
top: 0;
left: 0;
}

.form-contact-response p.success{
	text-align:center; 
	font-size:16px; 
	color:lightgreen; 
}

.form-contact-response p.error{
	text-align:center; 
	font-size:16px; 
	color:orange; 
}

.modal-header, .modal-footer {
	background:#2b2b2b;
}

#modalContact .modal-title {
	color:#ffcc00;
}

#modalSpecs .modal-body {
	background:black
}

.modal .modal-footer .btn-default {
    color: #dfdfdf;
    background-color: #757575;
    border-color: #ccc;
}

#modalContact .modal-footer .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	width:30px !important;
}
	
#modalContact .modal-body {
	background:#666666;
}

#modalContact textarea {
	padding-top:10px !important;
}

#modalContact .modal-body input,
#modalContact .modal-body textarea {
	position:relative;
}

#modalContact .modal-body textarea { 
	height:150px !important
}

#modalContact .modal-body .form-contact-response {
	height:100px;
	padding:10px;
	text-align:center
}

#modalMentions .modal-body {
	color:black;
}

.field, .contact-form-message {
text-align:right;
}

.requis {
font-size: 12px;
font-weight: 300;
line-height: normal;
}
textarea {
overflow:hidden !important;
}



.ytb_extension_contact_form .contact-form-action-form textarea {
    resize: none;
    height: 150px; 
  font-family: Roboto,sans-serif;
	line-height:20px !important;
	padding-top:10px;

}

.ytb_extension_contact_form .contact-form-action-form input[type="text"]:focus, 
.ytb_extension_contact_form .contact-form-action-form input[type="email"]:focus, 
.ytb_extension_contact_form .contact-form-action-form textarea:focus {
    box-shadow: 0px 0px 4px #C1C1C1 inset;
    border: 1px solid #FFF;
}

.contact-form-description {
  display:none;
}

.recaptchaHelpSentence {
    float:left;
}

.mathContainer {
    color: #FF0202;
    font-weight: bold;
}


/*==================
** Joli message error **
==================*/
.contact-form-error {
  margin-top: 2%;
}
.ytb_extension_contact_form .contact-form-error span:before {
  content: "!";
  font-size: 16px;
  width: 17px;
  display: inline-block;
  height: 17px;
  border-radius: 20px;
  background: none repeat scroll 0% 0% #F2AEA5;
  color: #ffffff;
  margin: 10px 20px 0px -25px;
  text-align: center;
}
.ytb_extension_contact_form .contact-form-error span {
  padding: 0px 3px 8px 3px;
  border-radius: 3px;
  background: none repeat scroll 0% 0% #F2AEA5;
  color: #FFF;
  margin: 0px 0px 0px 25px;
  width: 70%;
}

/*==================
** BOUTON Return  **
==================*/
.returnButton {
  background-color: #e8e8e8;
  float: right;
  margin-top: 0;
}
.returnButton a {
  font-weight: bold;
  color: #ffffff;
  padding: 10px;
  display: inline-block;
}
.returnButton:hover {
  background-color: #000000;
}

/* =========================
   mep - Temoignages
   =========================*/
.ytb_extension_testimonial {
  position: relative;
}

/* Titre temoignage */
.ytb_extension_testimonial h2 {
  color: #BC2C80;
  font-family: Arial, Helvetica, sans-serif;
}

/*nom*/
.body_avis .testimonialList strong {
  font-weight: bold;
}

/*date*/
.body_avis .testimonialList span {
  font-weight: bold;
}
.body_avis .testimonialList span:before {
  content: " - ";
}

/* texte */
.yproxTestimonial {
  margin-bottom: 20px;
  font-size: 12px;
}

/* ajouter un avis */
a:hover.testimonial_add {
  text-decoration: underline;
}
.testimonial_add {
  float: right;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #bc2c83;
  font-size: 12px;
}

/* Nom + date + texte + btn */
.ytb_extension_testimonial .body_avis {
  height: 100px;
}

/* autre */

/* btn voir plus */
.read-more {
}
.read-more:before {
}
a:hover.read-more {
}

/* =========================
   Message d'introduction 
   =========================*/
#yprox_intro_close {
  color: #ffffff !important;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #999999;
  display: block;
  width: 140px;
  margin: 10px auto;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#banvideo {
  margin: 0 auto;
  width: 800px;
  height: 450px;
}

/* =========================
   Message Cookies 
   =========================*/
#cookie-law-info-bar {
  background: rgba(255, 255, 255, 0.9) !important;
  bottom: 0 !important;
  box-shadow: 0px 0px 5px 0px #E5E5E5;
  -webkit-box-shadow: 0px 0px 5px 0px #E5E5E5;
}
#cookie-law-info-bar p {
  padding: 30px !important;
  color: #3D3D3D !important;
}
#cookie-law-info-bar button {
  background-color: #505050;
  border: 0;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: bolder;
  border-radius: 4px;
  margin: 5px auto;
  display: block;
}


/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
AC - STRUCTURE || sugestion
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */



.block {
padding:20px;
}


/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
BA - HEADER
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

 #ytb_group_HEADER img, #ytb_group_FOOTER img { max-width:100%;max-height: 100px;
 }
#ytb_group_HEADER .block {
    padding: 10px;
}

  #ytb_row_header .block a, #ytb_row_footer .block a { color: #ffffff; }
#ytb_group_HEADER * {
font-size:24px;
}
  #ytb_group_HEADER,
#ytb_group_FOOTER{
  text-align:center;}
#ytb_group_HEADER .btn.phone {
  padding:0 0 15px 0;
    border: 0;
    background-color: transparent;
}
#ytb_group_HEADER .btn.contact {
  color:#000000;
  padding: 0;
  line-height:40px !important;
  border:0 !important;
  height:40px !important;
  margin: 5px auto;
}
#ytb_group_HEADER .btn.contact i {
 display:none;
}

/* =========================
   SLIDER  ///////////// 
   =========================*/

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
BB - ACCUEIL
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/* LES FIFTY */
.fifty  {
  clear:both;
  overflow: auto;
}

/* LES BG */
#ytb_group_MAP,
#ytb_block_map_2,
#ytb_block_slider_2,
#ytb_block_devis_1 {
background-color:#666666;
}
#ytb_block_map_1 {
  background-color:#000000;

}
#ytb_block_map_1 .more  {display:none;}
/* <-------------------*/
/* SLIDER */
#ytb_group_SLIDER {
clear:both;
}
#ytb_block_slider_1 {
  padding:0;
}
#ytb_block_slider_1 .automaticBreak {
display:none;
}
@media only screen and (max-width: 910px){
  #ytb_block_slider_1 img {
    display:block;
    width:100% !important;
    height: auto !important;
  }
}
#ytb_row_slider {
  position:relative;
}
#ytb_block_slider_2{display:none;}

/* <-------------------*/
/* MAPS  */
.ytb_extension_location { position:relative;}
#ytb_block_map_2 {
  padding:0;
  position:relative;
}
#ytb_block_map_2 .btn {
 display:none;
position: absolute;
bottom: 24px;
z-index: 0;
right: 50px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
#ytb_block_map_2 .ytb_extension_article {
  padding:20px;
}
#ytb_block_map_2 .ytb_extension_article .article-body {
  padding:20px;
}

/* <------------- */
/* IDENTITE */
#ytb_block_slider_2 p {
  padding-bottom:20px;
  clear: both;
  font-weight:300;
}
#ytb_block_slider_2 p i {
  margin-right:40px;
  color:#ffcc00;
 font-size: 35px;
 float:left;
	width: 35px;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
}
#ytb_block_slider_2 p span {
  display:inline-block;
  vertical-align:middle;
}
#ytb_block_slider_2 .title {
  text-align:left;
  margin-top: 30px;
  font-weight:bold;
}
#ytb_block_slider_2 {
 max-height: 540px;
overflow: hidden;
}
.phone { font-weight:bold;}

/* before */

/*
.adress:before, .hours:before, .phone:before  {
  font: normal normal normal 34px/1 FontAwesome;
}
.adress:before {
  content: "\f041";
}
.hours:before {
  content: "\f017";
}
#ytb_block_slider_2 .phone:before {
  content: "\f095";
}*/



.remove {
display:none !important;
}

.fbicone a {
background-color:#395795;
    height: 35px;
    width: 35px;
    line-height: 35px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
  
  
  -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
  
  
  
}
.fbicone span {
margin-left: 40px;
  letter-spacing:0.5px;
}


.fbicone a:hover {
	background-color:#395795;
  font-weight:bold;

}
.fbicone span {
	color: #fc0;

}
.fbicone a img {
-webkit-filter: brightness(500%);

}
.fbicone img {
display:inline-block;
vertical-align: middle; -webkit-filter: brightness(40%);
}

/* <---------------- */
/* SPECIALITE */

#ytb_block_map_1 {
  text-align:center;
}
#ytb_block_map_1 .basicArticleSuperListItem {
    display:inline-block;
    clear: none;
   margin:5px;
  position:relative;
  padding: 0;
}
#ytb_block_map_1 .basicArticleSuperListItem .basicArticleSuperListArticleTitle {
  color:#ffcc00;
  max-width:108px;
  font-size: 16px;
  line-height: 16px;
  text-transform: none;
  font-weight: 300;
  margin: 10px 0;
  height: 36px;
  display:block;
}
#ytb_block_map_1 .basicArticleSuperListCategoryTitle {
  margin-top: 30px;
margin-bottom: 10px;
}



/*icones */
#ytb_block_map_1 .basicArticleSuperListArticleImageContainer {
  float: none;
  margin:0;
}
.basicArticleSuperListItem .basicArticleSuperListArticleImageContainer  {
  width:108px;
  height:108px;
  line-height:108px;
  border-radius:50%;
  background-color:#666666;
}
.basicArticleSuperListItem .basicArticleSuperListArticleImageContainer img {
  max-width:50px;
  vertical-align: middle;
}

.modal-body .basicArticleSuperListItem .basicArticleSuperListArticleImageContainer{
	width:76px;
	height:76px;
	line-height:76px;
	text-align:center
}

#modalSpecs .basicArticleSuperListArticleTitle {
	line-height:76px;
	text-align:left;
}



/*******************/
/* Partenaires & Qualifications & rezopro */
#ytb_group_SIDEBAR {
  background-color:#ffffff;
  overflow:auto;
}
#ytb_row_sidebar {  
  letter-spacing :-0.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  margin-left:0 !important;
  margin-right:0 !important
}
#ytb_row_sidebar .block {
  vertical-align: top;
  width: 100%;
  display: inline-block ;
  letter-spacing: normal; word-spacing: normal; text-rendering: auto;
  font-family: Helvetica,Arial,sans-serif;  
  text-align: center;
}

#ytb_block_sidebar_1 {
border-right:1px solid #ffcc00;
}

#ytb_row_sidebar li.basicArticleSuperListItem,
#ytb_row_sidebar li.imagine_list_item {
  clear: none;
  overflow: initial;
    display: inline-block;
  text-align: center;
  margin: 0 auto;
}


#ytb_row_sidebar li.basicArticleSuperListItem + li.basicArticleSuperListItem,
#ytb_row_sidebar li.imagine_list_item + li.imagine_list_item {
  padding: 0;
}

#ytb_row_sidebar .logoPartenaires li.basicArticleSuperListItem .basicArticleSuperListArticleImageContainer {
  text-align: center;
  margin: 0;
}

#ytb_row_sidebar .basicArticleSuperListItem .basicArticleSuperListArticleImageContainer {
  display: block;
  margin: 0 auto;
  width: 100%;
}

#ytb_row_sidebar .basicArticleSuperListItem .basicArticleSuperListArticleImageContainer img,
#ytb_row_sidebar .imagine_list_item img{
  max-height: 90px;
  height: auto;
  width: auto;
  margin: 0 0 20px 0;
}

/* Partenaires & Qualifications */
.basicArticleSuperListItem {
	vertical-align:middle;
}
#ytb_row_sidebar #ytb_block_sidebar_1 li.basicArticleSuperListItem .basicArticleSuperListArticleImageContainer,
#ytb_row_sidebar #ytb_block_sidebar_2 li.basicArticleSuperListItem .basicArticleSuperListArticleImageContainer {
  text-align: center;
  margin: 0;
}

/* rezopro */
#ytb_block_devis_2 .basicArticleSuperListItem span {
  display: inline-block;
  margin: 0 20px 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  background-color:#666666;
  width:100px;
  height:100px;
  line-height:100px;
  text-align:center;
}

#ytb_block_devis_2 .basicArticleSuperListItem p {
	float:right;
	width:70%;
	margin-top:30px;
	vertical-align:middle;
}	

#ytb_block_devis_2 .basicArticleSuperListItem .basicArticleSuperListArticleImageContainer {
  display: none
}

#ytb_block_devis_2 li.basicArticleSuperListItem {
  padding-bottom: 20px;
  margin-bottom: 20px
}

#ytb_block_devis_2 .basicArticleSuperListArticlePreview {
  display: inline-block;
width: calc(100% - 160px);
vertical-align: middle;
}
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
BC - INTERNES
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
#ytb_group_INTERNE {
background-color:#666666;
  padding: 20px;
}

#ytb_group_INTERNE h1,
#ytb_group_INTERNE h2,
#ytb_group_INTERNE h3,
#ytb_group_INTERNE h5,
#ytb_group_INTERNE h5,#ytb_group_INTERNE h6
{text-align:left;
}
/*=========================
** CORPS DE PAGE INTERNES **
=========================*/
/* INTERNE_TITRES */
#ytb_row_page_content > .article-view > div + h2,
#ytb_row_page_content > .article-view > h2,
#ytb_row_page_content .block div  > h2,
#ytb_row_page_content .block div  > h2 a,

#ytb_row_page_content > .article-view > div + h1,
#ytb_row_page_content > .article-view > h1,
#ytb_row_page_content .block div  > h1,
#ytb_row_page_content .block div  > h1 a {
  font-style: Helvetica,Arial,sans-serif;
  font-variant: ;
  font-weight: bold;
  font-size: 24px;/*1.5em*/
  line-height: ;  
  font-family: Helvetica,Arial,sans-serif;
  
  color: #ffcc00;
  text-align:left;
}

/*======================
** ** MEP ARTICLE ** **
=====================*/
#div-slider .onlyoneimage li { margin: 0; padding: 0; }
#div-slider { overflow: auto; float: left; margin: 0px 20px 10px 0px; }
#ytb_group_interne .article-body strong {
  font-weight:bold;
  color:#ffcc00;
}
#ytb_group_interne .article-body .Texte ul li { list-style-type: square; margin-left: 40px; }
#ytb_group_interne .article-content-body p { margin: 8px 0; }
#ytb_group_interne .article-body { line-height: initial; }
#ytb_group_interne .article-body h1, 
#ytb_group_interne .article-body h2,
#ytb_group_interne .article-body h3,
#ytb_group_interne .article-body h4,
#ytb_group_interne .article-body h5 {
  font-style: Helvetica,Arial,sans-serif;
  font-variant: ;
  font-weight: bold;
  font-size: 24px;
  line-height: ;  
  font-family: Helvetica,Arial,sans-serif;
  color:#ffcc00;
  margin: 25px 0 0 0;
  padding:0;
  text-transform:none;
}
#ytb_group_interne .article-body h1 { font-size: 2em; }
#ytb_group_interne .article-body h2 { font-size: 1.8em; }
#ytb_group_interne .article-body h3 { font-size: 1.6em; }
#ytb_group_interne .article-body h4 { font-size: 1.4em; }
#ytb_group_interne .article-body h5 { font-size: 1.2em; }

/*===============================
** ** SLIDER page & article ** **
================================*/

/* slider page */

.article-body.article-image-slider { }
.article-body.article-image-slider .lSSlideOuter { width: 50%;/* variable */ float: left; margin: 0 30px 0 0; }
.article-body.article-image-slider .lSSlideWrapper ul li,
.article-body.article-image-slider .lSSlideWrapper { height: 200px !important;/* variable*/ overflow: hidden; }
.photoText { background-color: rgb(255, 255, 255); display: inline-block; padding: 5px; margin: 10px 0 0 0; border-radius: 7px; }

/* slider global */
.lSSlideWrapper { background-color: rgba(255, 255, 255, 0.23); padding: 4px; border-radius: 7px; }
.lSSlideWrapper ul li img { height: 100%; margin: 0 auto; }
.lSSlideOuter .lSPager.lSGallery,
.lSSlideOuter .lSPager.lSGallery li { height: 60px !important; overflow: hidden; margin-bottom: 20px; }
.lSSlideOuter .lSPager.lSGallery img { width: 100%; }

/* slider artilcle*/
#div-slider li { margin: 0px; padding: 0px; text-align: center; }
.lSSlideWrapper ul li,
.lSSlideWrapper { height: 200px !important;/* variable */ overflow: hidden; }
#div-slider .lSSlideOuter { width: auto !important; height: auto !important; }
#ytb_wrapper .article-body #div-slider.div-left { width: 50% !important;/* variavle*/ }
#ytb_wrapper .article-body #div-slider.div-left.onlyOneImage { width: auto !important; }

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
BD - FOOTER 
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
#ytb_row_footer .block { padding:10px;}

/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
C - MEDIA QUERIES - MOBILE FIRST 
  | Choisir les points de ruptures
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

/* ================================================
   Media Queries  ||| DESTOCK || ... 960 -------> ∞ 
   ================================================ */
@media only screen and (min-width:1260px) {
  #ytb_wrapper { width: 1260px; margin: 0 auto; border: 0; }
  
  #ytb_block_slider_2 { width: 385px;}
  #ytb_block_slider_2 p span {
    width: 170px;}
}
@media only screen and (min-width:980px) and (max-width:1259px) {
  #ytb_wrapper { width: 960px; margin: 0 auto;  }
}
@media only screen and (min-width:980px) {

  /* <---------------*/
  
    /* SPECIALITE */ 
#ytb_block_map_1 .basicArticleSuperListItem {padding:20px 0 0 0;}
#ytb_block_map_1 .more{display:block;cursor:pointer;}
#ytb_block_map_1:before{
  content:"";position:absolute;bottom:0;left:0;right:0;
  height:68px;background-color:#000000;display:block;z-index:10;
}
#ytb_block_map_1{text-align:center;position:relative;overflow:hidden;padding-bottom:70px;min-height:530px;}
#ytb_block_map_1 .more:hover{color:#000000!important;background-color:rgba(255,204,0,0.8);}
#ytb_block_map_1 .more{position:absolute;bottom:30px;left:0;right:0;z-index:100;}
#ytb_block_map_1 .content_22772{
  transition:top 0.5s linear;-webkit-transition:top 0.5s linear;-moz-transition:top 0.5s linear;
  -o-transition:top 0.5s linear;position:absolute;left:70px;right:70px;top:calc(100% - 310px);
  background-color:RGBA(0,0,0,0.8);
}
#ytb_block_map_1 .content_22772.active{top:0;}
#ytb_block_map_1 .content_22772.active .basicArticleSuperListCategoryTitle{margin:30px 0;}
.more.active span.active{display:block;}
.more.active span.desactive{display:none;}
.more span.active{display:none;}
.more span.desactive{display:block;}
  
  #ytb_group_MAP {
  clear:both;
  }
  #ytb_row_map{display:table; }
  #ytb_row_map .block{display:table-cell;float:none;vertical-align:top;}
  /* STRUCTURE */  
  #ytb_block_slider_2.block,
  .row.fifty .block { padding: 30px 70px; }
  .fifty .block { float: left; width: 50%; }

  /* <----------------*/

  /* SLIDER */
  #ytb_block_slider_1 img {
  width: 75%;
}
  #ytb_block_slider_2 { display:block;position: absolute; top: 50%; right: 0px; transform: translateY(-50%); background-image: url('../pics/triangle.jpg'); background-repeat: no-repeat; background-position: bottom right; }

  /* <------------------- */

  /* HEADER */

  /* Structure */  

  #ytb_group_HEADER,
  #ytb_group_FOOTER,
  #ytb_group_HEADER #ytb_block_header_3,
  #ytb_group_FOOTER #ytb_block_footer_3,
  #ytb_group_HEADER #ytb_block_header_4,
  #ytb_group_FOOTER #ytb_block_footer_4 { height: 138px; line-height: 138px; overflow: auto; }
  #ytb_group_FOOTER #ytb_block_footer_4 .ytb_extension_article{display:inline-block;}
  #ytb_group_FOOTER #ytb_block_footer_4 .ytb_extension_article p {line-height: initial;}
  #ytb_group_HEADER .row .block,
  #ytb_group_HEADER .row #ytb_block_header_4 > div,
  #ytb_group_FOOTER .row .block,
  #ytb_group_FOOTER .row #ytb_block_footer_3 > div { padding-left:20px;line-height: 26px; 
    vertical-align: middle; display: inline-block; float: none; }
  #ytb_group_HEADER #ytb_block_header_4,
  #ytb_group_HEADER #ytb_block_header_3,
  #ytb_group_FOOTER #ytb_block_footer_4,
  #ytb_group_FOOTER #ytb_block_footer_3 { float: right; width: auto; }
    #ytb_group_FOOTER .block,#ytb_group_HEADER .block {
    padding: 0;
}
  #ytb_group_HEADER #ytb_block_header_3 {width:20%;}
  /* Design */
  #ytb_group_HEADER { text-align: left; }
  #ytb_group_HEADER #ytb_block_header_1,
  #ytb_group_FOOTER #ytb_block_footer_1{ width: 22%; text-align: center; }
  #ytb_group_HEADER img, #ytb_group_FOOTER img { vertical-align: middle;
    max-height: 118px; width: auto; }
  #ytb_block_header_2 > div,#ytb_block_footer_2 > div { text-align: left; font-weight: bold; }
  #ytb_block_header_2 { overflow: hidden; }
  #ytb_row_header { color: #ffffff; z-index: 10000; width: 100%; }
  #ytb_row_header .block { padding: 0px 20px; }
  #ytb_block_header_1,
  #ytb_block_header_2 { width: auto; }
  #ytb_block_header_4 .btn { display: block; }
 
 
#ytb_block_footer_2 * {font-size:24px;}  
  
  #ytb_block_header_2, #ytb_block_footer_2 {
    width: 35%;
}
  
  /* partenaire */
  #ytb_row_sidebar .block {
  width:50%;
  }

#ytb_row_sidebar li.basicArticleSuperListItem,
#ytb_row_sidebar li.imagine_list_item {
  width: 33.3333%
}
  
}

/* fin Destock  */

/*  ==============================================================
 Media Queries  ||| GENERALE || 0 -------> 360px -------> 960px 
  =============================================================== */

/* --- Tablettes et  Smartphones---- || 0 -------> 960px */
@media only screen and (max-width:960px) {
  #ytb_wrapper { width:; }

  /* iphone N° phone */
  a[href^=tel] { color: inherit; text-decoration: none; }
}


/* --- Tablettes ---- || 360px -------> 960px  */
@media only screen and (min-width:361px) and (max-width:960px) { }

/* --- FIN Tablettes ---- */

/* ---- Smartphones ---- || 0 -------> 480px */
@media only screen and (max-width:480px) { 

	#ytb_block_devis_2 .basicArticleSuperListItem span {
		width:80px;
		height:80px;
		line-height:80px;
		margin-right:5px
	}
	
	#ytb_block_devis_2 .basicArticleSuperListItem p {
		width:65%;
		margin-top:10px;
	}
	
	#ytb_row_header .block a{
		line-height:26px
	}

}

/* ---- FIN Smartphones ---- */

/* FIN Media Queries  ||| GENERALE */

/* ======================================================
Media Queries  ||| MENU RESPONSIVE || 0 -------> 940px
====================================================== */
@media only screen and (max-width:940px) {

/* end menu responsive  */ }

/* --- FIN Media Queries  ||| MENU RESPONSIVE ---- */