/*
Theme Name: Divi_child
Description: Theme enfant de Divi
Author: Pixis
Author URI: http://www.pixis.net
Template: Divi
Version: 1.0
*/




.accueil_button_connexion {
  color: #f2bbf7 !important;
  border-width: 2px !important;
  border-color: #a94eb3;
  border-radius: 0px;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 600 !important;
  padding-right: 0.7em;
  padding-left: 0.7em;
  background-color: #73227c;
}

.accueil_button_connexion > a {
  display: inline-block;
}

.accueil_button_connexion, .accueil_button_connexion::after {
  transition: all 300ms ease 0ms;
}
.accueil_button_connexion {
  box-shadow: 0px 10px 24px -9px #a830cf;
}

.accueil_button_connexion:hover {
	color: #ffffff !important;
	border-color: #d359e0 !important;
	padding-right: 2.1em !important;
	background-color: #661d6e;
}

.accueil_button_connexion_submit {
  color: #ffffff !important;
  border-width: 2px !important;
  border-color: #b9e0fa;
  border-radius: 0px;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 600 !important;
  padding-right: 0.7em;
  padding-left: 0.7em;
  background-image: linear-gradient(180deg,#58aee8 0%,#1183d0 100%);
  background-color: #58aee8;
}
.accueil_button_connexion_submit:hover {
	border-color: #FFFFFF !important;
}


/*Listes*/
ol.liste_ol1 {
	/*counter-reset: ordre;*/
	list-style-position: outside;
} /* on initialise et nomme un compteur */
ol.liste_ol1 li {
	/*list-style-type: none;*/
	list-style-type: decimal;
	counter-increment: ordre; /* on incrémente le compteur à chaque nouveau li */
	margin-bottom: 20px;
	margin-left: 20px;
	padding-left:10px;
}
ol.liste_ol1 li:before {
	/*
	content: counter(ordre);
	font-weight: bold;
	font-size: 1em;
	padding: 4px 10px 4px 10px;
	margin-right: 8px;
	vertical-align: top;
	background: #678;
	-moz-border-radius: 60px;
	border-radius: 60px;
	
	color: white;		
	*/
}






.depotAnnonce {
	position: relative;
	width: 100%;
	background-color: #efe8f3;
	border-radius: 15px;
	padding: 40px;
}

.depotAnnonce .title{
	margin-bottom: 20px;
	color:  #333;
	margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 4px solid #9167cb;
}



.depotAnnonce .sendBtn{
		height: 37px;
		line-height: 31px;
		text-align: center;
		display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 200px;
    border: 3px solid #ffc10a;
    border-radius: 10px;
    background-color: #ffc10a;
    color: #fff;
    margin: 20px auto 0 auto;
    font-size: 14px;
    font-weight: bold;
}

.depotAnnonce .hidden {
	display: none!important;
}

.depotAnnonce .inline {
	display: inline-block;
}

.depotAnnonce .line {
	position: relative;	
	width: 100%;
	margin-bottom: 20px;
	font-size: 0;
}

.depotAnnonce .line .field {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	font-size: initial;
	width: calc(50% - 10px);
}

.depotAnnonce .line .field:first-child {
	margin-right: 20px;
}

.depotAnnonce .line .field:last-child:first-child {
	width: 100%; margin-right: 0;
}

.depotAnnonce .line .field label{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.depotAnnonce .line .field select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 40px; line-height: 40px;
	border: 1px solid #DDD;
	padding: 0 40px 0 10px;
	width: 100%;
}

.depotAnnonce .line .field .select {
	position: relative;
	display: inline-block;
	width: 100%;
}

.depotAnnonce .line .field .select:after {
	content: "";
	position: absolute;
	right: 20px; top: 50%;
	margin-top: -4px;
	border: 4px solid #999;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.depotAnnonce .line .field textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #DDD;
	padding: 10px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.depotAnnonce .line .field input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 40px; line-height: 40px;
	border: 1px solid #DDD;
	padding: 0 10px;
	width: 100%;
}

.depotAnnonce .line .field textarea.error,
.depotAnnonce .line .field input.error {
	border-color: #F00;
}

.depotAnnonce .line .field input.date {
	margin-right: 5px;
	width: 30%;
}

.depotAnnonce .line .field input.full {
	width: 100%;
}

.depotAnnonce .line .field input.large {
	width: 100%;
}

.depotAnnonce .response {
	display: none;
	margin-top: 20px;
  text-align: center;
  font-weight: 700;
  color: #2ea3f2;
}

@media screen and (max-width: 690px){
	.depotAnnonce {
		padding: 20px;
	}

	.depotAnnonce .line {
		margin-bottom: 0px;
	}

	.depotAnnonce .line .field {
		display: block;
		width: 100%!important;
		margin-bottom: 20px!important;
		margin-right: 0!important;
	}
}


/***********/
.search-form {
	position: relative;
	width: 100%;
	background-color: #f9f9f9;
	border-radius: 15px;
	padding: 40px;

	margin-bottom: 30px;
}

.search-form h2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
  border-bottom: 4px solid #9167cb;
}

