.cegara_vert{color:#A3B909}
.cegara_jaune{color:#FFCC00}
.cegara_mauve{color:#98017E}
.cegara_rouge{color:#E00017}

.cegara_vert_ombre{color:#859607}
.cegara_jaune_ombre{color:#E6B800}
.cegara_mauve_ombre{color:#71015E}
.cegara_rouge_ombre{color:#BD0013}

/*
Responsive en PX

* smartphone de 250 à 640
@media all and (max-width: 40em) {}

* Tablette de 641 à 960
@media all and (min-width: 40.01em) and (max-width: 60em) {} 

* Ecran de 961 à xxxxx
@media all and (min-width: 60.01em) {}
*/

/* Info générales*/

article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
    display: block;
}

mark,
rp,
rt,
ruby,
summary,
time {
    display: inline;
}
/* Alignement bloc */

.left {
    float: left;
}

.right {
    float: right;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.wrapper2 {
    padding-left: 400px;
}

.wrapper3 {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}
/* ----------------------------- */
/* == GLOBAL CSS                 */
/* ----------------------------- */

body {
    border: 0;
    font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: rgb(100, 100, 100);
}


@media all and (max-width: 40em) {
    .principal {
        margin: 0 10px;
    }
    body {
        font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
}

@media all and (min-width: 40.01em) and (max-width: 84em) {
    body {
        font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
}

.right {
    float: right;
}

.left {
    float: left;
}

.main {
    width: 100%;
    margin: 0 auto;
}

.grid {
    max-width: 1920px;
}

@media all and (min-width: 40.01em) {
    .grid {
        margin: 0 20px;
    }
}

@media all and (min-width: 75em) {
    .grid {
        margin: 0 100px;
    }
}


.row,
.col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row,
.col {
    overflow: hidden;
}

@media all and (min-width: 40.01em) {
    .col {
        float: left;
    }
    .col-1 {
        width: 8.33333333%;
    }
    .col-2 {
        width: 16.6666667%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.3333333%;
    }
    .col-5 {
        width: 41.6666666%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.3333333%;
    }
    .col-8 {
        width: 66.6666666%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.3333333%;
    }
    .col-11 {
        width: 91.6666666%;
    }
    .col-12 {
        width: 100%;
    }
}

@media all and (min-width: 60.01em) {
	.col-pied {
        width: 20%;
    }
	.col-pied-regionale {
        width: 40%;
    }
	
	.col-pied-tag {
        width: 20%;
    }

}

@media all and (min-width: 40.01em) and (max-width: 60em) {
    .col-t1 {
        width: 8.33333333%;
        float: left;
    }
    .col-t2 {
        width: 16.6666667%;
        float: left;
    }
    .col-t3 {
        width: 25%;
        float: left;
    }
    .col-t4 {
        width: 33.3333333%;
        float: left;
    }
    .col-t5 {
        width: 41.6666666%;
        float: left;
    }
    .col-t6 {
        width: 50%;
        float: left;
    }
    .col-t7 {
        width: 58.3333333%;
        float: left;
    }
    .col-t8 {
        width: 66.6666666%;
        float: left;
    }
    .col-t9 {
        width: 75%;
        float: left;
    }
    .col-t10 {
        width: 83.3333333%;
        float: left;
    }
    .col-t11 {
        width: 91.6666666%;
        float: left;
    }
    .col-t12 {
        width: 100%;
        float: left;
    }

    .row-separateur {
		margin-top: 8px;
		border-top: 1px solid rgb(163, 185, 9);
	}
	
	.col-pied {
        width: 50%;
        float: left;
    }
    .col-pied-regionale {
        width: 100%;
    }
    .col-pied-regionale1 {
        width: 100%;
    }
    .col-pied-tag {
        width: 100%;
    }
}

@media all and (max-width: 40em) {
	.row-separateur {
		margin-top: 0px;
		padding: 5px;
		border: 1px solid rgb(163, 185, 9);
	}
}

.row-separateur {
		margin-top: 1em;
		border-top: 1px solid rgb(163, 185, 9);
}

a {
    color: #696969;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    color: rgb(43, 43, 43);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.06em;
}

h2 {
    color: rgb(132, 151, 7);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding-bottom: 5px;
}


.creer_mon_compte {
    font-style: italic;
    font-size: 1em;
    padding-left: 20px;
    padding-right: 20px;
    height: 23px;
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(148, 158, 23,0.6);
    color: rgb(255,255,255);
}

.espace-connexion-left {
	margin-left: 0.3em; 
}

.espace-connexion3 {
}

.espace-connexion-left #password {
	width: 8em;
}

#IdForm-envoie #user {
	width: 15em;
}

.espace-connexion #IdForm-envoie
{
	background-color: rgb(191, 191, 191);
}

.link1,
.link1-picto {
    color: rgb(148, 158, 23);
}

.link2 {
    color: rgb(148, 158, 23);
    float: right;
    padding-top: 15px;
}

.action_message {
	color:#E00017;
}

#button-contacts, .button-right {
	float: right;
   margin-bottom: 50px;
}


.button-submit {
    background-color: rgb(2, 42, 5);
    border: 0.5px solid rgb(60, 60, 60);
    box-shadow: 2px 2px rgba(60, 60, 60, 0.75);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 8px 50px;
    text-decoration: none;
}

.button-submit:hover {
   background-color: rgba(2, 42, 5,0.85);
}

.margin-pied {
	margin-bottom: 30px;
}

@media all and (max-width: 40em) {
    h1 {
        font-size: 30px;
    }
    .button-submit {
        font-size: 20px;
        padding: 6px 28px;
    }

    .margin-pied {
		margin-bottom: 10px;
	}
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
     .button-submit {
        font-size: 22px;
        padding: 8px 40px;
    }
    #button-connexion {
		margin-left: 20%;
	}
}

@media all and (min-width: 60.01em) {
	#button-connexion {
	margin-left: 30%;
	}
}


/* ----------------------------- */
/* == HEADER  + NAV              */
/* ----------------------------- */

header {
    padding-top: 8px;
    min-height: 100px;
}

.border-other-pages {
    border-bottom: 20px solid rgb(48, 93, 0);
}

#other-pages {
    border-bottom: 20px solid rgb(48, 93, 0);
}

#IdForm {
    float: right;
    padding: 0px;
    font-size: 16px;
    font-style: italic;
}

.input-connexion {
    background-color: #fff;
    border: #cccccc 1px solid;
    height: 20px;
}

#IdForm-envoie {
    background-color: rgb(191, 191, 191);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 15px;
    height: 23px;
    text-decoration: none;
}


.menu-btn {
    background: none;
    border: none;
    color: rgb(2, 42, 5);
    font-size: 40px;
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
}

#menu {
    padding-top: 15px;
    float: right;
    display: inline-flex;
}

#menu li {
    padding-left: 45px;
    list-style: none;
}

