/* cmsms stylesheet: 2- Rye-yoga modified: jeudi 26 juin 2025 09:45:07 */
@font-face {
    font-family: 'open-sans';
    src: url('https://rye-yoga.fr/uploads/interface/polices/OpenSans-light.woff') format('woff');
}

@font-face {
    font-family: 'open-sans-regular';
    src: url('https://rye-yoga.fr/uploads/interface/polices/OpenSans-Regular.woff') format('woff');
}

html
{
    color: #414042;
}

body
{
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: open-sans,Arial,sans-serif;
    font-weight: 150;
}

a
{
    text-decoration: none;
    color: #f2672a;
    font-weight: bold;
    transition: 400ms;
}

a:hover
{
    color: #006cb7;
    transition: 400ms;
}

h1, h2, h3
{
    color: #006cb7;
    font-weight: 700;
    font-family: open-sans-regular;
}

h1
{
    font-size: 190%;
    text-transform: uppercase;
}

h2
{
    font-size: 170%;
}

h4
{
    font-weight: bold;
}

hr
{
    width: 60%;
    height: 2px;
    border: 1px solid rgba(242,103,42,0.73);
    background-color: rgba(242,103,42,0.73);
}

ol li {
	list-style-type: none;
	counter-increment: repas; 
	margin-bottom: 10px;
}
ol li:before {
	content: counter(repas);
	padding: 1px 20px 6px;
	margin-right: 8px;
	vertical-align: top;
	background: #006cb7;
	-moz-border-radius: 60px;
	border-radius: 60px;
	font-weight: bold;
	font-size: 0.8em;
	color: white;		
}

table
{
    border-collapse: collapse;
}

legend
{
    color: #006cb7;
    font-weight: bold;
    text-align: left;
}

fieldset
{
    border: 1px solid rgb(0,0,0,0.3);
}

::placeholder
{
    padding-left: 5px;
    font-size: 120%;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #eee;
}

::-webkit-scrollbar-thumb {
    background: #f2672a;
}

::-webkit-scrollbar-thumb:hover {
    background: #f2672a;
}

.warning
{
    background: #faf6d4 url(https://rye-yoga.fr/uploads/interface/images/warning.png) 10px 50% no-repeat;
    border: 1px solid #e6c26e;
    width: auto;
    font-size: 14px;
    padding: 10px 10px 10px 40px;
    margin: 10px 0;
    font-weight: bold;
}

.information {
    background: #cee6f2 url(https://rye-yoga.fr/uploads/interface/images/info.png) 10px 50% no-repeat;
    border: 1px solid #058dc7;
    width: auto;
    font-size: 14px;
    padding: 10px 10px 10px 40px;
    margin: 10px 0;
    font-weight: bold;
}

.table-ligne:nth-child(odd)
{
    background-color: #fde3d8;
    transition: all 200ms ease-in;
}

.table-ligne:nth-child(odd):hover
{
    background-color: #8aa8bd;
    transition: all 200ms ease-out;
}

.table-ligne:nth-child(even)
{
    background-color: transparent;
    transition: all 200ms ease-in;
}

.table-ligne:nth-child(even):hover
{
    background-color: #8aa8bd;
    transition: all 200ms ease-out;
}

.print
{
    display: none;
}

.fond-bleu
{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgba(0,108,183,0.21);
}

.sur-block
{
    width: 90%;
    margin: auto;
}

/* impression */
@media print
{
body 
{
    position: relative;
}
    
.no-print, #tarteaucitronRoot
{
    display: none;
}

.print
{
    display: block;
}


#contenu-vierge, .width-80
{
    width: 100%;
}

.entete
{
    text-align: center;
}

.entete img
{
    height: 100px;
}
 
.pied-de-page
{
    width: 100%;
    position: static;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
    bottom: 0;
    left: 0;
    text-align: center;
}

}
/* impression */

.hidden
{
    display: none;
}

.clear
{
    clear: both;
}

.orange
{
    color: #f2672a;
}

.back-orange
{
    background-color: rgba(0,108,183,0.21)!important;
}

.bleu
{
    color: #006CB7;
}

.bleu-survol
{
    background-color: rgba(0,108,183,0.21);
}

.vert
{
    color: #00cc33;
}

.rouge
{
    color: red;
}

.center
{
    text-align: center!important;
}

.right
{
    text-align: right;
}

.italic
{
    font-style: italic;
}

.strong
{
    font-weight: bold;
}

.fermer
{
    text-align: right;
}

.imprimer
{
    width: 80%;
    margin: auto;
    margin-top: 1%;
    text-align: left;
}

.imprimer a
{
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
    transition: 400ms;
}

.imprimer a:hover
{
    transform: scale(1.1);
    transition: 400ms;
}

.image-responsive
{
    max-width: 100%;
}

.bouton
{
    display: block;
    min-width: 185px;
    height: 45px;
    margin: auto;
    border: 1.5px solid #f2672a;
    border-radius: 3px;
    transition: 400ms;
    color: white;
    background-color: #f2672a;
    font-size: 18px;
}

.bouton:hover
{
    transition: 400ms;
    background-color: rgba(255, 255, 255, 1);
    border: 1.5px solid transparent;
    cursor: pointer;
    color: #f2672a;
}

.bouton-grise
{
    min-width: 185px;
    height: 45px;
    margin: auto;
    border: 1.5px solid #cccccc;
    border-radius: 3px;
    transition: 400ms;
    color: #cccccc;
    background-color: transparent;
    font-size: 18px;
}


.bouton-nom
{
    background-color: transparent;
    text-align: left;
    border: none;
    font-weight: 500;
    color: #006cb7;
    font-size: 100%;
    transition: 400ms;
}

.bouton-nom:hover
{
    color: #f2672a;
    font-weight: 500;
    cursor: pointer;
    border: none;
    font-size: 100%;
    transition: 400ms;
}

.bouton-suppression
{
    background-color: transparent;
    border: 1px solid transparent;
    color: red;
    font-weight: bold;
    transition: 400ms;
}


.bouton-docs, .bouton-cb
{
    background-color: transparent;
    border: none;   
}


input[type="text"], input[type="email"], input[type="password"], input[type="number"],input[type="date"], select
{
    width: 95%;
    max-width: 300px;
    height: 30px!important;
    border: 1px solid #006CB7;
}

select[multiple]
{
    height: 100px!important;
}

textarea
{
    width: 95%;
    max-width: 300px;
    height: 100px!important;
}

label, .label
{
    font-weight: 600;
}

.label
{
    width: 30%;
    text-align: right;
}

.input
{
    width: 69%;
    padding-left: 1%;
    text-align: left;
}

#titre
{
    height: 75px;
    padding-top: 1px;
    padding-bottom: 5px;
    padding-left: 5%;
    text-align: left;
}

@media screen and (max-width: 765px)
{
#titre
{
    height: auto;
    min-height: 75px;
}
}

#retour
{
    width: 30px;
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
}

#titre h1
{
    width: 80%;
    vertical-align: top;
    display: inline-block;
}

#favoris
{
    width: 50px;
    margin-top: 1%;
    margin-right: 1%;
    float: right;
}

/* Menu */
#menu
{
    min-height: 50px;
    color: #414042;
    font-weight: bold;
    text-align: center;
    font-size: 80%;
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
}

#menu .haut
{
    display: table;
    width: 100%;
    height: 50px;
    background-color: #006CB7;
    color: white;
    text-align: center;
}

#menu .haut a
{
    color: white;
    font-weight: 500;
}

#menu .haut img
{
    max-height: 40px;
}