.search-form .field {
	position: relative;	
	width: 100%;
	margin-bottom: 10px;
}

.search-form .field label{ 
	width: 30%; 
	display: inline-block;
}

.search-form .field input{ 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 60%;
	height: 30px; line-height: 30px;
	border: 1px solid #DDD;
	padding: 0 10px;
}

.search-form .field select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 40px; line-height: 40px;
	border: 1px solid #DDD;
	padding: 0 40px 0 10px;
	width: 100%;
}

.search-form .field .select {
	position: relative;
	display: inline-block;
	width: 60%;
}

.search-form .field .select:after {
	content: "";
	position: absolute;
	right: 20px; top: 50%;
	margin-top: -4px;
	border: 4px solid #999;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.search-form .search-submit {
	height: 37px;
		line-height: 31px;
		text-align: center;
		display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 200px;
    border: 3px solid #ffc10a;
    border-radius: 10px;
    background-color: #ffc10a;
    color: #fff;
    margin: 20px auto 0 auto;
    font-size: 14px;
    font-weight: bold;
}

@media screen and (max-width: 690px){
	.search-form {
		padding: 20px;
	}
	.search-form .search-submit { width: 100% }
}

/*****/

.searchResults {
	position: relative;
}

.searchResults article{
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}

.searchResults article:nth-child(even){
	background-color: #f9f9f9;
}

.searchResults article h4{
	color: #2ea3f2;
	font-size: 13px;
	line-height: 16px;
	padding: 0;
	margin-bottom: 5px;
}

.searchResults article .author {
	position: relative;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 4px;
}

.searchResults article .date {
	position: relative;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 11px;
}

.searchResults article .desc {
	position: relative;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}

.searchResults article .desc .innerContent {
	overflow: hidden;
}

.searchResults article .desc.hasMore .innerContent {
	position: relative;
	height: 60px;
}

.searchResults article .desc.hasMore .innerContent:after {
	content: "";
	position: absolute;
	bottom: 0; right: 0;
	width: 100%; height: 40px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)) );
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) );
}

.searchResults article:nth-child(even) .desc.hasMore .innerContent:after {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249,249,249,0)), to(rgba(249,249,249,1)) );
	background-image: linear-gradient(to bottom, rgba(249,249,249,0), rgba(249,249,249,1) );
}

.searchResults article .desc .innerContent .offre {
	position: relative;
	margin-top: 20px;
	padding-top: 20px;
}

.searchResults article .desc .innerContent .offre:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 50px; height: 1px;
	background-color: currentcolor;
	opacity: .5;
}

.searchResults article .desc.hasMore .toggleBtn{
	position: relative;
	margin: 10px auto 0;
	width: 130px; height: 30px;
	line-height: 30px;
	border-radius: 20px;
	background-color: #2ea3f2;
	font-size: 13px;
	color:  #FFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.searchResults article .desc.hasMore .toggleBtn:before{
	content:  "En voir plus";
}

.searchResults article .postulerBtn{
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  border-radius: 50px;
  background-color: #2ea3f2;
  color: #fff;
  margin: 20px auto 0 auto;
  font-size: 14px;
  font-weight: bold;
}

/*****/

#offre_modal {
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.5);
}

#offre_modal .bloc{
	position: absolute;
	padding: 20px;
	width: 450px;
	left: 50%; top: 50%;
	max-width: calc(100% - 40px);
	max-height: calc(100% - 40px);
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 5px;
}

#offre_modal .bloc .closeBtn{
	position: absolute;
	right: 10px; top: 10px;
	width: 20px; height: 20px;
	cursor: pointer;
}

#offre_modal .bloc .closeBtn:before, #offre_modal .bloc .closeBtn:after{
	content: "";
	position: absolute;
	left: 0; top: 50%;
	margin-top: -1px;
	width: 100%; height: 2px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#offre_modal .bloc .closeBtn:before{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

#offre_modal .bloc .modalTitle {
	text-align: center;
}

#offre_modal .bloc .form {
	position: relative;
	margin: 40px auto 0; 
}		

#offre_modal .bloc .form .message {
	display: none;
	text-align: center;
	color: #000;
	margin-top: 30px;
	font-weight: 500;
	font-size: 16px;

}


#offre_modal .bloc .form .message.fields,
#offre_modal .bloc .form .message.error {
	color: #C00;
}

#offre_modal .bloc .form .field {
	position: relative;
}

#offre_modal .bloc .form .field + .field { margin-top: 10px; }