#menu li a, .menu-01-a {
    color: rgb(181, 181, 181);
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: -0.05em;
}

#menu li a:hover,
#menu .active a {
    color: rgb(2, 42, 5);
}

#menu li a:hover span,
#menu .active a span {
    color: #fff;
}

#utilisateur-bienvenue {
	float: right;
}

.utilisateur-deconnexion {
	margin-left:10px;
}

.deconnexion-i {
	margin-top: 2px;
}

#menu-01-se-deconnecter {
    display: none;
}

#bt-connexion{
	display: none;
	float: right;
}
.menu-admin-ssmenu-tel {
    display: none;
}

/* Règles Mobile*/

@media all and (max-width: 40em) {
    #navigation {
        /* taille maximum correspandante à la hauteur de la navicon*/

        max-height: 50px;
        border: 2px solid rgb(2, 42, 5);
    }
    #navigation {
        /* On cache le conetenu qui dépasse */

        margin-top: -60px;
        overflow: hidden;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    /* Grace au js, quand on a la classe .active on l'affiche */

    #navigation.active,
    #sousmenu1.active+ul {
        background: rgb(255, 255, 255);
        max-height: 5000px;
        position: absolute;
        z-index: 5000;
        margin-top: 20px;
        padding-top: 20px;
        width: 99.5%;
    }
    #menu li {
        padding-left: 0;
    }
    #menu {
        display: inherit;
        float: inherit;
        margin-bottom: 20px;
    }
    .espace-connexion {
        display: block;
        padding-bottom: 10px;
    }
    #IdForm {
        float: inherit;
        text-align: center;
        margin: 20px 0;
    }

	#utilisateur-bienvenue {
		float: left;
		margin-left: 5px;
	}

	.slide {
        display: none;
    }

   .utilisateur-deconnexion {
		display: none;
	}

	#menu-01-mon-compte {
		display: none;
	}

	#menu-admin-left, #menu-admin-entreprise {
    display: none;
   }

   .menu-admin-ssmenu-tel {
    display: inherit;
   }
   
   .menu-admin-ssmenu-ord {
    display: none;
	}
}

/*Règles PC*/

@media all and (min-width: 40.01em) {
    .menu-btn {
       display: none;
    }

    #documents-entreprise {
	display: none;
   }

}

@media all and (min-width: 40.01em) and (max-width: 55em) {
	#bt-connexion{
		display: inherit;
	}
    #IdForm {
		display: none;
    }

    .creer_mon_compte {
		font-size: 12px;
		height: 18px;
		padding-left: 8px;
		padding-right: 8px;
    }
}

@media all and (min-width: 45.01em) and (max-width: 65em) {
    #IdForm {
        font-size: 12px;
    }
    .input-connexion {
		font-size: 12px;
		height: 18px;
    }
    #IdForm-envoie {
		font-size: 12px;
		height: 18px;
    }
    .creer_mon_compte {
		font-size: 12px;
		height: 18px;
		padding-left: 5px;
		padding-right: 5px;
    }
}

