@charset "utf-8";
/* CSS Document */



/* ADDTHIS SHAREBAR
-------------------------------------------------- */
#sharebar {top: 565px;}




/* BANDO
-------------------------------------------------- */
.bando {height: 320px; background: #699418 url(../img/home/map_europe.png) no-repeat right top;}
.bando .container {padding: 40px 30px 0 30px;}
.bando h1, .bando p {color: #FFF;}
.bando h1 {font-family: 'Montserrat Subrayada', sans-serif; font-size: 22px; font-weight: 400; margin: 0 0 20px 0;}
.bando h1 span {color: #f8b322;}
.bando p {font-size: 14px; line-height: 22px; font-weight: 300; margin-bottom: 20px;}
.bando p strong {font-weight: 600;}
.bando a {display: inline-block; float: right; font-family: 'Montserrat',sans-serif; font-size: 14px; height: 35px; line-height: 35px; text-transform: uppercase; color: #FFF; background: #f8b322; padding: 0 20px;}
.bando a i {font-size: 20px; top: 3px; margin-left: 5px;}
.bando a:hover {color: #f8b322; background: #FFF;}


/* CONTENT
-------------------------------------------------- */
.content {padding: 80px 0 0 0;}


/* BLOCS
-------------------------------------------------- */
.bloc_icon {height: auto; padding: 0 0 70px 0; margin-bottom: 70px; background: #FFF url(../img/home/bg_bloc750.png) no-repeat center bottom; text-align: center;}
.bloc_icon h2 {font-size: 20px; text-transform: uppercase; margin: 50px 0 20px 0;}
.bloc_icon h3 {font-size: 14px; text-transform: uppercase;}
.bloc_icon p {font-size: 14px;}
.bloc_icon img {max-width: 100%;}
.bloc_icon .btn {position: absolute; bottom: 15px; right: 15px; border-radius: 0; font-size: 12px; font-weight: 800; color: #FFF; text-transform: uppercase;}
.bloc_icon .btn:hover {-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);}

.bloc_icon.bloc_sm h2 {margin-bottom: 15px;}


/* restaurant finder */
.bloc_icon.yellow {border-top-color: #ffcf00;}
.bloc_icon.yellow i,
.bloc_icon.yellow .btn{background: #ffcf00;}
.bloc_icon.yellow figure {display: inline-block; width: 90%;}
.bloc_icon.yellow img {border: 1px solid #b6b3b2;}

/* tools */
.bloc_icon.red {border-top-color: #b3071b;}
.bloc_icon.red i,
.bloc_icon.red .btn {background: #b3071b;}
.bloc_icon.red .row {margin: 0;}
.bloc_icon.red h3 {color: #b3071b; text-align: left; margin: 0;}
.bloc_icon.red img {border: 1px solid #b6b3b2; width: 100%; max-width: none;}
.bloc_icon.red article {margin-bottom: 6px;}

/* videos */
.bloc_icon.kaki {border-top-color: #5d570e;}
.bloc_icon.kaki i,
.bloc_icon.kaki .btn {background: #5d570e;}

/* publications */
.bloc_icon.ltgreen {border-top-color: #d3df89;}
.bloc_icon.ltgreen i {background: #d3df89;}

/* 10ans */
.bloc_icon.green {border-top-color: #699418;}
.bloc_icon.green i {background: #699418;}

/* news */
.bloc_icon.blue {border-top-color: #00368b;}
.bloc_icon.blue i,
.bloc_icon.blue .btn {background: #00368b;}
.bloc_icon.blue h3 {color: #00368b; margin: 10px 0;}
.bloc_icon.blue hr {border-top: 1px solid #00368b; margin: 10px 15px;}
.bloc_icon.blue ul {text-align: left; margin: 0 15px;}
.bloc_icon.blue ul li {margin-bottom: 10px; font-size: 11px;}
.bloc_icon.blue ul h4 {text-align: left; font-size: 11px; color: #00368b; text-decoration: underline; margin: 0;}
.bloc_icon.blue ul a:hover {color: #00368b;}
.bloc_icon.blue ul span {font-size: 14px; color: #00368b; top: 3px;}


/* HOVER
-------------------------------------------------- */
.item a {position: relative; display: block;}
.item .hover {position: absolute; top: 0; left: 0; display: table-cell; width: 100%; height: 100%; background: url(../img/common/bg_black70.png);}
.item .hover span {position: absolute; font-size: 32px; color: #FFF; top: 50%; left: 50%; margin: -16px 0 0 -16px;}


/* CAROUSEL
-------------------------------------------------- */
.carousel .item a {width: 200px; margin: 5px auto;}
.carousel .item img {width: 200px; margin: 5px auto; border: 1px solid #DDD; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.carousel-caption {position: relative; left: auto !important; right: auto !important; bottom: auto; width: 240px; margin: auto; padding: 10px 0; color: #333; font-size: 13px; font-weight: 600; text-shadow: none;}
.carousel-control {font-size: 20px; color: #d3df89; text-shadow: none; background: none !important; filter: none !important;}
.carousel-control:hover,
.carousel-control:focus {color: #d3df89; opacity: 1; filter: alpha(opacity=100);}
.carousel-control .glyphicon {margin-top: -50px;}


/* MODAL
-------------------------------------------------- */
.modal-backdrop.in {
    opacity: .6;
    filter: alpha(opacity=60);
}
.modal-dialog {
	max-width: 90%;
	margin: 20px auto;
}
.modal-content {
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.modal-header {
	border: none;
	padding: 20px;
}
.modal-header img {
	width: 200px;
}
.modal-body {
	background: url(../img/bg-conference.jpg);
	background-size: cover;
	background-position: center;
	color: white;
	padding: 50px 20px 30px;
	text-align: center;
}
.modal-body p {
	font-size: 18px;
}
.modal-body h1 {
	font-size: 22px;
	margin: 15px 0;
}
.modal-body .btn-register {
	background: #699418;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.modal-body .btn-register:hover {
	background: #5f841b;
}
.close {
    float: none;
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    outline: none;
    text-shadow: none;
    opacity: 1 !important;
}
.close:hover,
.close:focus {
	color: white;
}



/* RESPONSIVE ADJUSTMENTS
-------------------------------------------------- */
@media (min-width: 568px) {
	.modal-body p {
		font-size: 22px;
	}
	.modal-body h1 {
		font-size: 30px;
	}
}

@media (min-width: 768px) {
	.bando .container {padding: 50px 30px 0 30px;}
	.bando h1 {font-size: 26px; margin: 0 0 30px 0;}
	.bando p {font-size: 17px; line-height: 24px;}
	.bloc_icon.yellow figure {width: auto;}
	.modal-dialog {
		margin: 60px auto;
	}
	.modal-body {
		padding: 70px 20px 30px;
	}
	.modal-body .btn-register {
	    margin-top: 50px;
	}
}

@media (min-width: 992px) {
	.bando .container {padding: 50px 50px 0 50px;}
	.bando h1 {font-size: 30px;}
	.bando p {font-size: 18px; line-height: 28px;}
	.bando a {font-size: 16px; height: 40px; line-height: 40px;}
	.bando a i {font-size: 22px;}
	.bloc_icon {background: #FFF url(../img/home/bg_bloc.png) no-repeat center bottom; height: 530px; padding-bottom: 0;}
	.bloc_icon.bloc_sm {height: 460px;}
}

@media (min-width: 1200px) {
	.bando .container {padding: 60px 110px 0 110px;}
	.bloc_icon .btn {font-size: 14px;}
}