#offre_modal .bloc .form .field .title {
	display: block;
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 5px;
}

#offre_modal .bloc .form .field textarea {
	display: block;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 100%;
	border: 1px solid #000;
	min-width: 100%;
	max-width: 100%;
	height: 160px;
	min-height: 160px;
	max-height: 160px;

	border: 1px solid #DDD;
	margin-right: 10px;
	margin-top: 0;
	outline: none;
	padding: 10px;
}

#offre_modal .bloc .form .field textarea.error { border-color: #F00; } 

#offre_modal .bloc .form .field input[type="text"] {
	display: block;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
	width: 100%; height: 44px;
	background-color: #fff;
	padding: 0 10px;
	line-height: 44px;
	outline: none;
	border: 1px solid #DDD;

}

#offre_modal .bloc .form .field input[type="text"].error {
	background-color: #f99;
}

#offre_modal .bloc .form .fieldsGroup {
	margin-bottom: 10px;
	font-size: 0;
}

#offre_modal .bloc .form .fieldsGroup .field {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
}

#offre_modal .bloc .form .fieldsGroup .field + .field  { 
	margin-left: 20px;
	margin-top: 0; 
}

#offre_modal .bloc .form .cta {
	cursor: pointer;
	height: 37px;
	line-height: 31px;
	text-align: center;
	display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  border: 3px solid #ffc10a;
  border-radius: 10px;
  background-color: #ffc10a;
  color: #fff;
  margin: 20px auto 0 auto;
  font-size: 14px;
  font-weight: bold;
}




/*****/

.search_pagination {
	position: relative;
	width: 100%;
	text-align: center;
}

.search_pagination .page {
	position: relative;
	display: inline-block;
	width: 30px; height: 30px;
	line-height: 30px;
	border-radius: 30px;
	background-color: #ddd;
	color: #444;
	margin: 0 2px;
}

.search_pagination .page.current {
	background-color: #2ea3f2;
	color:  #FFF;
	font-weight: 700;
}

.search_pagination .page.prev,
.search_pagination .page.next {
	width: auto;
	padding: 0 15px;
	font-size: 11px;
}

/*********************************************/

.codConnexion {
	position: relative;
	max-width: 400px;
	background-color: #e8eef3;
	padding: 40px;
	margin: 0 auto 50px auto;
	
	border-radius: 15px;
}

.codConnexion h2{ margin-bottom: 20px; padding-bottom:20px; border-bottom:4px solid #9167cb;}

div.name {
	margin: 0 auto;
	text-align:center;
	font-size:16px;
}

.codConnexion form {
	margin: 0 auto;
}

.codConnexion form label {
	position: relative;
	display: block;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}

.codConnexion form label input[type="text"] {
	position: absolute;
	right: 0; top: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 200px;
	height: 30px;
	font-size: 12px;
	border-radius: 0;
	background-color: #fff;
	color: #000;
	border:  1px solid #ccc;
	padding: 0 10px;
}

.codConnexion form label span.label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	font-size: 12px;
	line-height: 12px;

}

.codConnexion form label span.inputs {
	position: absolute;
	right: 0; top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	font-size: 0;
}

.codConnexion form label span.inputs .select {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.codConnexion form label span.inputs .select:after {
	content:  "";
	position: absolute;
	right: 6px; top: 50%;
	border:  4px solid #DDD;
	margin-top: -6px;
	border-right-color: transparent;
	border-bottom-color: transparent;

	pointer-events: none;

	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.codConnexion form label span.inputs select {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 30px;
	font-size: 12px;
	border-radius: 0;
	background-color: #fff;
	color: #000;
	border:  1px solid #ccc;
	padding: 0 5px;
}

.codConnexion form label span.inputs select[name="bmonth"],
.codConnexion form label span.inputs select[name="bday"] {
	width: 48px;
}

.codConnexion form label span.inputs select[name="bmonth"] {
	margin: 0 1px;
}

.codConnexion form label span.inputs select[name="byear"] {
	width: 62px;
}

.codConnexion form input[type="submit"] {
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*width: 100%;*/
	min-width:200px;
	/*height: 60px;*/
	border: 3px solid #ffc10a;
	border-radius: 10px;
	background-color: #ffc10a;
	color: #FFFFFF;
	margin: 20px auto 0 auto;
	padding: 6px 10px 6px 10px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.codConnexion form input[type="submit"]:hover {
	border:3px solid #FFFFFF;
}


div#check_zone {
	position: relative;
}

input#check_zone_code_postal {
	padding: 10px;
	font-size:15px;
	background-color:#e6f2fc;
	border: 1px solid #9fbacf;
	border-radius: 5px;
}

ul#check_zone_list_cities {
	/*position: absolute;
	top:94px;
	left:0;
	z-index:9999;
	*/
	list-style: none;
	border: 1px solid #718290;
	max-width: 200px;
	padding:0px;
}

