/*CARRIERE SECTION */
/*REFONTE 15 janviers 2025  */

/**************************************************/
/* Feuille style local                            */
/* Contenu de page personnalise par les edimestres*/
/**************************************************/

/* CHARTE COULEUR CN*/
/* #003366; /*--------Bleu fonce*/
/* #8ebdde; /*--------Bleu pale*/
/* #e5eff7; /*--------Bleu gris bg menu*/
/* #227bbc; /*--------Bleu hover menu*/
/* #b80000; /*--------Rouge */

/*AO*/
/* #78D5E1; /*--------turquoise */
/* #EAA794; /*--------rose */
/* #D2D755; /*--------vert */
/* #1D428A; /*--------bleu */

/*CARRIERE*/
/* #C4DCE9; /*--------bleu-gris */
/* #0465B2; /*--------bleu-fonce */
/* #72D1F6; /*--------bleu-ciel */
/* #FF9239; /*--------orange */

/*CARRIERE STAGE*/
/* #a6a6a6; /*--------gris */
/* #fabc1a; /*--------jaune */
/* #709fb2; /*--------sarcelle */

.container .carousel-inner > .item {
    padding-bottom: 0px;
    padding-top: 0px;
    background-size: contain;
}


h1,h2,h3,h4,h5 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
 /* line-height: 24px;*/
 
 }


h1 {
  /*color: #0465B2;*/ /*--------bleu-fonce */
  color: #000000; /*--------noire */
  font-size: 29px;
 }



h2 {
  /*color: #0465B2;*/ /*--------bleu-fonce */
  color: #000000; /*--------noire */
   font-weight: normal;
   font-size: 27px;
}

h3 {
  /*color: #0465B2;*/ /*--------bleu-fonce */
  color: #000000; /*--------noire */
  font-size: 25px;

}

h4 {
  /*color: #0465B2;*/ /*--------bleu-fonce */
  color: #000000; /*--------noire */
 font-size: 105%;
}


h5 {
  /*color: #0465B2;*/ /*--------bleu-fonce */
  color: #000000; /*--------noire */
 font-size: 105%;
}

a {
    color: #333333; /*--------noir-gris */

}

a:hover, a:focus {
    color: #FF9239; /*--------orange */
   /* text-decoration: underline;*/
}

.well {
    background-color: #C4DCE9; /*--------bleu-gris */
}

.jumbotron h1,.jumbotron h2,.jumbotron h3,.jumbotron h4,.jumbotron h5 {
  color: #ffffff;
 }

.jumbotron a{
  color: #ffffff;
 }

.jumbotron a:hover{
    color: #FF9239; /*--------orange */
   /* text-decoration: underline;*/
 }

.jumbotron {
    background-color: #0465B2; /*--------bleu-fonce */
}

.footer-section .icon_outil {
    color: #ffffff;
}

.footer-section .texticon-top .texticon-icon {
    margin-bottom: 15px;
    margin-top: 5px;
}

.footer-section .background_bleu_gris, .footer-section .background_bleu_fonce, .footer-section .background_bleu_ciel{
    margin: 0 10px 0;
}

.footer-section .background_bleu_gris h1,.footer-section .background_bleu_gris h2,.footer-section .background_bleu_gris h3,.footer-section .background_bleu_gris h4,.footer-section .background_bleu_gris h5 {
    color: #C4DCE9 !important;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-size: 20px;
}

.footer-section .background_bleu_fonce h1,.footer-section .background_bleu_fonce h2,.footer-section .background_bleu_fonce h3,.footer-section .background_bleu_fonce h4,.footer-section .background_bleu_fonce h5 {
    color: #0465B2  !important; /*--------bleu-fonce */
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-size: 20px;
}

.footer-section .background_bleu_ciel h1,.footer-section .background_bleu_ciel h2,.footer-section .background_bleu_ciel h3,.footer-section .background_bleu_ciel h4,.footer-section .background_bleu_ciel h5 {
    color: #0465B2 !important;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-size: 20px;
}

