@import url(css/font-awesome.css);
@import url(css/font-awesome.min.css);
@import url(font/komika-text_[allfont.net].ttf);
@import url(font/coolvetica_rg.otf);
@import url(css/bootstrap.css);
@import url(css/bootstrap.min.css);
@import url(css/bootstrap-theme.css);
@import url(css/bootstrap-theme.min.css);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);

body{
	font-family: 'Coolvetica', arial;    
	background-color: #ffffff;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, h7{
	font-family: 'Coolvetica', arial !important;
}

a {
	color: inherit !important;
}

a:hover {
	color: inherit !important;
	text-decoration: none !important;
}

header{
	text-align : center;
	/*background-color: #212121;*/
	background: linear-gradient(#cbcbcb, #ffffff);
}

.home_img img{
	width: 120%;
}

header .wrapper{
	margin : 0;
	width : 100%;
}

@media(max-width: 1499px){
	header .wrapper{
		margin : 0;
		width : 100%;
	}
}

@media(max-width: 991px){
	header .wrapper{
		margin : 0;
		width : 100%;
	}
}

@media(max-width: 539px){
	header .wrapper{
		margin : 0;
		width : 100%;
	}
}

.wrapper{
	margin : 0 auto;
    width: 1400px;
}

@media(max-width: 1499px){
	.wrapper{
		width: 1100px;
	}
}

@media(max-width: 1199px){
	.wrapper{
		width: 900px;
	}
}

@media(max-width: 991px){
	.wrapper{
		width: 700px;
	}
}

@media(max-width: 767px){
	.wrapper{
		width: 90%;
	}
}

@media(max-width: 539px){
	.wrapper{
		width: 90%;
	}
}

.large-menu{    
    height: 50px;
	background-color: #0c4b6c;
}

.large-menu ul{    
	display: table;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

.large-menu ul li{    
	list-style: none;
	display: inline;
	color: #ffffff;
    font-size: large;
    line-height: 48px;
    transition: ease all 0.6s;
    padding: 13px;
}

.large-menu ul li:hover{    
	color: #fff;
}

.menu_home {
    position: absolute;
    width: 155px;
    height: 165px;
    margin-left: 119px;
    margin-top: 20px;
}

.small-menu, .block-menu{
	display: none;
	font-size: 40px;
}

.small-menu ul{    
	background-color: #0c4b6c;
    margin: 0;
    text-align: center;
	padding: 0;
}

.small-menu ul li, .block-menu ul li{    
	list-style: none;
	font-size: 25px;
}

.small-menu ul li a{    
	color: #fff !important;
}

.block-menu {
    text-align: center;
}

/*.block-menu ul li a{    
	color: #0c4b6c !important;
}*/

.block-menu ul{    
	padding: 0px;
}

/*.block-menu ul li:nth-child(odd){    
	background: #ffc163;
}

.block-menu ul li:nth-child(even){    
	background: #ff8b01;
}*/

@media(max-width: 767px){
	.large-menu{    
		display:none;
	}
	.small-menu{
		display: block;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 500;
	}
	header{
		margin-top: 35px;
	}
}

.connect a, .connect a:hover {
	color: #dedede !important;
}

.follow-facebook a, .follow-twitter a, .follow-facebook a:hover, .follow-twitter a:hover {
	color: #0c4b6c !important;
}

.connect {
    position: absolute;
    /*background: linear-gradient(45deg, #5cb85c 12%, #3c763d 54%);*/
    font-size: 21px;
    width: 50px;
    /*height: 50px;*/
    line-height: 33px;
    /*border: 4px solid #000;
    border-radius: 10px 0px 20px 10px;*/
	z-index: 20;
}

.connect_after {
    /*position: absolute;
    background: linear-gradient(135deg, #fff 37%, #ddd 68%);
    width: 39px;
    height: 38px;
    border: 4px solid #000;
	z-index: 20;*/
}

.follow-facebook, .follow-twitter {
    position: absolute;
    /*background-image: radial-gradient(circle, #f9e7c9 12%, #ee9c00 54%);*/
    font-size: 21px;
    width: 50px;
    /*height: 40px;*/
    line-height: 33px;
    /*border: 4px solid #000;
    border-radius: 20px;*/
	z-index: 20;
}

.follow-twitter {
    top: 33px;
    right: 0px;
}

.follow-facebook {
    top: 0px;
    right: 0px;
}

.connect {
    top: 0px;
    right: 0px;
}

.connect_after {
    /*top: 65px;
    right: 0px;*/
}


@media(max-width: 767px){
	.connect{
		font-size: 16px;
	}
	.follow-facebook, .follow-twitter {
		font-size: 16px;
	}
	.follow-twitter {
		top: 48px;
	}
	.follow-facebook {
		top: 24px;
	}
}

.under_menu {
    position: absolute;
    z-index: -20;
    background: #000;
    height: 50px;
    /*width: 1400px;*/
    margin-top: -40px;
    border-radius: 70px 70px 0px 0px;
}

.under_content {
    padding: 15px;
    border-radius: 0px 0px 70px 70px;
    text-align: center;
}

/*@media(max-width: 1499px){
	.under_menu, .under_content {
		width: 1100px;
	}
}

@media(max-width: 1199px){
	.under_menu, .under_content {
		width: 900px;
	}
}

@media(max-width: 991px){
	.under_menu, .under_content {
		width: 700px;
	}
}

@media(max-width: 767px){
	.under_menu, .under_content {
		width: 500px;
		margin-top: -10px;
	}
}

@media(max-width: 539px){
	.under_menu, .under_content {
		width: 300px;
	}
}*/

.content {
    background: #fff;
}

.block_home{
	text-align: center;
    margin-top: -20px;
    padding: 20px;
	border-bottom: 3px solid #000;
}
 
@media(max-width: 767px){
	.block_home:nth-child(1), .block_home:nth-child(3){
		display: none;
	}
}
 
.block_home_img {
    display: block;
    position: relative;
    width: 100%;
    /*height: 170px;*/
    overflow: hidden;
}

.block_home_img img {
    width: auto;
    height: 170px;
    transition: ease all 0.6s;
}

.block_home_img img:hover {
    /*width: 150%;
	margin-left: -25%;
	margin-top: -25%;*/
	opacity: 0.7;
	transition: ease all 0.6s;
}

.block_article {
}

.block_news article {
	padding: 20px;
}

.block_news article:nth-child(odd){
	background: #eee;
}

label {
    width: 120px;
}

textarea {
    width: 100%;
}

.show_page{
	overflow: hidden;
}

.show_page img{
	width: 100%;
}

.imgpage {
    text-align: center;
}

.imgpage img {
	width: 100%;
}
 
@media(max-width: 767px){
	.imgpage img {
		width: 100%;
	}
}

.arrows {
	text-align: center;
    font-size: 30px;
}

.carousel_video{
	text-align: center;
}

.nav_btn{
	text-align: center;
}

#video_ytb{
	width: 840px;
    height: 560px;
}

@media(max-width: 1499px){
	#video_ytb{
		width: 840px;
		height: 560px;
	}
	
	#prev_pic , #next_pic {
		/*margin-top: 240px !important;*/
	}
}