ul#check_zone_list_cities li {
	padding: 1px;
	margin: 0;
	font-size: 11px;
	max-width: 200px;
	color: #000;
	background-color: #f6f6f6;
}
ul#check_zone_list_cities li:hover {
	color: #5294c8;
	background-color: #FFFFFF;
	cursor: pointer;
}

div#check_zone_votre_zone {
	font-size: 14px;
	color: #0f9aff;
	padding:10px 5px 10px 5px;
	
}

.prochaines_gardes_titre {
	font-size:16px;
	font-weight: bold;
	color:#1b8de7;
	margin-bottom:10px;
}



/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/

.logoutBloc {
	position: relative;
	text-align: right;
}


.loginBloc {
	position: relative;
	text-align: right;
	font-size: 16px !important;
	color: #9d74a1 !important;
}

.loginBloc h2 {
	padding-bottom: 10px;
	line-height: 1em;
	font-size: 23px;
	font-weight: 600;
	color: #FFFFFF !important;
}

.loginBloc .connexionBtn { display: inline-block; }

.loginBloc form{ display: none; margin-left: auto; text-align: center; width: 350px; }

.loginBloc form .askAccount{
	color: #FFF;
	font-size: small;
	text-decoration: underline;
}

.loginBloc form .messages .error{
	color: #f00;
	font-weight: 700;
	margin: 10px 0;
}

.loginBloc form .validBtn{
	margin-top: 10px;
	padding: .3em 1em!important;
}

/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/

.loginPopin { 
	display: none; 
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1000;
}

.loginPopin .bg{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.8);
}

.loginPopin .bloc{
	position: absolute;
	left: 50%; top: 50%;
	background-color: #fff;
	border-radius: 10px;
	padding: 3em;
	text-align: center;
	transform: translate(-50%, -50%);
}

.loginPopin .bloc .title{
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}


.aideIcone {
	font-size:2em;
	color:blue;
}
.aidePopin, .aideRppsPopin { 
	display: none; 
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1000;
}

.aidePopin .bg, .aideRppsPopin .bg{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.8);
}

.aidePopin .bloc, .aideRppsPopin .bloc {
	position: absolute;
	left: 50%; top: 50%;
	background-color: #fff;
	border-radius: 10px;
	padding: 3em;
	text-align: left;
	transform: translate(-50%, -50%);
}

.aidePopin .bloc .title, .aideRppsPopin .bloc .title {
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/

.loginPopin .bloc .form { width: 400px; }
.aidePopin .bloc .descriptif, .aideRppsPopin .bloc .descriptif { width: 400px; font-size:0.9em;}

.loginBloc form .field,
.loginPopin .bloc .form .field{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-bottom: 3px;
}

.loginBloc form .field label,
.loginPopin .bloc .form .field label{
	display: inline-block;
	color: #FFF;
	font-weight: 700;
	line-height: 40px;
	font-size: .9em;
}

.loginPopin .bloc .form .field label { color: #000; }
.loginPopin .bloc .form .field.error label { color: #C00 }

.loginBloc form .field input,
.loginPopin .bloc .form .field input{
	appearance: none;
	position: relative;
	background-color: #fff;
	border: none;
	padding: 0 1em;
	width: 200px;
	height: 40px;
	border-radius: 8px;
}

.loginBloc form .field .textarea,
.loginPopin .bloc .form .field .textarea {
	position: relative;
	background-color: #fff;
	border-radius: 8px;
}

.loginBloc form .field .select,
.loginPopin .bloc .form .field .select {
	position: relative;
	background-color: #fff;
	border-radius: 8px;
}

.loginPopin .bloc .form .field input,
.loginPopin .bloc .form .field .select { background-color: #f0f0f0;  }

.loginBloc form .field .select:before,
.loginPopin .bloc .form .field .select:before{
	content: '';
	position: absolute;
	right: 15px; top: 50%;
	margin-top: -5px;
	width: 7px; height: 7px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
}

.loginBloc form .field .select select,
.loginPopin .bloc .form .field .select select{
	appearance: none;
	border: none;
	background-color: transparent;
	width: 200px;
	height: 40px;
	padding: 0 1em;
}

.loginPopin .bloc .form .accessBtn{
	font-size: .9em;
	margin-top: 20px;
  font-weight: 500;
  padding: .3em 1em;
  line-height: 1.7em!important;
  background-color: #0000;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;
  border-radius: 3px;
  cursor: pointer;
}

.loginPopin .bloc .form .messages{
	margin-top: 10px;
}

.loginPopin .bloc .form .messages .message{
	font-size: .9em;
}

.loginPopin .bloc .form .messages .message.error{
	color:  #C00;
}

.cursorP {
	cursor: pointer;
}