/* FONTS */

@font-face {
  font-family: 'QuicksandBold';
  src: url('../fonts/Quicksand_Bold.otf') format('opentype'),
  url('../fonts/QuicksandBold-Regular.eot') format('embedded-opentype'),
  url('../fonts/QuicksandBold-Regular.svg') format('svg'),
  url('../fonts/QuicksandBold-Regular.ttf') format('truetype'),
  url('../fonts/QuicksandBold-Regular.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'QuicksandBook';
    src: url('../fonts/Quicksand_Book.otf') format('opentype'),
  url('../fonts/QuicksandBook-Regular.eot') format('embedded-opentype'),
  url('../fonts/QuicksandBook-Regular.svg') format('svg'),
  url('../fonts/QuicksandBook-Regular.ttf') format('truetype'),
  url('../fonts/QuicksandBook-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'reis_font';
   src: url('../fonts/REIS-Regular.otf') format('opentype'),
  url('../fonts/REIS-Regular.eot') format('embedded-opentype'),
  url('../fonts/REIS-Regular.svg') format('svg'),
  url('../fonts/REIS-Regular.ttf') format('truetype'),
  url('../fonts/REIS-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* BASE */

html,
body{
	height : 100%;
	margin : 0;
	font-family: 'QuicksandBook';
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'QuicksandBold';
	letter-spacing: 1px;
	color : #42394a;
}

p, a {
	font-family: "Raleway";
}

hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e9e9e9;
    margin: 1em 0;
    padding: 0;
}

#wrapper{
	width : 100%;
	margin : auto;
	z-index : 0;
	background-color: white;
}


.line_tab_mobile{
	display: none;
}

/* HEADER */

header{
	position :relative;
	max-height: 700px;
	display: inline-block;
	width : 100%;
	height : 30%;
	text-align: center;
	z-index : 1;
	background-image: url('../img/background_header.jpg');
	background-size: 100%;
}

.header_home {
	padding-bottom: 70px;
}

#degrader{
	display : inline-block;
	width: 100%;
	background : -webkit-gradient(linear, left 90%, left top, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,1)));
	z-index : -1;
	padding-bottom: 70px;
	height: 100%;
}

.deg_home {
	background : -webkit-gradient(linear, left 50%, left top, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))) !important;
}

/* MENU-H */

#menu_h{
	position : relative;
	text-transform: uppercase;
	white-space: nowrap;
	display : inline-block;
	width : 90%;
	z-index : 201;
}

#menu_h img{
	width : 90px;
}

#margin_menu{
	margin-top : 60px;
}

#menu_h #logo_loisirs{
	float : left;
	width : 190px;
}

#menu_h p{
	font-weight: bold;
	font-family: 'QuicksandBold';
	vertical-align: middle;
	display: table-cell;
}


#menu_h a{
	text-decoration: none;
	padding : 20px 0px;
	font-family: 'QuicksandBold';
	color : #4e4049;

}

#menu_spacing {
	font-weight: bold;
	font-family: 'QuicksandBold';
	vertical-align: middle;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	justify-content : space-between;
	-webkit-justify-content : space-between;
	padding-top : 10px;
	width : 70%;
	margin : auto;
}

.logo_link{
	padding : 0px !important;
}

#menu_spacing a:hover{
	color : #faa541;
}

#logo_ge{
	float : right;
}

.menu_point{
	vertical-align: 4px;
	font-size: 20pt;
	color: #4e4049;
	padding-top : 10px;
}

 .index  #activeAccueil, .activite_annee #activeAnnee, .activite_vacances #activeVacances, .moniteur #activeMoniteur, .compte #activeCompte, .tableau #activeTableau, .organisme #activeOrganisme, .activeFAQ #activeFAQ {
	color : #faa541;
}

ul.ui-autocomplete,
ul.ui-autocomplete .ui-menu-item{
	width: 250px !important;
}

ul.ui-autocomplete .ui-menu-item{
    line-height: 1.4em;
    display: block;
    padding: .705em 2.1em .405em 1em;
    outline: none;
    text-decoration: none;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: #333333;
    font-size: 12pt;
    text-align: left;
	border-top: 1px solid #ebebeb !important;
}

/*
.activite_extra #activeActivite, .index #activeAccueil, .activite #activeAnnee, .anneescolaire #activeAnnee, .search #activeAnnee {
	color : #faa541;
}
*/



a#candidature, a#connexion, a#sibling  {
	border-radius: 0px 0px 10px 10px;
	text-transform: uppercase;
	text-decoration: none;
	color : white;
	padding : 12px 20px;
	float : right;
	font-size : 10pt;
	letter-spacing: 1px;
	margin-right: 50px;
}
a#sibling {
  float: left;
}

a#candidature {
	background-color : #42394a;
	margin-right: 15px;
}

a#connexion{
	background-color : #faa541;
}

a#sibling{
	background-color : red;
}

.mobile_candidature, .mobile_connexion {
	display : none;
}

.centrer{
	width : 100%;
	display: inline-block;
	background : none;
}

.centrer_content_head{
	margin-top : 50px;
	display: inline-block;
	width: 100%;
}

.centrer_content{
	margin-bottom: 50px;
	display: inline-block;
	width: 100%;
}

#activity{
	position : relative;
	width : 100%;
	margin : auto 0;
	display: inline-block;
	margin-top : 100px;
	margin-bottom: 100px;
}

#activity .circle_activity{
	text-transform: uppercase;
	border-radius: 50%;
	width : 20%;
	min-width : 400px;
	min-height: 400px;
	text-align: center;
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	font-family: "reis_font";
}

#activity .circle_activity img{
	padding-top : 30px;
	width : 40%;
}

#activity .circle_activity a {
	font-family: "QuicksandBook";
	color : #faa541;
	font-weight: bold;
	letter-spacing: 1px;
}

.circle_left {
	margin-right : 10%;
}


#activity .circle_activity h1, #activity .circle_activity h2 {
	font-family: "reis_font";
	color: #4e4049;
	font-size: 34pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: 3px;
}

#activity .circle_activity h1{
	margin-bottom : 20px;
}

#activity .circle_activity h2{
	font-size : 20pt;
	margin-top : 5px;
}


/* CONTENT */

#content{
	width : 80%;
	margin : 0 auto;
}

#content h2{
	text-transform: uppercase;
	color : #42394a;
}

#content h3{
	text-transform: uppercase;
	color : #42394a;
	display : inline-block;
	font-weight: bold;
}

.content_text{
	font-size : 13pt;
	width : 55%;
	color : #999999;
	float : left;
	line-height: 26pt;
	text-align: justify;
	margin-bottom: 50px;
	font-family: 'Raleway';
  margin-left: 10px;
}

.activite .content_text{
	float : left;
	margin-left : 100px;
}

a[x-apple-data-detectors] {
  color: #faa541 !important;
  text-decoration: none !important;
}

.content_info .activite{
	float : left;
}

.content_text .activite{
	margin-left : 100px;
}


.activite h3{
	font-size: 12pt;
}

.activite h2{
	font-size: 14pt;
	padding-bottom: 25px;
}

.content_text a {
	text-decoration: none;
	color : #faa541;
}

.content_info{
 	width : 25%;
 	float : right;
 	border : solid 1px #919191;
 	padding : 40px 40px;
 	background-color: #f9f9f9;
 	display: inline-block;
 	font-size : 12pt;
 	color : #919191;
 	text-align: center;
 	margin-bottom: 50px;
}

.content_info.activite{
	float : left;
}


.content_info h3{
	margin-bottom: 0;
	font-size: 10pt;
	letter-spacing: 1px;
}