@media all and (min-width: 65.01em) and (max-width: 80em) {
    #IdForm {
        font-size: 14px;
    }
    .input-connexion {
		font-size: 14px;
		height: 20px;
    }
    #IdForm-envoie {
		font-size: 14px;
		height: 20px;
    }
    .creer_mon_compte {
		font-size: 14px;
		height: 20px;
		padding-left: 8px;
		padding-right: 8px;
    }
}


@media all and (min-width: 40.01em) and (max-width: 43em) {
    #menu li {
        padding-left: 10px;
    }

    #menu li a {
        font-size: 14px;
    }
    
    #utilisateur-bienvenue {
        font-size: 12px;
    }
    
    
    header {
		min-height: 60px;
	}
}

@media all and (min-width: 43.01em) and (max-width: 51em) {
    
    #menu li {
        padding-left: 12px;
    }
    #menu li a {
        font-size: 16px;
    }
    #utilisateur-bienvenue {
        font-size: 14px;
    }
    
    header {
		min-height: 60px;
	}
}

@media all and (min-width: 51.01em) and (max-width: 60em) {

    #menu li {
        padding-left: 12px;
    }
    #menu li a {
        font-size: 20px;
    }
    header {
		min-height: 70px;
	}
}


@media all and (min-width: 60.01em) and (max-width: 80em) {
    #menu li a {
        font-size: 22px;
    }
    #menu li {
        padding-left: 25px;
    }
    
    header {
		min-height: 70px;
	}
}

@media all and (min-width: 80.01em) and (max-width: 92em) {
    #menu li a {
        font-size: 24px;
    }
    #menu li {
        padding-left: 35px;
    }
}

/* ---------------------- */
/* == jACCUEIL            */
/* -------------------- */

.accueil-bienvenue-image {
	width: 100%;

	padding-bottom: 15px;
}

@media all and (min-width: 40.01em) {
	.accueil-bienvenue-image {
		width: 45%;
		margin-right: 2%;
	}
}

.bloc-bienvenue {
   margin-top: 20px;
   margin-right: 20px;
}

.bloc-bienvenue-container {
    display: inline-flex;
    font-style: italic;
    margin-top: 15px;
    padding-bottom: 20px;
    width: 95%;
    margin-bottom: 15px;
}

#bloc-bienvenue-img {
	width: 40%;
}

#bloc-bienvenue-img > img {
        width: 100%;
}

@media all and (max-width: 75em) {
    .bloc-bienvenue-container,
    .bloc-mise-en-avant-container 
     {
        display: inherit;
    }
}

/*mise_en_avant*/
.bloc-mise-en-avant-container {
	margin-top: 20px;
	margin-right: 10px;
}

.img-mise-en-avant {
	float: left; 
	margin: 0 15px 15px 0;
}

.mise-en-avant-un li {
	margin-top: 0.6em; 
	margin-left: 1em;
}
.mise-en-avant-plus {
	margin-top: 0.6em;
}


.bloc-vertical-centre {
	margin-top: auto;
	margin-bottom: auto;
}

#bloc-bienvenue-contenu {
    width: 58%;
    margin-left: 5%;
}

#bloc-bienvenue-contenu h3 {
    padding-bottom: 20px;
}

.bloc-actu-container {
    margin-top: 15px;
}

.titre-gras {
    color: rgb(43, 43, 43);
    font-style: initial;
}

.testimonials {
    font-style: italic;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 120px;
    overflow: hidden;
    margin-bottom: 10px;
}


#publications li, .accueil-box {
    background: #f5f5f5;
}

.accueil-box {
    padding: 10px 10px 5px 10px;
}

#publications li {
    padding: 0px 10px 0px 10px;
}

#publications {
    height: 210px;
}

.bloc-picto-container {
    display: inline-flex;
    margin-bottom: 20px;
}

#agenda ul {
	list-style:none;
}

.bloc-picto-container-tablette {
    display: inline-flex;
     width: 100%;
}

.bloc-picto-container-tablette2 {
    display: inline-flex;
    margin-left: 2%;
    width: 100%;
}

.bloc-picto {
    width: 60%;
    margin-right: 4%;
}

.bloc-picto-a {
	text-decoration: none;
}

.bloc-picto-texte {
    font-style: italic;
    margin-bottom: 20px;
    clear: both;
}

.bloc-picto h3 {
    color: rgb(119, 119, 119);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 0.8em;
    padding: 33px 0 15px;
}

.bloc-picto:last-child {
    margin-right: 0;
}

.dropcap > img {
    float: left;
    margin-right: 10px;
    width: 28%;
}

.video-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 padding-top: 30px;
	 margin-right: 2%;
	 overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
}
.accueil-ligne-sep {
	border-bottom: 1.5px solid rgb(132, 151, 7);
}

.accueil-ligne-top {
	margin-top: 20px;
}

.col-pied-regionale1 {
	width: 50%;
}

@media all and (min-width: 0em) and (max-width: 25em) {
       .bloc-picto h3 {
        padding: 0;
    }
    .dropcap > img {
        width: 18%;
    }
}


