/* CSS Document */
body{ 
	margin:0 auto; 
	padding-top:0; 
	font-family: candara, Helvetica, Estrangelo Edessa; 
	font-size:14px;
/*
  -webkit-background: rgba(0, 0, 0, 0) linear-gradient(#0b3f34, #235728 ) repeat scroll 0 0;
  -moz-background: rgba(0, 0, 0, 0) linear-gradient(#0b3f34, #235728 ) repeat scroll 0 0;
  -o-background: rgba(0, 0, 0, 0) linear-gradient(#0b3f34, #235728 ) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(#fff, #77b58c) repeat scroll 0 0;*/
}


#navbar{
	margin:10px;
}


a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("../images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

img.thumbnail{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.img-thumbnail{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.container_head{
	padding-bottom:20px;
	margin-top:100px;
	width:100%;
	border-top:4px solid #fff;
	background:#f6900b url(../images/bg_header.png) no-repeat;
}

div.clear{
	clear: both;
}

.container_head h1{
	color:#fff;
	text-shadow:2px 3px 2px green;

}

.container_head h3{
	font-size:17px;
	font-weight:600;
}

.modif_container_slide{
	padding:0 10px;
	position:relative;
	width:85%;
}

li.armoirie{
	padding-left:90px;
}


@media (max-width:1024px){

	img.modif_logo_responsive{
		margin-top:7px;
	}

	.modif_container_slide{
	padding:0 20px;
	position:relative;
	width:100%;
	}

	.container_head{
		margin-top:180px;
	}

}


img{
	margin:0 auto;
}

@media(max-width:800px){

	img.modif_logo_responsive{
		width:50px;
		height:50px;
		border-radius:50%;
		border:1px solid #ff6600;
	}

	.container_head{
		margin-top:180px;
	}

	.modif_media_xs{
		margin-bottom:10px;
	}


}

@media(max-width:600px){

	img.modif_logo_responsive{
		width:90px;
		height:90px;
		border-radius:50%;
		border:1px solid #ff6600;
	}

	.container_head{
		margin-top:90px;
	}


}

.modif_lien_head li a{
	color:#fff;
}


.modif_lien_head li a:hover{
	text-decoration:underline;
}


.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 95px;
  padding: 0 10px;
  margin-bottom:20px;
  color: #fff;
  border-bottom:1px solid #222;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 220px;
}


.flexslider{
	color:#fff;
}




.container_menu{
	width:100%;
}

.modif_col_menu{
	padding-left:0;
	padding-right:0;
}



/**setting menu**/

#menu{
	margin-top:20px;
	margin-bottom:10px;
}

.navbar{
	background:#0a5f12 /*red*/;
}
.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    padding: 20px 0 20px 0;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color:#f6900b /*yellow*/;
    border-color: #080808;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    padding: 0;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
}

.dropdown-menu li a{
	 color:#000;
}

.navbar-nav > li.active > a {
	border-bottom:1px solid #fff;
}

	
.navbar-nav > li > a {
	    color: #fff;
	    font-size:18px;
	    padding-bottom: 10px;
    	padding-top: 10px;
	}

.navbar-nav > li > a:hover{
	    color: #fff;
		background:#f6900b;
		transition: all .5s;
		-webkit-transition: all .5s; 
		-moz-transition: all .5s; 
		-o-transition: all .5s;
		border-bottom:1px solid #fff;
	}

@media all and (max-width: 600px){
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	    color: #000;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
	    color: #000;
		background:#fff;
		transition: all .5s;
		-webkit-transition: all .5s; 
		-moz-transition: all .5s; 
		-o-transition: all .5s;
	}

}


.navbar-toggle {
    border-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: white;
}  

.dropdown-menu li a:hover{ 
	color:white; 
	background:#0a5f12;
	transition: all .5s;
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	-o-transition: all .5s;
}
	


/**fin setting menu**/

section{
  padding:30px 0px;
}



/*debut css faq*/

/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f6900b;
    font-size: 2.3em;
    margin-top: 110px;
    text-shadow: none;
}
#quote-carousel .carousel-control.left {
    left: -10px;
}
#quote-carousel .carousel-control.right {
    right: -10px;
}
#quote-carousel .carousel-indicators {
    bottom: 0;
    margin-right: -19px;
    right: 50%;
    top: 65%;
}
#quote-carousel .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 30px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 150px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