.content_info p{
	margin-top : 30px;
	font-family: 'QuicksandBook';
	margin-bottom: 5px;
	font-size: 13pt;
	color : #42394a;
}

.title_margin_top{
	margin-top: 50px;
}

.p_spacing_bold {
	letter-spacing: 1px;
	font-weight: bold;
	font-family: 'QuicksandBold' !important;
	margin-top: 5px !important;
	margin-bottom: 30px !important;
}

.align_left {
	text-align: left;
}

.float_right {
	float : right;
}

.text_orange_upper{
	text-transform : uppercase;
	color : #000;
}

.text_bold {
	font-weight: bold;
}

.text_normal {
	font-weight: normal;
	font-size: 16pt !important;
	margin-bottom: 5px;
}

.background_orange {
	background-color : #f8a149;
}

.title_no_margin_bottom{
	margin-bottom: 0;
}

.p_no_margin_top {
	margin-top : 0;
}

#full_content{
	width: 100%;
	margin: 0 auto;
}

.line_text_image{
	display : inline-block;
	margin-bottom: 10px;
}

.img_row{
	width : 50%;
	float : left;
}

.img_row img{
	width: 100%;
}

.text_row{
	width: 50%;
	float : left;
	border-top : 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}

.text_row h1{
	text-transform: uppercase;
	font-weight: normal;
}

.text_row p {
	margin-bottom : 15%;
	line-height: 26px;
}

.title_orange {
	color : #faa541;
}

.content_text_row{
	width : 70%;
	padding : 20px;
	line-height: 40px;
}

#path_link{
	background-color : #faa541;
}

#path_link p{
	margin : 0;
	padding-top : 20px;
	padding-bottom: 20px;
	color : white;
	font-family: 'QuicksandBook';
	text-transform: uppercase;
	font-size: 9pt;
}

.path_link_desktop{
	display: block;
}

.path_link_mobile{
	display: none;
}

#path_link a {
	text-decoration: none;
	color : white;
	letter-spacing: 1px;
	font-weight: bold;
}

#right_icone {
	float: right;
}

#modify_search{
	background-color: #ffbb6a;
	padding : 10px 0px;
	text-transform: uppercase;
	color : white;
}

#modify_search form{
	margin-top : 40px;
}

#modify_search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;
    text-align: left;
    text-transform: uppercase;
}

#modify_search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
    text-align: left;
    text-transform: uppercase;
}

#modify_search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
    text-align: left;
    text-transform: uppercase;
}

#modify_search :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    text-align: left;
    text-transform: uppercase;
}


#modify_search input {
	border : none;
	height: 60px;
	background-color: #f8a149;
	color: white;
	width: 100%;
	background: #ff8000;
}

input[type="range"]{
	width: calc(100% - 100px) !important;
}

#modify_search input[type="date"]{
	text-align: center;
}

#modify_search_spacing input[type="text"]{
	padding-left : 15px;
	cursor: pointer;
}

#modify_search_spacing {
	width: 100%;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	justify-content : space-between;
	-webkit-justify-content : space-between;
}

#modify_search_spacing a {
	width: 100% !important;
	background-color: #f8a149;
	border: none;
	height: 60px;
	color: white;
	background: #ff8000;
}

#modify_search_spacing a.ui-selectmenu:before{
	content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-header.ui-corner-all, .ui-datepicker.ui-corner-all{
	width : 270px !important;
	border : none !important;
	padding : 0px;
	margin-bottom: 0px;
	height : auto !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	height : 1.4em !important;
}

.ui-datepicker .ui-datepicker-prev span{
	left : 50% !important;
}

.ui-datepicker .ui-datepicker-next span{
	left : 50% !important;
}

.ui-datepicker .ui-datepicker-prev{
	border : none !important;
	width : 1.8em !important;
}

.ui-datepicker .ui-datepicker-next{
	border : none !important;
	width : 1.8em !important;
}

.ui-datepicker.ui-widget.ui-widget-content{
	border: 1px solid #c5c5c5 !important;
}

.ui-datepicker-next-hover{
	background-color: inherit;
}

.ui-datepicker-prev-hover{
	background-color: inherit;
}

.ui-datepicker table{
	margin : 0px !important;
}

.ui-datepicker .ui-datepicker-title{
	margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-next{
	right : 2px;
}

.ui-datepicker .ui-datepicker-prev{
	left : 2px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	position: absolute;
    top: 2px;
}

.ui-datepicker table{
	width: 100%;
    font-size: .9em;
    border-collapse: collapse;
}

span .ui-selectmenu-status {
	font-size: 10pt;
	padding : 0 20px;
	line-height: 40px;
}

#modify_search_spacing span .ui-selectmenu-status {
	font-size: 10pt;
	padding : 0 30px 0 10px;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
}

/*.ui-selectmenu-menu .ui-widget{
	width: 100% !important;
}*/

#modify_search p{
	letter-spacing: 1px;
}

.modify_search_mobile{
	display : none;
}

.header_search {
	background-color: #faa541;
	border: none;
	height: 40px;
	border-radius: 5px 5px 5px 5px;
	padding : 10px;
	font-size : 10pt;
	margin-right: 1%;
	margin-bottom: 5px;
	width: 20%;
}

.header_search::-webkit-input-placeholder {
  	color: white;
}

.header_search::-moz-placeholder {
	color: white;
}
.header_search:-ms-input-placeholder{
	color: white;
}

.header_search:-moz-placeholder{
	color: white;
}

.search_extra_form::-webkit-input-placeholder {
	margin-left : 10px;
	color : red;
}

.search_extra_form::-moz-placeholder {
	margin-left : 10px;
	color : red;
}
.search_extra_form:-ms-input-placeholder{
	margin-left : 10px;
	color : red;
}
.search_extra_form:-moz-placeholder{
	margin-left : 10px;
	color : red;
}

.btn_white{
	background-color : white !important;
	border: none;
	border-radius: 5px 5px 5px 5px;
	height : 55px;
	padding : 10px 10px;
	font-size : 10pt;
	color : #faa541 !important;
}

.btn_next{
	margin-top: 2px;
	background-color : white !important;
	border: 1px solid #faa541;
	border-radius: 5px 5px 5px 5px;
	height : 35px;
	padding : 10px 10px;
	font-size : 10pt;
	color : #faa541 !important;
	visibility: hidden;
}

.div_pagination{

	width:100%;
	height:40px;
	text-align:center;
}
.div_nbResultat{

	width:100%;
	height:40px;
	text-align:center;
}

.centre{
	width : 80%;
	margin : auto;
}

.centre_menu{
	width: 100%;
}

#title_icone{
	text-align: center;
	width : 45%;
	margin: auto;
	margin-top : 100px;

}
#title_icone h1 {
	text-transform: uppercase;
	color : #42394a;
	font-size : 30pt;
}

#title_icone p{
	color : #999999;
	line-height: 26px;
}

#title_icone img{
	width: 35px;
}

#selection{
	float: right;
	background-color : #42394a;
	border-radius: 0px 0px 10px 10px;
	color : white;
	text-transform: uppercase;
	padding : 12px 40px;
}

#selection a{
	margin : 0;
	font-size: 10pt;
	text-decoration: none;
	color : white;
	letter-spacing: 3px;
}

.selection_centre {
	position: absolute;
	top : 50%;
	left : 50%;
}

.selection_mobile {
	display : none;
}

.search_extra_form{
	width : 30%;
 	float : right;
 	border : solid 1px #e9e9e9;
 	padding : 40px 30px;
 	background-color: #fcfafa;
 	display: inline-block;
 	font-size : 10pt;
 	color : #42394a;
 	text-align: center;
 	margin-bottom : 50px;
}