@media all and (max-width: 40em) {
    #bloc-bienvenue-img {
        display: none;
    }
    
    .bloc-bienvenue-container,
    .bloc-mise-en-avant-container {
		border-bottom: 1.5px solid rgb(132, 151, 7);
    }
    
    #bloc-bienvenue-contenu,
    .bloc-mise-en-avant-container,
    .bloc-bienvenue-container,
    .bloc-picto {
        width: 100%;
    }
    .bloc-picto-container,
    .bloc-picto-container-tablette,
    .bloc-picto-container-tablette2 {
        display: inherit;
    }
    .bloc-picto-container-tablette2 {
        margin-left: 0;
    }
    .bloc-picto-text,
    .link1-picto {
        display: none;
    }
    .dropcap > img {
        width: 15%;
    }
    .bloc-picto {
        margin: 10px 5px;
    }
}

@media all and (min-width: 40.01em) and (max-width: 75em) {
    h1 {
        font-size: 36px;
    }
    #bloc-bienvenue-contenu {
        width: 100%;
    }
    #bloc-bienvenue-img > img {
        width: 24%;
    }
    #bloc-bienvenue-contenu {
        margin-left: 0;
    }
    #bloc-bienvenue-contenu ul {
        list-style: none;
    }
    .testimonials {
        height: 145px;
    }
    .bloc-picto-container {
        display: inherit;
    }
    .bloc-picto-container-tablette2 {
        margin-left: 0;
        margin-top: 20px;
    }
    .bloc-picto h3 {
        padding-top: 18px;
    }
    .dropcap > img {
        width: 20%;
    }
}

@media all and (min-width: 65em) and (max-width: 75em) {
    .bloc-picto h3 {
        padding-top: 50px;
    }
}

@media all and (min-width: 75em) and (max-width: 78em) {
    .bloc-picto h3 {
        padding-top: 27px;
    }
}

@media all and (min-width: 78em) and (max-width: 88em) {
    .bloc-picto h3 {
        padding-top: 20px;
    }
}

@media all and (min-width: 100em) {
    .dropcap > img {
        width: 20%;
    }
    .bloc-picto h3 {
        padding-top: 20px;
    }
}

@media all and (min-width: 110em) {
    .bloc-picto h3 {
        padding-top: 33px;
    }
}

/* ----------------------- */
/* == AGENDA              */
/* --------------------- */


/* ------------------- */
/* == CEGARA           */
/* ------------------- */

.cegara-container,
.contacts-container,
.agenda-container{
    margin-top: 30px;
}

.cegara-container h4 {
    color: rgb(151, 1, 126);
    font-size: 20px;
    padding: 20px 0;
}

.cegara-container-titre {
	color: #A3B909;
	text-align: justify;
	line-height: 1.4em;
	font-size: 1.3em;
	max-width: 350px;
}

.cegara-container-titre h1 {
	margin-top: 20px;
	margin-bottom: 40px;
}

.cegara-container ul {
    font-style: italic;
    margin-bottom: 30px;
    list-style: url('../images/cegara-puces.png') inside;
    line-height: 1.8em;
}

#cegara-contenu {
    font-style: italic;
    margin-bottom: 20px;
}

#cegara-contenu-graph > img,
#cegara-contenu-graph2 > img {
    width: 60%;
}

#cegara-contenu-graph3 > img {
    width: 40%;
}

#cegara-contenu-graph {
    text-align: right;
}

#cegara-contenu-graph2 {
    text-align: left;
}

#cegara-contenu-graph3 {
    text-align: center;
}

.contenu_accroche {
	max-width: 400px;
	font-size: 1.3em;
	margin-top: 0.2em;
}

.contenu-cabinets-liste {
	margin-bottom: 30px;
}

.departement-chiffres h3 {
	text-align: center;
}
.departement-chiffres-img {
    width: 95%;

}

.recherche-ville-titre {
	margin-bottom: 0.8em;
}

/*  Navigateur Enreg */
.publications-supp {
    text-align: center;
    margin: 10px 0 20px;
}


.publications-supp a, .publications-onglet {
    color: rgb(48, 93, 0);
    text-decoration: none;
    padding: 0 8px;
}

.publications-onglet-actif {
	text-decoration: underline;
}
.publications-supp a >img {
    padding-left: 20px;
    padding-right: 20px;
}

/* puces_mauve - sous puce noir*/
.puces_mauve_n ul {
	padding-left: 25px;
	list-style-image: url(../images/puce_mauve10.png);
	margin-bottom: 0px;
}

.puces_mauve_n ul li {
  padding-top: 20px;
  font-weight: bold;
}

.puces_mauve_n ul ul li {
  padding-top: 0px;
  font-weight: normal;
}

.puces_mauve_n ul ul {
  list-style-type: disc;
  padding-left: 40px;
  list-style-image: url("");
}

.puces_mauve_n .evidence {
	color:#98017E;
	font-weight: bold;
}