i.fa-users, i.fa-user{
	font-size:90px;
}


/*fin css faq*/

.fa-asterisk{
	color:#035c26;
}

/*debut css slide*/

.carousel-indicators .active{
	background-color:#222;
}

#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:#78b58c;
	text-shadow:none;
	opacity:0.9;
}

.carousel-caption a{
	color:#000;
	font-weight:600;
}

.carousel-caption a.label{
	color:#fff;
	font-weight:600;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#222;	
}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    border-color: #78b58c;
    color: #fff;
    z-index: 2;
}

h4.title_right_carousel{
	font-size:16px;
}

.modif_present_section{
	background:#f5f5f5;
	color: #000;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}

.modif_but_section{
	/*background:#222;*/
	color: #000;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:2px dotted #e0181a;
}


.modif_pres_miss_obj{
	background:#f1a958;
	color: #000;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:2px dotted #e0181a;
}

.modif_actu_section{
	background:#035c26;
	color:#fff;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:15px;
}

.modif_actu_section a{
	color:#ec5b00;
	font-weight:700;
	text-shadow:1px 1px 1px black;
}

.modif_agenda a:hover{
	text-decoration:underline;
}

.modif_agenda_n-1 p{
	color:#f6900b;
	font-weight:600;
}

.modif_effet_block{
	transition: box-shadow 0.5s;
}

.modif_effet_block:hover{
	box-shadow:5px 4px 3px rgba(0,0,0,.2);
}

.modif_second_section{
	/*background:#ddd url(../images/bg_header.png) no-repeat;*/
	padding:15px;
}

.modif_content1{
	margin-bottom:5px;
}

.modif_content1 h4{
	font-weight:bold;
	background:#0a5f12;
	color:#fff;
	padding:7px;
}



.modif_content1 a{
	color:#ab060f;
}

.modif_content1 a:hover{
	text-decoration:underline;
}

.bloc_psgouv{
	margin-bottom:5px;
}

.bloc_psgouv h4{
	font-weight:bold;
	background:#f58d07;
	color:#fff;
	padding:7px;
}



.bloc_psgouv a{
	color:#ab060f;
}

.bloc_psgouv a:hover{
	text-decoration:underline;
}


.bloc_concours{
	margin-bottom:5px;
}

.bloc_concours h4{
	font-weight:bold;
	background:#f60d0f;
	color:#fff;
	padding:7px;
}



.bloc_concours a{
	color:#ab060f;
}

.bloc_concours a:hover{
	text-decoration:underline;
}

.modif_content1_actu{
	margin-bottom:5px;
}

h4.modif_title_n-1{
	font-weight:bold;
	background:#0a5f12;
	color:#fff;
	padding:7px;
}

.modif_content1_actu a{
	color:#ab060f;
}

.modif_content1 a:hover{
	text-decoration:underline;
}

.modif_content_flash{
	margin-bottom:5px;
}

.modif_content_flash h4{
	font-weight:bold;
	background:#0a5f12;
	color:#fff;
	padding:7px;
}

.modif_content_flash a{
	color:#000;
}

.modif_content_flash a:hover{
	text-decoration:underline;
}

.modif_content_flash p{
	color:#000;
	font-weight:600;
	padding:8px;
	background:#fbdd4d;
	border-bottom:2px dashed #fff;
	/*text-shadow:1px 1px 1px #000;*/
}

 

.modif_mediath h4{
	font-weight:bold;
	background:#222;
	color:#fff;
	padding:7px;
}

.modif_mediath_autr p{
	color:#000;
	font-weight:600;
	padding:8px;
	background:#fbdd4d;
	border-bottom:2px dashed #fff;
	opacity:0.9;
	/*text-shadow:1px 1px 1px #000;*/
}

.modif_effet_block{
	transition: box-shadow 0.5s;
}

.modif_effet_block:hover{
	box-shadow:5px 4px 3px rgba(0,0,0,.2);
}

.modif_title_presentplus h4{
	color:#f6900b;
	border-bottom:1px solid #000;
}

h4.modif_faq_agenda{
	font-weight:bold;
	background:#f6900b;
	color:#fff;
	padding:7px;
}

h4.modif_mom_image{
	font-weight:bold;
	background:#0a5f12;
	color:#fff;
	padding:7px;
}

h4.modif_je_veu_savoir{
	font-weight:bold;
	background:#0a5f12;
	color:#fff;
	padding:7px;
}

.modif_image_moment{
	margin: 4% auto;
	width: 210px;
	height: 140px;
	position: relative;
	perspective: 2000px;
}


.modif_lnk_actu_n-1 a{
	color:#d71a16;
}

.modif_lnk_actu_n-1 a:hover{
	color:#222;
}


.modif_block_savoir1{
	border-left:2px solid #f6900b;
	border-radius:5px 0 0 5px;
}

h4.title_autr_savoir{
	color:#f6900b;
	font-weight:600;
	font-size:20px;
	border-bottom:1px dashed green;
}

.modif_col_autr_savoir{
	border-left:2px solid green;
	border-radius:5px 0 0 5px;
}



thead{
	background:red;
	color:#fff;
	text-align:center;
}

.breadcrumb{
	background:#222;
}

.breadcrumb a{
	color:#f6900b;
}

.breadcrumb li{
	color:#fff;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    background-color: #f6900b;
    color: #fff;
}

.nav-pills > li > a{
	color:green;
}


.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}