@media(max-width: 1199px){
	#video_ytb{
		width: 720px;
		height: 480px;
	}
	
	#prev_pic , #next_pic {
		/*margin-top: 200px !important;*/
	}
}

@media(max-width: 991px){
	#video_ytb{
		width: 480px;
		height: 320px;
	}
	
	#prev_pic , #next_pic {
		font-size: 30px;
		/*margin-top: 160px !important;*/
	}
	
	.td_link img {
		width: 100% !important;
	}
}

@media(max-width: 767px){
	#video_ytb{
		width: 360px;
		height: 240px;
	}
	
	#prev_pic , #next_pic {
		font-size: 30px;
		/*margin-top: 120px !important;*/
	}
	
	#album tr {
		display: grid;
	}	
	
	#album #links tr {
		display: inline-block;
	}
	
	.td_album {
		width: 100% !important;
	}
	
	.td_description {
		width: 100% !important;
	}
	
	.td_photo {
		width: 100% !important;
	}
	
	.block_article #galerie{
		/*display: none;*/
	}
	
	.block_article #videos{
		display: none;
	}
}

@media(max-width: 539px){
	#video_ytb{
		width: 240px;
		height: 160px;
	}
	
	#prev_pic , #next_pic {
		font-size: 30px;
		/*margin-top: 80px !important;*/
	}
			
	.td_link img {
		padding: 5px !important;
	}
}

