/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/

.md-slide-item .md-mainimg img {
  width: 100%;
}

 .tableThemeSysto th{
  padding: 10px;
  border-width:1px;
  border-style:solid;
  border-color:#2C2C2C;
  background-color: #A81419;
  color : white;
  text-align : center;

 }

  .tableThemeSysto td{
  padding: 10px;
  border-width:1px;
  border-style:solid;
  border-color:#2C2C2C;

 }

 section.page-top.custom-product {
    background-color: #054414 !important;
    border-top-color: #054414 !important;
}

#block-block-34>div.content {
margin-top: 40px;
}

.post-image	{max-width:100%;}

section.page-top {
margin-bottom: 5px;
}

div.post-block .share {	/* titre du bloc partage du blog */
font-size: 1.8em;
font-weight: 200;
margin: 0 0 20px;
text-transform: none;
color: #ab0000;
}


h2 {
color: #ab0000;
font-size: 1.8em;
font-weight: 400;
letter-spacing: normal;
line-height: 24px;
margin-bottom:20px; /* 33px */
margin-top:20px;
}
*+h2{margin-top:0;}
img+h2{margin-top:20px;}
ul+h2{margin-top:20px;}
article.post h2 a {
text-decoration: none;
}
h3 {
font-size: 1.4em;
font-weight: 400;
letter-spacing: normal;
line-height: 27px;
margin: 0 0 14px 0;
}
h4 {
color: #333;
font-size: 1em;
font-weight: 400;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
}

h3.black	{
color: #000000;
font-size: 2.8em;
font-weight: 300;
line-height: 54px;
}

em.upperred {
color: #ab0000;
font-size: 1em;
font-weight: 600;
font-style: normal;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
text-transform: uppercase;
}

em.black {
color: #333;
font-size: 1em;
font-weight: bold;
font-style: normal;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
}

.post-block.post-share .share {margin-bottom:10px;}
.post-block.post-share .share i {margin-right:5px;}

.social {margin-bottom:15px;}
.social .googleplus		{float:left;}

.a2a_button_viadeo span	{background-image:url("http://www.prodomaines.com/sites/all/themes/professional-responsive-theme/images/viadeo.png");}

/* //// Affichage des titres //// */

/*.page-node-2 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/businessoman.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 32%;
min-height: 100px;
}


.page-node-69 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/businessoman.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 32%;
min-height: 120px;
border: hidden;
}

.page-node-62 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/businessoman.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 32%;
min-height: 120px;
border: hidden;
}

.page-node-63 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/stages1.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 40%;
min-height: 270px;
border: hidden;
}

.page-node-64 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/presse.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 23% ;
min-height: 200px;

border: hidden;
}

.page-node-61 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/presse.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 23% ;
min-height: 200px;

border: hidden;
}

.page-node-91 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/partenariats1.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 50% ;
min-height: 200px;

border: hidden;
}

.page-node-80 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/bannzimbra.png) ;
background-repeat:no-repeat;
background-size:cover;
background-position: center 50% ;
min-height: 100px;
border: hidden;

}

.page-node-80  h1{
font-weight:bold !important;
color:#1785c2 !important;
border-bottom-color: #1785c2 !important;
}





.page-node-77 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/presse.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 23% ;
min-height: 200px;

border: hidden;
}

.page-node-75 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/presse.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 23% ;
min-height: 200px;

border: hidden;

}

.page-node-79 .page-top{
background-image:url(http://communication.hebergement-systonic.fr/images/sitehebergement/presse.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position: center 23% ;
min-height: 200px;

border: hidden;

}

.page-node-64  h1{
color:#58585b !important;
border-bottom-color: #58585b !important;
}
*/
.btn-primary{
background-image: linear-gradient(to bottom,#ab0000,#ab0000)!important;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #AB0000 !important; }

/* featured-box */

div.featured-box-secundary h4 {
color: #ab0000;
}
div.featured-box-secundary div.box-content {
border-top-color: #ab0000;
}


/* masonry */

.masonry-item{

margin : 2px !important;
}

.masonry{
width : 100% !important;
}



/* form  */
#webform-component-nom{
float : left;
width : 35%
}
#webform-component-prenom{
float : left;
width : 45%
}
#webform-component-telephone{
float : left;
width : 35%
}
#webform-component-e-mail{
float : left;
width : 40%
}

