@charset "utf-8";

*{
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

body{
	font-size:1.000em;
	top:0;
	background:#12919f;
}

body.validation, body.filtrer{
	background:#51d1aa;
}

body.rechercher{
	background:#debd2e;
}

body, html {
	height: 100%;
	font-family: "Roboto","Helvetica","Arial",sans-serif;
}

a , img, input[type="button"]{
    outline:none;
}

img{
	display:block;
	width:100%;
}

div{
	position:relative;
}

button:focus, button:active, textarea:focus, input:focus{
   outline: none;
}

ul{
	list-style-position: inside;
}

textarea , input{
   font-family: inherit;
   font-size: inherit;
}

.wrapper{
	font-size:12px;
	background-color: #e5e5e5;
    color: #555;
}

.container{
	width:98%;
	max-width:1170px;
    padding: 10px 15px;
	margin:0 auto;
}

/***************************************************************************/
/*********************          TOP - FOOTER            ********************/
/***************************************************************************/

.user_bar{
	position:fixed;
	z-index:8900;
	font-size:14px;
	background:#555;
	color:#fff;
	height:58px;
	width:100%;
}

.user_bar .container{
	padding:0 15px;
}

.user_bar span{
	display:inline-block;
}

.user_bar .user_name{
	display:inline-block;
	font-weight:400;
	margin-right:10px;
	line-height:58px;
    vertical-align: top;
}

.user_bar .user_name .name{
	text-transform:uppercase;
}

.user_bar .menu{
	display:inline-block;
}

.user_bar .menu.right{
	float:right;
}

.user_bar .menu a, .user_bar .menu.bleu a, .user_bar .menu.vert a, .user_bar .menu.jaune a, .user_bar .menu.rouge a{
	color: #fff;
    display: inline-block;
    padding: 12px 15px;
	-webkit-transition-property: background, color;
	-webkit-transition-duration: 300ms;
	transition-property: background, color;
	transition-duration: 300ms;
}

.user_bar .menu a:hover, .user_bar .menu.bleu a:hover, .user_bar .menu.vert a:hover, .user_bar .menu.jaune a:hover, .user_bar .menu.rouge a:hover{
    background:#fff;
}

.user_bar .menu span.label_menu{
	margin:0 0 0 5px;
	height: 34px;
	display:block;
    float: left;
    vertical-align: middle;
}

.user_bar .menu span.compteur{
	margin-left:5px;
	line-height: 34px;
	display:block;
    float: left;
    vertical-align: middle;
}

.user_bar .menu i{
	margin-right:5px;
	display:block;
	line-height: 34px;
    float: left;
    vertical-align: middle;
}

.user_bar .menu.bleu a{
    background:#12919f;
}

.user_bar .menu.bleu a:hover{
    color: #12919f;
}

.user_bar .menu.vert a{
    background:#51d1aa;
}

.user_bar .menu.vert a:hover{
    color: #51d1aa;
}

.user_bar .menu.jaune a{
    background:#debd2e;
}

.user_bar .menu.jaune a:hover{
    color: #debd2e;
}

.user_bar .menu.rouge a{
    background:#d62b16;
}

.user_bar .menu.rouge a:hover{
    color: #d62b16;
}

.top{
	background-color: #fff;
    position: fixed;
	z-index:9000;
	width:100%;
	height:70px;
	-webkit-box-shadow: 0 1px 10px -6px rgba(0,0,0,0.42), 0 1px 10px 0 rgba(0,0,0,0.12), 0 4px 5px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 10px -6px rgba(0,0,0,0.42), 0 1px 10px 0 rgba(0,0,0,0.12), 0 4px 5px -2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 10px -6px rgba(0,0,0,0.42), 0 1px 10px 0 rgba(0,0,0,0.12), 0 4px 5px -2px rgba(0,0,0,0.1);
}

.top.logged{
	top:58px;
}

.top .container_table{
	display:table;
	width:100%;
}

.top .container_row{
	display:table-row;
}

.top .container_cell{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.top .container_cell.mini{
	width:1%;
}

.top a{
	display:inline-block;
    color: #555;
}

.top .logo{
	width:110px;
	-webkit-transition-property: -ms-filter, filter, -moz-opacity, -khtml-opacity, opacity;
	-webkit-transition-duration: 300ms;
	transition-property: -ms-filter, filter, -moz-opacity, -khtml-opacity, opacity;
	transition-duration: 300ms;
}

.top .titre_page{
    text-transform: uppercase;
    display: inline-block;
    color: #555;
    font-size: 20px;
}

.top .root_link{
	text-transform:uppercase;
    padding: 15px;
	line-height: 20px;
	-webkit-transition-property: color;
	-webkit-transition-duration: 300ms;
	transition-property: color;
	transition-duration: 300ms;
}

.top .root_link:hover{
	color: #12919f;
}

.top .logo:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity: 0.75;
}

.header{
	position:absolute;
	width:100%;
	height:273px;
	top:70px;
	z-index:5000;
	background-color: transparent;
    background-image: linear-gradient(10deg, #12919f 55%, #51d1aa 100%);
}

body.validation .header, body.filtrer .header{
	background-image: linear-gradient(10deg, #51d1aa 55%, #12919f 100%);
}

body.rechercher .header{
	background-image: linear-gradient(10deg, #debd2e 55%, #51d1aa 100%);
}

.header.logged{
	top:110px;
}

.header .image{
	display:block;
	width:100%;
	height:273px;
	position: absolute;
	background-image: url(../img/parlons-rh.png);
    background-position: 1vw 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.header .titre{
	display:table;
	margin-top:18px;
	height:191px;
	width:100%;
    max-width: 1136px;
    left: 50%;
    transform: translateX(-50%);
}

.header .ligne{
	display:table-row;
}

.header .cellule{
	display:table-cell;
	vertical-align:middle;
}

.header h1{
	letter-spacing: 0.02em;
	text-align:center;
	font-weight: 500;
	color: #ffffff;
	font-family: "Julius Sans One", Sans-serif;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

.header h1.titre1{
	margin-bottom:20px;
	font-size: 25px;
	text-shadow: 0px 0px 3px rgba(112, 112, 112, 1);
}

.header h1.titre2{
	font-size: 37px;
	text-shadow: 0px 0px 3px rgba(112, 112, 112, 1);
}

/***************************************************************************/
/*********************            CONTENU               ********************/
/***************************************************************************/

.container.main .menu_onglets{
	display:block;
}

.container.main .menu_onglets a.onglet{
	display:inline-block;
    padding: 10px 0;
    margin: 0 6px;
	color: #12919f;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 2px solid #12919f;
	-webkit-transition-property: color, border-bottom;
	-webkit-transition-duration: 300ms;
	transition-property: color, border-bottom;
	transition-duration: 300ms;
}

.container.main .menu_onglets a.onglet.todo{
	color: #d62b16;
    border-bottom: 2px solid #d62b16;
}

.container.main .menu_onglets a.onglet:hover, .container.main .menu_onglets a.onglet.selected{
	color: #51d1aa;
    border-bottom: 2px solid #51d1aa;
}

.container.main{
	position:absolute;
	z-index:7000;
	top:279px;
	max-width: 1136px;
	left: 50%;
	padding: 23px 23px 180px 23px;
	margin-left:-568px;
    background-color: #ffffff;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.23);
	-moz-box-shadow:0px 0px 24px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.23);
	font-size: 15px;
	width:100%;
	
}

.container.logged{
	top:319px;
}

.container.main .center{
    text-align:center
}

.container.main .entete{
	font-size: 18px;
	margin: 25px 0 8px 0;
	line-height: 26px;
}

.container.main .entete_error{
	font-size: 25px;
    margin: 25px 0 8px 0;
    display: block;
    text-align: center;
    font-weight: 600;
    color: #a94442;
}

.container.main .entete_error i{
    margin: 0 10px;
}

.container.main .table_update_mdp{
	width:100%;
}

.container.main .table_update_mdp td{
	width:50%;
}

.container.main .table_update_mdp td.first{
	padding-right:20px;
	border-right:1px solid #12919f;
}

.container.main .table_update_mdp td.second{
	padding-left:20px;
}

.container.main .table_update_mdp .entete{
	font-size: 16px;
}

.container.main a{
	color: #555;
	text-decoration:underline;
	-webkit-transition-property: color;
	-webkit-transition-duration: 300ms;
	transition-property: color;
	transition-duration: 300ms;
}

.container.main a:hover{
	color: #12919f;
	text-decoration:none;
}

.container.main h3, .container.main h4, .container.main h5, .container.main h6{
	font-weight: 500;
    line-height: 1.618;
}

.container.main h3{
	font-size:32px;
	margin: 10px 0;
}

.container.main h4{
    font-size: 27px;
    margin: 25px 0 8px 0;
}

.container.main h4.niveau_0{
	border-top:3px solid #12919f;
	padding-top:35px;
}

.container.main h4.niveau_0.first{
	border-top:none;
	padding-top:0;
}

.container.main h5{
	font-size:22px;
	margin: 6px 0;
	padding-left:50px;
}

.groupe_question{
	padding:30px 0;
}

.groupe_question.niveau_1{
	padding-left:50px;
	border-bottom:1px dashed #d0d0d0;
}

span.groupe_champ{
	display: block;
	margin:40px 0 0 0;
}

span.groupe_champ.first{
	margin:0;
}

span.critere, span.definition{
	display:block;
}

span.critere , span.groupe_champ span.critere.error{
	font-size:16px;
	margin:0 0 5px 0;
	font-weight: 600;
}

span.definition, span.groupe_champ span.definition.error{
	font-size:14px;
	margin:0 0 3px 0;
	font-style:italic
}

span.groupe_champ span.error.span_error{
	font-size:16px;
	margin-top:10px;
	font-weight: 600;
}

.tooltip {
    position: relative;
    display: block;
	float:right;
	*margin-top:-20px;
}

.tooltipico {
	display:inline-block;
	cursor:pointer;
	color:#12919f;
	font-size:24px;
}

.tooltip .tooltiptext {
	visibility: hidden;
    width: 500px;
    background-color: #12919f;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 15px 16px;
    position: absolute;
    font-weight: normal;
    z-index: 1;
    bottom: 20px;
    margin-left: -500px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
	-webkit-transition-property: -ms-filter, filter, -moz-opacity, -khtml-opacity, opacity, bottom;
	-webkit-transition-duration: 200ms;
	transition-property: -ms-filter, filter, -moz-opacity, -khtml-opacity, opacity, bottom;
	transition-duration: 200ms;
}

.groupe_champ .tooltip .tooltiptext {
	text-align: left;
}

.tooltip .tooltiptext.right {
    margin-left: -23px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
    bottom: 30px;
}

.selectize-input {
	width:100%;
}

span.label{
    font-weight: 600;
    line-height: 1.6;
    color: #12919f;
	margin: 16px 0 0;
    display: block;
}

span.label.entete_pond_rep{
	font-size:20px;
}

span.notes.read{
    color:#d62b16;
    font-weight: normal;
	font-style:italic;
}

span.notes.update{
    color:#555;
    font-weight: normal;
	font-style:italic;
}

span.label.note{
    color: #555;
	margin:0;
}

span.label.note.read{
    color:#d62b16;
    font-weight: normal;
	font-style:normal;
	text-decoration:underline;
}

span.label.note.update{
    color:#555;
    font-weight: normal;
	font-style:normal;
	text-decoration:underline;
}

.text, .textarea{
	width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font-size: 14px;
    line-height: 1.42857143;
    color: #555;
	font-weight:400;
	background-repeat: no-repeat;
	background-position: center bottom,center calc(100% - 1px);
	background-position: center bottom,center -webkit-calc(100% - 1px);
    background-size: 100% 2px, 100% 1px;
}

.textarea{
	height:75px;
}

.text:focus, .textarea:focus{
	border-color:#66afe9;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	background-image: -webkit-gradient(linear,left top, left bottom,from(#12919f),to(#12919f)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
	background-image: -webkit-linear-gradient(#12919f,#12919f),-webkit-linear-gradient(#d2d2d2,#d2d2d2);
	background-image: linear-gradient(#12919f,#12919f),linear-gradient(#d2d2d2,#d2d2d2);
}

.text.error{
	color: #a94442;
	border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	background-color: #f2dede;
}

.text.error:focus{
	border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#f44336),to(#f44336)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
	background-image: -webkit-linear-gradient(#f44336,#f44336),-webkit-linear-gradient(#d2d2d2,#d2d2d2);
	background-image: linear-gradient(#f44336,#f44336),linear-gradient(#d2d2d2,#d2d2d2);
}

.selectize-dropdown{
	z-index:99999;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input{
	background-image: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#e4e4e4));
	background-image: -webkit-linear-gradient(#ffffff,#e4e4e4);
	background-image: linear-gradient(#ffffff,#e4e4e4);
}

.selectize-control.single .selectize-input:hover, .selectize-control.single .selectize-input input:hover{
	background-image: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#ffffff));
	background-image: -webkit-linear-gradient(#ffffff,#ffffff);
	background-image: linear-gradient(#ffffff,#ffffff);
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: pointer;
}

.selectize-dropdown .active {
    background-color: #12919f;
    color: #ffffff;
}

span.button_wrapper{
    margin: 10px 1%;
	width:48%;
	display:inline-block;
    vertical-align: top;
	position:relative;
}

.container.main a.button_link{
	text-decoration:none;
}

div.fixed_bottom{
	position:fixed;
	z-index:9999;
	bottom:0;
	left:0;
	background:#FFF;
	padding:15px 0;
	width:100%;
	-webkit-box-shadow: 0 -1px 10px -6px rgba(0,0,0,0.42), 0 -1px 10px 0 rgba(0,0,0,0.12), 0 -4px 5px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 -1px 10px -6px rgba(0,0,0,0.42), 0 -1px 10px 0 rgba(0,0,0,0.12), 0 -4px 5px -2px rgba(0,0,0,0.1);
	box-shadow: 0 -1px 10px -6px rgba(0,0,0,0.42), 0 -1px 10px 0 rgba(0,0,0,0.12), 0 -4px 5px -2px rgba(0,0,0,0.1);
}

.container.main div.fixed_bottom a{
	text-decoration:none;
}

.container.main div.fixed_bottom a.retour{
	line-height: 50px;
    display: inline-block;
	margin:0 10px;
}

div.fixed_bottom a i{
	margin-right:3px;
}

.button{
	margin: 16px 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:15px 33px;
	cursor: pointer;
	color: #eee;
    background-color: #12919f;
    border-color: #ccc;
	font-weight: 600;
	display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    user-select: none;
	webkit-box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14), 0 3px 1px -2px rgba(153,153,153,0.2), 0 1px 5px 0 rgba(153,153,153,0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14),0 3px 1px -2px rgba(153,153,153,0.2),0 1px 5px 0 rgba(153,153,153,0.12);
    box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14), 0 3px 1px -2px rgba(153,153,153,0.2), 0 1px 5px 0 rgba(153,153,153,0.12);
	text-transform: uppercase;
	-webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.button.submit_form{
	margin:0 10px;
}

.button.button_form{
	margin: 16px 5px 0px 0;
    padding: 10px;
	text-transform:none;
}

.button.list{
	width:100%;
	margin:0;
	display:block;
	padding:15px;
    white-space: normal;
}

.button.differencier{
	width: 50%;
    font-size: 18px;
    background-color: #d62b16;
    padding: 20px;
}

.voir_agent_container{
	position:absolute;
	width:100%;
	z-index:9999;
	background:red;
}

.container.main .voir_agent_container a{
	text-decoration:none;
    color: #fff;
}

.button.button_voir_agent{
	margin: -15px 0 0 -20px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
    padding: 10px 12px;
    position: absolute;
	z-index:500;
    background-color: #1abfdf;
    border: 1px solid #0e8096;
}

.tooltipagent {
	display: block;
    width: 100%;
    height: 230px;
	overflow:hidden;
	cursor:pointer;
    text-align: left;
    position: absolute;
    font-weight: normal;
    z-index: 99999;
	top:-230px;
	left:-20px;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition-property: -ms-filter, filter, -moz-opacity, -khtml-opacity, opacity, top;
    -webkit-transition-duration: 200ms;
    transition-property: -ms-filter, filter, -moz-opacity, -khtml-opacity, opacity, top;
    transition-duration: 200ms;
}

.voir_agent_container:hover .tooltipagent{
    visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	top:-250px;
}

.tooltipagent .ligne{
	display:block;
	background-color: #1abfdf;
    padding: 0 0 0 16px;
}

.tooltipagent .titre{
	font-style:italic;
    padding: 15px 16px 10px 16px;
	height:60px;
	font-size:0.85em;
	overflow:hidden;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top: 1px solid #0e8096;
    border-left: 1px solid #0e8096;
    border-right: 1px solid #0e8096;
}

.tooltipagent .liste{
	height: 110px;
    display: block;
	background-color: #1abfdf;
	font-size:0.85em;
    overflow-y: scroll;
    line-height: 20px;
    border-left: 1px solid #0e8096;
    border-right: 1px solid #0e8096;
}

.tooltipagent .more{
    font-style: italic;
    display: block;
	height:55px;
	font-size:0.85em;
	overflow:hidden;
    text-align: center;
    background-color: #1abfdf;
    padding: 10px 16px;
    border-bottom: 1px solid #0e8096;
    border-left: 1px solid #0e8096;
    border-right: 1px solid #0e8096;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.form_value_note{
	display:inline-block;
	margin:10px 10px 10px 0;
    border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px;
}

.form_value_note.selected{
	color: #fff;
	background-color: #5cb85c;
    border:1px solid #4cae4c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.button:hover{
	color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
	-webkit-box-shadow: 0 14px 26px -12px rgba(153,153,153,0.42), 0 4px 23px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(153,153,153,0.2);
    -moz-box-shadow: 0 14px 26px -12px rgba(153,153,153,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(153,153,153,0.2);
    box-shadow: 0 14px 26px -12px rgba(153,153,153,0.42), 0 4px 23px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(153,153,153,0.2);
}

.button:active{
	color: #fff;
    background-color: #999;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.button.noaction{
	padding:10px;
	margin:5px;
}

.button.noaction:hover, .button.noaction:active{
	cursor:auto;
	color: #eee;
    background-color: #12919f;
	border: 1px solid transparent;
	webkit-box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14), 0 3px 1px -2px rgba(153,153,153,0.2), 0 1px 5px 0 rgba(153,153,153,0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14),0 3px 1px -2px rgba(153,153,153,0.2),0 1px 5px 0 rgba(153,153,153,0.12);
    box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14), 0 3px 1px -2px rgba(153,153,153,0.2), 0 1px 5px 0 rgba(153,153,153,0.12);
}

.button.selected{
	color: #fff;
	background-color: #5cb85c;
    border-color: #4cae4c;
}

.button.selected:hover{
	color: #fff;
    background-color: #47a447;
    border-color: #398439;
}

.button.wait{
	color: #fff;
	background-color: #debd2e;
    border-color: #b79c22;
}

.button.wait:hover{
	color: #fff;
    background-color: #ccad27;
    border-color: #9c851b;
}

.button.error{
	color: #fff;
	background-color: #d62b16;
    border-color: #b92512;
	display:inline-block;
}

.button.error:hover{
	color: #fff;
    background-color: #c32713;
    border-color: #a52110;
}

.button.submit_radio{
	margin-left:10px;
	margin-right:10px;
}

.button span.categorie{
    display: block;
    font-weight: normal;
    width: 100%;
}

.button span.infos{
    display: block;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
    width: 100%;
}

span.error{
	display:block;
	color:#a94442;
	margin-top:5px;
}

.notice{
	text-align:center;
	font-size:20px;
	font-weight:600;
    padding: 75px 0;
}

.search_div{
	display:table;
	width:100%;
	margin:10px 0;
}

.search_div .search_row{
	display:table-row;
}

.search_div .label{
	display:table-cell;
	padding-right:5px;
	width:1%;
}

.search_div .search_input{
	display:table-cell;
	margin-right:5px;
}

.search_div .text.search{
	width:100%;
}

.search_div .search_button{
	display:table-cell;
	padding-left:5px;
	width:1%;
}

.search_div .search_button .button{
	margin:0;
	padding:6px 10px;
}

.search_div .search_nb_result{
	display:table-cell;
	width:1%;
}

.search_div .search_nb_result.label{
	padding-left:15px;
}

.search_div .search_nb_result .select{
	margin: 0;
	padding: 6px 5px 8px 5px;
	border: 1px solid #12919f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	font-weight: 600;
}

.page_nav{
	margin:10px 0;
}

.page_nav .label{
	display:inline-block;
}

.page_nav .item{
	display:inline-block;
	padding:3px 5px;
	margin:0 3px;
	color: #555;
	font-weight:600;
	cursor:pointer;
	border:1px solid transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition-property: color, border;
	-webkit-transition-duration: 300ms;
	transition-property: color, border;
	transition-duration: 300ms;
}

.page_nav .item.selected, .page_nav .item:hover{
	color: #12919f;
	border:1px solid #12919f;
}

.page_nav form{
	display:inline-block;
}

.content_search{
	display:none;
}

.content_search .notice.no_result{
	display:none;
}

.lib_slide_toggle{
	cursor:pointer;
	font-size: 18px;
	font-weight: 600;
    line-height: 1.6;
    color: #12919f;
    padding: 16px 0 0;
    margin: 16px 0;
	border-top:1px solid #12919f;
}

.lib_slide_toggle:first-child, .lib_slide_toggle.first{
	border-top:none;
}

.lib_slide_toggle i{
	margin-right:5px;
}

.wrapper_slide_toggle{
	display:none;
}

.wrapper_slide_toggle .lib_slide_toggle, .wrapper_slide_toggle .wrapper_slide_toggle{
	margin-left:20px;
}

/***************************************************************************/
/*********************             LOGIN                ********************/
/***************************************************************************/

.t_form.login table{
	width:50%;
	margin-left: 50%;
	transform: translateX(-50%);
}

.t_form.login table td.center{
	text-align:center;
}

.t_form.login table td.captcha{
	padding:20px 0;
}

/***************************************************************************/
/*********************        SIGNALER UNE ERREUR       ********************/
/***************************************************************************/

.alert_form{
	width:70%;
	margin:0 auto;
}

.entete.vert{
	color:#51d1aa;
	font-weight:bold;
}

.alert_form .text{
	margin:10px 0;
}

.alert_form textarea.text{
	min-height:200px;
}

.alert_form textarea.error, .alert_form textarea.error:focus{
	background:#fff;
}

.alert_form div.error{
	font-weight:bold;
	color: #a94442;
	margin-top:10px;
}

.top .container_cell.uname{
	display:none;
}


@media(max-width: 1139px){
}

@media(max-width: 799px){
	.top {
		height: 50px;
	}
	
	.top.logged {
		top: 0;
	}
	
	.top .logo{
		width:80px;
	}
	
	.top .titre_page {
		font-size: 12px;
	}

	.container {
		padding: 5px 10px;
	}
	
	.header {
		top: 50px;
		height: 50px;
	}
	
	.header .image {
		height: 190px;
	}
	
	.header .titre {
		height: 50px;
		margin-top: 0;
	}
	
	.header h1.titre1 {
		font-size:16px;
		margin-bottom: 0;
	}
	
	.header h1.titre2 {
		display: none;
	}
	
	.container.main {
		top: 98px;
		max-width: none;
		left: 0;
		padding: 10px 10px 150px 10px;
		margin-left: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		font-size: 12px;
	}
	
	.t_form.login table {
		width: 90%;
	}
	
	.text, .textarea {
		height: 30px;
		padding: 6px;
		font-size: 12px;
	}
	
	.button {
		padding: 10px 15px;
		font-size: 12px;
	}
	
	.user_bar {
		position: fixed;
		z-index: 8900;
		font-size: 12px;
		height: 48px;
		top: 50px;
	}
	
	.user_bar .container {
		padding: 0;
	}
	
	.user_bar .user_name {
		display: none;
	}
	
	.user_bar .menu a, .user_bar .menu.bleu a, .user_bar .menu.vert a, .user_bar .menu.jaune a, .user_bar .menu.rouge a {
		padding: 10px 5px;
	}
	
	.user_bar .menu i {
		line-height: 28px;
	}
	
	.user_bar .menu span.label_menu {
		height: 28px;
		margin:0;
	}
	
	.container.main h4 {
		font-size: 20px;
		margin: 5px 0;
	}
	
	.groupe_question {
		padding: 15px 0;
	}
	
	span.critere, span.groupe_champ span.critere.error {
		font-size: 14px;
	}
	
	span.definition, span.groupe_champ span.definition.error {
		font-size: 12px;
	}
	
	.selectize-input {
		border: 1px solid #d0d0d0;
		padding: 5px 5px;
	}
	
	.selectize-dropdown, .selectize-input, .selectize-input input {
		font-size: 12px;
	}
	
	.top .container_cell.uname {
		display:table-cell;
		width:30%
	}
}

@media(max-width: 479px){
}

@media(max-width: 239px){
}