/****************************************************************************
	Agestis - Content Management System - http://www.agestis.com
	by ARICIA http://www.aricia.fr
	Agestis WebEditeur import directive

	@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

****************************************************************************/
.thumbnail{margin-bottom:0px;}

.tournehover:hover{
  transform: rotate(-5deg);
}

.tourne{
  transform: rotate(-5deg);
}

@media (min-width: 640px) {
.colonnes {
    -webkit-column-count:2;
    -moz-column-count: 2;
    column-count: 2;
}
}

@media (min-width: 800px) {
.colonnes {
    -webkit-column-count:3;
    -moz-column-count: 3;
    column-count: 3;
}
}

@media (min-width: 1200px) {
.colonnes {
    -webkit-column-count:4;
    -moz-column-count: 4;
    column-count: 4;
}
}

a{color:#46afc6}
a:focus,a:hover{color:#3391a6}
#Content_Container{font-family:Lato,Calibri,Arial,sans-serif;color:#472e00;font-size:16px;}
#Content_Container .fa-5{font-size:8em}
#Content_Container h1{margin-top:1em;font-weight:600;font-family:'Titillium Web',sans-serif!important;position:relative;padding:15px 15px 15px 56px;box-shadow:inset 0 0 0 1px #12883a,inset 0 0 5px rgba(70,175,198,.75),inset -285px 0 35px #fff;border-radius:0 10px 0 10px;background:#fff;background-size:auto 80%;text-shadow:-.3rem -.3rem 0 #fff,.3rem .3rem 0 #fff,0 0 3rem rgba(255,255,255,.95)}
#Content_Container h2{text-transform:uppercase;margin:1em 0 .75em;padding:0 0 5px 0;color:#6B5344;font-weight:400;font-family:Scada,sans-serif;position:relative;text-shadow:2px 2px 0 rgba(71,46,0,.25);font-size:30px;line-height:40px}
#Content_Container .ephemeride{background:none repeat scroll 0 0 #FFF;box-shadow:0 0 0 1px #6E8B21;margin:0 auto;overflow:hidden;position:relative;padding:0;border-radius:4px;width:170px}
#Content_Container a[name]:before{display:block;content:" ";margin-top:-150px;height:150px;visibility:hidden}
#Content_Container a[href="tel:+330 00000000"]{color:#18b54d!important;cursor:not-allowed}
#Content_Container a[href^=tel]{color:#46afc6;}
#Content_Container a[href^=tel]:hover{text-decoration:none}
#Content_Container a[href^=tel]:before{content:"\1f4de";padding-right:5px;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;font-size-adjust:none;font-stretch:normal;font-feature-settings:normal;font-language-override:normal;font-kerning:auto;font-synthesis:weight style;font-variant:normal;font-size:inherit;text-rendering:auto}
#Content_Container hr{height:60px;min-height:60px;border:0;margin-top:10px;margin-bottom:10px;background:transparent url(/skins/standard/images/bg_hr.png)center center no-repeat}
#Content_Container .table{width:100%;margin:0 auto}
#Content_Container table.table th{background-color:#94c83d}
#Content_Container ul{padding-left:25px}
#Content_Container blockquote>.img-circle,#Content_Container p>.img-circle{border:7px solid rgba(164,98,37,.5);box-shadow:5px 5px 10px rgba(0,0,0,.5);margin:15px}
#Content_Container .img-thumbnail{box-shadow:1px 1px 5px rgba(0,0,0,.45)}
#Content_Container .iframe-responsive,#Content_Container .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
#Content_Container .iframe-responsive embed,#Content_Container .iframe-responsive iframe,#Content_Container .iframe-responsive object,#Content_Container .video-container embed,#Content_Container .video-container iframe,#Content_Container .video-container object{position:absolute;top:0;left:0;width:100%;height:100%}
#Content_Container div:only-child[class*=col-].center-block{float:none}
#Content_Container .pagination>li>a,
#Content_Container .pagination>li>a:focus,#Content_Container .pagination>li>a:hover,#Content_Container .pagination>li>span,#Content_Container .pagination>li>span:focus,#Content_Container .pagination>li>span:hover{color:#12883a}
#Content_Container .pagination>.active>a,#Content_Container .pagination>.active>a:focus,#Content_Container .pagination>.active>a:hover,#Content_Container .pagination>.active>span,#Content_Container .pagination>.active>span:focus,#Content_Container .pagination>.active>span:hover{color:#FFF;border-color:#12883a;background-color:#12883a}
.title {font-size:24px;font-weight:bold;}
.card{padding-top:20px;margin:10px 0 20px 0;background-color:rgba(214,224,226,.2);border-top-width:0;border-bottom-width:2px;border-radius:3px;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.card-body{padding:0 20px;margin-top:20px}
.card.hovercard{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:#F0F0F0}
.card.hovercard .cardheader{height:75px;background-position:50% 50%;background-repeat:no-repeat;background-color:transparent;background-image:url(/skins/standard/images/bg_card.jpg);background-size:cover}
.card.hovercard.header-1{background-size:100% 100%;background-repeat:no-repeat;background-position:bottom center;background-image:url(/skins/standard/images/bg_card-header-1.jpg)}
.card.hovercard.header-1 .cardheader{background-color:#FFF;background-image:none}
.card.hovercard.card-conseil{background-color:#C6DB83}
.card.hovercard.card-conseil .cardheader{background-color:#FFF;background-image:none}
.card.hovercard.card-conseil .info .desc{font-size:1.3em;color:#12883a;background-color:rgba(255,255,255,.2);padding:10px 5px;margin:auto -7px}
.card.hovercard.card-conseil .avatar img{box-shadow:2px 2px 4px rgba(0,0,0,.5)}
.card.hovercard .avatar{position:relative;top:-50px;margin-bottom:-50px}
.card.hovercard .avatar img{width:120px;height:120px;max-width:120px;max-height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid rgba(148,200,61,.6)}
.card.hovercard .info{padding:4px 8px 10px}
.card.hovercard .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle}
.card.hovercard .info .desc{overflow:hidden;font-size:1.2em;line-height:1.6em;color:#737373;text-overflow:ellipsis}
.card.hovercard .bottom{padding:0 20px;margin-bottom:17px}

.quote-container {
	  margin-bottom: 20px;
	  position: relative;
	}
	
.note {
	  color: #333;
	  position: relative;
	  width: 380px;
	  margin: 0 auto;
	  padding: 20px;
	  font-size: 30px;
	  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	}

.note .author {
	  display: block;
	  margin: 40px 0 0 0;
	  text-align: right;
	}

.yellow {
	  background: #eae672;
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	}

.yellow:hover {	  -webkit-transform: rotate(-3deg);
	  -moz-transform: rotate(-3deg);
	  -o-transform: rotate(-3deg);
	  -ms-transform: rotate(-3deg);
	  transform: rotate(-3deg);
}
	
.pin {	
	  background-color: #aaa;
	  display: block;
	  height: 32px;
	  width: 2px;
	  position: absolute;
	  left: 50%;
	  top: -16px;
	  z-index: 1;
	}	
	
.pin:after {
	  background-color: #A31;
	  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
	  border-radius: 50%;
	  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
	              inset 3px 3px 3px hsla(0,0%,100%,.2),
	              inset -3px -3px 3px hsla(0,0%,0%,.2),
	              23px 20px 3px hsla(0,0%,0%,.15);
	  content: '';
	  height: 12px;
	  left: -5px;
	  position: absolute;
	  top: -10px;
	  width: 12px;
	}	
	
.pin:before {
	  background-color: hsla(0,0%,0%,0.1);
	  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
	  content: '';	 
	  height: 24px;
	  width: 2px;
	  left: 0;
	  position: absolute;
	  top: 8px; 
	  transform: rotate(57.5deg);
	  -moz-transform: rotate(57.5deg);
	  -webkit-transform: rotate(57.5deg);
	  -o-transform: rotate(57.5deg);
	  -ms-transform: rotate(57.5deg);
	  transform-origin: 50% 100%;
	  -moz-transform-origin: 50% 100%;
	  -webkit-transform-origin: 50% 100%;
	  -ms-transform-origin: 50% 100%;
	  -o-transform-origin: 50% 100%;
	}	

.red {color:red;}	

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}