/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Roboto', serif;
}
.master-detail-caption {
	padding: 15px 0 5px 10px;
	font-size: 14px;
	font-weight: bold;
	.dx-scheduler-agenda .dx-scheduler-appointment-indicator {
		/* Nous définissons une couleur par défaut ici, mais elle sera remplacée par JS */
		background-color: transparent !important; 
	}
	.dx-tab-text-span-pseudo {
		display: none;
	}
}
.fa-1x {
	font-size: 1.5rem;
	}
	.navbar-toggler.toggler-example {
	cursor: pointer;
	}
	.dark-blue-text {
	color: #FFFFFF;
	}
.A_Blanc:link{color: white; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Blanc:visited{color: white; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Blanc:active{color: white; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Blanc:hover{color: #044E44; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}

.A_Vert:link{color: #044E44; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Vert:visited{color: #044E44; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Vert:active{color: #044E44; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Vert:hover{color: black; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}

.A_Blanc_noir:link{color: white; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Blanc_noir:visited{color: white; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Blanc_noir:active{color: white; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}
.A_Blanc_noir:hover{color: black; text-decoration:none;font-family: 'Roboto', sans-serif;line-height:2em;}

.A_Menu:link{color: black; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight:400;}
.A_Menu:visited{color: black; text-decoration:nbone;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}
.A_Menu:active{color: black; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}
.A_Menu:hover{color: #427A72; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}

.A_Menu_OK:link{color: #427A72; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}
.A_Menu_OK:visited{color: #427A72; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}
.A_Menu_OK:active{color: #427A72; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}
.A_Menu_OK:hover{color: #427A72; text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 1.3em;text-align: left;line-height:1em;font-weight: 400;}

.input-group-text.primary {
    background-color: rgb(255, 255, 255);

}	
.message::-webkit-input-placeholder {
    padding-top: 10px;
}

.message::-moz-input-placeholder {
    padding-top: 10px;
}

.message:-moz-input-placeholder {
    padding-top: 10px;
}

.message:-ms-input-placeholder {
    padding-top: 10px;
}	

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 600px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}


.Header_1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	text-align: left;
	line-height:1.2em;
}
.Bas_Footer{
	color: #fff; 
	font-family: 'Roboto', sans-serif;
	text-align: left;
	line-height:2em;
}.top_parent {
	background: #044E44;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	color: white;
	width: 100%;
	height: 2em;
	text-align: center;
}.Bas_Blanc {
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	width: 100%;
	height: 8em;
}.Bas_Blanc2 {
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	width: 100%;
	height: 14em;
	vertical-align: middle
}.Bas_0 {
	background: #044E44;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	width: 100%;
	height: 20em;
	vertical-align: middle;
}.Bas_1 {
	background: #272727;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	width: 100%;
	height: 18em;
}.Bas_1_texte_gras {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	color: white;
	font-weight: bolder;
	
}
.Bas_2 {
	background: #000000;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	color: white;
	width: 100%;
	height: 6em;
}
.Texte_normal_gauche {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1.2em;
	text-align: left;
	line-height:1.8em;
}
.Texte_libelle {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1.2em;
	text-align: left;
	line-height:1.8em;
}
.Texte_libelle_gras {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	text-align: left;
	line-height:1.8em;
}
.Texte_normal_gauche_Gras {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	text-align: left;
	line-height:3em;
	font-weight: bolder;
}
.Texte_normal_gauche_Gras_XL {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	text-align: left;
	line-height:1.5em;
	font-weight: bolder;
}
.Texte_normal_centre{
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1em;
	text-align: center;
	line-height:2em;
}
.Texte_normal_centre_Gras{
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	text-align: center;
	line-height:4em;
	font-weight: bolder;
}
.Texte_normal_centre_Gras2{
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	text-align: center;
	line-height:2.5em;
	font-weight: bolder;
}
.Texte_normal_centre_Gras_Haut{
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	text-align: center;
	line-height:12em;
	font-weight: bolder;
}
.Texte_Caroussel_1{
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 3.5em;
	text-align: center;
	line-height:1em;
	font-weight: bolder;
}
.Texte_Caroussel_2{
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	text-align: center;
	line-height:1.5em;
	font-weight: bolder;

}
.Texte_Caroussel_3{
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	text-align: center;
	line-height:1.5em;
	font-weight: bolder;
	vertical-align:super;
	position: relative;
	padding-bottom: 55px;
	vertical-align: top;
}
.Submitbot_Frais {
	background: #044E44;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	border-style: solid;
	border: 1;
	border-color: #044E44;
	max-width: 160px;
	transition: all 0.25s ease-in-out 0s;
}
.Submitbot_Frais:hover {
	background: white;
	color: #044E44;
	border: 1;
	border-style: solid;
	border-color: #044E44;
}
.Submitbot {
	background: #044E44;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	border-style: solid;
	border: 1;
	border-color: #044E44;
	max-width: 160px;
	transition: all 0.25s ease-in-out 0s;
}
.Submitbot:hover {
	background: white;
	color: #044E44;
	border: 1;
	border-style: solid;
	border-color: #044E44;
}
.Submitbot_Large {
	background: #044E44;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	border-style: solid;
	border: 1;
	border-color: #044E44;
	max-width: 320px;
	transition: all 0.25s ease-in-out 0s;
}
.Submitbot_Large:hover {
	background: white;
	color: #044E44;
	border: 1;
	border-style: solid;
	border-color: #044E44;
}
.Submitbot_Caroussel {
	background: #044E44;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	border-style: solid;
	border: 1;
	border-color: #044E44;
	max-width: 240px;
	transition: all 0.25s ease-in-out 0s;
}
.Submitbot_Caroussel:hover {
	background: white;
	color: #044E44;
	border: 1;
	border-style: solid;
	border-color: #044E44;
}
.Submitbot_BAS{
	background: #044E44;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	border-style: solid;
	border: 1;
	border-color: #044E44;
	max-width: 420px;
	transition: all 0.25s ease-in-out 0s;
}
.Submitbot_BAS:hover {
	background: white;
	color: #044E44;
	border: 1;
	border-style: solid;
	border-color: #044E44;
}
.input_box_d {
	width: 100%;
	background: #F4F4F4;
	border: 1px solid #e0e3e6;
	padding: 10px 14px;
	font-size: 14px;
	outline: none;
	color: #000;
	font-family: 'Roboto', sans-serif;
	transition: all 0.25s ease-in-out 0s;
}
.input_box_d:focus {
	border: 1px solid #044E44;
} 





.input_box_s {
	width: 30%;
	background: #F4F4F4;
	border: 1px solid #e0e3e6;
	padding: 10px 14px;
	font-size: 14px;
	outline: none;
	color: #000;
	font-family: 'Roboto', sans-serif;
	transition: all 0.25s ease-in-out 0s;
}
.input_box_s:focus {
	border: 1px solid #044E44;
} 
.caption-va .carousel-caption {
    position: absolute;
    top: 40%;

    height: 100%;
}
 .no-padding {
   padding: 0;
 }


.detail_content_block  { width:100%; float:left; margin-bottom:11px;}


a.back_search { float:right; margin-top:10px; margin-right:15px;
background:url(../images/back_icon.png) no-repeat left 4px; padding:0 0 3px 20px;}

a.back_search:hover { text-decoration:underline;}


.detail_content_block summary.main_summmary { 
font-size:16px;
letter-spacing:1px;
padding:5px 5px 5px 5px;
border-bottom: 1px solid #e0e0e0;
margin-bottom:1px;
cursor:pointer; outline:none; 
background-color:#EDF8F4;
}

.dim_color { color:#b0aeaf;}
.detail_content_block summary.main_summmary:after {
	background: url(../images/plus_summary.png) no-repeat left top;
	float: right;
	height: 30px;
	width: 30px;
	content: " ";
	margin-bottom: 2px;
}

.detail_content_block details[open] summary.main_summmary:after
  {
	background: url(../images/minius_summary.png) no-repeat left top;
}

.detail_content_block_f summary.main_summmary_f { 
font-size:1.5em;
letter-spacing:1px;
padding:5px 5px 5px 5px;
border-bottom: 1px solid #e0e0e0;
margin-bottom:18px;
cursor:pointer; outline:none;
background-color:#fff;
}

.dim_color { color:#fff;}
.detail_content_block_f summary.main_summmary_f:after {
	background: url(../images/plus_summary.png) no-repeat left top;
	float: right;
	height: 30px;
	width: 30px;
	content: " ";
	margin-bottom: 2px;
}

.detail_content_block_f details[open] summary.main_summmary_f:after
  {
	background: url(../images/minius_summary.png) no-repeat left top;
}
.VacanceCalJourVacanceComplet {
	background-color: green  !important;
	color: white  !important;
	border-radius: 15px !important;
}

.VacanceCalJourVacancePartiel {
	background-color: #74bc74  !important;
	color: black  !important;
	border-radius: 15px  !important;
}

.VacanceCalJourDesactive {
	color: white  !important;
	background: rgb(128, 128, 128)  !important;
	border-radius: 15px  !important;
}

.VacanceCalJourObligatoirePrint {
	color: black  !important;
	border-color:  #337ab7 !important;
	border-style: solid !important;
	border-width: 2px !important;
	background: white  !important;
	border-radius: 0px  !important;
}

.VacanceCalJourVacanceCompletPrint {
	color: white  !important;
	border-color:  green !important;
	border-style: solid !important;
	border-width: 2px !important;
	background: green  !important;
	border-radius: 0px  !important;
}

.VacanceCalJourVacancePartielPrint {
	color: white  !important;
	border-color:  #74bc74 !important;
	border-style: solid !important;
	border-width: 2px !important;
	background: #74bc74  !important;
	border-radius: 0px  !important;
}

.VacanceCalJourDesactivePrint {
	color: white  !important;
	border-color: rgb(128, 128, 128) !important;
	border-style: solid !important;
	border-width: 2px !important;
	background: rgb(128, 128, 128)  !important;
	border-radius: 0px  !important;
	
}

.VacanceCalJourObligatoire {
	color: white  !important;
	background: #337ab7  !important;
	border-radius: 15px  !important;
}

.VacanceCalJourPedagogique {
	color: black !important;
	border-color: #f79c13 !important;
	border-style: solid !important;
	border-width: 2px !important;
	background: white  !important;
	border-radius: 0px  !important;
}

.VacanceCalJourFDS {
	color: #BBBBBB !important;
	border-color: #EAEAEA !important;
	background: #EAEAEA  !important;
	border-style: solid !important;
	border-width: 2px !important;
	border-radius: 0px  !important;
}
.desiCalJourVacanceComplet {
    background-color: green;
    color:white;
    border-radius: 15px;
}

.desiCalJourVacancePartiel {
    background-color: greenyellow;
    color: orangered;
    border-radius: 15px;
}

.desiCalJourDesactive {
  color: white;
  background: rgb(128, 128, 128);
  border-radius : 15px;
}

.buttonGrid {
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    cursor: pointer;
} 		

.buttonGridText {
	cursor: pointer;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem !important;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
} 
.buttonGridTextPrimary {
	color: #007bff !important;
	background-color: #fff !important;
	border-color: #007bff !important;
} 
.buttonGridTextSecondary {
	color: #6c757d !important;
	background-color: #fff !important;
	border-color: #6c757d !important;
} 
.buttonGridTextSuccess {
	color: #28a745 !important;
	background-color: #fff !important;
	border-color: #28a745 !important;
} 
.buttonGridTextDanger {
	color: #dc3545 !important;
	background-color: #fff !important;
	border-color: #dc3545 !important;
}
.buttonGridTextWarning {
	color: #ffc107 !important;
	background-color: #fff !important;
	border-color: #ffc107 !important;
}
.buttonGridTextInfo{
	color: #17a2b8 !important;
	background-color: #fff !important;
	border-color: #17a2b8 !important;
} 
.buttonGridTextDark {
	color: #343a40 !important;
	background-color: #fff !important;
	border-color: #343a40 !important;
} 
.fontGrid {
	font-size: 14px !important;
	vertical-align: middle !important;
} 
.desiCalJourObligatoire {
	color: white;
	background: #337ab7;
	border-radius: 15px;
}
.desiCalJourPedagogique {
	color: white;
	background: #f79c13;
	border-radius: 15px;
}