.category-home{position:relative}.simple-image{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.simple-image img{filter:url("data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filterid=\'grayscale\'><feColorMatrixtype=\'matrix\'values=\'0.33330.33330.3333000.33330.33330.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);opacity:.3}.simple-image:hover img{filter:none;-webkit-filter:grayscale(0%);opacity:1}.title__rotation h1{font-size:13px;color:#dcdcdc;font-family:'Museo Sans Cyrl 100';font-weight:200;position:absolute;width:100%;bottom:150px;left:-100px;text-transform:uppercase;transform:rotate(270deg) scale(1) skew(0deg) translate(0px);-webkit-transform:rotate(270deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(270deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(270deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(270deg) scale(1) skew(0deg) translate(0px)}.title__rotation h1:after{content:'';width:0;background:#fff;position:absolute;margin-left:20px;top:6px;height:1px}.simple-image:hover h1:after{width:60px}.simple-image:hover h1{color:#fff}.simple-image .content{position:absolute;text-align:center;text-transform:uppercase;top:0;margin:0 auto;display:block;left:0;right:0;padding:60px 15px;opacity:1;z-index:9999;color:#fff}.simple-image:hover .content{opacity:0;height:0;padding:0 15px}.hover__active{opacity:0;bottom:0;position:absolute;z-index:999;margin:0 auto;left:-25px;right:0;text-align:center;color:#fff}.simple-image,.simple-image:hover,.hover__active,.simple-image .content,.title__rotation:after,.simple-image img,.title__rotation h1:after,.projects .img,.projects .img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.hover__active span{background:#fecb30;width:48px;height:48px;border-radius:50%;text-align:center;vertical-align:middle;padding-top:17px;display:block;left:0;right:0;margin:0 auto;margin-bottom:10px}.simple-image:hover .hover__active{opacity:1;bottom:35%}.hover__active a{color:#fff;text-transform:uppercase;font-size:12px;margin:0 auto;left:0;right:0}


.modif_bloc_middle_n-1{
	margin-top:10px;
}

*{
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
    box-sizing: border-box;
}
*:before,
*:after{
    box-sizing: border-box;
}

#carousel{
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: rotation 20s infinite linear;
}
#carousel:hover{
	animation-play-state: paused;
}
#carousel figure{
	display: block;
	position: absolute;
	width: 90%;
	height: 50%px;
	left: 10px;
	top: 10px;
	background: #fbdd4d;
	overflow: hidden;
	border: solid 5px #f6900b;
}
#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);}
#carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);}
#carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);}
#carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);}
#carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);}
#carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);}
#carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);}
#carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);}
#carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);}

figure img{
	/*-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);*/
	cursor: pointer;
	transition: all .5s ease;
}
figure img:hover{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
  transform: scale(1.1,1.1);
}

@keyframes rotation{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}