.footer-section a {
    overflow-wrap: anywhere;
}

.footer-section p {
    font-size: 75%;
}


.footer-section .icon_outil {
    font-size: 25px;
}


.footer-section h3 {
    color: #ffffff;
}

.footer-section h4 {
    color: #ffffff;
    font-size : 115%;
}


.background_bandeau_bleu{
  /*background-color: #D2D755;*/ /*--------vert */
  background: transparent url(/fileadmin/internet/cisss-cotenord/Soins_services/Aire_ouverte/images/AO_bandeau_bleu.jpg) no-repeat scroll 0 0;
  min-height: 200px;
  background-size: cover;
  background-position: center center;
  border-bottom: 30px solid #78D5E1; /*--------turquoise */
 }

.background_bandeau_bleu h1{
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 50px;
    font-size: 35px;
}

.background_bandeau_bleu_titre{
    background-color: rgba(0,51,102,0.9);
    min-height: 170px;
}

.background_bandeau_bleu h2{
    color: #ffffff;
    /*text-transform: uppercase;*/
    font-weight: bold;
 }

.background_bleu_gris{
  background-color: #C4DCE9; /*--------bleu-gris */
 /*padding-top: 5px;
  padding-bottom: 5px;*/

 }

.background_bleu_gris h1,.background_bleu_gris h2,.background_bleu_gris h3,.background_bleu_gris h4,.background_bleu_gris h5{
  color: #333333 !important; /*--------noir-gris */
 }