@media(max-width: 400px){
	#video_ytb{
		width: 160px;
		height: 110px;
	}
	
	#prev_pic , #next_pic {
		font-size: 30px;
		/*margin-top: 80px !important;*/
	}
}

#prev_pic , #next_pic {
    font-size: 40px;
    border: none;
    background: transparent;
    /*margin-top: 240px;*/
}
	
.block_pic{
}

.carousel_video img {
    max-width: 100px;
    min-width: 25px;
}

.page404{
	text-align: center;
}

.block_pic, .block_sing {
    text-align: center;
}

footer {
	background-color: #0c4b6c;
}

.block_pic p, .block_sing p{
    text-align: justify;
}

.td_description {
	text-align: justify;
	width: 33%;
}

.td_album {
	text-align: left;
	width: 33%;
}

.td_photo {
	text-align: right;
	width: 33%;
}

.td_album img {
	width: 100%;
	padding: 15px;
}

.td_photo img {
	width: 100%;
}

.td_description p {
	padding: 15px;
	font-size: 20px;
}

@media(max-width: 991px){
	.td_description p {
		font-size: 15px;
	}
}

#biographie {
	text-align: justify;
	/*background-color: #b1bbc4;*/
    padding: 20px;
}

#biographie h2 {
	text-align: center;
}


.td_link {
	width: 25%;
	text-align: center;
	padding: 15px;
}

.td_link img {
	width: 50%;
	text-align: center;
	padding: 15px;
}

#links {
	width: 100%;
    background-image: linear-gradient(#00000033, #00000099), url(../images/P1100570.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.row {
	margin : 0px !important
}



.container img{
    /*width: calc(1920px/10);*/
    height: calc(1080px/10);
}
.container{
    margin: 50px 0 0 27%;
    padding: 10px;
    /*width: 44%;
    border: 10px groove rgba(0, 0, 0, 0.575);
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.424);*/
}
h1{
    text-align: center;
}

/*le style appliquer au bouton*/

.container button{
    border: 2.5px solid black;
    background-color: white;
    color: black;
    font-size: 22px;
    font-family: consolas;
    width: 150px;
    height: 45px;
    position: relative;
    top: 50px;
    left: 600px;
    transition-duration: .2s;
}
.container button:hover{
    background-color: black;
    color: white;
    transition-duration: .2s;
}

.video_table{
	width: 100%;
}

#item-options{
	width: 100%;
    font-size: 20px;
}

.logo_entete_facebook {
	position: fixed !important;
    top: 0;
    right: 0;
    z-index: 1000;
    padding: 5px;
}

.logo_entete_youtube {
	position: fixed !important;
    top: 125px;
    right: 0;
    z-index: 1000;
    padding: 5px;
}

.logo_entete_tiktok {
	position: fixed !important;
    top: 182px;
    right: 0;
    z-index: 1000;
    padding: 5px;
}

.logo_entete_instagram {
	position: fixed !important;
    top: 65px;
    right: 0;
    z-index: 1000;
    padding: 5px;
}

.logo_entete_facebook p {
	background-color: #38569e;
	margin-top: 1px;
}

.logo_entete_youtube p {
	background-color: #da2624;
	margin-top: -4px;
}

.logo_entete_tiktok p {
	background-color: #000;
	margin-top: -2px;
}

.logo_entete_instagram p {
	background-color: #db2a70;
	margin-top: 1px;
}

.logo_entete_facebook img, .logo_entete_youtube img, .logo_entete_tiktok img, .logo_entete_instagram img {
	width: 35px;
}

.logo_entete_facebook p, .logo_entete_youtube p, .logo_entete_tiktok p, .logo_entete_instagram p {
	color: white;
	padding: 2px;
	border-radius: 5px;
	font-size: 10px;
}

.table_event {
	width: 100%;
	border-collapse: collapse;
}

.table_event tr:nth-child(even){
	background-color: #f8f6ff;
}

.table_event td{
	color: gray;
	line-height: 2.0;
}

.table_event .firstlign{
    color: #fff;
    background-color: #0c4b6c;
}

.table_event .firstlign td{
    color: #fff;
	font-variant: all-small-caps;
	font-size: large;
	line-height: 2.0;
}