body{
background-color:#F8F8F8 !important;
}

.bg-espasestice-primary{
background-color:var(--main) !important;
}

.bg-espasestice-secondary{
background-color:var(--secondary) !important;
}


.color-espasestice-secondary{
color:var(--secondary) !important;
}


.error{
color:red !important;
}

.btn-main_custom, .btn-main_custom:hover, .btn-main_custom:active, .btn-main_custom:focus{
padding-left:10px;
padding-right:10px;
background-color:var(--main);
color:var(--bg_common);
font-weight:600;
}

.btn-secondary_custom, .btn-secondary_custom:hover, .btn-secondary_custom:active, .btn-secondary_custom:focus{
padding-left:14px;
padding-right:14px;
background-color:var(--secondary);
color:var(--bg_common);
font-weight:600;
}

/* style identity */
h3 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  color: #080808;
}

h3 span {
  display: block;
}
.two h3 {
  text-transform: capitalize;
}


.two h3 span {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 2em;
  padding-left: 0.25em;
  color: rgba(0, 0, 0, 0.5);
}

.two h3:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -14px;
  background-color: var(--secondary);
}
.two h3:after {
  width: 160px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 12px;
  left: 50%;
  margin-left: -80px;
  background-color:  var(--secondary);
}


/* dossier de candidature */

.seven h1 {
text-align: center;
    font-size:30px; font-weight:300; color:#222; letter-spacing:1px;
    text-transform: uppercase;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

.seven h1:after,.seven h1:before {
    content: " ";
    display: block;
    border-bottom: 1px solid var(--secondary);
    border-top: 1px solid var(--secondary);
    height: 5px;
	background-color:#f8f8f8;
}

.divcat_form{
background-color:#F8F8F8 !important;
}

.divcat_form:hover{
background-color:var(--secondary) !important;
}

a.link-form{
text-decoration:none;
color:var(--main) !important;
}

a.link-form:hover{
text-decoration:none;
color:white !important;
font-weight: 600;
}

.msg-flash{
color:#1E90FF !important;
}
.msg-novalid{
color:#ff0000 !important;
}