#edit-submitted-demande	{
	width: initial;
	max-width: 100%;
	height: 30px;
	box-sizing: border-box;
}


/*section.page-top {
  margin-bottom: 0;
}*/

#block-menu-block-4 {
  margin-top: 1em;
}

li.level-3 .tb-megamenu-submenu,
.tb-megamenu .dropdown-submenu.level-3 > a:after {
  display: none !important;
}

a.thumb-info span.thumb-info-title {
  font-size: 15px;
}

footer .webform-client-form .webform-component-email,
footer .webform-client-form .form-actions {
  display: inline-block;
  margin: 0;
}

footer .webform-client-form .form-actions {
  background: none;
  border: none;
  padding: 0;
}

footer .webform-client-form .form-email {
  border-radius: 4px 0 0 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  margin: 0;
  vertical-align: middle;
  width: 156px;
}

footer .webform-client-form .form-submit {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 0 4px 4px 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  color: #333;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  margin-left: -4px;
  padding: 4px 12px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

footer .webform-client-form .form-submit:hover,
footer .webform-client-form .form-submit:focus {
  background-color: #e6e6e6 !important;
}

.view-catalogue article {
  margin-bottom: 1em;
}

#block-views-produits-associes-block-2 h2 {
  font-size: 2em;
  margin: 0;
}

#block-views-produits-associes-block-2 .portfolio-item.thumbnail {
  margin-bottom: 1em;
}

table tbody {
  border: none;
}

blockquote.testimonial:before, blockquote.testimonial:after	{
	color:#ab0000 !important;
}

blockquote.avis-hebergement	{
	background: #cccccc !important;
}

blockquote.avis-hebergement p	{
	color: #222;
	font-family: "Open Sans", Arial, sans-serif;
	font-style:normal;
	font-size: 1.0em;
}

#breadcrumbs a,
#breadcrumbs a.active {
  color: white;
}

.form-type-radio {
  display: inline-block;
  padding-right: 1em;
}

.form-select[multiple] {
  height: 128px;
  width: 350px;
}

#webform-component-societe {
  float: left;
  width: 35%;
}

#webform-component-type-de-produit-livre {
  float: left;
  width: 45%;
}

.form-item hr {
  clear: both;
}