.search_extra_form input{
	width : 80%;
 	margin-bottom: 39px;
 	/*height : 35px;
 	font-size : 10pt;
 	border: 1px solid #919191;
 	border-radius: 5px 5px 5px 5px;*/
}

.search_extra_form select{
	width : 80%;
	margin-bottom: 10px;
}

.search_extra_form h2{
	padding : 15px 0px;
	font-size: 17pt;
}

.search_extra_form img{
	height : 49.5px;
}

#input_marge_btn{
	margin-top: 30px;
	width : 50%;
}

.long_input {
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 2em;
    line-height: 1em;
}


.add_select, .del_select{
	margin-top: 20px !important;
	width : 75% !important;
	height : auto !important;
	padding : 13px 10px;
	letter-spacing: 3px;
	font-size: 9pt !important;

}


.add_select{
	margin-top: 40px !important;
	background-color : #42394a;
	margin-bottom : 10px !important;
}

.del_select{
	background-color: #e91717;
}

#onglet_area {
	position: relative;
}

#onglet_area .tab-item {
	position: absolute;
	width: 100%;
}

.tab-header {
	width: 33%;
	left: 33.5%;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	z-index: 1;
	background-color: #42394a;
	color: #fff;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	font-family: 'QuicksandBold';
}

#onglet_area .tab-item:first-child .tab-header {
	left: 0;
}

#onglet_area .tab-item:last-child .tab-header {
	left: 67%;
}

#onglet_area .tab-content {
	display: none;
    margin-top: 80px;
}

#onglet_area .tab-item.active .tab-content {
	display: block;
}

#onglet_area .tab-item.active .tab-header {
	background-color: #faa541;
}

.result_tab tr:hover {
	border: none;
	background-color: #f8a149;
}

.result_tab tr:hover a {
	color: #fff;
}

.result_tab tr:hover td.favorisMON .fa-star,
.result_tab tr:hover td.favorisVAC .fa-star{
	color : #fff;
}

.result_tab tr:hover .last_row {
	visibility: visible;
	background-color: #fff;
	color: #faa541;
	border: solid 1px #fff;
}

.result_tab tr:hover .last_row:last-child {
	background-color: #fff;
}

.result_tab .complet:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.7;
}
.result_tab .annulee:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.7;
}

.result_tab .complet:after {
	content: "COMPLET";
	font-family: 'QuicksandBold';
	position: absolute;
   	display: block;
   	font-size: 16px;
   	top: 50%;
   	left: 0;
   	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
}
.result_tab .annulee:after {
	content: "ANNULEE";
	font-family: 'QuicksandBold';
	position: absolute;
   	display: block;
   	font-size: 16px;
   	top: 50%;
   	left: 0;
   	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
}
.result_tab .non_publiee:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.7;
}

.result_tab .non_publiee:after {
	content: "NON PUBLIEE";
	font-family: 'QuicksandBold';
	position: absolute;
   	display: block;
   	font-size: 16px;
   	top: 50%;
   	left: 0;
   	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #F3F781;
	text-align: center;
}

tr.color_anneescolaire th{
	background-color: #8a0000;
}

h1.color_anneescolaire {
	color : #8a0000 !important;
}

tr.color_vacances th{
	background-color: #197b00;
}

h1.color_vacances{
	color : #197b00 !important;
}

tr.color_moniteur th{
	background-color: #1353a2;
}

h1.color_moniteur{
	color : #1353a2 !important;
}

#mot_cleMob, #mot_cle{
	background-color: #c16405 !important;
}

.ui-icon-triangle-1-s {
	background-position: center center;
}

.ui-state-default .ui-icon {
	background-image: url('../img/select_arrow.png');
}

#pop_login {
	position: absolute;
	top: 50%;
	left: 50%;
}

 .radio label,
.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 50px;
    margin-right: 15px;
    font-size: 15px;
    margin-bottom: 30px;
    font-family: 'QuicksandBold';
    position: relative;
}

/* 6.1 RADIO */

 input[type=radio],
input[type=checkbox] {
    display: none;
}

 .radio label:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    position: absolute;
}

 input[type=radio]:checked + label:before {
	content: "\2022";
	color: #000;
	text-align: center;
  	border: 2px solid #000;
}

/* 6.1.1 big */
 .radio label.big:before {
	border-radius: 25px;
	width: 25px;
	height: 25px;
}

 .radio label.big:before {
	top: -9px;
}

 input[type=radio]:checked + label.big:before {
    font-size: 50px;
    line-height: 32px;
}

/* 6.1.2 medium */
 .radio label.medium:before {
	border-radius: 26px;
	width: 22px;
	height: 22px;
}

 .radio label.medium:before {
	top: -8px;
}

 input[type=radio]:checked + label.medium:before {
    font-size: 40px;
    line-height: 30px;
}

/* 6.1.3 small */
 .radio label.small:before {
	border-radius: 23px;
	width: 19px;
	height: 19px;
}

 .radio label.small:before {
	top: -6px;
}

 input[type=radio]:checked + label.small:before {
    font-size: 30px;
    line-height: 25px;
}

/* 6.1.4 tiny */
 .radio label.tiny:before {
	border-radius: 20px;
	width: 16px;
	height: 16px;
}

 .radio label.tiny:before {
	top: -5px;
}

 input[type=radio]:checked + label.tiny:before {
    font-size: 20px;
    line-height: 20px;
}


/* 6.2 CHECKBOXES */

input[type=checkbox] + label:before {
    content: "";
    text-align: center;
    line-height: 15px;
    border: 2px solid #e9e9e9;
	display: block;
	position: absolute;
	left: 0;
}

input[type=checkbox] + label.big:before {
	width: 25px;
	height: 25px;
	top: -9px;
	line-height: 25px;
}

input[type=checkbox] + label.medium:before {
	width: 22px;
	height: 22px;
	top: -8px;
	line-height: 22px;
}

input[type=checkbox] + label.small:before {
	width: 19px;
	height: 19px;
	top: -6px;
	line-height: 19px;
}

input[type=checkbox] + label.tiny:before {
	width: 16px;
	height: 16px;
	top: -5px;
	line-height: 16px;
}

input[type=checkbox]:checked + label:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #000;
    border: 2px solid #000;
    text-align: center;
}

input[type="text"],input[type="password"],input[type="file"],
textarea {
	border : solid 1px #99939c;
	border-radius: 5px 5px 5px 5px;
	font-size : 10pt;
	background: none;
	padding : 0 0 0 0px;
	box-sizing:border-box;
}

input[type="text"], input[type="password"],input[type="file"]{
	height : 40px;
}

textarea{
	height : 50px;
	width: 650px;
	padding-top: 15px;
}
textarea.multi_ligne {
  height : 150px;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus,
textarea:focus{
	border : solid 2px black;
	outline : none;

}

input[type="select"]{
	border : solid 1px #99939c;
	border-radius: 5px 5px 5px 5px;
	height : 40px;
	font-size : 10pt;
}

input[type="date"]{
	border : solid 1px #99939c;
	border-radius: 5px 5px 5px 5px;
	height : 40px;
	margin-bottom: 25px;
	outline: none;
	font-family: 'Raleway';
	color : #212121;
	background: none;
	font-size: 10pt;
	padding: 0 20px;
	box-sizing: border-box;
}

input[type="date"]:hover{
	background-color: #f8a149;
	color : white;
}

input[type="checkbox"]{
	width: auto;

}

#checkbox_label{
	margin: auto;
	margin-top : 20px;
	margin-bottom: 10px;
	width: 80%;
}