@media all and (max-width: 40em) {
    .cegara-container h4 {
        font-size: 18px;
    }
    #cegara-contenu-graph > img,
    #cegara-contenu-graph2 > img {
        width: 100%;
    }
    #cegara-contenu-graph3 > img {
        width: 100%;
    }

    .departement-chiffres-img {
		width: 100%;
		margin-left: 0px;
	}
	.contenu-image-titre {
		display : none;
	}
   .cegara-container-titre {
		margin-left: 0px;
		margin-right: 0px;
		line-height: 1em;
		font-size: 1em;
	}

	.cegara-container-titre h1 {
		margin-bottom: 20px;
	}
	.contenu-cabinets-liste {
		margin-bottom: 3px;
	}
}

@media all and (min-width: 40.01em) and (max-width: 60em){
	.departement-chiffres-img {
		width: 90%;
		margin-left: 5%;
	}
	#cegara-contenu-graph3 > img {
        width: 80%;
   }
}

.partenaires-un {
	margin-top: 1em;
	display: flex; /* contexte sur le parent */
}

.partenaires-logo {
	margin: auto; /* eh oui, tout bêtement */
}

#LogoQualiopi {
	background-color: #FFFFFF;
}

.partenaires-img {
	width: 100%;
}

.partenaires-texte {
	margin-left: 2em;
	margin-top: auto;
	margin-bottom: auto; 
}

/* -------------------------- */
/* == LECTURE FEC            */
/* ------------------------ */
#fec_affiche {
	font-size: 0.8em;
}

#fec_balance_tb,
#fec_brut_tb {
	height: 350px;
	min-width: 800px;
}
#fec_grandlivre_tb, 
#fec_piece_tb {
	min-height: 250px;
	max-height: 350px;
	min-width: 400px;
}

.table-fec {
	position: relative;
	width:100%;
	z-index: 1;
	margin: auto;
	overflow: scroll;
}
.table-fec table {
	width: 100%;
	
	margin: auto;
	border-collapse: separate;
	border-spacing: 0;
}
.table-wrap {
	position: relative;
}

.table-fec th,
.table-fec td {
	padding: 2px 2px;
	border: 1px solid #000;
	background: #fff;
	vertical-align: top;
}

.table-fec thead th {
	background: #333;
	color: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/* safari and ios need the tfoot itself to be position:sticky also */
.table-fec tfoot,
.table-fec tfoot th,
.table-fec tfoot td {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	background: #666;
	color: #fff;
	z-index:4;
}


.table-fec th:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background: #ccc;
}

.table-fec thead th:first-child,
.table-fec tfoot th:first-child {
	z-index: 5;
}
	
.fec_date {
	text-align : center;
	min-width: 5em;
}

.fec_montant {
	text-align : right;
	min-width: 6em;
}

/* -------------------------- */
/* == FORM FORMATION         */
/* ------------------------ */

.bloc-formulaire-formation {
    margin-top: 30px;
}

.bloc-formulaire-formation-container {
    margin-top: 20px;
}

.bloc-formulaire-formation-container h3 {
    font-weight: 400;
    margin-bottom: 5px;
}

.form-contacts input {
    border: 1px solid rgb(2, 42, 5);
    height: 30px;
    margin-bottom: 20px;
    width: 65%;
}

.form-lieu {
    font-style: italic;
    margin-top: 10px;
    display: block;
}

.form-lieu-choix {
    margin-right: 40px;
}
.ContactForm-ville {
    margin-right: 20px;
}
#ContactForm-note {
    margin: 10px 0 30px;
}

.form-inscription-titre {
    font-style: italic;
    line-height: 2.4em;
    margin-left: 100px;
}

.from-inscription-ligne0 {
    margin-bottom: 10px;
    margin-left: 25px;
}

.form-inscription input,
.form-inscription select{
    background-color: rgb(240,240,240);
     border: 1px solid rgb(2, 42, 5);
    height: 30px;
    margin-bottom: 10px;
    margin-left: 25px;
    width: 88%;
}

.form-inscription select {
    font-size: 15px;
    height: 33px;
}

.from-insription-titres {
    text-align: left;
}

.form-inscription-validation {
    border-bottom: 1px solid rgb(148,158,23);
    border-top: 1px solid rgb(148,158,23);
    text-align: center;
    margin-top: 30px;
    min-height: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-inscription-validation input {
    margin-top: 25px;
}

.form-fin {
    display: block;
    margin-top: 20px;
}

.form-fin input {
    margin-left: 20px;
}

.form-fin textarea {
    border: 1px solid rgb(2, 42, 5);
    height: 80px;
    margin-top: 10px;
    width: 99%;
}

#ContactForm-bouton {
    border: 0.5px solid rgb(60, 60, 60);
    box-shadow: 2px 2px rgba(60, 60, 60, 0.75);
    color: rgb(2, 42, 5);
    cursor: pointer;
    float: right;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin: 20px 10px 50px 0;
    padding: 8px 50px;
    text-decoration: none;
}

#ContactForm-bouton:hover {
    background-color: rgb(240,240,240);
}

.from-inscription-titre-smartphone {
    display: none;
}