@media (max-width:620){
	
	.modif_image_moment{
	margin: 4% auto;
	width: 170px;
	height: 120px;
	position: relative;
	perspective: 6000px;
	}

	#carousel{
	width: 60%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: rotation 20s infinite linear;
	} 

	#carousel:hover{
		animation-play-state: paused;
	}

	#carousel figure{
		display: block;
		position: absolute;
		width: 60%;
		height: 50%px;
		left: 0px;
		top: 10px;
		background: #fbdd4d;
		overflow: hidden;
		border: solid 5px #f6900b;
	}
	#carousel figure:nth-child(1) { transform: rotateY(0deg) translateZ(288px);}
	#carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);}
	#carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);}
	#carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);}
	#carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);}
	#carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);}
	#carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);}
	#carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);}
	#carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);}


}/*fin @media 620*/

.modif_present_image_moment {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #000;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px 10px 42px;
}
.modif_body_image_moment{
	padding:3px;
}

.modif_body_image_moment p{
	margin:0 0 2px;
	font-size:12px;
}

/*debut css courrier lien popup pdf*/


i.fa-file-pdf-o, i.fa-commenting-o{
	font-size:22px;
	color:green;
	margin-right:5px;
}


/*.hidden-scrollbar {
  overflow:scroll;   
}*/

.hidden-scrollbar .inner {
  height:auto;
}

.inner a{
	color:#f6900b;
	font-weight:600;
	text-decoration:underline;
}

/*.inner p{
	border-bottom:1px solid black;
}*/

.inner_flash a{
	color:#000;
	font-weight:600;
}


.modal.modal-wide .modal-dialog {
  width: 85%;
  height:630px;
}


.modal-wide .modal-body {
  overflow-y: auto;
}

#tallModal .modal-body p { margin-bottom: 900px; }

.close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity:1;
}
/*fin css courrier lien ppopup pdf*/


.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

/* irrelevant styling */

#tallModal .modal-body p { margin-bottom: 900px } 


/*debut css effet zoom image*/


.card .card-image{
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card .card-image img{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.card .card-image:hover img{
    -webkit-transform: scale(1.2) rotate(0deg);
    -moz-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    -o-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
}


/*fin css effet zoom image*/


#custom_carousel .item {

    color:#000;
    background-color:#eee;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:#eee;
    border-top:3px solid orange;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}

h4.modif_actu_codip {
	font-weight:bold;
	background:#0a5f12;
	color:#fff;
	padding:7px;
}


h4.modif_actu{
	font-weight:bold;
	background:#f6900b;
	color:#fff;
	padding:7px;
}

.modif_special_cod a{
	color:#f6900b;
}

.modif_special_cod a:hover{
	text-decoration:underline;
}

.modif_special_cod p{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.modif_special_cod p:hover{
    -webkit-transform: scale(1.1) rotate(0deg);
    -moz-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    -o-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg);
}

.modif_special_cod p{
	border-bottom:1px dashed #000;
}

table{
	width:100%;
}

/*debut css block photos*/


@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}



.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top:15px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}



/*fin css block photos*/
.item a{
	/*color:#d71a16;*/
	font-weight:600;
}

.item a:hover{
	color:#222;
	font-weight:600;
}

.panel{ border-radius:0;}
button{ font-family:Baskerville Old face;}
	

hr{
	width:100%;
	border-bottom: 2px dotted;
	color:gray;
	margin-top:5px;
}

hr.sep{
	width:100%;
	border-bottom: 1px dashed;
	color:gray;
}



/******************debut css ************/

.panel-heading{
	background:#ddd;
}

.modif_first_section{
	padding-top:20px; 
}

@media(max-width: 600px){

	.modif_first_section{
	padding-top:20px;
	margin-top:20px;
	}

}

.modif_block_right h3{
	 color:#000;
	 border-left:2px solid #ab060f;
	 padding-left:8px;
	 font-weight:bold;
	 font-size:21px;
}

.modif_block_right_gauch{
	margin-bottom:5px;
}

.modif_block_right_gauch h4{
	font-weight:bold;
	background:#ab060f;
	color:#fff;
	padding:7px;
}

.modif_block_right_gauch a{
	color:#ab060f;
}