.background_bleu_gris a:hover, .background_bleu_gris a:focus {
    color: #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}

.background_bleu_fonce{
  background-color:  #0465B2; /*--------bleu-fonce */
 /*padding-top: 5px;
  padding-bottom: 5px;*/

 }

.background_bleu_fonce h1,.background_bleu_fonce h2,.background_bleu_fonce h3,.background_bleu_fonce h4,.background_bleu_fonce h5{
  color: #333333 !important; /*--------noir-gris */
  margin-top: 10px !important;
  margin-bottom: 10px !important;
 }

.background_bleu_fonce a:hover, .background_bleu_fonce a:focus {
    color: #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}

.background_bleu_ciel{
  background-color: #72D1F6; /*--------bleu-ciel */
 /*padding-top: 5px;
  padding-bottom: 5px;*/

 }

.background_bleu_ciel h1,.background_bleu_ciel h2,.background_bleu_ciel h3,.background_bleu_ciel h4,.background_bleu_ciel h5{
  color:  #333333 !important; /*--------noir-gris */
 }

.background_bleu_ciel a:hover, .background_bleu_ciel a:focus {
    color:  #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}

.background_orange{
  background-color: #FF9239; /*--------orange */
 /*padding-top: 5px;
  padding-bottom: 5px;*/

 }

.background_orange h1,.background_orange h2,.background_orange h3,.background_orange h4,.background_orange h5, .background_orange p{
  color: #333333 !important; /*--------noir-gris */
 }

.background_orange a:hover, .background_orange a:focus {
    color: #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}

.background_jaune{
  background-color: #fabc1a; /*--------jaune */
 }

.background_jaune h1,.background_jaune h2,.background_jaune h3,.background_jaune h4,.background_jaune h5{
  color: #333333 !important; /*--------noir-gris */
 }

.background_jaune a:hover, .background_jaune a:focus {
    color: #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}

.background_gris{
  background-color: #a6a6a6; /*--------gris */
 }

.background_gris h1,.background_gris h2,.background_gris h3,.background_gris h4,.background_gris h5{
  color: #333333 !important; /*--------noir-gris */
 }

.background_gris a:hover, .background_gris a:focus {
    color: #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}

.background_sarcelle{
  background-color: #709fb2; /*--------sarcelle */
 }

.background_sarcelle h1,.background_sarcelle h2,.background_sarcelle h3,.background_sarcelle h4,.background_sarcelle h5{
  color: #333333 !important; /*--------noir-gris */
 }

.background_sarcelle a:hover, .background_sarcelle a:focus {
    color: #333333 !important; /*--------noir-gris */
    text-decoration: underline;
}


.background_image{
  padding: 0px;
 }

.background_image .image {
    margin-bottom: 0px;
}

.background_image_ronde img {
   clip-path: ellipse(33% 50%);
}

.background_image_ronde .image {
    margin-bottom: 15px;
}



/*Bouton*/
.button_carriere {
  display: inline-block;
  border-radius: 2px;
  /*background-color: #45423e;*/
  border: none;
  color: #333333; /*--------noir-gris */
  text-align: center;
  font-size: 105%;
  font-family: 'Open Sans', sans-serif;
  padding: 10px 20px 10px;
  min-width: 250px;
  transition: all 0.5s;
  cursor: pointer;
  /*margin: 5px;*/
   margin-bottom: 20px;
   border-radius: 10px;
   border: 2px solid #ffffff;
}

.button_carriere:hover  {
  border: 2px solid #0465B2; /*--------bleu-fonce */
  transition: 0.5s;
}

.button_carriere span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  font-weight: bold;

}

.button_carriere span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_carriere:hover span {
  padding-right: 25px;

}

.button_carriere:hover span:after {
  opacity: 1;
  right: 0;
}

.bleu_gris{background-color: #C4DCE9; /*--------bleu-gris */}

.button_carriere.bleu_gris:hover {
    border: 2px solid #C4DCE9; /*--------bleu-gris */
    transition: 0.5s;
    background-color: white;
}


.bleu_fonce{background-color: #0465B2; /*--------bleu-fonce */}

.button_carriere.bleu_fonce:hover {
    border: 2px solid #0465B2; /*--------bleu-fonce */
    transition: 0.5s;
    background-color: white;
}

.bleu_ciel{background-color: #72D1F6; /*--------bleu-ciel */}

.button_carriere.bleu_ciel:hover {
    border: 2px solid #72D1F6; /*--------bleu-ciel */
    transition: 0.5s;
    background-color: white;
}


.orange{background-color: #FF9239; /*--------orange */}

.button_carriere.orange:hover {
    border: 2px solid #FF9239; /*--------orange */
    transition: 0.5s;
    background-color: white;
}

.jaune{background-color: #fabc1a; /*--------jaune */}

.button_carriere.jaune:hover {
    border: 2px solid #fabc1a; /*--------jaune */
    transition: 0.5s;
    background-color: white;
}

.gris{background-color: #a6a6a6; /*--------gris */}

.button_carriere.gris:hover {
    border: 2px solid #a6a6a6; /*--------gris */
    transition: 0.5s;
    background-color: white;
}

.sarcelle{background-color: #709fb2; /*--------sarcelle */}

.button_carriere.sarcelle:hover {
    border: 2px solid #709fb2; /*--------sarcelle */
    transition: 0.5s;
    background-color: white;
}


.panel-title {
    /*color: #0465B2 !important;*/ /*--------bleu-fonce */
    color: #000000; /*--------noire */
}

.panel-title > a:hover, .panel-title > a:focus,.panel-title > a:active  {
    /*color: #0465B2 !important;*/ /*--------bleu-fonce */
    color: #000000; /*--------noire */
    text-decoration: underline;
}


.panel-default > .panel-heading {
    background-color: #C4DCE9; /*--------bleu-gris */
    background-color: #a6a6a6; /*--------gris */
}

.panel-heading a:after {
    /*color: #0465B2 !important;*/ /*--------bleu-fonce */
    color: #000000; /*--------noire */

}

/***************************/
/*Carousel Carriere        */
/***************************/

.carousel_carriere .carousel-inner .item {
    /* width: 1170px; */
    height: 430px;
}

.carousel_carriere .carousel-indicators {
    top: 380px;
}


@media (min-width: 768px){

.footer-section p {
    font-size: 98%;
}

.footer-section .icon_outil {
    font-size: 35px;
}

}