input[type=checkbox] + label:before {
    content: "";
    text-align: center;
    line-height: 15px;
    border: 2px solid #e9e9e9;
	display: block;
	position: absolute;
	left: 0;
}

input[type=checkbox] + label.big:before {
	width: 25px;
	height: 25px;
	top: -9px;
	line-height: 25px;
}

input[type=checkbox] + label.medium:before {
	width: 22px;
	height: 22px;
	top: -8px;
	line-height: 22px;
}

input[type=checkbox] + label.small:before {
	width: 19px;
	height: 19px;
	top: -6px;
	line-height: 19px;
}

input[type=checkbox] + label.tiny:before {
	width: 16px;
	height: 16px;
	top: -5px;
	line-height: 16px;
}

input[type=checkbox]:checked + label:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #000;
    border: 2px solid #000;
    text-align: center;
}

/* FENETRE MODALE */

.cModal {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	opacity:0;
	pointer-events: none;
	width: 100%;
}



.back_white{
	background-color : white;
	padding : 30px;
}

.select {
	min-width : 500px;
	max-height: 500px;
	overflow: auto;
}

.back_white .btn{
	float : right;
	color : #f8a149 !important;
}

.back_white label{
	margin-bottom : 10px;
}

.cModal:target{
	opacity: 1;
	pointer-events:auto;
}

#pop_selection .btn_violet{
	width : 300px;
	text-align: center;
	margin-top : 20px;
	color : #fff;
}

/* BOUTON */

.btn_violet, .btn_orange{
	text-transform: uppercase;
	background-color: #42394a;
	color : white;
	height : 40px;
	margin: auto;
	font-size: 11pt;
	border : none;
	border-radius: 5px 5px 5px 5px;
	display : block;
	text-decoration: none;
	min-width: 137px;
	letter-spacing: 2px;
	outline: none;
	line-height: 41px;
	font-family: 'QuicksandBook';
	-webkit-box-shadow: 0px 2px 0px 0px rgba(21, 0, 25, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(21, 0, 25, 1);
	box-shadow:         0px 2px 0px 0px rgba(21, 0, 25, 1);
}

.btn_rouge{
	width : 50%;
	text-transform: uppercase;
	background-color: #e91717;
	color : white;
	height : 40px;
	margin: auto;
	font-size: 12pt;
	border : none;
	border-radius: 5px 5px 5px 5px;
	display : block;
	text-decoration: none;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(180, 0, 25, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(180, 0, 25, 1);
	box-shadow:         0px 2px 0px 0px rgba(180, 0, 25, 1);
}

.link_violet{
	/*width : 30%;*/
	text-transform: uppercase;
	background-color: #42394a;
	color: white;
	text-decoration: none;
	height : 40px;
	font-size: 12pt;
	border: none;
	border-radius: 5px 5px 5px 5px;
	padding : 10px 20px;
}

 .link_orange {
	width: 30%;
	text-transform: uppercase;
	background-color: #faa541;
	color: white;
	text-decoration: none;
	height: 40px;
	font-size: 12pt;
	border: none;
	border-radius: 5px 5px 5px 5px;
	padding: 10px 20px;
}

.link_violet:hover{
	background-color: #e91717;
}

.link_lien_violet:hover{
	color: #e91717;
}

 .link_orange:hover {
	background-color: #faa541;
}

.social_main {
	margin-top: 50px;
	padding: 20px 0;
}

.social_main.black {
	background-color: #42394a;
}

.social_main.orange {
	background-color: #faa541;
}

.icon {
	display: inline-block;
	margin-left: 50px;
	width: 43px;
	height: 43px;
    background-position: top left;
    background-size: 100% 200%;
    cursor: pointer;
}

.icon:hover,
.icon.active {
	background-position: bottom left;
}

/* 2.1 twitter */
.icon.black.twitter {
	background-image: url('../img/rs/black/twitter.png');
}

.icon.orange.twitter {
	background-image: url('../img/rs/orange/twitter.png');
}

/* 2.2 facebook */
.icon.black.facebook {
	background-image: url('../img/rs/black/facebook.png');
}

.icon.orange.facebook {
	background-image: url('../img/rs/orange/facebook.png');
}

/* 2.3 google */
.icon.black.google {
	background-image: url('../img/rs/black/google.png');
}

.icon.orange.google {
	background-image: url('../img/rs/orange/google.png');
}

/* 2.4 instagram */
.icon.black.instagram {
	background-image: url('../img/rs/black/instagram.png');
}

.icon.orange.instagram {
	background-image: url('../img/rs/orange/instagram.png');
}

/* 2.4 vk */
.icon.black.vk {
	background-image: url('../img/rs/black/wk.png');
}

.icon.orange.vk {
	background-image: url('../img/rs/orange/wk.png');
}


#opac{
	background-color: black;
	position: fixed;
	top : 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 10;
	display: none;
}

.modal{
	background-color: white;
	position: absolute;
	z-index: 11;
	top : 250px;
	width: 60%;
	height: 102px;
	display: none;
}
/****** 3. ALERT ******/
.alert {
	width: 100%;
	height: 100px;
	/*margin-top: 50px;*/
	position: relative;
	display: table;
	cursor: pointer;
}

.alert.left,
.alert.right {
	width: calc(50% - 50px);
}

.alert.left {
	float: left;
	clear: both;
}

.alert.right {
	float: right;
}

.alert i {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 14px;
}

.alert .icon {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	left: 0;
	width: 44px;
	height: 44px;
}

.alert .content {
	height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.alert .content div {
	margin-left: 150px;
	width: calc(100% - 300px);
}

.alert .content .title {
	font-size: 20px;
	padding-bottom: 10px;
	font-family: 'QuicksandBold';
}

.alert.left .content .title,
.alert.right .content .title {
	padding: 0;
}

/* 3.1 green */
.alert.green {
	border: 1px solid #0dad6b;
}

.alert.green i,
.alert.green .content {
	color: #0dad6b;
}

.alert.green .icon:before {
	content: url('../img/alert/icon_ok.png');
}

/* 3.2 blue */
.alert.blue {
	border: 1px solid #2ac5fb;
}

.alert.blue i,
.alert.blue .content {
	color: #2ac5fb;
}

.alert.blue .icon:before {
	content: url('../img/alert/icon_information.png');
}

/* 3.3 orange */
.alert.orange {
	border: 1px solid #ff9028;
}

.alert.orange i,
.alert.orange .content {
	color: #ff9028;
}

.alert.orange .icon:before {
	content: url('../img/alert/icon_alert.png');
}

/* 3.4 red */
.alert.red {
	border: 1px solid #e91717;
}

.alert.red i,
.alert.red .content {
	color: #e91717;
}

.alert.red .icon:before {
	content: url('../img/alert/icon_light.png');
}


.pagination a,
.pagination span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
	display: inline-block;
	text-decoration: none;
	font-family: 'QuicksandBold';
	color: #000;
}

.pagination a.active,
.pagination a:hover {
	background-color: #ff9028;
	color: #fff;
	text-decoration: underline;
}

/* TABLEAU */

#pop_login{
	width : 30%;
	min-width : 400px;
	margin:auto;
	text-align: left;
}

#pop_login p{
	float : none;
	padding : 5px 0px;
	margin-bottom: 5px;
	font-weight: normal;
	display : block;
}

#pop_login a{
	padding : 0;
}

#pop_login .login_input {
	width : 100%;
	height : 35px;
 	margin-bottom: 10px;
 	font-size : 12pt;
 	border-radius: 5px 5px 5px 5px;
 	border : solid 1px #99939c;
}

