/*+clearfix {*/
.section-couleur:after, UL.manuel LI UL.list-inline:after, .manuel H5:after, .bloc-offre-numerique:after, .bloc-offre-numerique .header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.section-couleur, UL.manuel LI UL.list-inline, .manuel H5, .bloc-offre-numerique, .bloc-offre-numerique .header { display: block; *height: 1px; }

/* Largeurs perso */
.col-1-10{display:none;}

@font-face {
  font-family: 'steagal';
  src: url("fonts/steagal/steagal-regular-webfont.eot");
  src: url("fonts/steagal/steagal-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/steagal/steagal-regular-webfont.woff") format("woff"), url("fonts/steagal/steagal-regular-webfont.ttf") format("truetype"), url("fonts/steagal/steagal-regular-webfont.svg#SteagalZERegular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'steagal';
  src: url("fonts/steagal/steagal-medium-webfont.eot");
  src: url("fonts/steagal/steagal-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/steagal/steagal-medium-webfont.woff") format("woff"), url("fonts/steagal/steagal-medium-webfont.ttf") format("truetype"), url("fonts/steagal/steagal-medium-webfont.svg#SteagalZE-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'steagal';
  src: url("fonts/steagal/steagal-light-webfont.eot");
  src: url("fonts/steagal/steagal-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/steagal/steagal-light-webfont.woff") format("woff"), url("fonts/steagal/steagal-light-webfont.ttf") format("truetype"), url("fonts/steagal/steagal-light-webfont.svg#SteagalZElight") format("svg");
  font-weight: 300;
  font-style: normal; }

@media (max-width: 768px) {
	.mini-site .bloc-vert .col-xs-12.col-sm-6:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
	.mini-site .bloc-vert .col-xs-12.col-sm-6 { display: block; *height: 1px; }
	#sites .site .site-compagnon{
		min-height:auto !important;
		height : auto !important;
	}
	#sites .site .site-compagnon .link-site {
	/*position:static !important;
	bottom:0 !important;*/
	margin-top: 40px !important;
	}	
#sites .site .titre {
    font-size: 1.6rem !important;
}	
}
/*+}*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.mini-site.classiques { font-size: 16px !important;}
.section-couleur.intro { height:220px !important;}
.btn {font-size: 0.8em !important;}

.default-block.col-md-12 {
    height: 330px !important;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.mini-site.classiques { font-size: 16px !important;}
.section-couleur.intro { height:240px !important;}
.col-1-10{ width: 10% !important;display: inline-block !important;float: left;}
.col-1-5{ width: 20% !important;}
.btn {font-size: 11px !important;}

.default-block.col-md-12 {
    height: 200px !important;
}
.default-block.col-md-12 .content {
    width: 49% !important;
	height:100% !important;
	text-align:left !important;
}
.default-block.col-md-12 .picture {
    width: 50% !important;
	height:200px !important;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.section-couleur.intro { height:250px !important;}
/* Largeurs perso */
.col-1-10{ width: 10% !important;display: inline-block !important;float: left;}
.col-1-5{ width: 20% !important;}
.btn {font-size: 12px !important;}

.default-block.col-md-12 {
    height: 200px !important;
}
.default-block.col-md-12 .content {
    width: 49% !important;
	height:100% !important;
	text-align:left !important;
}
.default-block.col-md-12 .picture {
    width: 50% !important;
	height:200px !important;	
}
}