#form-inscription-case-smartphone {
    display: none;
}

.ContactForm-msg {
	margin-bottom: 15px;
}
.ContactForm-erreur {
	color:#E00017;
}
.ContactForm-erreur-point {
	margin-left: 25px;
}

#bloc-formulaire #civilite {
	width: 60px;
}

#bloc-formulaire > form > select {
	padding: 5px;

   border: 1px solid rgb(2, 42, 5);
}

#bloc-formulaire #infocegara_oui, #bloc-formulaire #infocegara_non {
	width: 15px;
	height: 13px;
	margin-left: 15px;
}

.bl_infocegara {
	margin-bottom: 10px;

}

@media all and (max-width: 40em) {
    #ContactForm-bouton {
        font-size: 20px;
        float: left;
         margin: 20px 5px 50px 0;
        padding: 6px 28px;
    }
    .form-contacts input {
        width: 80%;
    }
    .form-lieu-choix {
        margin-right: 520px;
    }
    .ContactForm-ville {
        margin-right: 600px;
    }
    #ContactForm-note {
        margin: 20px 0 30px;
    }
    .form-inscription-titre, .from-inscription-ligne0 {
        display: none;
    }
    .form-inscription input, .form-inscription select {
        margin-left: 0;
    }
    .from-inscription-titre-smartphone {
        display: inherit;
        font-style: italic;
    }
    .form-fin textarea {
        width: 98%;
    }
    .form-inscription-validation {
        text-align: left;
        min-height: 200px;
    }
    .form-inscription-validation input {
        margin-right: 20px;
    }
    #form-inscription-case-smartphone {
        display: inherit;
    }
    #from-inscription-participant {
        margin-bottom: 40px;
    }
}

@media all and (min-width: 40.01em) and (max-width: 70em) {
    .form-inscription-titre {
        margin-left: 0;
    }
    .form-inscription input, .form-inscription select {
        margin-left: 10px;
    }
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
    #ContactForm-bouton {
        font-size: 22px;
        padding: 8px 40px;
    }
}

/* ---------------------- */
/* == CONTACTS            */
/* ---------------------- */

#bloc-formulaire {
    width: 85%;
}

#bloc-formulaire h1 {
    padding-bottom: 15px;
}

#bloc-formulaire > form > input, 
.bloc-adhesion > input {
    border: 1px solid rgb(2, 42, 5);
    height: 30px;
    width: 55%;
}

#bloc-formulaire > form > textarea {
    border: 1px solid rgb(2, 42, 5);
    min-height: 250px;
    width: 100%;
}

#bloc-formulaire h3,
#bloc-adhesion h3 {
    padding-bottom: 5px;
    padding-top: 10px;
}

.contacts-infos {
    width: 100%;
    margin-bottom: 50px;
}

.contacts-infos-suite {
}

.contacts-infos h1 {
    padding-bottom: 25px;
}

.contacts-infos-contenu a {
  color: rgb(48, 93, 0);
    font-style: italic;
}

@media all and (max-width: 40em) {
    .contacts-infos {
        margin-left: 0;
    }
    #bloc-formulaire {
        width: 98%;
    }
    #bloc-formulaire > form > textarea {
        min-height: 200px;
    }
    #bloc-formulaire > form > input,
    .bloc-adhesion > input {
        width: 80%
    }
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
    .contacts-infos {
        margin-left: 5%;
    }
}
/* ------------------------- */
/* == FOOTER                 */
/* ------------------------ */

.ligne-partenaires {
    text-align: center;
    background: rgb(218, 218, 218);
    padding: 15px 0;
    height: 80px;
}

.ligne-partenaires a > img {
    height: 100%;
    padding: 0 4px;
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
	.ligne-partenaires {
		height: 55px;
	}
}

@media all and (max-width: 40em) {
	.ligne-partenaires {
		height: 50px;
	}
}


@media all and (max-width: 30em) {
	.ligne-partenaires {
		height: 40px;
	}
}

/*.ligne-partenaires {
    text-align: center;
    background: rgb(218, 218, 218);
    padding: 15px 0;
}

.ligne-partenaires a {
    text-decoration: none;
}

.ligne-partenaires a > img {
    width: 6%;
    padding: 0 4px;
}
* */

.ligne-footer {
    background: url('../images/back-footer.jpg');
    min-height: 215px;
    padding-bottom: 20px;
}

.ligne-footer h4 {
    color: rgb(240, 240, 240);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 26px;
    padding: 20px 0 10px 10px;
}

.ligne-footer ul {
    list-style: none;
}

.tag {
    background-color: #272727;
    border-radius: 7px;
    font-style: italic;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    font-size: 90%;
}

#tags-container {
    margin-left: 15px;
}

.ligne-mentions {
    background-color: rgb(0, 0, 0);
    padding: 25px 0;
    text-align: center;
}

.ligne-mentions a,
#ligne-mentions-contenu {
    color: rgb(240, 240, 240);
}

#ligne-mentions-contenu {
    padding-top: 8px;
}

.list1 {
    padding-top: 1px;
}