.modif_block_right_gauch a:hover{
	text-decoration:underline;
}

.modif_block_right_gauch img{
	width:100%;
}


.modif_bloc_droit_sm span.fa{
	color:#666;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	padding:5px;
}



/******************fin css service***********/


.modif_milieu .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #d41c14;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.modif_milieu .icon img {
  padding: 27px 0 0 0;
  position: relative;
  z-index: 100;
  transition: all 0.3s ease 0s;
}
.modif_milieu .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border:2px solid #fcde02;
  background:#055425;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.modif_milieu:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.modif_milieu:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.modif_milieu.btm-gre  .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #d61727;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.modif_milieu.btm-gre .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#fcd80a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.modif_milieu.btm-gre:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.modif_milieu.btm-gre:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.btm-clr{
padding:5px;
background:rgba(255, 255, 255, 0.54);;
}

.modif_milieu h4{
color:#fff;
font-family: 'Roboto Slab', serif;
font-size:14px;
text-transform:uppercase;
	background:#74b28b;
	padding:10px;
	margin-top:0;
	border-bottom:2px solid #d01a17;
}

.modif_milieu span{
color:#fff ;
font-size:22px;
padding:10px 5px;
background:#222;
margin-right:5px;
}

.modif_milieu p{
font-size:14px;
line-height:1.8em;
color:#000;
margin:0;
}

.modif_milieu a{
	color:#ea5a01;
}

.modif_milieu a:hover{
	color:#222;
	text-decoration:underline;
}

.modif_media h4{
color:#fff;
font-family: 'Roboto Slab', serif;
font-size:14px;
text-transform:uppercase;
	background:#74b28b;
	padding:10px;
	margin-top:0;
	border-bottom:2px solid #d01a17;
}

.modif_media span{
color:#fff ;
font-size:22px;
padding:10px 5px;
background:#222;
margin-right:5px;
}


/* debut css hover image*/


.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height:auto;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(119,181,140,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-10px;
		width: 100%;
	}

/*fin css hover image*/



i.fa-television, i.fa-dot-circle-o, i.fa-flag-o, i.fa-star-o {
	/*font-size:55px;*/
	text-align:center;
	color:#77b58c;
  /*padding: 27px 0 0 0;*/
  /*position: relative;*/
  /*z-index: 100;*/
  transition: all 0.3s ease 0s;
}

i.fa-facebook-square, i.fa-youtube-square{
	font-size:27px;
}


h2.titr_present{
	color:#000;
	font-weight:bold;
	border-left:2px solid #ab060f;
	padding-left:8px;
}

.modif_picture img{
	margin:0 auto;
	width:100%;
}

.modif_coordn span.fa{
	color:#666;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	padding:5px;
}

.modif_rezo img{
	width:100%;
}

a.recommended-item-control{
	color:#ab060f;
}

a.recommended-item-control:hover{
	color:#000;
}

.modif_last_block_section{
	background:#78b58c;
	padding:10px;
	margin-top:15px;
	margin-bottom:5px;
}

.modif_last_block_section h3 {
    background: #f6900b none repeat scroll 0 0;
    color: #fff;
    margin: 0 auto;
    padding: 15px;
}

.modif_last_block_section h4{
	color: #fff;
}

.modif_footer{
	background:#222;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	bottom:0;
}

.modif_footer a{
	color:#fff;
}

.modif_footer p{
	font-size:13px;
	color:#ddd;
}

.box-rubrique {
	font-size: 13px;
	font-weight: bold;
}
.text-box-colored {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #F90;	
}


.text-rouge-bold {
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	text-align:center;	
}

/*fin css index*/


/*debut css n-1*/






/*fin css n-1*/





/*---------css-ajouté-28-07-2021-------------*/

@media screen and (min-width: 801px) and (max-width: 991px)
	{
		img.modif_logo_responsive {
    width: 50px !important;
    height: 50px !important;
}
	} 

	@media screen and (min-width: 768px)
	{
		.xs-respo-news{
			display: none;
		}
	}

	@media screen and (max-width: 767px)
	{
		.xs-respo-news-1{
			display: none;
		}
	}

	.navbar-brand {
		padding:0px !important;
	}

	/*---------css-ajouté-28-07-2021-------------*/