#pop_login .login_input:focus{
	border : solid 1px black;
	outline : none;
}

.login_sub_title{
	color : #919191;
	font-size: 12pt;
	text-transform: none;
	font-family: 'QuicksandBook' !important;
	margin-top :5px;
	margin-bottom: 30px !important;
}

.center_title {
	text-align: center;
	margin-bottom: 0px;
}

#btn_connexion{
	margin-bottom: 50px;
	margin-top: 50px;
	font-size: 14pt;
	padding : 0px 20px;
}


#pop_selection{
	margin: auto;
	width : 80%;
	padding : auto;
}


#pop_selection table{
	border : solid 1px #d7d3d7;
	text-align: center;
	font-size : 10pt;
	margin : auto;
}

#pop_selection th{
	background-color : #42394a;
	color : white;
	text-transform: uppercase;
	padding : 10px;
	line-height: 20px;
}

#pop_selection a {
	text-transform: uppercase;
	text-decoration: none;
	color : #f8a149;
}

#pop_selection td{
	padding : 20px;
}

#pop_selection tr {
	border : solid 1px #d7d3d7;
}

.result_tab{
	margin-bottom: 50px;
}

.result_tab table{
	text-align: center;
	font-size : 10pt;
	margin : auto;
	border-collapse: collapse;
}

.result_tab td{
	padding : 20px;
	position: relative;
	z-index : 0;
	border : solid 1px #d7d3d7;
}


.result_tab tr:hover{
	cursor : pointer;
}

.result_tab tr:first-child:hover{
	cursor: auto;
}

.result_tab tr:hover .text_orange{
	color : white;
}

.result_tab th{
	/*background-color : #42394a;*/
	background-color : #28242b;
	color : white;
	text-transform: uppercase;
	padding : 10px;
}

.result_tab a{
	text-transform: uppercase;
	text-decoration: none;
	color : #f8a149;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.result_tab tr {
	border : solid 1px #d7d3d7;
}

.last_row{
	visibility: hidden;
	/*padding : 32px !important;*/
}

.tab{
	width : auto;
}


.active_tr{
	background-color: #faa541;
	color : white !important;
}

.active_tr a{
	color : white;
}

.text_orange{
		color: #000;
		text-transform: uppercase;
		letter-spacing: 1px;
}

/* IMAGE */

#image_area{
	width : 100%;
	background-image : url('../img/background_image2.jpg');
	background-position-y: 30%;
	background-size: 100%;
	text-transform: uppercase;
	color : white;
	padding : 100px 0px;
	text-align: center;
	font-family: 'reis_font';

}

#image_area h2{
		font-family: 'reis_font';
		font-size: 50pt;
		font-weight: normal;
		letter-spacing: 6px;
		color : white;
}

/* FOOTER */

footer{
	width : 100%;
	display : inline-block;
}

.background_footer{
	background-image: url('../img/background_footer.png');
	width: 100%;
	background-size: 100%;
}

#menu_footer{
	width : 100%;
	text-align: center;
	padding : 85px 0px;
	white-space: nowrap;
	text-transform: uppercase;
	margin : auto;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	justify-content : space-between;
	-webkit-justify-content : space-between;
}


#menu_footer a{
	text-decoration: none;
	color : white;
	letter-spacing: 1px;
}

#menu_footer hr{
	display: none;
}

#content_footer{
	text-transform: uppercase;
	clear: both;
	width : 80%;
	margin : auto;
	font-size : 10pt;
	margin-top : 10px;
}

#content_footer img{
  float : left;
	margin-bottom : 10px;
  margin-right: 60px;
}

/*#content_footer p {
	padding-top : 10px;
	float : right;
}*/
#content_soutien {
  float : left;
}
#content_soutien_logo {
  float : right;
}
/* ICONE EXT */

.fa-star {
	color : #f89a38;
	font-size: 16pt;
	/*display: none;*/
}

.fa-star-o{
	font-size:  16pt;
	color : black;
}

.fa-times{
	font-size: 16pt;
	color : red;
}

.mobile_icone {
	display : none;
}

.result_tab tr td.active .fa-star{
	/*display: block;*/
}

.result_tab tr td.active .fa-star-o{
	/*display: none;*/
}

/* SELECT MENU */

.input_field{
	width : 13%;
	margin-left: 1%;
}

.input_field.range{
	background: #ff8000;
	border-radius: 3px;
	height: 60px;
}

.input_field.range label{
    font-size: 10pt;
    padding: 0 0 0 10px;
    line-height: 65px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
}

#age_min{
	/*width: 40% !important;*/
}

.side_bar_left .item.users {
	position: relative;
	padding-top: 0;
	height: 45px;
}

.side_bar_left .item.users span {
	margin-top: 0;
    -webkit-transform: none;
    transform: none;
    left: 0;
    top: 0;
    width: 80%;
    height: 45px;
    border: none;
    border-color: #f8f8f8;

}

.side_bar_left .item.users span > a {
    position: absolute;
    width: 80%;
    height: 45px;
    top: 0;
    left: 0;
    line-height: 45px;
    border: none;
    color: 808080;
    background: #f8f8f8;
}

.ui-selectmenu-item-selected,
.ui-selectmenu-status {
	/*color: black;*/
}

.side_bar_left .item.users span > a > .ui-selectmenu-status {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 45px;
}

.ui-state-hover {
	border-color: #f8f8f8 !important;
	background-color: #f8a149;
}

.ui-selectmenu-menu,
.ui-selectmenu-menu  .ui-widget {
	width: 250px !important;
	color: white;
	font-size: 12px;
	text-align: center;
	line-height: 45px;
}

.option_user {
   background: #f8f8f8;
   height: 44px;
}

.option_user:hover,
.option_user:hover > a {
    background: #fff !important;
}

.option_user.ui-selectmenu-item-selected > a {
	color: white !important;
}

.ui-selectmenu-menu li {
    border-top: 1px solid #ebebeb !important;
    height : auto !important;
}

.ui-selectmenu:focus {
	outline: 0 !important;
	background-color: #f8a149 !important;
}

.ui-selectmenu-open,
.ui-selectmenu-open > ul {
    background: white;
}

.ui-selectmenu-menu .ui-widget {
	border: solid 1px #99939c;
}

.ui-selectmenu-menu  .ui-widget .option_user,
.ui-selectmenu-menu  .ui-widget .option_user > a {
	height: 43px;
	line-height: 43px;
	padding: 0;
	margin: 0;
	color: 808080;
	text-transform: uppercase;
}

#formulaire .content {
	width: 1600px;
	margin: 0 auto;
}

#formulaire h1 {
	margin-top: 100px;
	display: inline-block;
}

#formulaire footer {
	margin-top: 100px;
}

#formulaire .section .part {
	width: 50%;
	float: left;
}


/****** 5. TEXT INPUT *******/

#formulaire input[type="text"],
#formulaire input[type="url"],
#formulaire input[type="password"],
#formulaire .input_demo,
#formulaire .ui-corner-all,
#formulaire .ui-corner-top,
#formulaire .ui-corner-left,
#formulaire .ui-corner-tl,
#formulaire .ui-selectmenu-open,
#formulaire .ui-selectmenu-menu,
#formulaire .ui-selectmenu-menu .ui-widget {
	width: 250px !important;
}

#formulaire .input_wrap {
	margin-top: 50px;
	margin-right: 50px;
	position: relative;
	width: 250px;
	float: left;
}

#formulaire .input_wrap.focus input {
	border: 2px solid #000;
}

#formulaire .input_wrap.error input {
	border: 2px solid #e91717;
}

