/*COULEURS
	#343434 : black text
	#ae9364 : brown
	#efefef : gray
	#333333 : gray background
	#da2200 : red
*/
/*RESET*/
*{margin:0px;padding:0px;}
table{border-collapse:collapse;}
*:focus{outline: none;}
input,textarea{-webkit-appearance:none;}

/*SELECTION*/
::selection {background:black;color:white;opacity:1;}
::-moz-selection {background:black;color:white;opacity:1;}

/*BODY*/
body, input, textarea,input{font-family: 'PT Sans', Arial, Serif;font-size:15px;font-weight:400;text-align:left;margin-top:0px;color:#626262;letter-spacing:0px;}
body{width:100%;background-color:white;overflow:auto;}
body a{text-decoration: none;color:#da2200;}
body a:hover{text-decoration:none;color:#ae1b00;}
body a img{border:none;}
body .a_gray, body .a_gray a{color:#626262;}
body .a_gray:hover, body .a_gray a:hover{color:#ae1b00;}
body .red{color:#da2200;}

/*H title*/
h1{font-family:'PT Serif';font-weight:400;letter-spacing:2px;font-size:26px;}
h2{font-family:'PT Serif';font-weight:900;font-size:22px;}

/*TRANFORMATION*/
.transition{-webkit-transition: all 0.2s;transition: all 0.2s;}

/*PAGE*/
.page{width:1200px;margin:auto;}

/*FONT*/
.ptserif{font-family:'PT Serif';font-weight:700;}
.t14{font-size:14px;}
.t12{font-size:12px;}
.gray{color:#999898;}

/*BUTTON*/
.whitebutton{border:1px solid white;padding:10px;font-size:15px;font-family:"Montserrat";color:white;text-transform:uppercase;cursor:pointer;width:120px;margin:auto;}
.whitebutton:hover{border:1px solid red;background-color:white;color:red;}

/*MENU*/
#menu{height:120px;width:100%;font-family:'PT Sans';}
#logo{background:url('../img/logo/logo.png') no-repeat;background-size:100% 100%;width:500px;height:94px;margin-top:20px;float:left;}
#menu_items{width:240px;float:right;margin-top:40px;}
.menu_item{float:left;margin-top:5px;}
.menu_item_v_bar{float:left;margin-right:10px;margin-left:10px;height:30px;width:3px;background-color:#e9e9e9;}

/*BANIERE*/
#baniere{height:350px;width:100%;margin-bottom:25px;background:url('../img/images/background1.jpeg') no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
#stay_connected{position:absolute;right:50px;bottom:50px;border:1px solid white;padding:10px;font-family:"Montserrat";color:white;text-transform:uppercase;cursor:pointer;}
#stay_connected:hover{background-color:rgba(255,255,255,0.1);}
#stay_social{position:absolute;left:50px;bottom:50px;}

/*MAIN_MENU*/
#main_menu{height:50px;margin-bottom:25px;}
.main_menu_item{border-left:3px solid #ebebeb;padding-left:10px;margin-right:50px;float:left;} 
.main_menu_item2{font-size:18px;padding-right:50px;float:right;margin-top:13px;}
.main_menu_title{font-size:25px;font-family:'PT Serif';color:#626262;}
.main_menu_subtitle{font-style:italic;color:#da2200;}

/*CONTENT*/
#content{display:table;}

/*FORM*/
input{padding:10px;border:1px solid #999898;width:calc(50% - 30px);margin-right:5px;margin-top:10px;background:none;}
input[type=submit]{padding:10px;border:2px solid #999898;width:100px;text-align:center;background:none;cursor:pointer;margin-top:7px;}
input[type=submit]:hover{border:2px solid #999898;width:100px;text-align:center;background-color:#999898;color:white;cursor:pointer;}
textarea{padding:10px;border:1px solid #999898;width:calc(100% - 28px);margin-top:10px;height:100px;}


/*AGENDA*/
.agenda_event{padding:10px;border-bottom:1px solid #efefef;}
.agenda_date{font-size:13px;font-style:italic;}

/*BOXES*/
.box1x3{width:460px;height:500px;float:left;box-sizing:border-box;padding:20px;position:relative;overflow-y:hidden;border:3px solid #ebebeb;}
.box2x3{width:740px;height:500px;float:left;box-sizing:border-box;padding:20px;position:relative;overflow-y:hidden;border:3px solid #ebebeb;}
.scrollable{overflow-y:scroll !important;}
.no_border{border:none;}

#box_agenda_a_on{position:absolute;bottom:10px;right:10px;}
#box_agenda_a_off{position:absolute;bottom:10px;right:10px;display:none;}
.text-box-shadow {box-shadow: inset 0 -25px 50px -35px rgba(0, 0, 0, 1);}
.text-box-shadow2 {box-shadow: inset 0 25px 50px -35px rgba(0, 0, 0, 1),inset 0 -25px 50px -35px rgba(0, 0, 0, 1);}
.text-box-shadow3 {box-shadow: inset 0 25px 50px -35px rgba(0, 0, 0, 1);}

#agenda{height:auto !important;}
#agenda2{height:auto !important;}
.show_all,.show_all2{display:none;}

/*BOXES COLOR*/
.b_gray{background-color:#ebebeb;}

/*LINK_BOX*/
.link_box{border:3px solid #da2200;float:right;padding:10px 20px 10px 20px;}
.link_box:hover{color:white;background-color:#da2200;}

/*RED BARS-ARROW*/
.red_bar{width:100%;height:3px;background-color:#da2200;margin-top:-10px;margin-bottom:35px;}
.red_bar2{max-width:200px;height:3px;background-color:#da2200;margin-top:-10px;margin-bottom:35px;}
.gray_bar{width:100%;height:1px;background-color:#cfcfcf;margin-top:20px;margin-bottom:20px;}
.gray_bar_double{width:100%;height:1px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;margin-top:20px;margin-bottom:20px;}
.link_arrow{margin-right:30px;vertical-align:-3px;}
.blank_line{clear:both;width:100%;height:15px;}

/*ALIGN*/
.r{text-align:right;}
.c{text-align:center;}
.v_on{display:table;}
.v{display:table-cell;vertical-align:middle;}

/*PADDING*/
.pt40{padding-top:40px;}
.p60{padding:60px;}

/*FOOTER*/
#footer{width:100%;min-height:400px;background-color:#ebebeb;font-size:13px;}
.bottom_item{float:left;margin-right:50px;}
.bottom_item_r{float:right;margin-left:50px;}
.bottom_title{font-family:'PT Serif';font-size:15px;}
#footer a{color:#626262;}
#footer a:hover{color:#ae1b00;}

/*OTHER PAGES*/
.gray_box{background-color:#ebebeb;padding:40px;}
.white_box{border:3px solid #ebebeb;padding:40px;}
.link_a{float:left;width:70px;margin-right:30px;font-family:'PT Serif';}
.link_c{float:left;width:120px;margin-left:30px;}
.link_b{float:left;width:calc(100% - 250px);}
.txt_a{float:left;width:calc(50% - 20px);margin-right:20px;}
.txt_titre{font-family:'PT Serif';font-weight:700;}
.txt_titre_big{font-family:'PT Serif';font-weight:700;font-size:22px;}
.about_a{float:left;width:50%;padding-right:50px;box-sizing:border-box;}
.delegate_box{margin:0 20px 20px 0px;padding:20px;background-color:#ebebeb;float:left;width:calc(50% - 50px);height:160px;}
.delegate_box + .delegate_box{margin-right:0;}
.delegate_title{font-family:'PT Serif';font-size:24px;}

.table{display:table;}
.tr{display:table-row;}
.td{display:table-cell;padding:0px 10px 0px 0px;}

.small{font-size:12px;}
.bottom_right{position:relative;margin-right:20px;}

/*CALENDRIER*/
.calendar_mois{width:200px;margin:auto;margin-bottom:20px;}
.calendar_mois table{width:100%;height:150px;text-align:center;}
.calendar_titre{font-weight:bold;font-size:15px;text-align:center;}
.calendar_today{font-weight:700;}
.calendar_event{color:#da2200;cursor:pointer;}
.calendar_event:hover{color:#ae1b00;}

/*CAPTCHA*/
#captcha{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);width:100%;height:100vh;display:none;z-index:1000;}
#captcha_in{width:160px;background-color:white;margin:auto;margin-top:100px;padding:50px;text-align:center;}

/*CONTACT*/
#contact_message{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);width:100%;height:100vh;display:none;z-index:1000;}
#contact_message_in{width:200px;background-color:white;margin:auto;margin-top:100px;padding:50px;text-align:center;}

p{margin:0;padding:0;}

/*RESPONSIVE*/
@media (max-width: 1300px){
	.page{width:900px;}
	#baniere{height:250px;}
	.box1x3{width:300px;}
	.box2x3{width:600px;}
	.main_menu_item{margin-right:35px;}
	.main_menu_item2{font-size:14px;padding-right:10px;}
	.main_menu_title{font-size:21px;}
}
@media (max-width: 900px){
	#page,#footer{overflow:hidden;}
	.bt900{display:none;}
	#content{display:block;}
	#baniere{height:250px;width:100%;margin-bottom:15px;background:url('../img/images/background1.jpeg') no-repeat center 95%;background-size:900px auto;position:relative;}
	#logo{background:url('../img/logo/logo_court.png') no-repeat;background-size:auto 100%;width:300px;height:74px;margin-top:20px;margin-left:8px;float:left;}
	.main_menu_item{border-left:0px;padding:10px;margin-right:0px;width:calc(50% - 20px);float:left;} 
	.main_menu_item:hover{background-color:#f8f8f8;}
	#main_menu{height:auto;margin-bottom:15px;}
	.page{width:100%;}
	.box1x3{width:100%;height:auto;margin-bottom:30px;}
	.box2x3{width:100%;height:auto;margin-bottom:30px;}
	.bottom_item{float:left;margin-right:15px;margin-left:15px;}
	.bottom_item_r{float:right;margin-left:15px;margin-right:15px;}
	.about_a{padding:20px;}
	.about_a img{width:100%;}
	.about_b{padding:20px;}
}
@media (max-width: 650px){
	#menu{height:auto;}
	#menu_items{width:auto;float:right;margin-top:0px;margin-right:20px;text-align:right;position:relative;}
	#logo{float:none;}
	#baniere{height:200px;width:100%;margin-bottom:15px;background:url('../img/images/background1.jpeg') no-repeat center 95%;background-size:650px auto;position:relative;}
	.box1x3{width:100%;height:auto;padding-top:30px;padding-bottom:30px;}
	.box2x3{width:100%;height:auto;padding-top:30px;padding-bottom:30px;}
	.p60{padding:20px;}
	.gray_box{background-color:#ebebeb;padding:20px;}
	.white_box{border:3px solid #ebebeb;padding:20px;}
	.bottom_item_r{float:left;width:calc(50% - 30px);}
	.bottom_item{margin-bottom:50px;width:calc(50% - 30px);}
	.about_a{float:none;width:100%;padding:20px;}
	.about_b{padding:20px;}
	.delegate_box{margin:0 20px 20px 0px;padding:20px;float:none;width:calc(100% - 40px);height:auto;}
	.table{display:block;}
	.tr{display:block;}
	.td{display:block;padding:0px 10px 0px 0px;}
	.link_a{float:none;width:100%;margin-right:0px;}
	.link_c{float:none;width:100%;margin-left:0px;}
	.link_b{float:none;width:100%;}
	.link_arrow{margin-right:10px;vertical-align:-3px;}
	.txt_a{float:none;width:100%;margin-right:0px;margin-bottom:20px;}
}