@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
* {
	margin:0;
	font-family: 'Rubik', sans-serif;
	box-sizing:border-box;
}	

a, a:hover, b, i, u, strong {
	color:inherit;
}

.alert-warning {
  border: 1px solid #f49224;
  color: #f49224;
}

b, strong { font-weight:500; }
span.medium { font-weight:400; }

.btn-aide { background:#008d95; color:#fff; font-weight:bold; padding:0 7px; }
.btn-aide:hover { color:#fff;}

.alert { margin:20px 0; }
.cliquable:hover { cursor:pointer; text-decoration:underline; }
textarea { resize:vertical; }

.visibility-hidden { visibility:hidden; }

.more-adresse { font-size:12px; color:#008d95; font-style:italic; text-decoration:underline; float:right; }

h1, h2, h3, h4, h5, h6 { margin:0; }

.container { padding:15px; }
.container .row { margin:0; }
h1 { font-size: 25px; font-weight: 500; border-bottom: 1px solid #000000; width:100%; margin-bottom: 30px; margin-top: 7px; text-transform: uppercase; }
h2 { font-size: 14px; font-weight: 500; border-bottom : 1px dotted #323232; text-align: left; margin-bottom: 15px; }
h3 { font-size: 14px; color: #fff; font-weight: 400; text-align: left; margin-bottom: 15px;  background:#aeb6bc; padding:5px; }
h4 { font-size: 14px; color: #000; font-weight: 400; text-align: left; margin-bottom: 15px; font-style:italic; border-bottom:1px solid #58b5ca; }


.message-validation, .LV_validation_message, .error-message { color:#ff0000; font-size:11px; display: inline-block; margin-left: 5px; }
select.error,
input.error,
ul.error,
.select2-container.error .select2-choice,
textarea.error,
.mce-tinymce.error,
.LV_invalid_field,
.row.error { border:1px solid #f93a3a!important; }
.LV_valid { display:none; }


.error-message { display:none; }

input[type=submit], input[type="button"][name="submit"], body #section .container .content .custom .btn-primary { color:#fff; padding:5px 40px 5px 10px; border:none; background-image:url(../images/background-button.png); background-repeat:no-repeat; background-position:right 7px center; display:block; margin:15px auto; float:none; background-color:#ff9037; }
a.retour { color:#fff; padding:5px 10px 5px 40px; border:none; background-image:url(../images/background-button-back.png); background-repeat:no-repeat; background-position:left 7px center; display:block; margin:15px 0; background-color:#999; float:left; }
a.retour + input[type=submit], a.retour + input[type="button"][name="submit"], body #section .container .content .custom a.retour + .btn-primary { float:right; }

.btnRouge { background: #e95e41; padding: 5px 15px; color: #fff; }
.btnRouge:hover { color:#fff; }

.span-obligatoire { color:red; }

.fieldset-custom { background: #f6f6f6 none repeat scroll 0 0; padding: 20px 15px; margin-bottom:15px; }

.table-responsive { width: 100%; overflow-x: auto; }

body { min-width:320px; font-size:14px; color: #000000; font-weight: 300; }
body #header { border-bottom:3px solid #aeb6bc; }
body #header.logged .container { position:relative; }
body #header .container #logout { padding:5px 15px; display:inline-block; position:absolute; top:0px; right:0; z-index:100; }
body #header .container #logout span span { font-size:16px; margin-right:5px; font-weight: 400; }
body #header .container #logout a img { height:18px; margin-left:5px;  }
body #header .container .logos { padding-right:30px; }
body #header .container .title { position:relative; padding-left:30px; }
body #header .container .title > a {font-size: 30px; font-weight: 400; text-transform: uppercase; }
body #header .container .title a:hover { text-decoration:none; }

body #section .container .content #highlights { font-size:12px; margin-bottom:20px; }
body #section .container .content #highlights a { font-weight:bold; }
body #section .container .content #highlights span.sep{ font-size:8px; font-style:italic; }

body #section .container .navigation { margin-bottom:15px;}
body #section .container .navigation #block-submenu { display:flex; flex-direction:row; align-items:normal;flex-wrap: wrap; }
body #section .container .navigation #block-submenu .menu { padding:15px;  }
body #section .container .navigation #block-submenu .menu a { padding:145px 0 0; background-repeat:no-repeat; background-position:center top; width:100%; display:flex; flex-direction:column; justify-content:center; height:100%; text-align:center; background-size:130px; }
body #section .container .navigation #block-submenu .menu a#menu-suivi { background-image:url(../images/menu_suivi_dossier.png); }
body #section .container .navigation #block-submenu .menu a#menu-formation { background-image:url(../images/menu_candidature.png); }
body #section .container .navigation #block-submenu .menu a#menu-residence { background-image:url(../images/menu_residence.png); }
body #section .container .navigation #block-submenu .menu a#menu-profil { background-image:url(../images/menu_edition_profil.png); }
body #section .container .navigation #block-submenu .menu a:hover, body #section .container .navigation #block-submenu .menu a.actif { text-decoration:none; font-weight:400; }
body #section .container .navigation #block-submenu .menu a#menu-suivi:hover, body #section .container .navigation #block-submenu .menu a#menu-suivi.actif { background-image:url(../images/menu_suivi_dossier_hover.png); }
body #section .container .navigation #block-submenu .menu a#menu-formation:hover, body #section .container .navigation #block-submenu .menu a#menu-formation.actif { background-image:url(../images/menu_candidature_hover.png); }
body #section .container .navigation #block-submenu .menu a#menu-residence:hover, body #section .container .navigation #block-submenu .menu a#menu-residence.actif { background-image:url(../images/menu_residence_hover.png); }
body #section .container .navigation #block-submenu .menu a#menu-profil:hover, body #section .container .navigation #block-submenu .menu a#menu-profil.actif { background-image:url(../images/menu_edition_profil_hover.png); }
body #section .container .navigation #block-submenu .menu a span { text-transform:uppercase; }

body #section .container .content .custom { background: #f6f6f6 none repeat scroll 0 0; border-top: 1px solid #e95e41; padding: 20px 15px; }
body #section .container .content .custom:after { display:table; content:" "; clear:both; }
body #section .container .content .custom .alert { margin-top:0; }
body #section .container .content .custom label { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 2px solid #e8e8e8; border-right: 2px solid #008d95; border-top: 2px solid #e8e8e8; float: left; margin: 0; padding-right: 10px; text-align: right; }
body #section .container .content .custom div.valeur { background:#fff; float:left; padding:2px; min-height:24px;  }

body #section .container .content .custom select.prefixeTel { width:75px; }
body #section .container .content .custom input.tel { width:calc(100% - 379px); }

body #section .container .sidebar-right { padding-left:15px; }
body #section .container .sidebar-right .block + .block { margin-top:15px; }
body #section .container .sidebar-right .block h2 { background-color:#58b5ca; color:#fff; font-size:16px; padding:5px 10px; font-weight:600; text-align:center; }
body #section .container .sidebar-right .block > .content { padding:15px; }

body #section .container .sidebar-right .block#block-actu h2 { background-color:#58b5ca; }
body #section .container .sidebar-right .block#block-actu > .content { padding-bottom:0; border:1px solid #58b5ca; }
body #section .container .sidebar-right .block#block-actu div.row { padding:0 0 10px 0; }
body #section .container .sidebar-right .block#block-actu div.row + div.row { border-top:1px solid #666; padding-top:10px; }
body #section .container .sidebar-right .block#block-actu div.row p.titre { font-weight:bold; margin-bottom:0; cursor:pointer; }
body #section .container .sidebar-right .block#block-actu div.row div.content { font-size:12px; margin-top:15px; }
body #section .container .sidebar-right .block#block-actu div.row div.content * { color:#444; }
body #section .container .sidebar-right .block#block-actu .reduireActu, body #section .container .sidebar-right .block#block-actu .affichierActu { cursor: pointer; float: right; font-size: 11px; font-style: italic; margin: 5px 5px 0; }

body #section .container .sidebar-right .block#block-procedure h2 { background-color:#ffd03f; }
body #section .container .sidebar-right .block#block-procedure > .content { padding-right:5px; border:1px solid #ffd03f;  }
body #section .container .sidebar-right .block#block-procedure > .content > div.mCustomScrollbar { overflow-y: auto; }
body #section .container .sidebar-right .block#block-procedure ul { list-style:none; padding:0; }
body #section .container .sidebar-right .block#block-procedure ul li + li { margin-top:10px; font-size:14px; }
body #section .container .sidebar-right .block#block-procedure ul li a { font-size:13px ; }
body #section .container .sidebar-right .block#block-procedure .reduireAllProcedure, body #section .container .sidebar-right .block#block-procedure .affichierAllProcedure { cursor: pointer; float: right; font-size: 11px; font-style: italic; margin: 10px 7px 0; }

body #footer { background-color:#323232; }
body #footer .container { text-align:center; color:#fff; }

#accordion, .accordion { width:100%; }
#accordion a, .accordion a { text-decoration:none; }

#accordion h3, .accordion h3 { text-decoration:none; font-size: 14px; font-weight: bold; color: #FFFFFF; }

.ui-accordion-header { padding:10px; color: #fff; display: block; width: 100%; background-color: #aeb5bb; border-color:#aeb5bb; margin-top:10px; background-image:none!important; }
#accordion h3.ui-accordion-header:nth-child(4n+1) { background-color: #fdd043; border-color:#fdd043; }
.ui-accordion-header .ui-accordion-header-icon { display:none; }
.ui-accordion-header::after { content:"+"; position:absolute; right:10px; font-size:30px; top:-3px; font-weight:400; }
.ui-accordion-header-active::after { content:"-"; top:-7px;right: 12px; }
.ui-accordion-header.ui-state-hover, .ui-accordion-header.ui-state-active { background-image:none;}

.ui-accordion-content { width: 100%; color: #000000; height:auto!important; padding:10px; border-color:#aeb5bb; border-width:2px; }
.ui-accordion-content table { width:100%; }
.ui-accordion-content table th { background:#1c1c1c; color:#fff; padding:10px 5px; }
.ui-accordion-content table.table-striped > tbody > tr:nth-child(2n) { background-color: #f2f2f2; }
.ui-accordion-content table.table-striped > tbody > tr:nth-child(2n+1) { background-color: #c2c2c2; }
.ui-accordion-content a { color: #000000; padding:5px 0; display:inline-block; }

#coordonnees input[type=submit], body #section .container .content .custom .btn-primary  { background-color:#ff9037; display:block; margin:auto; float:none; }
.custom .row { margin-bottom:16px; }
#coordonnees .row label { width:300px;  }
#coordonnees .row input, #coordonnees .row select, #coordonnees .row div.valeur { width:calc(100% - 300px);}
#coordonnees .row select { padding:4px 2px; }
#coordonnees .row input[type=checkbox], #coordonnees .row input[type=radio] { margin:2px 10px; width:auto; }
#coordonnees .row .extension, span.extension, span.explications, #coordonnees .row .LV_validation_message { font-size:12px; display:block; }
#coordonnees .row .extension, #coordonnees .row .LV_validation_message { margin-left:300px; }
#coordonnees .row .france select, #coordonnees .row .noFrance input { margin:2px 0; }
#coordonnees .row input.cp { width:65px; }
#coordonnees .row input.ville  { width:calc(100% - 379px); }
#coordonnees .row input.profession, #coordonnees .row input.entreprise { width:calc(50% - 132px); }

.naissanceFrance select, .naissanceFrance input, .naissanceNoFrance input { margin-top:5px; }


@media (max-width: 991px) {
	body #header .container #logout span { display:none; }
	body #section .container .sidebar-right { padding-left:0px; margin-top:30px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {
	body #header { border-bottom:none; }
	body #header .container .title, body #header .container .logos { display:block; }
	body #header .container .logos { text-align:center; padding:0px; }
	body #header .container .title { padding-left:0px; text-align:center; }
	body #header .container .title > a {font-size: 20px; }
	
	body #section .container .navigation #block-submenu .menu { padding-top:0; width:50%; }
}

@media (max-width: 575px) {	
	body #section .container .navigation #block-submenu .menu a { padding-top:130px; background-size:115px; }

	#section .container .custom .row select { width:100%!important; }
	body #section .container .content .custom select.prefixeTel { width:75px!important; }
	body #section .container .content .custom input.tel { width:calc(100% - 80px); display:inline-block; }
	#section .container .custom .row label { float:none!important; text-align:left!important; padding-left:10px!important; padding-right:0!important; border-bottom:2px solid #008d95!important; border-right:none!important; width:100%!important;}
	
	#section .container .custom .row div.valeur { width:100%!important; padding-left:10px!important; padding-right:10px!important;  }
	
	.ui-accordion-content input[type="submit"], .ui-accordion-content input[type="button"][name="submit"] { background-image:none; padding-right:10px; }
	
	
	.ui-accordion-header::after { right: 5px; font-size: 20px; top: 3px; }
	.ui-accordion-header-active::after { top: 2px; right: 7px; }
	.ui-accordion-content table th { display:none; }
	.ui-accordion-content table th:nth-child(1), .ui-accordion-content table td { display:block; width:100%!important; border:none; text-align:center; }
	
	
	#coordonnees .row label, #coordonnees .row input { width:100%; display:block;  }
	#coordonnees .row input[type=checkbox], #coordonnees .row input[type=radio] { width:auto; display:inline-block; }
	#coordonnees .row .extension, #coordonnees .row .LV_validation_message { margin-left:0; width:100%; display:block; }
	#coordonnees .row input.cp { display:inline-block; }
	#coordonnees .row input.ville { width: calc(100% - 79px); display:inline-block; }
	#coordonnees .row input.profession, #coordonnees .row input.entreprise { width:calc(50% - 7px); display:inline-block; }
	label.visibility-hidden { display:none!important; }
}