#formlayout{/* background:#f2f2f4; */overflow:hidden;margin: 0 20px;}
.row {
    margin:0 auto!important;
    max-width:799px;overflow: hidden;
}
#header {
    /* background:#caedef; */
    height:143px;
	padding:14px 20px 0 20px;
}
.formlayout {
    background:url(../img/headerbg.png) no-repeat center 0;
    width: 100%;
}
/* .formlayout {
    margin: 0 auto;
    max-width: 799px;
} */
.logo1 {
    float:left;
    margin-right:0;width:45%;
}
.logo2 {
    margin-top:85px;float:left;width: 33.33%;
}

.logo3 {
    float:right;/* margin-top:39px; */width:45%;
}
.number{padding:0 0 20px 0;}
.top-form-group {width:100%;/* background:#fff; */padding:48px 0 0 0;}
/* .soustop-form-group {
    border-bottom:5px solid #064974;
    margin-bottom:20px;margin:0 auto;
    overflow:hidden;
    padding-bottom:48px;max-width:799px;
} */

.soustop-form-group {
    /* border-bottom:4px solid #00a451; */
    margin: 0 auto;
    max-width: 799px;
    overflow: hidden;
    padding: 0 20px 48px;
    /* text-align: center; */
}
.top-form-group .control-label {
    margin-bottom: 0;
    padding:0!important;
    text-align: left!important;
}
/*  */
.bottom-form-group {
    margin: auto;
    max-width: 707px;padding: 0 20px;
}
.bottom-form-group  {
    color: #2e2e85;
    font-size: 18px;margin-bottom: 14px !important;
}
.accordion-heading {
    background: #00a451;
}
.etablissement {
    float: left;
}
.annee {
    float: right;
}
.clr{clear:both}
.etablissement > label , .annee > label {
    display: block;
}
.col-xs-7.right select{
    margin-left:0!important;
}
.col-xs-4.right {
    float: right;
}
.accordion-heading a{display: block;color:#fff;padding:5px 5px 5px 20px;text-decoration:none;}
.accordion-toggle {background:url(../img/puce.png) no-repeat 98% center;}
.accordion-toggle.collapsed {background:url(../img/bottom.png) no-repeat  98% center;}
form {
	background: #f2f2f4;
	margin: 0 auto !important;
    width: 100%;
}
.accordion-inner {
    padding:20px 0;
}
.form-group.row {
    padding-bottom: 5px;
}
.totaltitle {
    background: #444547 none repeat scroll 0 0;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 5px 5px 5px 20px;
}

/*  */
select  .custom{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.custom::-ms-expand {
  display: none;
}
input[type="radio"], input[type="checkbox"] {
    float: left;
    line-height: normal;
    margin: 4px 0 0;margin-right: 10px;
}
.form-control {
    background-color: #ffffff;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.calculer {
    background: #2e2e85 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    padding: 17px;
    /* width: 114px !important; */
    text-transform: uppercase;
    margin-left: 13px;
}
hr{background:#f2f2f4;border-top:4px solid #00a451;}
.titleaxa {
    color: #064974;
    display: inline-block;
    font-size: 18px;
}

.right {display:inline-block;float:right;padding-top:15px;font-weight: bold;color: #064974;}
label {
    /* display: inline-block; */
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}

.logo1  img  {float: left;max-width: 100%;}
.logo2  img , .logo3  img {float: right;max-width: 100%;}

footer p {
    text-align: center;
}


.formdescription {
    background: #fff;
	padding: 42px 25px;
}
.formdescription h2 {
    font-size: 22px;
    text-align: center;
    margin: 0;
    color: #2e2e85;
	font-family: 'Roboto', sans-serif;
	padding-bottom: 20px;
	font-weight:700;
}
.formdescription h3 {
    font-size: 19px;
    color: #2e2e85;
    font-weight: 700;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
}
.formdescription h4 {
    font-size: 15px;
    color: #2e2e85;
    font-weight: 700;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
.formdescription p {
	line-height: 22px;
    font-size: 15px;    
	text-align: justify;
    color: #363636;
    font-weight:400;
	font-family: 'Roboto', sans-serif;
	/* padding-bottom: 20px; */
}
p.thanks {
    padding-top:43px;
}
p.slogan {
    background: #2e2e85;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    font-size: 22px;
    /* margin-top: 78px; */
	font-family: 'Roboto', sans-serif;
}

.ps p {
    font-size: 13px;
    color: #474748;
    margin-bottom: 17px;
	text-align: justify;
}
.dropshadow{box-shadow:none!important;max-width: 819px!important;padding: 0 20px;}
.margtop{margin-top:25px;margin-left: 92px;}
.margleft{margin-left: 155px;}
.confirmbtn{margin-left:0!important;}
.infosParents{margin:23px 0;}
.graytext{padding: 0 20px;color:#423e3e;font-weight:700;font-size:14px;font-style:italic;text-align:center;}
.greentext{color:#00a451;font-weight:700;font-size:14px;font-style:italic;margin: 22px 0 0 0;text-align: center;padding: 0 20px 53px 20px;}
table.checkboxsstyle {
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.checkboxsstyle input {
    float: right!important;
    margin-left: 4px!important;
}
/*  */
/* The container */
.checkbox {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;    text-align: left;
    cursor: pointer;margin-right: 19px;
    /* font-size: 22px; */    padding-top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
td.width {
    width: 72px!important;
    display: inline-block;
}

/* Hide the browser's default radio button */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #00a451;
}

/* When the radio button is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #00a451;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkbox .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/*01/06/2022*/
.tooltipapeef {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltipapeef .tooltiptextapeef {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltipapeef:hover .tooltiptextapeef {
  visibility: visible;
}