#formulaire .input_wrap.error:before {
	content: url('../img/input_error.png');
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}

form#orga input{
	margin-bottom : 10px;
}

.normal_label{
	display: inline-block;
	margin-bottom : 10px;
}

.title_form{
	width : 75%;
}

.solo_input{
	width : 50%;
	margin-bottom : 20px;
}

.solo_input input{
	width : 50%;
}

.solo_input .ui-corner-all{
	width: 86% !important;
}

.solo_input .ui-corner-top{
	width: 86% !important;
}

.solo_input textarea{
	width : 100%;
}

.two_input{
	width : 50%;
}

.one_input{
	width : 49%;
	display: inline-block;
	margin-bottom: 20px;
}

.one_input input{
	width : 75%;
}

.checkbox{
	display: inline-block;
	text-align: left;
}

.ui-state-default .ui-icon{
	position: absolute;
	background-image: url(../img/select_arrow_white.png) !important;
	float: right;
    margin-top: 0;
    top: 25px;
    right: 10px;
}

.ui-state-default.ui-corner-top .ui-icon{
	-ms-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
	-ms-transform-origin: 6px 4px;
	-webkit-transform-origin: 6px 4px;
    transform-origin: 6px 4px;
}

.ui-icon-triangle-1-s{
	background-position: 0 0 !important;
}

.tri_colonne > th > span{
	display: block;
	width: calc(100% - 50px);
}

.tri_colonne > th{
	position: relative;
}

.tri_colonne > th:after{
	content: "";
	background-image: url(../img/select_arrow_white_small.png);
	position: absolute;
	width: 10px;
	height: 10px;
	right: 5px;
	top: 50%;
	margin-top: -6px;
	background-repeat: no-repeat;
}

.tri_colonne > th.active:after{
	-ms-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
	-ms-transform-origin: 5px 3px;
	-webkit-transform-origin: 5px 3px;
    transform-origin: 5px 3px;
}
.sans_tri:after {
  background-image: none !important;
}
.result_tab tr:hover .favorisAE .fa-star{
	color: #fff;
}

input[type="range"] {
    position: relative;
    margin-left: 1em;
    cursor: pointer;
    width: calc(100% - 75px) !important;
}

.ageValue{
	width: 10px;
    float: right !important;
    margin-right: 10px;
    line-height: 65px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
}

input[type="range"],
.ageValue{
	float: left;
}

/*****/

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    height: 58px !important;
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;

}
input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #fff;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #c16405;
    margin-top: -4px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff;
}

input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #fff;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #c16405;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
/****/



@media print {

	@page{
		size: auto;
		/* this affects the margin in the printer settings */
		margin: 5mm 5mm 5mm 5mm;
	}

	body{
		size: auto;
		/* this affects the margin in the printer settings */
		margin: 0 0 0 0;
		page-break-before: none;
		page-break-after: none;
		page-break-inside: avoid;
	}

	html, body{
		height: 99%;
	}

	header,
	.mobile_tab,
	footer,
	.ui-selectmenu-menu,
	#path_link,
	#modify_search,
	.result_tab,
	#selection,
	.selection_desktop thead tr > th:last-child,
	.selection_desktop tbody tr > td:last-child,
	#fermer_favoris,
	.btn_violet{
		display: none;
	}

	#title_icone{
		margin-top: 0;
	}

	.centre.selection_centre{
		margin-top: 0 !important;
		margin-left: 0 !important;
		top: 0;
		left: 0;
	}

	.cModal{
		position: static;
	}

	#pop_selection{
		margin: 0;
	}

	.centre,
	#pop_selection{
		width: 100%;
	}

	.select{
		overflow: visible;
	}

}

@media only screen and (max-width: 1550px) {
	#modify_search_spacing span .ui-selectmenu-status,
	#mot_cle,
	#organisme,
	.input_field.range label{
		font-size: 11px;
	}
}

@media only screen and (max-width: 1400px) {
	.result_tab>table{
		width: 100%;
	}


}

@media only screen and (min-width : 668px) and (max-width: 1300px) {
	#modify_search_spacing span .ui-selectmenu-status,
	#modify_search input{
		font-size: 9pt;
	}
}