BODY { text-align: left; }
HR { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid transparent; }
HR.gris { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); margin-left: 15px; margin-right: 15px; }
DIV.corps.mini-site { max-width: 1140px; margin: 0 auto; }
.align-left { float: left; }
.align-right { float: right; }
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bot { padding-bottom: 0 !important; }
.no-margin { margin: 0 !important; }
.text-blanc { color: #FFFFFF; }
.text-bleu { color: #4F83CB; }
.text-rose { color: #DC006B; }
.text-vert { color: #91B726; }
.text-vert-clair { color: #2CB29C; }
.text-jaune { color: #E5D06D; }
.text-orange { color: #FF7B0D; }
.text-mauve { color: #B49BC3; }
.text-violet { color: #716BB2; }
.text-xs { font-size: 10px; line-height: normal; }
.caps { text-transform: uppercase; }
.text-center .img-responsive { margin: 0 auto 5px; }
.anchor-target:before { content: ""; display: block; width: 0; height: 100px; margin: -100px 0 0; }
/*GLOBALE*/

#sites .site {margin: 0 auto 0 auto; width:100%; /*border-bottom: 2px solid #ccc;*/ background-color:#fff;padding: 15px;}
/*#sites .site:first-child {border-bottom: 3px solid #2CB29C;}*/

/*#sites .site .bandeau{position: relative;background-color: #fff;overflow: hidden; margin: 5px 0 5px 0;}*/
#sites .site .bandeau .illus-site {width:100%;}
#sites .site .desc-site {padding: 10px 10px 20px 10px;}
#sites .site .titre {
/*font-size:24px; font-weight:bold;color:#014479;*/
background: url(/sites/all/themes/cle/images/layout/header.png) no-repeat left center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 2.6rem;
    line-height: 50px;
    margin: 0 0 25px 0;
    padding: 2px 0 2px 40px;
    padding-left: 10px;
    margin: 0;

}
#sites .site .site-compagnon h2 {font-size:18px; padding: 10px 10px 0 10px;}
#sites .site .site-compagnon h2 a{font-size:18px;}
#sites .site .site-compagnon h2 a:hover{font-size:18px;}
#sites .site .site-compagnon .link-site a{
position: absolute;
    bottom: 20px;
    right: 15px;
    display: inline-block;
    background-color: #2767AF;
    color: white;
    color: white;
    line-height: 42px;
    padding-right: 5px;
}

#sites .site .site-compagnon .link-site a:hover{background-color:#1e4e85;}

#sites .site .site-compagnon .link-site span.link {
    display: inline-block;
    background: url(/sites/all/themes/cle/images/icons/icon-button-plus-circle.png) no-repeat center center #4f8fd7;
    content: "";
    margin-right: 10px;
    width: 33px;
    height: 43px;
    vertical-align: middle;
    position: relative;
}

a span.link::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 9px;
    border-color: transparent transparent transparent #4f8fd7;
    position: absolute;
    top: 14px;
    left: 33px;
}

#sites .site .site-compagnon{
	min-height:400px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	background: #f3f3f3;
}

.default-block.col-md-12 {
    height: 400px;
}

.default-block.col-md-12 .content-wrapper {
    /*font-size: 0;*/
}
.default-block .content-wrapper {
    position: relative;
    background-color: #fff;
    font-weight: 400;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #464646;
}
.default-block.col-md-12 .picture {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    height: 160px;
}
.default-block .picture {
    position: relative;
    /*height: 160px;*/
    overflow: hidden;
}

.default-block .picture img {
    position: absolute;
	/*width:50%;*/
    top: 52%;
    left: 50%;
    display: block;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.default-block .picture img {
    vertical-align: middle;
}
.default-block .picture img {
    border: 0;
}
.default-block div.content-wrapper a {
    text-decoration: underline;
}
.default-block.col-md-12 .content {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    padding: 25px 30px 0 30px;
	text-align:center;
}
.default-block.col-md-12 .h4 {
    font-size: 20px;
}

.default-block.col-md-12 .content h3 {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "steagal", Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
}
.default-block .content-wrapper .h4 a {
    text-decoration: none;
	color: #464646;
}

.default-block .content-wrapper .h4 a:hover {
    text-decoration: none;
	color: #000;
}

.default-block .content > div {
    margin-top: 10px;
}

.default-block .btn-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    display: inline-block !important;
    width: auto !important;
}

.default-block div.content-wrapper a.btn {
    text-decoration: none;
}

.default-block .btn-wrapper .btn {
    position: relative;
    text-align: right;
}

.default-block .btn-wrapper .btn {
    color: #fff;
    text-transform: uppercase;
}
.default-block .btn-wrapper .btn {
    background-color: #1bbc9b;
    color: #fff;
    font-weight: 400;
    font-family: "steagal", Arial, sans-serif;
}

.default-block .btn-wrapper .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.default-block .btn-wrapper .btn:hover{
	text-decoration:underline !important;
}
.spacer{clear:both;}
#sites .center{text-align:center;}



.blanc.espace { background-color: #FFFFFF; position: relative; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; }