/* ----------------------- */
/* page histoire et vision */
/* ----------------------- */
ul.history li .thumb{background-image:url(http://refaktorthemes.com/demo/porto/sites/all/themes/Porto/img/history-thumb-dark.png);}
ul.history{margin:0 0 25px;padding:0;list-style:none;}ul.history li{margin:25px 0;padding:0;clear:both;}ul.history li h4{margin:0 0 -27px 0;padding:0;}ul.history li p{margin-left:53px;}ul.history li .thumb{background:transparent url(http://refaktorthemes.com/demo/porto/sites/all/themes/Porto/img/history-thumb.png) no-repeat 0 0;width:227px;height:160px;margin:0 0 30px;padding:0;float:left;}ul.history li .thumb img{border-radius:150px;margin:7px 8px;width:145px;height:145px;}ul.history li .featured-box{text-align:left;margin-left:225px;margin-bottom:50px;min-height:115px;}ul.history li .featured-box .box-content{border-top-color:#CCC;}
ul.history li .featured-box{margin-left:0;}

fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes

.appear-animation{opacity:0;}.appear-animation-visible{opacity:1;}.animated,.appear-animation{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-moz-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-o-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes

.featured-box{background:#363639;border-left-color:#363639;border-right-color:#363639;border-bottom-color:#363639;}.featured-box{background:#F5F5F5;background-color:transparent;background:-webkit-linear-gradient(top,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent;background:linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #DFDFDF;border-left:1px solid #ECECEC;border-radius:8px;border-right:1px solid #ECECEC;box-shadow:0 1px 1px 0 rgba(0,0,0,0.04);}.featured-box .box-content{border-radius:8px;border-top:3px solid #33B8FF;border-top-width:4px;padding:30px 30px 10px 30px;}.featured-box .learn-more{display:block;margin-top:10px;}.featured-boxes .featured-box{margin-bottom:30px;margin-top:45px;}.featured-boxes .featured-box.info-content{text-align:left;}.featured-box-primary i.icon-featured{background-color:#E36159;}.feature-box{clear:both;}.feature-box .feature-box-icon{background:#CCC;border-radius:35px;color:#FFF;display:inline-block;float:left;height:35px;line-height:35px;margin-right:10px;position:relative;text-align:center;top:5px;width:35px;}.feature-box .feature-box-info{padding-left:50px;}.feature-box.secundary .feature-box-icon{background:transparent;width:50px;height:50px;}.feature-box.secundary .feature-box-icon i.icon{font-size:28px;}


.box-content{border-top-color:#0088cc;}


ul.history li .thumb {
background: transparent url(http://refaktorthemes.com/demo/porto/sites/all/themes/Porto/img/history-thumb.png) no-repeat 0 0;
width: 227px;
height: 160px;
margin: 0 0 30px;
padding: 0;
float: left;
}

ul.history li .thumb img{border-radius:150px;margin:7px 8px;width:145px;height:145px;}
ul.history li .featured-box{text-align:left;margin-left:225px;margin-bottom:50px;min-height:115px;}
ul.history li .featured-box .box-content{border-top-color:#CCC;}

ul.history li .featured-box .box-content {
border-top-color: #ab0000;
}

.flickr-feed	{text-align:center;}

/* ----------------------- */
/* page histoire et vision */
/* ----------------------- */

.pluginConnectButtonLayoutRoot {
display:none;
}

#webform-client-form-125 div.webform-container-inline,
#webform-client-form-186 div.webform-container-inline,
#webform-client-form-205 div.webform-container-inline 			{float:none;margin:0;width:initial;}
#webform-client-form-125 div.webform-container-inline label,
#webform-client-form-186 div.webform-container-inline label,
#webform-client-form-205 div.webform-container-inline label		{float:left;width:25%;margin:0;}

div.ppt {
margin-top: 30px;
}

#block-block-9 .content .row{margin: 30px 0 0 0;}

div.testimonial-author div.thumbnail {
	float: none;
	display: inline-block;
	vertical-align:middle;
}

div.testimonial-author p {
	margin: 0;
	display: inline-block;
}


.float-left		{float:left;margin:0;border:25px solid transparent;border-left:0;border-top:0;background-color:#ffffff;}
.float-right	{float:right;margin:0;border:25px solid transparent;border-right:0;border-top:0;background-color:#ffffff;}

* + .float-left,* + .float-right	{border-top:25px solid transparent;}

figure>*.float-left,figure>*.float-right	{border-top:0;border-bottom:0;background-color:#efefef;}
figure .float-left+figcaption,figure .float-right+figcaption	{text-align:justify;}

/* ----------------------- */
/* page faq                */
/* ----------------------- */

.view-faqs .item-list > ul {
  list-style: none;
}

.view-faqs .item-list > ul > li {
  padding-top: .5em;
}

.view-faqs .views-field.views-field-name {
  background: #ab0000;
  border-radius: 8px;
  color: white;
  padding: .5em;
  text-transform: uppercase;
}

.view-faqs li > .views-field.views-field-view,
.view-faqs li > .item-list {
  display: none;
  margin-left: 1em;
}

.view-faqs li.open > .views-field.views-field-view,
.view-faqs li.open > .item-list {
  display: block;
}

.view-faqs .item-list .field-content ul {
  margin: 0 0 10px 25px;
}

/*2020 septembre  */
pre {word-break:normal;}