@media only screen and (max-width : 667px) {

	.content_tab.active .fa-star{
		/*display: block;*/
	}

	.content_tab.active .fa-star-o{
		/*display: none;*/
	}

	#menu_spacing {
		display : none;
		margin-top: 30px;
		padding-bottom: 30px;
		font-size: 14pt;
	}

	.menu_point {
		display : block;
		padding-top : 0px;
		padding-bottom : 15px;
		font-size: 24pt;
	}

	a#connexion, a#candidature {
		display: none;
	}

	.mobile_connexion, .mobile_candidature{
		display : block;
		color : white !important;
		border-radius: 10px 10px 10px 10px;
	}

	.mobile_connexion {
		background-color : #faa541;
		margin-top: 20px;
	}

	.mobile_candidature {
		background-color: #42394a;
		margin-top : 30px;
	}

	#menu_h{
		margin-bottom: 20px;
	}

	#menu_h a {
		padding : 10px 0px;
	}


	#margin_menu{
		/* covid */
		/* margin-top: 20px; */
	}

	#menu_h #logo_loisirs{
		float:none;
		margin: auto;
	}

	img#logo_loisirs{
		width: 140px !important;
	}

	img#logo_ge{
		width: 55px;
	}

	.mobile_centre{
		width: 100%;
		margin : 0;
	}

	.mobile_icone {
		display : block;
		float: left;
		font-size: 24pt;
		margin-top: 5px;
		margin-right: 35px;
		color : #f8a149;
	}

	.path_link_desktop{
		display: none;
	}

	.path_link_mobile{
		display: block;
	}

	#activity .circle_activity{
		min-width: 250px;
		min-height: 250px;
		width: 25%;
	}

	#activity .circle_activity img{
		width: 30%;
	}

	#activity .circle_activity h2{
		font-size : 14pt;
	}

	#activity .circle_activity h1{
		margin-bottom : 5px;
		font-size: 20pt;
	}

	#activity .circle_activity a{
		font-size: 8pt;
	}

	.circle_left {
		margin-right: 0;
		margin-bottom: 40px;
	}

	#activity {
		margin-top: 50px;
	}

	header {
		/*min-height: 750px;*/
		max-height: none;
		background-size: 320%;
	}


	.selection_mobile{
		display: block;
	}

	.selection_desktop{
		display: none;
	}

	.selection_centre{
		margin : 0 !important;
		top : 0;
		left : 0;
		width: 100%;
		position: relative;
		height: 100%;
	}

	#pop_selection{
		width: 100%;
		height : 100%;
	}

	#pop_selection a{
		/*color : white !important;*/
	}

	.back_white{
		height : 100%;
		overflow-y : auto;
	}

	.fermer_btn{
		color : #f8a149 !important;
	}

	.selection_width{
		width : 100% !important;
	}

	.select{
		min-width: 0px;
	}

	a.btn_orange{
		color :white !important;
	}

	.search_extra_form{
		width: auto;
	}

	#content{
		width: 90%;
	}

	.content_text {
		width: auto;
		font-size: 11pt;
		line-height: 16pt;
	}

	.content_info{
		width : 100%;
		padding :40px 0px;
	}

	.content_info p{
		font-size: 11pt;
	}

	#onglet a {
		width : 32%;
		margin-left: 2px;
	}

	#title_icone {
		width : 60%;
	}

	.pad_content{
		padding : 20px 40px;
	}

	input[type="submit"]{
		-webkit-appearance : none;
	}

	input[type="date"]{
		-webkit-appearance : none;
	}

	#image_area{
		background-position-x : 50%;
		background-size: 179%;
		background-repeat: no-repeat;
	}

	#image_area h2{
		font-size: 30pt;
		letter-spacing: 6px;
	}

	footer{
		background : none;
	}

	#menu_footer{
		width: 100%;
		text-align: center;
		padding: 45px 0px;
		white-space: nowrap;
		text-transform: uppercase;
		margin: auto;
		display: block;
		background: #f8a149;
	}

	#menu_footer a{
		display: block;
	}

	#menu_footer hr{
		display: block;
		width: 10%;
		margin: auto;
		margin-top:20px;
		margin-bottom: 20px;
	}

	.mobile_footer{
		width: 100%;
	}

	#content_footer{
		font-size: 6pt;
		width: 90%;
	}

	#content_footer img{
		width: 72px;
	}

	.mobile_header {
		min-height: 0px;
	}
	.header_home{
		padding-bottom : 0px;
	}

	#degrader {
		padding-bottom: 0px;
	}

	#path_link p{
		font-size : 7pt;
	}

	#selection {
		float : none;
		text-align: center;
	}

	#selection a{
		letter-spacing: 1px;
	}

	#title_icone{
		width :90%;
		margin-top: 30px;
	}

	#title_icone h1 {
		font-size: 16pt;
	}

	#title_icone p{
		font-size: 10pt;
		line-height: 22px;
	}

	/* TABLEAU SEARCH RESULT */

	.result_tab{
		display: none;
	}

	.line_tab_mobile{
		width: 90%;
		margin : auto;
		display : block;
		margin-bottom: 90px;
	}

	.onglet_tab{
		background-color: #f8a149;
		padding: 0px 20px;
	}

	.onglet_tab p{
		display: inline-block;
		text-transform: uppercase;
		color: white;
		letter-spacing: 1px;
	}

	.onglet_tab p.plus_moins{
		float : right;
	}

	.title_tab{
		background-color: #42394a;
		margin : 0;
		padding : 10px 0px;
		text-align: center;
		color : white;
		text-transform: uppercase;
		font-size : 10pt;
		letter-spacing: 1px;
	}

	.content_tab{
		text-align: center;
	}

	.content_onglet{
		display: none;
	}

	.btn_orange {
		width : 60%;
		line-height: 44px !important;
		text-align: center;
		min-width: 0 !important;
		font-size : 8pt !important;
		margin-bottom: 20px !important;
		margin-top: 20px !important;
		background-color: #f8a149 !important;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(204,135,66, 1) !important;
    	-moz-box-shadow: 0px 2px 0px 0px rgba(204,135,66, 1) !important;
    	box-shadow: 0px 2px 0px 0px rgba(204,135,66, 1) !important;
	}


	#modify_search_spacing{
		/*display : none;*/
	}

	#modify_search{
		padding : 0px 10px;
	}

	#modify_search p {
		font-size : 8pt;
		margin: 0;
		padding : 10px 0px;
	}

	#modify_search form{
		margin : 0;
	}

	.modify_search_mobile {
		display : none;
		margin-top : 10px;
	}

	.modify_search_mobile a{
		width : 100% !important;
		margin-bottom : 5px;
		background-color: #f8a149;
		border : none;
	}

	#modify_search input {
		width : 100%;
		height : 40px;
		margin-bottom: 5px;
		cursor: pointer;
	}

	#modify_search input[type="date"]{
		margin-bottom: 5px;
	}

	.recherche_title:after{
		content: url('../img/recherche_arrow.png');
		position : absolute;
		right : 0px;
		top : 10px;
	}

	.recherche_title{
		position: relative;
		width: auto;
		display: block;
	}

	#onglet_area .tab-item {
		margin-bottom: 10px;
	}

	#onglet_area .tab-item,
	#onglet_area .tab-item .tab-header,
	#onglet_area .tab-content {
		position: relative;
	}

	#onglet_area .tab-item .tab-header,
	#onglet_area .tab-item:last-child .tab-header {
		left: auto;
		width: 100%;
	}

	#onglet_area .tab-item .tab-header {
		border-radius: 5px;
	}

	#onglet_area .tab-content,
	#onglet_area .tab-item.active .tab-content {
		display: none;
		margin-top: 20px;
		padding: 0 20px;
	}

	#pop_login {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}

	#pop_login .login_input {
		width: 95%;
		padding:0
	}

	.title_form{
		width : 75%;
	}

	.solo_input{
		width : 100%;
		margin : auto;
		margin-bottom: 10px;
	}

	.solo_input input{
		width : 100%;
	}

	.solo_input button{
		width: 100%;
	}

	.solo_input .ui-corner-all{
		width: 100% !important;
	}

	.solo_input .ui-corner-top{
		width: 100% !important;
	}

	.solo_input textarea{
		width : 100%;
	}

	.two_input{
		width : 100%;
		margin: auto;
	}

	.one_input{
		width : 49%;
		display: inline-block;
		margin-bottom: 10px;
	}

	.one_input input{
		width : 100%;
	}


	.checkbox{
		width: 49%;
	}

	.checkbox label{
		padding-left: 40px;
		margin-right: 0;
	}

	.input_field.range{
		width: 100%;
		height: 40px;
		margin-left: 0;
	}

	.ageValue{
		line-height: 40px;
	}

	.input_field.range label{
		line-height: 40px;
	}

	input[type=range]{
		height: 38px !important;
		width: 65% !important;
	}

	#age_minMob{
		width: 55% !important;
	}

	#mot_cleMob{
		padding-left: 20px;
		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
      	box-sizing: border-box;
	}
	#mot_cle{
		padding-left: 20px;
		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
      	box-sizing: border-box;
	}
	#organisme,#datepicker-d,#datepicker-f,#age_min{
		padding-left: 20px;
	}
}