.list1 a {
    color: #696969;
    text-decoration: none;
    font-style: normal;
    padding-left: 14px;
}

.list1 a:hover {
    color: #fff;
}

@media all and (max-width: 40em) {
/*    .ligne-partenaires a > img {
        width: 12%;
        padding: 10px;
    }*/
    .ligne-footer ul {
        padding-left: 5px;
    }
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
    .ligne-footer {
        min-height: 450px;
    }
    .ligne-footer h4 {
        font-size: 18px;
        padding-left: 0;
    }
    .list1 a {
        padding-left: 0;
    }
    #tags-container {
        margin-left: 0;
    }
}

@media all and (min-width: 40.01em) {
	.ligne-partenaires {
		margin-top: 15px;
	}
}

/* ------------------------- */
/* == ADMIN                 */
/* ------------------------ */

.admin-container {
    margin: 40px 0;
}

.admin-right h1 {
    padding-bottom: 20px;
}

.menu-admin-left {
    width: 100%;
}

#menu-admin  {
    float: left;
/*
    text-align: center;
*/
    list-style: none;
}

#menu-admin > li a  {
   font-family: "Source Sans Pro",sans-serif;
   font-size: 20px;
   letter-spacing: -0.05em;
   line-height: 1.4em;
   text-decoration: none;
   text-transform: inherit;
}

.nav-admin {
    padding-top: 30px;
}

#menu-admin > li a:hover {
    color: rgb(2, 42, 5);
}

.input-select,
.input-text,
.input-textarea {
    border: 1px solid rgb(2, 42, 5);
    font-size: 14px;
    font-style: italic;
    height: 30px;
    padding-left: 8px;
}

.input-label {
	padding-top: 0.4em;
	height: 20px;
	background-color: #F9F9F9;
}
#input-sql {
	height: 20em;
}

.input-width-15{
    width: 15%;
}

.input-width-30{
    width: 30%;
}
.input-width-40{
    width: 40%;
}
.input-width-60{
    width: 60%;
}
.input-select {
    height: 34px;
}


.input-compteur {
        width: 5%;
}

.input-textarea {
   height: 50px;
   width: 80%;
}

.input-page-contenu {
   height: 400px;
   width: 95%;
}

#recherche-parcourir {
     border: 1px solid rgb(2, 42, 5);
    font-size: 14px;
    height: 34px;
    width: 50%;
}

.titre-label-admin {
    font-style: italic;
	/*line-height: 4em;*/
	 padding-top: 1.5em;
    left: 0;
    position: absolute;
    white-space: normal;
    width: 20%;
}

.ligne-admin {
    min-height: 40px;
    overflow: visible;
    padding-left: 20%;
    position: relative;
    width: auto;
}

#ligne-admin-infocegara,
#ligne-admin-formation {
   min-height: 60px;
}

.contenu-fichier-nom {
	padding-left: 15px;
}

.contenu-fichier-marque {
	padding-left: 15px;
}

.form-gestion {
    margin: 10px 0 70px;
}

.form-gestion h4 {
    color: rgb(43,43,43);
  font-family: "Source Sans Pro",sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.05em;
    padding: 25px 0 5px;
}


.boutton-valide {
  background-color: rgb(2, 42, 5);
    border: 0.5px solid rgb(60, 60, 60);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 4px 40px;
    text-decoration: none;
}

.boutton-valide:hover {
   background-color: rgba(2, 42, 5,0.85);
}

.boutton-plus{
	margin-top: 10px;
	clear: both;
}

.boutton-plus-moins {
    font-size: 16px;
    height: 24px;
    width: 24px;
    margin-left: 10px;
    padding: 0px;
}

.admin-enregistrer {
    float: right;
   margin-right: 190px;
    margin-top: 20px;
}

.lien-nouvel-enregistrement {

    margin-top: 20px;

    width: 100%;
}

.lien-suppr-enregistrement {

}

.admin-gestion-suite {
   border: 1px solid rgb(132,151,7);
   padding-bottom: 10px;
   padding-left: 15px;
   padding-top: 10px;
   margin-bottom: 15px;
   margin-top: 15px;
}

.lien-suppr-enregistrement a, .lien-nouvel-enregistrement a {
    color: rgb(2, 42, 5);
    font-family: "Source Sans Pro",sans-serif;
}


.admin-liste-utilisateur {
	margin-top: 15px;
}

.admin-liste-nombre {
	margin-bottom: 15px;
}

#admin-creer-utilisateur {
	margin-top: 0px;
}

.admin-liste-ligne {
	padding-top: 5px;
	padding-bottom: 5px;

}
.admin-liste-entete {
	font-weight: bold;
	border-bottom: 1px solid rgb(132,151,7);
}

#maintenance-sql-1 {
	overflow: auto;
	width: 100%;
	height:400px;
}
.sql_enreg_col{
	padding-right: 5px;
}

#maintenance-sql-1 tr th {
	padding-right: 5px;
}