#menu .haut .rs, #menu .haut .panier-profil
{
    width: 40%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#menu .haut .rs div, #menu .haut .panier-profil div
{
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

#menu .bas
{
    height: 70px;
    padding-top: 5px;
    background-color: white;
    font-family: open-sans-regular;
}

#menu .bas a
{
    color: #414042;
}

#menu .bas .logo
{
    width: 20%;
    padding-top: 0%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#menu .bas .logo img
{
    padding-top: 1.5%;
    max-width: 100%;
    max-height: 65px;
}

#menu .bas .liens
{
    width: 58%;
    padding-top: 15px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 110%;
}

#menu .bas .liens .derouler
{
    vertical-align: top;
}

#menu .bas .liens ul li
{
    min-width: 7%;
    margin-left: 5px;
    margin-right: 5px;
    height: 65px; 
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#menu .bas .liens ul li ul
{
    display: none;
}

#menu .bas .liens ul li:hover ul
{
    width: 200px;
    margin-top: 25px;
    padding: 1%;
    position: absolute;
    text-align: left;
    background-color: white;
    transition: 150ms;
    display: block;
    border-top: 3px solid #006cb7;
    border-bottom: 1px solid rgb(43, 58, 63, 0.3);
}

#menu .bas .liens ul li ul li
{
    height: 40px;
    padding-top: 1%;
    display: block;
    text-align: left;
}

#menu .bas .liens ul li ul li a:hover
{
    opacity: 0.5;
}

#menu .bas .liens ul li ul li a
{
    display: block;
}

#menu .img-recherche
{
    width: 25px;
    height: 20px;
}

#menu .recherche
{
    min-height: 100px;
    right: 20%;
    margin-top: 19px!important;
    text-align: center!important;
}

#menu .recherche input[type="text"]
{
    width: 100%;
}

#menu-responsive
{
    display: none;
}

@media screen and (max-width: 1280px)
{
#menu .bas .liens ul li
{
    min-width: 7%;
    margin-left: 2px;
    margin-right: 2px;
    height: 65px; 
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
}

@media screen and (max-width: 820px)
{
#menu
{
    min-height: 50px;
    text-align: center;
    font-size: 80%;
}

#menu .haut
{
    padding-right: 0%;
    text-align: center;
}

#menu .haut a
{
    color: white;
    font-weight: 500;
}

#menu .haut div
{
    min-width: 30%;
}

#menu-responsive
{
    width: 5%;
    width: 50px;
    height: 50px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}

#menu-responsive-hide
{
    display: none;
}

#menu .bas
{
    min-height: 75px;
}

#menu .bas .liens
{
    width: 100%;
    padding-top: 0px;
    text-align: left;
}

#menu .bas #liens
{
    width: 100%;
    display: none;
    z-index: 10;
    background-color: white;
}

#menu .bas .liens ul
{
    padding-left: 5px;
}

#menu .bas .liens ul li
{
    width: 100%;
    margin-left: 5px;
    margin-right: 0;
    height: 35px; 
    text-align: left;
}

#menu .bas .liens ul li ul
{
    display: none;
}

#menu .bas .liens ul li:hover ul
{
    width: 200px;
    margin-top: -20px;
    margin-left: 40%;
    padding: 1%;
}

#menu .recherche
{
    width: 80%!important;
    min-height: 100px;
    margin: auto;
    margin-top: -1px!important;
    text-align: center!important;
}

#menu .recherche input[type="text"]
{
    width: 80%;
    display: block;
    margin: auto;
}

#menu .bas .logo
{
    width: 80%;
    text-align: center;
}

#menu .bas .logo img
{
    max-width: 200px;
    max-height: 50px;
}

#menu .bas .qualiopi
{
    display: inline;
}

#menu .bas .qualiopi h3
{
    
}

}
/* Menu */

/* Infos */
#info 
{
    width: 400px;
    height: 300px;
    position: absolute;
    margin-top: 5%;
    left: 40%;
    background-color: white;
    border: 3px solid #f2672a;
    text-align: center;
}

@media screen and (max-width: 765px)
{
#info 
{
    display: none;
}
}
/* Infos */

/* Header - Slides */
#header {
  position: relative;
  height: 600px;
  overflow: hidden;
}

#header > .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#header .slide .photo
{
    background-color: rgba(255,255,255,0.75);
    width: 100%;
    height: 100%;
}

#header .slide .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: opacity(100%);
    opacity: 0.5;
}

#header .slide .texte
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: 2;
    background-color: rgba(0,0,0,0);
    text-align: center;
}


#header .slide .texte .sur-block
{
    position: absolute;
    width: 50%;
    text-align: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

#header .slide .texte .titre, #header .slide .texte .sous-titre
{
    min-height: 50px
}

#header .slide .texte h1, #header .slide .texte h2
{
    color: #006CB7;
}

#header .slide .texte h1
{
    font-size: 64px;
}

#header .slide .texte h2
{
    font-size: 32px;
}

#header .slide .texte .liens a
{
    display: inline-block;
    margin-right: 15px;
    padding: 15px;
    text-align: center;
    min-width: 185px;
    transition: 400ms;
    background-color: #f2672a;
    border-radius: 5px;
    color: white;
}

#header .slide .texte .liens a:hover
{
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
    transition: 400ms;
    color: #f2672a;
}

@media screen and (max-width: 820px)
{
#header {
    height: 500px;
}

#header .slide .texte .sur-block
{
    width: 90%;
}

#header .slide .texte h1
{
    font-size: 50px;
}

#header .slide .texte h2
{
    font-size: 25px;
}
}

/* Header - Slides */

/* Inscription Newsletter */
#newsletter .inscription-newsletter
{
    width: 80%;
    margin: auto;
}

#newsletter .gauche
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#newsletter .droite
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#newsletter .droite .boutons
{
    margin-left: 30px;
}

#newsletter .droite table
{
    width: 100%;
}

#newsletter .droite table tr
{
    line-height: 45px;
}

@media screen and (max-width: 820px)
{
#newsletter .inscription-newsletter
{
    width: 100%;
}

#newsletter .gauche
{
    width: 100%;
}

#newsletter .droite
{
    width: 100%;
}
}
/* Inscription Newsletter */

/* Thématiques */
#thematique
{
    margin-bottom: 30px;
}

#thematique .item .photo
{
    width: 45%;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    
}

#thematique .item .photo img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#thematique .item .texte
{
    width: 51%;
    padding-right: 2%;
    padding-left: 2%;
    display: table-cell;
    vertical-align: top;
    text-align: justify;
    text-align-last: left;
}

#thematique .item .texte .liens a
{
    display: inline-block;
    padding: 15px;
    text-align: center;
    text-align-last: center;
    min-width: 185px;
    transition: 400ms;
    background-color: #f2672a;
    border-radius: 5px;
    color: white;
}

#thematique .item .texte .liens a:hover
{
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
    transition: 400ms;
    color: #f2672a;
}

@media screen and (max-width: 820px)
{
#thematique .item .photo
{
    width: 100%;
    display: block;
}

#thematique .item .texte
{
    width: 100%;
    display: block;
}
}
/* Thématiques */

/* Références */
#references
{
    text-align: center;
}

#references .block
{
    width: 250px;
    height: 250px;
    padding: 15px;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    position: relative;
    border-radius: 5px;
}


#references .block .logo
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#references img
{
    max-width: 175px;
}

/* Références */

/* Actualités */
#actualite
{
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}

#actualite .block-actualites
{
    text-align: center;
}

#actualite .block-actualites .block
{
    width: 25%;
    max-width: 400px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#actualite .block-actualites .block .images
{
    height: 300px;
    padding: 5px;
    position: relative;
    z-index: 1;
    border: 2px solid #006cb7;
    border-radius: 5px;
}

#actualite .block-actualites .block .images img
{
    max-width: 100%;
}

#actualite .block-actualites .block .date
{
    height: 30px;
    padding-top: 5px;
    color: black;
    font-weight: bold;
}


@media screen and (max-width: 820px)
{
#actualite .block-actualites .block
{
    width: 100%;
}

#actualite .block-actualites .block .images
{
    height: 250px;
    padding: 0px;
}

#actualite .block-actualites .block .images img
{
    max-width: 100%;
}

}
/* Actualités */

/* Formations */
#contenu #formation
{
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: rgba(0,108,183,0.21);
}

#contenu #formation .savoir-plus
{
    width: 350px;
    height: 35px;
    padding-top: 15px;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #f2672a;
    transition: 400ms;
}

#contenu #formation .savoir-plus a
{
    color: #f2672a;
}

#contenu #formation .savoir-plus:hover
{
    transition: 400ms;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
}


/* Formations */

/* Chroniques */
#chronique
{
    width: 100%;
    min-height: 300px;
    text-align: right;
    font-size: 120%;
    overflow: hidden;
}

#chronique h3, #chronique h2
{
    color: white;
}

#chronique img
{
    max-width: 100%;
    position: relative;
    z-index: -1;
}

#chronique .block
{
    width: 40%;
    margin-top: -400px;
    margin-left: 45%;
    text-align: left;
    color: white;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1440px)
{
#chronique
{
    width: 100%;
    min-height: 350px;
    text-align: right;
    font-size: 120%;
    overflow: hidden;
}

#chronique .block
{
    margin-top: -350px;
}   
}


@media screen and (max-width: 1366px)
{
#chronique
{
    width: 100%;
    min-height: 350px;
    text-align: right;
    font-size: 120%;
    overflow: hidden;
}

#chronique .block
{
    margin-top: -300px;
}   
}

@media screen and (max-width: 1280px)
{
#chronique .block
{
    width: 60%;
    margin-left: 40%;
    margin-top: -300px;
}    
}

@media screen and (max-width: 765px)
{
#chronique
{
    width: 100%;
    min-height: 300px;
    text-align: left;
    font-size: 100%;
}

#chronique h3, #chronique h2
{
    color: #414042;
}

#chronique img
{
    max-width: 100%;
    position: relative;
    z-index: -1;
}

#chronique .block
{
    width: 95%;
    margin-top: 0;
    margin-left: 0;
    margin: auto;
    text-align: left;
    color: #414042;
    position: relative;
    z-index: 1;
}    
}

/* Liste */
#chroniques
{
    text-align: center;
}

#chroniques h2
{
    text-align: left;
}

#chroniques .chroniques-sommaire
{
    margin-bottom: 2%;
    text-align: left;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
}

#chroniques .image img
{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: 20% 10%; /* try 20px 10px */ 
}

#chroniques .chroniques-sommaire img
{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: 20% 10%; /* try 20px 10px */ 
}

#chroniques .gauche
{
    width: 65%;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#chroniques .gauche .auteur
{
    margin-top: 1%;
    margin-bottom: 1%;
}

#chroniques .date-categorie
{
    margin-top: -5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    color: white;
    font-weight: bold;
    background-color: #006cb7;
    text-align: left;
}

#chroniques .droite
{
    width: 32%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: sticky;
    top: 120px;
}

#chroniques .droite p
{
    width: 80%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#chroniques .droite img
{
    max-width: 100%;
    max-height: 300px;
}


#chroniques .pagination
{
    margin-top: 2%;
    margin-bottom: 1%;
    padding-top: 1%;
    text-align: center;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
}

#chroniques .pagination .precedent
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#chroniques .pagination .suivant
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

/* Qualiopi */
@media screen and (max-width: 765px)
{
#menu .qualiopi
{
    position: absolute;
    top: 65px;
    left: 70px;
    font-size: 80%;
}
}
/* Qualiopi */

#bibliographie
{
    margin-top: 1%;
    text-align: center;
}

#bibliographie a
{
    color: #006CB7;
}

#bibliographie a:hover
{
    color: #f2672a;
}

#bibliographie .recherche
{
    margin-bottom: 1%;
    text-align: left;
}

#bibliographie .recherche label
{
    min-width: 230px;
    height: 35px;
    padding: 10px;
    border: 1.5px solid #006cb7;
    border-radius: 3px;
    transition: 400ms;
    color: #006cb7;
    background-color: transparent;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#bibliographie .recherche label:hover
{
    transition: 400ms;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1.5px solid transparent;
    cursor: pointer;
}

#bibliographie .recherche .collaborateur
{
    display: inline-block;
    padding: 3px;
}

#bibliographie .recherche .double-ligne
{
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 10px;
}

#bibliographie .block
{
    width: 24%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
}

#bibliographie .block img
{
    width: 200px;
    height: 300px;
    border: 1px solid rgb(43, 58, 63, 0.3);
}

#bibliographie .block .titre
{
    height: 80px;
}


#collaboration .block
{
    padding: 1%;
    margin-bottom: 1%;
    box-shadow: 1px 0px 5px #eee;
}

#bibliographie .photo
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#bibliographie .photo img
{
    max-width: 100%;
    max-height: 500px;
}

#bibliographie .texte
{
    width: 60%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}


@media screen and (max-width: 765px)
{

#chroniques .gauche
{
    width: 100%;
}


#chroniques .droite
{
    width: 100%;
    position: auto;
}

#bibliographie .block
{
    width: 100%;
    min-width: 300px;
    margin: 0%;
}
}

/* Liste */
/* Chroniques */

/* Mémoires */
#memoires .recherche
{
    width: 90%;
    margin: auto;
}

#memoires .block
{
    width: 65%;
    margin: auto;
    margin-bottom: 2%;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
}

#memoires .informations
{
    margin-top: -5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    color: white;
    font-weight: bold;
    background-color: #006cb7;
}

#memoires .presentation
{
    margin-top: 1%;
}


@media screen and (max-width: 765px)
{
#memoires .block
{
    width: 100%;
}

#memoires .presentation
{
    margin-top: 1%;
}    
}


/* Mémoires */

/* Témoignages */
#temoignages
{
    width: 80%;
    margin: auto;
    margin-top: 5%;
    text-align: center;
}

#temoignages .titre
{
    text-align: center;
}

#temoignages h2
{
    display: inline;
}

#temoignages .guillemet
{
    text-align: center;
    position: relative;
    margin-top: -40px;
}

#temoignages .block
{
    margin-bottom: 2%;
}

#temoignages .gauche
{
    width: 40%;
    padding: 20px;
    float: left;
}

#temoignages .droite
{
    width: 40%;
    padding: 20px;
    float: right;
    vertical-align: top;
}

#temoignages .presentation
{
    text-align: left;
    vertical-align: top;
}

#temoignages .temoignage
{
    background-color: rgba(0,108,183,0.13);
    text-align: left;
}

@media screen and (max-width: 765px)
{
#temoignages
{
    width: 100%;
    margin-top: 1%;
}

#temoignages .guillemet
{
    margin-top: -10px;
}

#temoignages .gauche
{
    width: 100%;
    padding: 0px;
}

#temoignages .droite
{
    width: 100%;
    padding: 0px;
}
}

/* Témoignages */

/* Footer */
#footer
{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #006cb7;
    text-align: center;
}

#footer .block
{
    width: 23%;
    display: inline-block;
    vertical-align: top;
}

#footer .block .logo img
{
    max-height: 125px;
}

#footer .block-1 .rs div
{
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

#footer h4
{
    color: #f2672a;
    margin: 0;
}

#footer a
{
    color: white;
}

#footer .block ul
{
    padding-left: 0;
    list-style-type: none;
    
}

#footer .block-2, #footer .block-3, #footer .block-4
{
    text-align: left;
}


@media screen and (max-width: 765px)
{
#footer
{
    padding-top: 5px;
    background-color: #e6e7e8;
    text-align: center;
}

#footer h4
{
    color: #f2672a;
    font-weight: 400;
    display: inline;
}

#footer a
{
    color: #414042;
    font-weight: 400;
}

#footer a:hover
{
    opacity: 0.5;
}

#footer .logo
{
    width: 100%;
}

#footer .logo img
{
    max-height: 100px;
}

#footer .liens
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#footer .liens .block
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#footer .reseaux
{
    text-align: center;
}

#footer .reseaux .block
{
    width: 100%;
    margin-left: 0%;
}
 
}
/* Footer */

/* Contenu vierge */
#contenu-vierge
{
    min-height: 600px;
    background-color: white;
}

.width-100
{
    width: 100%;
    margin: auto;
}

.width-80
{
    width: 80%;
    margin: auto;
}

@media screen and (max-width: 765px)
{
.width-100
{
    width: 95%;
}
    
.width-80
{
    width: 95%;
}   
}

/* Contenu vierge */


/* Products */
/* Liste */
#produits-liste
{
    margin-bottom: 1%;
    text-align: center;
}

#produits-liste .haut .catalogue
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#produits-liste .haut .recherche
{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

#produits-liste .haut .recherche .label
{
    text-align: left;
}

#produits-liste .haut .recherche table
{
    margin: auto;
}

#produits-liste .haut .recherche select
{
    width: 200px;
}

#produits-liste .recherche .boutons
{
    margin-top: 1%;
}

#produits-liste .haut .pec
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    text-align-last: center;
}

#produits-liste .block
{
    width: 350px;
    min-height: 300px;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#produits-liste .block .image
{
    width: 100%;
    height: 355px;
}

#produits-liste .block img
{
    max-width: 100%;
    position: relative;
    opacity: 1;
    transition: opacity 2s;
}

#produits-liste .block .places
{
    margin-bottom: -32px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: inline;
    color: white;
    float: right;
    z-index: 3;
}

#produits-liste .block .titre
{
    margin-top: -5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    min-height: 80px;
    background-color: #006cb7;
    text-align: left;
}

#produits-liste .block .titre a
{
    color: white;
    font-weight: bold;
}

#produits-liste .block .titre .dates
{
    font-size: 89%;
    color: white;
}

#produits-liste .block .texte
{
    position: relative;
    height: 350px;
    margin-top: -350px; 
    opacity: 0;
    text-align: left;
    vertical-align: top;
}


#produits-liste .block .ajouter
{
    margin-top: 10px;
    text-align: left;
}

#produits-liste .block:hover img
{
    opacity: 0;
    transition: 400ms;
}

#produits-liste .block:hover .texte
{
    height: 313px;
    position: relative;
    opacity: 1;
    padding-top: 30px;
    padding-bottom: 7px;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{
#produits-liste .haut .catalogue
{
    width: 100%;
}

#produits-liste .haut .recherche
{
    width: 100%;
}

#produits-liste .haut .pec
{
    width: 100%;
}

#produits-liste .block
{
    width: 99%;
    min-height: 250px;
    margin-top: 3%;

}

}

/* Liste */

/* Détails */
#produits
{
    width: 80%;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: left;
}

#produits .titre
{
    text-align: left;
}

#produits .gauche
{
    width: 35%;
    margin-right: 2%;
}

#produits .milieu
{
    width: 35%;
    margin-right: 2%;
}

#produits .droite
{
    width: 25%;
}


#produits .block
{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    
}

#produits .block .photo
{
    text-align: left;
}

#produits .block .photo img
{
    max-width: 100%;
}

#produits .block .titres
{
    width: 98%;
    color: white;
    background-color: #006cb7;
    height: 40px;
    padding-left: 2%;
    padding-top: 7.5px;
    margin-bottom: 7.5px;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
    border-radius: 5px;
}

#produits .block .inscription a
{
    display: inline-block;
    margin-right: 15px;
    padding: 15px;
    text-align: center;
    min-width: 185px;
    transition: 400ms;
    background-color: #f2672a;
    border-radius: 5px;
    color: white;
}

#produits .block .inscription a:hover
{
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
    transition: 400ms;
    color: #f2672a;
}

#produits .block .ajouter 
{
    text-align: center;
}


#produits .block .financement
{
    padding: 1%;
    padding-left: 15px;
    background-color: #006cb7;
    color: white;
    text-align: left;
    border-radius: 5px;
}

#produits .block .financement .titre
{
    font-size: 150%;
    font-weight: bold;
}

#produits .block .tarif
{
    font-size: 130%;
    font-weight: bold;
}

@media screen and (max-width: 820px)
{
#produits
{
    width: 95%;
}

#produits .gauche
{
    width: 48%;
    margin-right: 2%;
}

#produits .milieu
{
    width: 46%;
    margin-right: 0%;
}

#produits .droite
{
    width: 100%;
}

#produits .block .financement
{
    text-align: center;
}

#produits .block .financement .titre
{

    text-align: center;
}

#produits .block .tarif
{

    text-align: center;
}
}

/* Ateliers */

/* Détails */


/* Products */

/* Panier */
#contenu-vierge .panier
{
    width: 100%;
    margin: auto;
    text-align: center;
    box-shadow: 1px 0px 5px #eee;
}

#contenu-vierge .panier .produits
{
    box-shadow: 1px 0px 5px #eee;
}


#contenu-vierge .panier .boutons
{
    width: 90%;
    margin: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    display: inline-block;
    text-align: right;
}


#contenu-vierge .panier .bas .gauche
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#contenu-vierge .panier .bas .droite
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#contenu-vierge .panier .bas .gauche .promotions
{
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
    display: inline-block;
    text-align: left;
}

#contenu-vierge .panier .bas .total
{
    width: 100%;
    display: inline-block;
    text-align: left;
    box-shadow: 1px 0px 5px #eee;
}

#contenu-vierge .panier .total  table
{
    width: 100%;
}

#contenu-vierge .info-adhesion
{
    width: 350px;
    min-height: 225px;
    padding: 5px;
    background-color: white;
    position: absolute;
    z-index: 2;
    left: 40%;
    top: 35%;
    border: 2px solid orange;
    text-align: center;
}

#contenu-vierge .info-adhesion .ajouter
{
    margin-top: 5px;
}


#contenu-vierge .info-champs
{
    width: 350px;
    min-height: 225px;
    padding: 5px;
    background-color: white;
    border: 2px solid orange;
}


@media screen and (max-width: 1366px)
{
#contenu-vierge .info-adhesion
{
    left: 37%;
    top: 35%;
}    
}

@media screen and (max-width: 765px)
{
#contenu-vierge .panier .boutons
{
    width: 100%;
    margin: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    display: inline-block;
    text-align: center;
}

#contenu-vierge .panier .produits
{
    font-size: 90%;
}

#contenu-vierge .panier .bas .gauche
{
    width: 100%;
}

#contenu-vierge .panier .bas .droite
{
    width: 100%;
}

#contenu-vierge .panier .bas .gauche .promotions
{
    width: 95%;
    text-align: center;
}

#contenu-vierge .panier .bas .gauche .promotions input[type="text"]
{
    width: 125px;
}

#contenu-vierge .info-adhesion
{
    width: 95%;
    min-height: 225px;
    padding: 5px;
    left: 0%;
    top: 25%;
}

#contenu-vierge .info-champs
{
    width: 350px;
    min-height: 225px;
    padding: 5px;
    background-color: white;
    border: 2px solid orange;
}    
}
/* Panier */

/* Formulaire bug */
#formulaire-bug
{
    width: 100%;
}
/* Formulaire bug */

/* Compte */
#compte
{
    width: 100%;
    text-align: center;
}

#compte .captcha
{
    width: 302px;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 1%;
}

.cge_message
{
    width: 60%;
    margin: auto;
    font-weight: bold;
    text-align: center;
}

/* Espace stagiaire */
#compte .es-menu
{
    width: 13%;
    min-width: 210px;
    display: inline-block;
    vertical-align: top;
    position: sticky;
    top: 110px;
}

#compte .es-menu .outil
{
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
    text-align: left;
}

#compte .contenu
{
    width: 61%;
    padding-left: 0.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#compte .profil
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#compte .profil img
{
    max-width: 100%;
    max-height: 200px;
}

#compte .profil td
{
    vertical-align: top;
}

#compte .profil ul
{
    margin-top: 0;
}

#compte .contenu .profil textarea
{
    width: 100%;
    height: 150px;
}

#compte .contenu .message-profil
{
    width: 58.5%;
    display: inline-block;
    vertical-align: top;
}

#compte .contenu .message-profil .messages-ligne
{
    border-bottom: 1px solid rgb(0,0,0,0.2);
}

#compte .contenu .message-profil .liste-attente table
{
    text-align: left;
}

#compte .evenements
{
    width: 19%;
    max-height: 600px;
    overflow: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: sticky;
    top: 100px;
}

#compte .evenements .calendar-event
{
    margin-bottom: 5px;
    text-align: left;
    border-bottom: 1px solid rgb(0,0,0,0.5);
}

#compte .evenements .calendar-event button
{
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

#compte .evenements .calendar-event .date
{
    font-weight: bold;
    text-indent: 15px;
}

/* Infos - Champs manquant */
#compte .infos-champs
{
    width: 90%;
    margin: auto;
    padding-left: 3%;
    text-align: left;
    border: 2px solid orange;
}

/* Infos - Champs manquant */

@media screen and (max-width: 1600px)
{

#compte .es-menu .outil
{
    height: 30px;
    padding-top: 0px;
    padding-left: 0px;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
    text-align: left;
}
}

@media screen and (max-width: 1440px)
{

#compte .es-menu .outil
{
    height: 20px;
    padding-top: 0px;
    padding-left: 0px;
    font-size: 95%;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
    text-align: left;
}
}

@media screen and (max-width: 765px)
{
#compte
{
    width: 100%;
}
    
#compte .es-menu
{
    width: 100%;
    text-align: left;
    background-color: white;
    position: relative;
    top: 0px;
}

#compte .es-menu .outil
{
    width: 48%;
    display: inline-block;
    border-bottom: 0px solid rgb(43, 58, 63, 0.1);
    font-size: 80%;
    vertical-align: top;
}

#compte .contenu
{
    width: 100%;
    margin: auto;
    padding-left: 0%;
}

#compte .profil
{
    width: 100%;
}

#compte .contenu .formulaire-bug
{
    width: 100%;
}

#compte .contenu .message-profil
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .evenements
{
    width: 100%;
    text-align: center;
}

#compte .evenements .calendar-event
{
    text-align: center;
}

/* Infos - Champs manquant */
#compte .infos-champs
{
    width: 95%;
    margin: auto;
    padding-left: 0%;
    text-align: left;
    border: 2px solid orange;
}

/* Infos - Champs manquant */    
}

/* Création compte */
#compte .infos
{
    font-size: 70%;
}

#compte .creation #prop_prenom, #prop_adresse, #prop_cplt_adresse, #prop_ville , #prop_pays , #prop_academie_preciser , #prop_profession_preciser , #prop_profession_2 , #prop_association_structure , #prop_ecole_diplome_yoga
{
   text-transform: capitalize;
}

#compte .creation #prop_nom
{
    text-transform: uppercase;
}
/* Création compte */


/* Modification compte */
/* documents */

#compte .modif-documents .info .inscription, #compte .modif-documents .info .documentations
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#compte .modif-documents .info .block
{
    width: 300px;
    margin-top: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#compte .modif-documents .apercu
{
    height: 150px;
}

#compte .modif-documents ol
{
    padding: 0;
}

#compte .modif-documents table
{
    width: 100%;
    max-width: 800px;
    margin: auto;
    border: 1px solid black;
}

#compte .modif-documents td
{
    width: 33%;
    border: 1px solid black;
}

#compte .modif-documents progress
{
    width: 100%;
    height: 30px;
}

@media screen and (max-width: 765px)
{
#compte .modif-documents .info .inscription, #compte .modif-documents .info .documentations
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .modif-documents .info .block
{
    width: 100%;
    text-align: left;
}

#compte .modif-documents table
{
    width: 100%;
    max-width: 300px;
    margin: auto;
    border: 1px solid black;
}

#compte .modif-documents td
{
    width: 30%;
    border: 1px solid black;
}

#compte .modif-documents progress
{
    width: 100%;
    height: 30px;
}
}
/* documents */

/* Modification de profil - alerte */
.modif-profil-alerte
{
    width: 350px;
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 3;
    background-color: white;
}
/* Modification de profil - alerte */

/* Modification compte - documents */

/* Messagerie */
#messagerie
{
    width: 100%;
    margin: auto;
    margin-top: 1%;
    text-align: center;
}

#messagerie table
{
    width: 100%;
}

#messagerie .emetteur
{
    width: 20%;
    height: 350px;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid rgb(43, 58, 63, 0.1);
}

#messagerie .emetteur table td
{
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
}


#messagerie .emetteur .bouton-nom
{
    width: 100%;
    background-color: transparent;
    text-align: center;
    border: none;
    font-weight: bold;
    color: #006cb7;
}

#messagerie .emetteur .bouton-nom:hover
{
    width: 100%;
    text-align: center;
    color: #f2672a;
    font-weight: bold;
    cursor: pointer;
    border: none;
}

#messagerie .emetteur input[type="text"]
{
    width: 95%;
    max-width: 200px;
    margin: auto;
}


#messagerie #conversations
{
    width: 78%;
    height: 450px;
    overflow: auto;
    display: inline-block;
    vertical-align: top;
}

#messagerie .lecture
{
    text-align: center;
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
}

#messagerie .lecture .recu
{
    width: 35%;
    margin-left: 5%;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: rgb(246, 144, 100, 0.3);
}

#messagerie .lecture .envoye
{
    width: 35%;
    margin-left: 60%;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: rgb(0, 108, 183, 0.3);
}

#messagerie .lecture .message
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: left;
}

#messagerie .lecture .date
{
    padding-right: 1%;
    font-size: 60%;
    text-align: right;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
}

#messagerie #redaction textarea
{
    width: 80%;
    margin: auto;
    margin-top: 5px;
    height: 50px;
    resize: none;
    border: 2px solid rgb(0, 108, 183, 0.3);
}
/* Messagerie */

/* Mes messages */
#compte .messages table
{
    width: 100%;
    margin: auto;
    text-align: left;
}

#compte .messages .liste 
{
    width: 48%;
    max-height: 500px;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#compte .messages .lecture
{
    width: 47%;
    padding-left: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

@media screen and (max-width: 765px)
{
#compte .messages table
{
    width: 95%;
}

#compte .messages .liste 
{
    width: 100%;
    max-height: 350px;
}

#compte .messages .lecture
{
    width: 100%;
}    
}
/* Mes messages */

/* Documents */
#compte .contenu .mes-documents
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .contenu table
{
    width: 100%;
}

#compte .contenu .documents
{
    max-height: 400px;
    overflow: auto;
}


/* Documents */

/* Mes formations */
#compte .contenu .mes-formation .liste
{
    width: 45%;
    max-height: 700px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
}


#compte .contenu .mes-formation .fiche
{
    width: 50%;
    padding-left: 1%;
    display: inline-block;
    vertical-align: top;
}

#compte .contenu .mes-formation .documents .block
{
    width: 15%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#compte .contenu button
{
    background-color: transparent;
    border: none;
}

/* Mes formations */
/* Mes documents administratifs */

#compte .contenu .mes-documents .block .docs-rye
{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
/* Mes documents administratifs */

/* Favoris */
#compte .contenu .mes-favoris .block
{
    line-height: 25px;
}

/* Favoris */

/* Mes factures */
@media screen and (max-width: 765px)
{
#compte .contenu .mes-factures
{
    font-size: 60%;
}
}
/* Mes factures */

/* Espace stagiaire */

/* Compte */

/* Actualités */
#news-details
{
    width: 60%;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: left;
}

#news-details h2
{
    display: inline;
}

#news-details .date
{
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f2672a;
    color: white;
    font-weight: bold;
}

#news-details .images
{
    text-align: center;
}

#news-details img
{
    max-width: 100%;
}
/* Actualités */

/* Nous contacter */
#contact
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#contact .formulaire
{
    width: 55%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#contact .formulaire form
{
    width: 80%;
    margin: auto;
}

#contact .formulaire textarea
{
    width: 100%;
    min-height: 200px;
}

#contact .formulaire .boutons
{
    text-align: left;
}

#contact .captcha
{
    width: 302px;
    display: inline-block;
    vertical-align: top;
}

#contact .infos
{
    width: 40%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#contact .infos .coordonnees
{
    margin-top: 5%;
    
}


#contact #contact_pec
{
    display: none;
}

@media screen and (max-width: 765px)
{
#contact .formulaire
{
    width: 100%;
}

#contact .formulaire form
{
    width: 80%;
    margin: auto;
}

#contact .infos
{
    width: 100%;
    margin-left: 0%;
}
}
/* Nous contacter */

/* Gestion articles Espace adherent */
#cgblog_myarticles
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#cgblog_myarticles .gauche
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#cgblog_myarticles .gauche .nav
{
    text-align: center;
}

#cgblog_myarticles .droite
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#cgblog_myarticles .droite .table
{
    width: 100%;
    border: 1px solid black;
}

#cgblog_myarticles .droite .table a
{
    color: black;
    font-weight: bold;
}
/* Gestion articles Espace adherent */

/* Orders */
#commandes
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#commandes .facturation
{
    width: 48%;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0px 5px #eee;
}

#commandes .facturation table
{
    margin: auto;
}

#commandes .livraison
{
    display: none;
}

#commandes .pec_chq
{
    width: 48%;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 1px 0px 5px #eee;
}

#commandes .pec_chq table
{
    width: 80%;
    margin: auto;
}

#commandes .pec_chq .input
{
    width: 70%;
}

#commandes .paiement
{
    width: 300px;
    margin: auto;
    text-align: left;
}

#confirmation
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#confirmation .facturation
{
    width: 20%;
    display: inline-block;
    border: 1px solid red;
    text-align: left;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

#confirmation .elements
{
    width: 78%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

#confirmation .elements table
{
    width: 100%;
}

#confirmation .informations table
{
    margin: auto;
    box-shadow: 1px 0px 5px #eee;
    text-align: left;
}

#confirmation .gateway_form input[type="submit"]
{
    width: 185px;
    height: 45px;
    margin: auto;
    border: 1.5px solid #006cb7;
    border-radius: 3px;
    transition: 400ms;
    color: #006cb7;
    background-color: transparent;
    font-size: 17px;
}

#confirmation .gateway_form input[type="submit"]:hover
{
    transition: 400ms;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1.5px solid transparent;
    cursor: pointer;
}

#fin-de-commande .produits
{
    width: 60%;
}

#fin-de-commande .produits .liste
{
    width: 100%;
    text-align: left;
}

#fin-de-commande .produits ol
{
    margin: 0;
}

#fin-de-commande .bleu
{
	background-color: #006CB7;
	color: white;
    padding-left: 5px;
	width: 20%;
	max-width: 150px;
	height: 30px;
	font-weight: bold;
}

.recuperer-paiement
{
    text-align: center;
}


.recuperer-paiement table
{
    margin: auto;
}

@media print
{
    #fin-de-commande .produits
    {
        width: 100%;   
    }
}


@media screen and (max-width: 765px)
{
#commandes .facturation
{
    width: 99%;
    margin: auto;
}

#commandes .facturation table
{
    width: 95%;
}

#commandes .pec_chq
{
    width: 100%;
}

#commandes .pec_chq table
{
    width: 80%;
    margin: auto;
}

#commandes .pec_chq .input
{
    width: 70%;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"]
{
    width: 200px;
    height: 30px!important;
}

textarea
{
    width: 200px;
}

#confirmation .facturation
{
    width: 100%;
}

#confirmation .elements
{
    width: 100%;
    font-size: 80%;
}

#confirmation .elements table
{
    width: 100%;
}

}
/* Orders */


/* Page équipe */
#equipe
{
    width: 100%;
    text-align: center;
}

#equipe .block
{
    padding-top: 1%;
    padding-bottom: 1%;
    min-height: 400px;
}

#equipe .fond-bleu
{
    background-color: rgba(0,108,183,0.21);
}


#equipe .fiche
{
    width: 300px;
    height: 200px;
    margin: 1%;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    box-shadow: 1px 0px 5px #eee;
}

#equipe .fiche h4
{
    margin: 0;
}

#equipe .fiche .photo
{
    height: 100px;
}

#equipe .fiche .photo img
{
    max-width: 100%;
    max-height: 100%;
}

#equipe .fiche .profession
{
    padding-top: 5px;
    font-weight: 400;
    opacity: 0.8;
}

/* Fiche - details */
#fiche-details
{
    margin: auto;
    text-align: center;
}

#fiche-details .block
{
    padding-top: 0;
    box-shadow: 1px 0px 5px #eee;
}


#fiche-details .block .photo
{
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

#fiche-details .block .photo img
{
    max-width: 100%;
}

#fiche-details .block .biographie
{
    width: 45%;
    padding-top: 0px;
    padding-left: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#fiche-details .block .messages
{
    width: 10%;
    display: inline-block;
    margin-top: 5%;
}

#fiche-details .infos
{
    text-align: center;
}

#fiche-details .infos .block
{
    width: 30%;
    margin: 1%;
    padding-top: 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    box-shadow: 1px 0px 5px #eee;
}

#fiche-details .infos .block td
{
    border-bottom: 1px solid rgb(43, 58, 63, 0.1);
}

#fiche-details .infos .block h3
{
    text-align: center;
}
/* Fiche - details */

/* Rediger message */
#equipe .rediger-message
{
    text-align: center;
}

#equipe .rediger-message textarea
{
    width: 60%;
    min-height: 150px;
}


#equipe .rediger-message .g-recaptcha
{
    width: 302px;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 1%;
}

#equipe .rediger-message .input-site
{
    position: absolute;
    left: -1500px;
}
/* Rediger message */

/* Page équipe */


/* Portraits des formateurs */
#portraits-formateurs .block
{
    width: 80%;
    height: 200px;
    margin: 1%;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    box-shadow: 1px 0px 5px #eee;
    text-align: center;
}

#portraits-formateurs .block .photo
{
    width: 30%;
    height: 175px;
    display: inline-block;
    vertical-align: top;
    
}

#portraits-formateurs .block .photo img
{
    max-width: 100%;
    max-height: 100%;
}


#portraits-formateurs .block .presentation
{
    width: 68%;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}



#portraits-formateurs .questionnaire
{
    width: 80%;
    margin: auto;
}


@media screen and (max-width: 765px)
{
#portraits-formateurs .block
{
    width: 90%;
    height: 100%;
}

#portraits-formateurs .block .photo
{
    width: 80%;

}


#portraits-formateurs .block .presentation
{
    width: 100%;
}



#portraits-formateurs .questionnaire
{
    width: 100%;
}
    
}
/* Portraits des formateurs */


/* Echelle de patañjali */
#echelle
{
    text-align: center;
}

#echelle .block
{
    width: 23%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0px 5px #eee;
}


@media screen and (max-width: 765px)
{
#echelle .block
{
    width: 100%;
    margin: 0%;
}    

#contenu-vierge img
{
    max-width: 100%;
}

#contenu-vierge iframe, #contenu-vierge video
{
    width: 100%;
}
}



/* Echelle de patañjali */

/* Exercices */
#exercices
{
    text-align: center;
}

#exercices h2
{
    text-align: left;
}

#exercices .recherche
{
    margin-bottom: 1%;
    text-align: left;
}

#exercices .recherche label
{
    width: 185px;
    height: 35px;
    padding-top: 10px;
    border: 1.5px solid #006cb7;
    border-radius: 3px;
    transition: 400ms;
    color: #006cb7;
    background-color: transparent;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}


#exercices .recherche label:hover
{
    transition: 400ms;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1.5px solid transparent;
    cursor: pointer;
}

#exercices .recherche input[type="checkbox"]
{
    visibility: hidden;
}


#exercices .block
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#exercices .block .photo
{
    height: 300px;
}

#exercices .block img
{
    max-width: 100%;
    max-height: 300px;
    vertical-align: bottom;
}

#exercices .block .titre a
{
    color: #006cb7;
    display: none;
}

#exercices .gauche
{
    width: 60%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#exercices .droite
{
    width: 20%;
    padding: 1%;
    display: inline-block;
    vertical-align: top;
    background-color: rgba(0,108,183,0.21);
    text-align: left;
}

#exercices iframe
{
    width: 80%;
    margin: auto;
}

@media screen and (max-width: 765px)
{
#exercices .block
{
    width: 100%;
}

#exercices .gauche
{
    width: 100%;
}

#exercices .droite
{
    width: 100%;
    padding: 0%;
}    

#exercices iframe
{
    width: 100%;
}
}
/* Exercices */

/* RYE dans le monde */
#rye-monde 
{
    text-align: center;
}

#rye-monde .block
{
    width: 24%;
    min-width: 415px;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#rye-monde .block .label
{
    text-align: left;
}

/* RYE dans le monde */

/* Parcours formations */
#compte .parcours-formation
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .parcours-formation table
{
    width: 95%;
}

#compte .parcours-formation .en-cours, #compte .parcours-formation .passes
{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

#compte .parcours-formation .fiche
{
    width: 98%;
}

#compte .parcours-formation .fiche .documents .block
{
    width: 250px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#compte .parcours-formation .fiche .video
{
    width: 350px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#compte .parcours-formation .fiche video
{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 765px)
{

#compte .parcours-formation .en-cours, #compte .parcours-formation .passes
{
    width: 100%;
    max-height: 250px;
    overflow: auto;
}

#compte .parcours-formation .fiche
{
    width: 100%;
}

#compte .parcours-formation .fiche .liste-module
{
    font-size: 80%;
}

#compte .parcours-formation .fiche .documents .block
{
    width: 250px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#compte .parcours-formation .fiche .video
{
    width: 350px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#compte .parcours-formation .fiche video
{
    width: 100%;
    height: auto;
}

}

/* Parcours formations */

/* Historique de commandes */
#compte .mes-commandes
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .mes-commandes table
{
    width: 100%;
}

#compte .mes-commandes .liste
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    max-height: 500px;
    overflow: auto;
}

#compte .mes-commandes .fiche
{
    width: 45%;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 765px)
{
#compte .mes-commandes .liste
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    max-height: 300px;
    overflow: auto;
}

#compte .mes-commandes .fiche
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
}
/* Historique de commandes */

/* Gestion Formations */
#gestion-formation
{
    width: 95%;
    margin: auto;
}

#gestion-formation table
{
    width: 100%;
    text-align: center;
}

/* Fiche */
#compte .formation-fiche
{
    width: 100%;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: center;
}

#compte .formation-fiche .gauche
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    background: white;
}

#compte .formation-fiche .gauche .block
{
    width: 99%;
    margin: auto;
    margin-bottom: 1%;
    display: inline-block;
    vertical-align: top;
    font-size: 98%;
}


#compte .formation-fiche .gauche .block table
{
    width: 100%;
}

#compte .formation-fiche .gauche .block .input
{
    text-align: left;
}

#compte .formation-fiche .droite
{
    width: 79%;
    display: inline-block;
    vertical-align: top;
}


#compte .formation-fiche .droite .document
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .droite .document .documents-formateur, #compte .formation-fiche .droite .document .documents-stagiaire
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche button
{
    font-size: 100%;
    cursor: pointer;
}

#compte .formation-fiche .droite .document .block
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .rapport .block
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .droite .trombinoscope, #compte .formation-fiche .droite .fiche-emargement
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .droite .qualitatif
{
    overflow: auto;
}

#compte .formation-fiche .droite .qualitatif table
{
    width: 98%;
    margin: auto;
    font-size: 85%;
}


#compte .formation-fiche .droite .evenements
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 1440px)
{
#compte .formation-fiche
{
    width: 100%;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: center;
}

#compte .formation-fiche .gauche
{
    width: 100%;
}

#compte .formation-fiche .gauche .block
{
    width: 45%;
    min-height: 175px;
    margin: auto;
    margin-bottom: 1%;
    display: inline-block;
    vertical-align: top;
    font-size: 85%;
}


#compte .formation-fiche .gauche .block table
{
    width: 100%;
}

#compte .formation-fiche .gauche .block .input
{
    text-align: left;
}

#compte .formation-fiche .droite
{
    width: 79%;
    display: inline-block;
    vertical-align: top;
}


#compte .formation-fiche .droite .document
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .droite .document .documents-formateur, #compte .formation-fiche .droite .document .documents-stagiaire
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche button
{
    font-size: 100%;
    cursor: pointer;
}

#compte .formation-fiche .droite .document .block
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .rapport .block
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .droite .trombinoscope, #compte .formation-fiche .droite .fiche-emargement
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#compte .formation-fiche .droite .qualitatif
{
    overflow: auto;
}

#compte .formation-fiche .droite .qualitatif thead {
display: none;
}

#compte .formation-fiche .droite .qualitatif tr{
display: block;
margin-bottom: 5px;
}

#compte .formation-fiche .droite .qualitatif td {
display: block;
text-align: left;
}

#compte .formation-fiche .droite .qualitatif td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}


#compte .formation-fiche .droite .evenements
{
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

}

/* Fiche */

/* Chatter */
#compte .chatter
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#compte .chatter .liste
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

#compte .chatter .liste input[type='text']
{
    width: 95%;
}

#compte .chatter .liste .utilisateurs
{
    max-height: 400px;
    overflow: auto;
}

#compte .chatter .liste .utilisateurs table
{
    width: 95%;
}

#compte .chatter .conversation
{
    width: 73%;
    display: inline-block;
    vertical-align: top;
}

#compte .chatter .conversation .lecture
{
    width: 100%;
    height: 300px;
    margin-bottom: 5px;
    overflow: auto;
    border: 1px solid red;
}

#compte .chatter .conversation .lecture .recu
{
    width: 35%;
    margin-left: 5%;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 2px;
    background-color: rgb(246, 144, 100, 0.3);
}

#compte .chatter .conversation .lecture .envoye
{
    width: 35%;
    margin-left: 60%;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: rgb(0, 108, 183, 0.3);
}

#compte .chatter .conversation .lecture .date
{
    padding-right: 1%;
    font-size: 60%;
    text-align: right;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
}

#compte .chatter .conversation .redaction
{
    width: 80%;
    margin: auto;
    text-align: center;
}
/* Notifications */
#notifications
{
    width: 250px;
    min-height: 50px;
    overflow: auto;
    position: fixed;
    left: 85%;
    top: 15%;
    z-index: 3;
    background-color: rgb(0, 108, 183, 0.1);
    border: 1px solid rgb(43, 58, 63, 0.1);
    cursor: move;
}

#notifications:hover
{
    background-color: rgb(0, 108, 183, 0.6);
}

#notifications .infos
{
    width: 100%;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
    font-size: 60%;
    font-style: italic;
    text-align: center;
    color: #f2672a;
}
/* Notifications */

/* Chatter */

/* Formations passée animée */
#compte .contenu .formation-passe table
{
    width: 100%;
}

#compte .contenu .formation-passe
{
    max-height: 300px;
    overflow: auto;
}
/* Formations passée animée */

/* Convocation */
@page {
 size: A4;
 margin-top: 0,8cm;
}

#convocation
{
    width: 80%;
    max-width: 210mm;
    margin: auto;
    text-align: center;
    font-size: 85%;
}

#convocation .entete
{
    opacity: 0.6;
}

#convocation .entete img
{
    height: 100px;
}

#convocation .titre
{   
    text-align: center;
    font-size: 130%;
}

#convocation .formation
{
    text-align: center;
    border: 1px solid rgb(43, 58, 63, 0.3);
}

#convocation h3
{
    text-decoration: underline;
}

#convocation .date, #convocation .lieu, #convocation .contenu
{
    text-align: left;
}

#convocation table
{
    width: 85%;
    text-align: left;
}

#convocation table .gauche
{
    width: 20%;
}

#convocation .signature
{
    text-align: right;
}

#convocation .signature img
{
    max-width: 100px;
}

#convocation .pied-de-page
{
    margin-top: 5%;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
}

/* Convocation */

/* Attestations */
#attestation
{
    width: 80%;
    max-width: 210mm;
    margin: auto;
    margin-top: 10mm;
    text-align: center;
    font-size: 85%;
}

#attestation .entete
{
    opacity: 0.6;
}

#attestation .entete img
{
    height: 100px;
}

#attestation h2
{
    text-align: center;
}

#attestation .contenu
{
    text-align: left;
}

#attestation .signature
{
    text-align: right;
}

#attestation .signature img
{
    max-width: 150px;
}

#attestation .pied-de-page
{
    margin-top: 5%;
    border-top: 1px solid rgb(43, 58, 63, 0.1);
}

/* Impression */
#attestation .contenu
{
    margin-top: 0%;
    text-align: left;
}

#attestation .label
{
    vertical-align: top;
}
/* Impression */

/* Attestations */

/* Trombinoscope */
#trombinoscope
{
    text-align: center;
}

#trombinoscope .block
{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0px 5px #eee;
}

#trombinoscope .block .photo
{
    height: 125px;
}

#trombinoscope .block img
{
    height: 100%;
}
/* Trombinoscope */

/* Qualitatif */
#compte .formation-fiche .rapport .qualitatif .photo
{
    visibility: hidden;
    max-height: 1px;
}

#compte .formation-fiche .rapport .qualitatif .prenom:hover .photo
{
    visibility: visible;
    transform: translateX(35px) scale(100);
    transition: 200ms;
}

/* Impression */
#fichier-qualitatif
{
    width: 95%;
    margin: auto;
    font-size: 85%;

}

#fichier-qualitatif table
{
    width: 99.5%;
}

#fichier-qualitatif table td
{
    padding-left: 2px;
    border: 1px solid black;
}

#fichier-qualitatif .motivation
{
    max-width: 150px;
    text-align: left;
}

#fichier-qualitatif .photo
{
    visibility: hidden;
    max-height: 1px;
}

@media print
{

#fichier-qualitatif
{
    width: 100%;
    margin: auto;
    
}

#fichier-qualitatif table
{ 
    page-break-inside: auto;
}
#fichier-qualitatif tr 
{ 
    page-break-inside: avoid;
    page-break-after: auto;
}
}

/* Impression */

/* Qualitatif */

/* Fiche Emargements */
#emargement-fiche
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#emargement-fiche table
{
    width: 100%;
}

#emargement-fiche td, #emargement-fiche th
{
    border: 1px solid black;
}

#emargement-fiche td
{
    line-height: 50px;
}

@media print
{

#emargement-fiche
{
    width: 100%;
    margin: auto;
    
}

#emargement-fiche table
{ 
    break-inside: auto;
}
#emargement-fiche tr 
{ 
    break-inside: avoid;
    break-after: auto;
}

#emargement-fiche .pied-de-page
{
    display: none;
    
}

}
/* Fiche Emargements */

/* Gestion Formations */

/* Gestion commandes */
#gestion-commandes
{
    width: 95%;
    margin: auto;
    text-align: center;
}

#gestion-commandes .recherche
{
    width: 60%;
    margin: auto;
    text-align: center;
}

#gestion-commandes table
{
    width: 100%;
}

/* Fiche */
#gestion-commandes .fiche
{
    text-align: center;
}

#gestion-commandes .fiche .titre .status-commandes, #gestion-commandes .fiche .titre .messages , #gestion-commandes .fiche .titre .notes
{
    width: 33%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0px 5px #eee;
}

#gestion-commandes .fiche .titre .notes table
{
    max-height: 150px;
    overflow: auto;
}

#gestion-commandes .fiche .gauche
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0px 5px #eee;
}

#gestion-commandes .fiche .gauche .stagiaire .block
{
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

#gestion-commandes .fiche .gauche .dossier .block-dossier
{
    width: 20%;
    min-height: 100px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 1px 0px 5px #eee;
}

#gestion-commandes .fiche .gauche .dossier .block-dossier .apercu
{
    height: 90px;
}

#gestion-commandes .fiche .gauche .dossier .block-dossier img
{
    max-width: 100%;
    max-height: 85px;
}

#gestion-commandes .fiche .messagerie textarea
{
    width: 100%;
}

#gestion-commandes .fiche .droite
{
    width: 58.5%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 1px 0px 5px #eee;
}

#gestion-commandes .fiche .droite .produit .block
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#gestion-commandes .fiche .block-chq
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 1px 0px 5px #eee;
}



#gestion-commandes .fiche .paiement .block-chq input[type="text"]
{
    max-width: 100px;
}

#gestion-commandes .fiche .pec
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}


/* Fiche */
/* Gestion commandes */

/* Facture */
#facture
{
    width: 80%;
    max-width: 210mm;
    margin: auto;
    margin-top: 10mm;
    text-align: center;
}


@page {
 size: A4;
 margin-top: 0,8cm;
}

#facture .titre .gauche, #facture .titre .droite
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#facture .entete
{
    opacity: 0.6;
}

#facture .entete img
{
    height: 100px;
}

#facture .entete .logo, #facture .entete .adresse
{
    display: flexbox;
    text-align: left;
}

#facture .contenu
{
    margin-top: 20px;
}

#facture .contenu table
{
    min-width: 350px;
}

#facture .contenu, #facture .label
{
    text-align: left;
}

#facture .label
{
    padding-left: 5px;
    color: white;
    background-color: #006CB7;
}

#facture .tampon img
{
    max-height: 100px;
}

@media print
{
    #facture .pied-de-page
    {
        margin-top: 50px;
    }
}
/* Facture */

/* Soutenance */
/* Formulaire */
#soutenance div
{
    margin-bottom: 1%;
}

/* Formulaire */

/* Soutenance */

/* Tableau de bord */
#tableau-de-bord table
{
    width: 100%;
}

#tableau-de-bord table tr td
{
    border: 1px solid rgb(43, 58, 63, 0.3);
}


/* Quiz */
#quiz
{
    width: 100%;
}

.table-resultats-reponses
{
    width: 80%;
}

.table-resultats-reponses th, .table-resultats-reponses td
{
    border: 1px solid black;
}

.table-resultats-reponses td:nth-child(1)
{
    max-width: 300px;
}

/* Quiz */

/* Contrat pro */
#contrat
{
    width: 210mm;
    margin: auto;
}

#contrat h4
{
    margin: 0;
}

#contrat .logo, #contrat .titre
{
    text-align: center;
}

#contrat .logo img
{
    max-height: 125px;
}

#contrat .signature
{
    text-align: center;
}

#contrat .signature div
{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}

#contrat .pied-de-page
{
    text-align: center;
}
/* Contrat pro */

/* Certification de formation approfondie */
#certificat-approfondi
{
    width: 95%;
    margin: auto;
    margin-top: 15mm;
    text-align: center;
    color: #006CB7;
}

#certificat-approfondi .logo img
{
    max-width: 150px;
}

#certificat-approfondi .text
{
    font-size: 100%;
    margin-bottom: 3%;
}

#certificat-approfondi .bas div
{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

#certificat-approfondi .signature img
{
    width: 150px;
}

#certificat-approfondi .pdp-certificat
{
    margin-top: 35mm;
}
/* Certification de formation approfondie */

/* Lecture préparatoire */
.lecture_prepa table
{
    width: 100%;
    text-align: left;
}

.lecture_prepa table tr td
{
    border: 1px solid black;
}


/* Lecture préparatoire */


/* Annuaire des certifiés - Liste */
#annuaire-des-certifies .block
{
    width: 48%;
    margin: 0.5%;
    display: inline-block;
    vertical-align: top;
}
/* Annuaire des certifiés - Liste */