@media only screen and (min-width : 768px) and (max-width : 1024px) {


	/* MENU RESPONSIVE */

	#menu_spacing {
		display : none;
		width : 100%;
		padding-top : 292px;
		font-size: 24pt;
	}

	.menu_point {
		display : block;
		padding-top : 0px;
		padding-bottom : 20px;
		font-size: 24pt;
	}

	a#connexion {
		margin-right : 30px;
	}

	#margin_menu {
		/* covid */
		/* margin-top : 5px; */
	}

	#menu_h {
		width : 96%;
	}

	.btn_orange {
		line-height: 44px !important;
	}

	/* HEADER */

	header {
		max-height : none;
		background-size: 250%;
		height: 100%;
	}

	.header_home {
		padding: 0;
	}
	.circle_left {
		margin : 0;
		margin-bottom : 20px;
	}

	#activity {
		margin-top : 50px;
	}

	#degrader {
		padding: 0;
	}

	.mobile_icone {
		display : block;
		float: left;
		font-size: 24pt;
		margin-top: 20px;
		margin-right: 30px;
		color : #f8a149;
	}

	#path_link p{
		font-size: 5pt;
	}

	/* CONTENU */

	.search_extra_form{
		width: auto;
	}

	.content_text {
		width: auto;
	}

	.content_info{
		width : 100%;
		padding :40px 0px;
	}

	#onglet a {
		width : 32%;
		margin-left: 2px;
	}

	#title_icone {
		width : 60%;
	}

	.pad_content{
		padding : 20px 40px;
	}

	input[type="submit"]{
		-webkit-appearance : none;
	}

	input[type="button"]{
		-webkit-appearance : none;
	}

	input[type="date"]{
		-webkit-appearance : none;
	}

	.pad_content a:-webkit-any-link {
		color : #f8a149;
	}

	/* TABLEAU RESPONSIVE */

	.tab {
		width: 100%;
		margin : 0;
	}

	.result_tab {
		margin-bottom: 100px;
	}

	.result_tab table {
		font-size: 8pt;
	}

	#pop_login .login_input {
		width: 96%;
	}

	#pop_selection {
		width: 100%;
	}

	/* image_area */

	#image_area{
		background-position-x : 30%;
		background-size: 120%;
	}

	/*FOOTER*/

	footer{
		background : none;
	}

	#menu_footer{
		width: 100%;
		text-align: center;
		padding: 45px 0px;
		white-space: nowrap;
		text-transform: uppercase;
		margin: auto;
		display: block;
		background: #f8a149;
	}

	#menu_footer a{
		display: block;
	}

	#menu_footer hr{
		display: block;
		width: 10%;
		margin: auto;
		margin-top:20px;
		margin-bottom: 20px;
	}

	.mobile_footer{
		width: 100%;
	}

	#content_footer{
		font-size: 6pt;
		width: 90%;
	}

	#content_footer img{
		width: 72px;
	}
	#modify_search_spacing{
		/*display : none;*/
	}

	#modify_search{
		padding : 0px 10px;
	}

	#modify_search p {
		font-size : 8pt;
		margin: 0;
		padding : 10px 0px;
	}

	#modify_search form{
		margin : 0;
	}

	.modify_search_mobile {
		display : none;
		margin-top : 10px;
	}

	.modify_search_mobile a{
		width : 100% !important;
		margin-bottom : 5px;
		background-color: #f8a149;
		border : none;
	}

	#modify_search input {
		width : 100%;
		height : 40px;
		margin-bottom: 5px;
	}

	#modify_search input[type="date"]{
		margin-bottom: 5px;
	}

	.recherche_title:after{
		content: url('../img/recherche_arrow.png');
		position : absolute;
		right : 0px;
		top : 10px;
	}

	.recherche_title{
		position: relative;
		width: auto;
		display: block;
	}

		.title_form{
		width : 75%;
	}

	.solo_input{
		width : 100%;
		margin : auto;
		margin-bottom: 10px;
	}

	.solo_input input{
		width : 100%;
	}

	.solo_input button{
		width: 100%;
	}

	.solo_input .ui-corner-all{
		width: 100% !important;
	}

	.solo_input .ui-corner-top{
		width: 100% !important;
	}

	.solo_input textarea{
		width : 100%;
	}

	.two_input{
		width : 100%;
		margin: auto;
	}

	.one_input{
		width : 49%;
		display: inline-block;
		margin-bottom: 10px;
	}

	.one_input input{
		width : 100%;
	}


	.checkbox{
		width: 49%;
	}


	.checkbox label{
		padding-left: 40px;
		margin-right: 0;
	}

	/* Pour les boutons vue smarthphone*/
	/*.input_field{
	width : 100% !important;
	margin-left: 0%;
	}

	#modify_search_spacing a{
	margin-bottom: 5px;
	border:none;
	height: 40px;
	background-color: #f8a149;
	}*/

	.input_field.range{
		width: 100%;
		margin-left: 0;
	}

	.input_field.range,
	.ageValue,
	input[type=range]{
		height: 40px !important;
	}

	.input_field.range label{
		padding: 0 20px 0 20px;
		line-height: 40px;
	}

	input[type=range]{
		width: 75% !important;
		height: 38px !important;
	}

	.ageValue{
		line-height: 45px;
	}

	#age_minMob{
		width: 70% !important;
	}
	#organisme,#datepicker-d,#datepicker-f,#age_min{
		padding-left: 20px;
	}
	#mot_cle{
		padding-left: 20px;
		-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
      	box-sizing: border-box;
	}
	#mot_cleMob{
		padding-left: 20px;
		-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
      	box-sizing: border-box;
	}}

@media only screen and (max-width : 1024px){
	input[type="date"]:before {
	    content: attr(placeholder) !important;
	    color: #fff;
	    margin-right: 0.5em;
	    font-size: 10pt;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
	 }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation:landscape) {

	.menu_point {
		display : inline-block;
		padding-top : 10px;
		font-size: 20pt;
	}

	#menu_spacing{
		display : block !important;
		margin-top : 0;
		font-size : pt;
		width: auto;
		padding-top: 70px;
	}

	#modify_search_spacing a{
		min-width: 80px;
	}

	#modify_search_spacing span .ui-selectmenu-status{
		line-height: 60px;
	}

	.mobile_icone{
		display : none;
	}


	.search_extra_form{
		width: 30%;
	}

	.content_text {
		width: 55%;
	}

	.content_info{
		width : 25%;
		padding :40px 40px;
	}

	#onglet a {
		width : 32%;
		margin-left: 2px;
	}

	#title_icone {
		width : 60%;
	}

	.pad_content{
		padding : 0;
	}

	input[type="submit"]{
		-webkit-appearance : none;
	}

	input[type="date"]{
		-webkit-appearance : none;
		/*width: 100px;*/
	}

	.btn_violet{
		font-size: 10pt;
	}

	span .ui-selectmenu-status{
		font-size: 12px;
	}

	.circle_left{
		margin : 0;
	}

	footer{
		width : 100%;
		display : inline-block;
	}

	.background_footer{
		background-image: url('../img/background_footer.png');
		width: 100%;
		background-size: 160%;
	}

	#menu_footer{
		width : 80%;
		text-align: center;
		padding : 85px 0px;
		white-space: nowrap;
		text-transform: uppercase;
		margin : auto;
		display: -webkit-box;
	  	display: -webkit-flex;
	  	display: -ms-flexbox;
	  	display: flex;
		justify-content : space-between;
		-webkit-justify-content : space-between;
		background : none;
	}


	#menu_footer a{
		text-decoration: none;
		color : white;
		letter-spacing: 1px;
	}

	#menu_footer hr{
		display: none;
	}

	#content_footer{
		text-transform: uppercase;
		clear: both;
		width : 80%;
		margin : auto;
		font-size : 10pt;
		margin-top : 10px;
	}

	#content_footer img{
		float : right;
		margin-bottom : 10px;
	}

	#content_footer p {
		padding-top : 10px;
		float : left;
	}

	#path_link p{
		font-size: 7pt;
	}


}

.erreur_formulaire {
    color: red;
    font-weight: bold;
}

.fa-arrow-left, .fa-arrow-right {
    color: red;
}
.fa-plus-square {
    color: black;
}
.liste_erreur_formulaire, .statut_en_attente {
    color: red;
    font-weight: bold;
    background-color: yellow;
    width: 500px;
    padding: 5px;
    margin: 15px 0 15px 0;
    border-radius: 10px 10px 10px 10px;
}
#liste_domaine {
    margin:0px;
}
a {
    color:#faa541;
    text-decoration: none;
}
.admin_search {
    width:400px;
}
.fa-thumbs-o-up, .fa-hourglass-half, .fa-archive {
	color :#AAAAAA;
	font-size: 12pt;
}
.choisi {
    font-size: 12pt;
    color : #f89a38;
}
.statut_admin {
  font-size:14pt;
  color : #f89a38;
}

.tri_colonne th {
	cursor: pointer;
}
.cModal, .cModal span, .cModal input {
  font-size:small;
}
.link_petit{
	font-size: 6pt;
  height : 25px;
}
.mis_en_avant {
    font-size: 16pt;
    color : #f89a38;
}
.mis_en_avant:hover {
    color : #FF0000;
}
.alert_large {
  width: 100%;
  height: 100px;
}

input[type="button"], button {
  cursor:pointer;
}