@media all and (max-width: 40em) {
    .admin-container {
        margin: 20px 0;
    }
    #menu-admin {
        float: inherit;
    }
    .nav-admin {
    padding-top: 5px;
    }

    .input-text {
        margin-top: 15px;
        margin-left: 0;
    }
    .boutton-valide {
        margin-top: 10px;
    }
    .admin-gestion-suite {

    }
    .ma-question-intro {
		margin-bottom: 20px;
    }
    
    .ligne-admin {
        padding-left: 0;
        clear: both;
    }
    .input-select,
	.input-text,
    .input-textarea {
        font-size: 12px;
        margin-bottom: 2px;
    margin-top: 1px;
    }
    .titre-label-admin {
		/* line-height: 1em;*/
		padding-top: 0;
		width: 90%;
    }
    .boutton-plus-moins {
        margin-bottom: 20px;
        margin-left: 0;
    }
    .boutton-plus{
		margin-top: 0px;

	}

    #recherche-parcourir {
        width: 80%;
    }
    .form-gestion h4 {
        padding: 15px 0 15px;
    }
    .input-compteur {
        width: 10%;
    }
    .admin-enregistrer {
        margin-right: 0;
    }
}

@media all and (max-width: 60em) {
	.admin-liste-ligne {
		padding-top: 0px;
		border-bottom: 1px solid rgb(132,151,7);
		padding-bottom: 5px;
	}

      #menu-admin > li a {
        font-size: 16px;
    }
}

@media all and (min-width: 40.01em) and (max-width: 70em) {
    .input-width-30 {
        width: 80%;
    }
    .input-compteur {
        width: 10%;
    }
    .boutton-plus-moins {
        margin-left: 0;
        margin-top: 10px;
    }
    .boutton-valide {
        margin-top: 10px;
    }
    .admin-enregistrer{
    margin-right: 0;
}
    .input-textarea,
    #recherche-support-autre{
        width: 90%;
    }
    .input-select, .input-text, .input-textarea {
        font-size: 12px;
    }
}

/* table-scroll */
	#table-scroll{
		margin-top: 25px;
	}
	.table-scroll {
		position: relative;
		width:100%;
		z-index: 1;
		margin: auto;
		overflow: scroll;
		height: 550px;
	}
	.table-scroll table {
		width: 100%;
		min-width: 1280px;
		margin: auto;
		border-collapse: separate;
		border-spacing: 0;
	}
	.table-wrap {
		position: relative;
	}
	
	.table-scroll th,
	.table-scroll td {
		padding: 2px 2px;
		border: 1px solid #000;
		background: #fff;
		vertical-align: top;
	}
	.table-scroll thead th {
		background: #333;
		color: #fff;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}
	
	/* safari and ios need the tfoot itself to be position:sticky also */
	.table-scroll tfoot,
	.table-scroll tfoot th,
	.table-scroll tfoot td {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		background: #666;
		color: #fff;
		z-index:4;
	}
	
	
	.table-scroll th:first-child {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2;
		background: #ccc;
	}
	
	.table-scroll thead th:first-child,
	.table-scroll tfoot th:first-child {
		z-index: 5;
	}

#protection-des-donnees h2 {
	margin-top: 1em;
}
#protection-des-donnees h3 {
	margin-top: 0.7em;
}

#protection-des-donnees ul {
	margin-left: 4em;
	margin-bottom: 0px;
}

/* bulletin-adhesion */
.bloc-adhesion_recaptcha {
	margin-top: 1em;
}
.bloc-adhesion-etoile {
	margin-top: 1em;
	font-style: italic;
   font-size: 0.8em;	
}

#bloc-adhesion-message {
	color:#E00017;
}
 
#bloc-adhesion-text {
	margin-top: 1em;
}

#bloc-adhesion-lien {
	margin-top: 2em;
}

#cegara-nos-statuts {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-width: 1200px;
}

/* FEC*/
.fec_tva_tx {
	padding-right: 3px;
	text-align: right;
	width: 4em;
}
.fec_tva_plus {
	text-align: centre;
	width: 2em;
}
.input_tva_tx1, .input_tva_tx2 {
	width: 80%;
}

.input_tva_plus {
}
/*   invit-Onglets   */
.invit-onglet-conteneur
{
margin: 0;
padding:0 0 0 5px;
}

.invit-onglet-label
{
display:inline-block;
margin:5px 0 0;
padding:5px 10px ;
border:1px solid rgb(43,43,43);
    border-bottom: none;
border-radius:5px 5px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
color:rgb(0,0,0);
cursor: pointer;
}

.invit-onglet-inactif
{
background:white;
}

.invit-onglet-inactif:hover
{
 background:rgba(55, 59, 63,0.1);
}

.invit-onglet-affiche
{
background-color: rgba(43, 43, 43, 0.1);
    border-bottom: 1px solid rgb(232, 232, 232);
padding-bottom:4px;
cursor:text;
}

.invit-onglet-contenu
{
background-color:white;
margin-top:-1px;
padding:0;
display:none;
border:1px solid #AAA;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#555;
cursor: text;
}