/* CSS Document */


/************************************************************************/


/*							GENERAL            							*/


/************************************************************************/


/*Correctif pour versions anciennes de firefox et autres que ie */

nav,
article,
footer,
section {
    display: block;
}

body,
html {
    height: 100%;
}

textarea {
    font-family: Source Sans Pro, sans-serif;
}

#infos_ponctuelles {
    border-color: #b03a4a;
    border-style: solid;
    border-width: 1px;
    /*width:100%;*/
    margin-top: 18px;
    /*margin-left:5px;*/
    margin-bottom: 17px;
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}


/* MENU EN TETE DEROULANT */


/* Menu mega */

.full-img-pres {
    width: 100%;
    position: relative;
    text-align: center;
}

.full-img-pres img {
    width: 100%;
    margin-bottom: 5px;
}

.cta-button {
    position: absolute;
    width: 250px;
    bottom: 5%;
    /*left: 10%;*/
    right: 10%;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: 3px solid #693374;
    color: #FFF;
    margin-top: 34px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.cta-button:hover {
    opacity: 0.8;
}

.cta-button a {
    color: white;
}

.video-wrapper {
    width: 800px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.images_entete {
    padding-top: 1%;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.image_bandeau {
    margin-bottom: 1%;
    /*2%;*/
    display: inline-block;
    position: relative;
    height: 500px;
    width: 500px;
    vertical-align: top;
}

.image_bandeau:hover {
    opacity: 0.9;
}

.link_bandeau img {
    transition: opacity, .3s;
    backface-visibility: hidden;
    vertical-align: center;
}

.image_bandeau_bouton {
    position: absolute;
    text-align: center;
    top: 85%;
    z-index: 2;
    width: 100%;
}

.image_bandeau_texte {
    border: 2px solid white;
    display: inline-block;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: 3px solid #693374;
    color: #FFF;
}

.image_bandeau_texte:hover {
    opacity: 0.8;
}


/* CARTE GOOGLE */

#map {
    height: 500px;
    /*width: 50%;*/
}

.carte_nom_societe {
    color: #6E1480;
    font-weight: bold;
}

.carte_famille_client {
    font-style: italic;
}

#tab_carte_professionnels {
    width: 95%;
    border-collapse: collapse;
}

#tab_carte_professionnels td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-color: #aaaaaa;
    border-bottom-width: 1px;
}

.first_visit {
    background-image: url(../images/Premiere-visite.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 1080px;
    /*2000px;*/
    z-index: -1;
    font-family: 'Pacifico', cursive, sans-serif;
    font-size: 46px;
    text-align: center;
}

#acces_site_haut {
    /*background-color:#E95325;*/
    border-radius: 5px;
    width: 9%;
    color: white;
    font-family: Source Sans Pro, sans-serif;
    text-align: center;
    font-size: 18px;
    margin-left: 15px;
    padding: 5px;
}

#acces_site_haut a,
a:visited {
    color: white;
}

#acces_site_bas {
    background-color: #E95325;
    border-radius: 5px;
    width: 9%;
    color: white;
    font-family: Source Sans Pro, sans-serif;
    text-align: center;
    font-size: 18px;
    margin-top: 650px;
    /*50%;*/
    /*margin-left:45%;*/
    padding: 5px;
}

#acces_site_bas a,
a:visited {
    color: white;
}


/** ScrollToTop **/

#scrollToTop a {
    position: fixed;
    right: 1px;
    bottom: 60px;
    padding: 1px 1px;
    opacity: 0.4;
}

#scrollToTop a:hover {
    text-decoration: none !important;
    opacity: 0.8;
}


/* Menu principal d�roulant */

#menu_entete_deroulant {
    list-style: none;
    height: 70px;
    /*43px;*/
    position: relative;
    background-color: #693374;
    font-family: Source Sans Pro, sans-serif;
    text-align: center;
}

#menu_entete_deroulant li {
    /*display:inline-block;  */
    text-align: center;
    padding-left: 0.3%;
    /*5px;	*/
    padding-right: 0.3%;
    margin-right: 1%;
    /*8px;*/
    /*1px;*/
    margin-left: 1%;
    border: none;
    font-family: Source Sans Pro, sans-serif;
    font-size: 14px;
    color: #EEEEEE;
    outline: 0;
    text-decoration: none;
    /* Ajout� pour que le menu soit centr� quand il n'y a pas "Composer mon propre cycle" */
    /*margin-right: 3%;*/
    /*5%;	*/
    /* Ajout� pour que l'encart violet, lors du survol, prenne toute la hauteur */
    /*height:35px;*/
    /*line-height:5px;*/
    display: table-cell;
    width: 8%;
    vertical-align: middle;
}

#menu_entete_deroulant li:hover {
    height: 43px;
    /* a �t� rajout� pour que l'encart violet du survol prenne toute la hauteur */
    color: #e3bbea;
}

#menu_entete_deroulant #one_line {
    line-height: 70px;
    height: inherit;
}

#menu_entete_deroulant li a {
    font-family: Source Sans Pro, sans-serif;
    font-size: 14px;
    color: #EEEEEE;
    outline: 0;
    text-decoration: none;
}

#menu_entete_deroulant li:hover a {
    color: #e3bbea;
}

#menu_entete_deroulant li .drop {
    /*padding-right:21px;*/
    /*background:url("img/drop.png") no-repeat right 8px;*/
}

#menu_entete_deroulant li:hover .drop {
    /*background:url("img/drop.png") no-repeat right 7px;*/
}


/* Drop Down */

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin: 8px auto;
    /*4px*/
    float: left;
    position: absolute;
    left: -999em;
    /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 55px;
    border: 1px solid #777777;
    border-top: none;
    background-color: #F5F1F2;
}

#menu_entete_deroulant li .dropdown_5columns {
    height: 10px;
    -webkit-transition: height 0.1s linear;
    -moz-transition: height 0.1s linear;
    -o-transition: height 0.1s linear;
    transition: height 0.1s linear;
}

.dropdown_1column {
    width: 140px;
}

.dropdown_2columns {
    width: 280px;
}

.dropdown_3columns {
    width: 420px;
}

.dropdown_4columns {
    width: 560px;
}

.dropdown_5columns {
    width: 95.2%;
    z-index: 4;
}

#menu_entete_deroulant li:hover .dropdown_1column,
#menu_entete_deroulant li:hover .dropdown_2columns,
#menu_entete_deroulant li:hover .dropdown_3columns,
#menu_entete_deroulant li:hover .dropdown_4columns,
#menu_entete_deroulant li .anim .dropdown_5columns,
#menu_entete_deroulant li:hover .dropdown_5columns {
    left: -1px;
    top: auto;
    height: 270px;
    /*290px;	*/
}


/* Columns */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: top;
}

.col_1 {
    width: 20.5%;
    /*margin-top:14px;*/
}

.col_2 {
    width: 25.5%;
}

.col_3 {
    width: 24.5%;
}

.col_4 {
    width: 25.5%;
    /*margin-top:1%;*/
}

.col_5 {
    width: 690px;
}

.col_4 img {
    margin-left: 5%;
}


/* Right alignment */

#menu_entete_deroulant .menu_right {
    float: right;
    margin-right: 0px;
}

#menu_entete_deroulant li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu_entete_deroulant li:hover .align_right {
    left: auto;
    right: -1px;
    top: auto;
}


/* Drop Down Content Stylings */

#menu_entete_deroulant h1 {
    color: #693374;
    font-size: 15px;
    margin-bottom: 15px;
}

#menu_entete_deroulant p,
#menu_entete_deroulant h2,
#menu_entete_deroulant h3,
#menu_entete_deroulant ul li {
    font-family: Source Sans Pro, sans-serif;
    line-height: 21px;
    font-size: 12px;
    text-align: left;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#menu_entete_deroulant h2 {
    color: #693374;
    font-size: 15px;
    font-style: italic;
    text-align: justify;
    margin-bottom: 15px;
}

#menu_entete_deroulant h3 {
    font-size: 14px;
    margin: 7px 0 14px 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #888888;
}

#menu_entete_deroulant p {
    line-height: 18px;
    margin: 0 0 8px 0;
}

#menu_entete_deroulant li:hover div a {
    color: #015b86;
    /*margin-top:20%;*/
}

#menu_entete_deroulant li:hover div a:hover {
    color: #029feb;
    text-decoration: underline;
}

#asterisk_menu {
    color: #3A3939;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    display: block;
    width: 90%;
}

#menu_entete_deroulant li .menu_formations {
    display: list-item;
    width: auto;
    list-style-type: disc;
    color: #693374;
    font-weight: normal;
    line-height: auto;
}

#menu_entete_deroulant li:hover .menu_formations {
    font-size: 14px;
    height: auto;
}

#menu_entete_deroulant li .menu_formations a:hover {
    /*font-size:14px;*/
}

.strong {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.imgshadow {
    background: #FFFFFF;
    padding: 4px;
    border: 1px solid #777777;
    margin-top: 5px;
    -moz-box-shadow: 0px 0px 5px #666666;
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.img_left {
    /* Image sticks to the left */
    width: auto;
    float: left;
    margin: 5px 15px 5px 5px;
}

#menu_entete_deroulant li .black_box {
    background-color: #333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding: 4px 6px 4px 6px;
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* Shadow */
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

#menu_entete_deroulant li ul {
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}

#menu_entete_deroulant li ul li {
    font-size: 12px;
    line-height: 24px;
    /*position:relative;*/
    text-shadow: 1px 1px 1px #ffffff;
    padding: 0;
    margin: 0;
    float: none;
    text-align: left;
    width: 130px;
}

#menu_entete_deroulant li ul li:hover {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

#menu_entete_deroulant li .greybox li {
    background: #F4F4F4;
    border: 1px solid #bbbbbb;
    margin: 0px 0px 4px 0px;
    padding: 4px 6px 4px 6px;
    width: 116px;
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu_entete_deroulant li .greybox li:hover {
    background: #ffffff;
    border: 1px solid #aaaaaa;
    /*padding:4px 6px 4px 6px;*/
    margin: 0px 0px 4px 0px;
}


/* FIN MENU EN TETE DEROULANT */

/*h2 .titre_rubrique {
    color: #5F4680;
    text-align: center;
    margin-bottom: 15px;
}*/

#mobile_identification {
    display: none;
}

#identification_compte_mobile {
    display: none;
}

#panier_client_mobile {
    display: none;
}

hr {
    margin: 0;
    padding: 0;
}

select option del {
    color: red;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

body {
    width: 100%;
    margin: 0;
    /* pour �viter les marges */
    padding: 0;
    /*text-align: center; */
    /* pour corriger le bug de centrage IE */
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: Source Sans Pro, sans-serif;
    color: #3A3939;
    overflow: none;
}

body a {
    /*color: #5F4680;*/
}

#bloc_page {
    position: relative;
    font-size: 12px;
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: "Source Sans Pro", sans-serif;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    /*font-weight:bold;*/
    text-align: justify;
    /*background-image:url(../images/fond.jpg);*/
    /* modif design lionel */
    background-repeat: no-repeat;
    margin-top: 0px;
}

header {
    width: 100%;
}

#head_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

#titre_logo_desktop {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#zone_recherche {
    width: 350px;
    padding-right: 10px;
    display: flex;
    align-items: right;
    justify-content: right;
}

#rechercheAvancee {
    display: table-cell;
    /*inline-block;*/
    vertical-align: top;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

#rechercheAvancee a {
    color: #003399;
}

#rechercheAvancee a:hover {
    text-decoration: underline;
}

#rechercheAvancee img {
    display: inline-block;
    vertical-align: top;
}

#logo_bandeau {
    display: inline-block;
    margin-left: 5.5%;
    margin-top: 1%;
}

#encart_bandeau {
    margin-top: 20px;
    margin-left: 2px;
    display: inline-block;
    vertical-align: top;
}

#infos_certifications {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#infos_asca {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

#infos_ffper {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    margin-top: 3px;
    /*-5px;*/
}

#infos_afnor {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

#identification {
    margin-top: 5px;
    margin-bottom: 4px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    width: 385px;
    font-size: 14px;
}

#identification_compte a:hover {
    text-decoration: underline;
}

#identification_compte img {
    display: inline-block;
    vertical-align: middle;
}

#identification_compte {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

#identification_compte img:hover {
    opacity: 0.8;
}


/* Menu d�roulant pour le compte client */

#menu-accordeon {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#menu-accordeon ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    position: absolute;
    right: -110px;
    top: 30px;
    z-index: 1;
}

#menu-accordeon li {
    color: #693374;
}

#menu-accordeon li li {
    max-height: 0;
    overflow: hidden;
    transition: all .5s;
    border-radius: 0;
    background-color: #693374;
    margin: 0;
    width: 210px;
    /*110px;*/
}

#menu-accordeon a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 8px 5px;
    font-family: Source Sans Pro, sans-serif;
    font-size: 1.2em;
}

#menu-accordeon ul li a,
#menu-accordeon li:hover li a {
    font-size: 1em;
    text-decoration: none;
}

#menu-accordeon li:hover {
    /*background: #729EBF;*/
}

#menu-accordeon li li:hover {
    background: #a779b0;
    /*#693374;*/
    /*#5A5B5A;*/
    /*#999;*/
    color: white;
    text-decoration: none;
}

#menu-accordeon li li a:hover {
    color: white;
}

#menu-accordeon ul li:last-child {
    /*border-radius: 0 0 6px 6px;*/
    border: none;
    text-decoration: none;
}

#menu-accordeon li:hover li {
    max-height: 15em;
}

#panier_client {
    margin-left: 0px;
    display: table-cell;
    /*inline-block;*/
    vertical-align: top;
    /*middle;*/
}

#panier_client img {
    display: inline-block;
    vertical-align: middle;
}

#panier_client img:hover {
    opacity: 0.8;
}

#panier_client a:hover {
    text-decoration: none;
}

.badge-cpt {
    width: 25px;
    background: #d58d1c;
    height: 25px;
    text-align: center;
    border-radius: 25px;
    color: white;
    line-height: 25px;
    display: inline-block;
    margin-left: -15px;
    font-size: 12px;
    margin-top: -5px;
    vertical-align: top;
}

.badge-cpt:hover {
    opacity: 0.8;
}


/*****Icone deconnexion****/

.icone-deconnexion {
    display: inline-block;
    vertical-align: middle;
    width: 17%;
}

.span-deconnexion {
    display: inline-block;
    vertical-align: middle;
}


/*****Fin Icone deconnexion****/


/* Fin menu d�roulant Compte Client */

#prix_total_panier {
    display: inline-block;
    color: #693374;
}

#qtite_total_panier {
    display: none;
    /*color:#693374;*/
}

#recherche {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.recherche_desktop {
    display: table-cell;
    vertical-align: top;
}


/************************************************************************/


/*							RECHERCHE									*/


/************************************************************************/


/*
#recherche{
	margin: 15px 45px 0 1px;
	float:left;
	font-size:11px;

    height: 60px;
    padding: 5px;

	width: 165px;
	height: 80px;
    border-radius: 5px;
	border : solid;
	border-width: 1px;
	border-color: #FFD700;

} */

#recherche a {
    color: #996600;
}

#recherche_design {
    width: 180px;
    height: 30px;
    background: white;
    border: 1px solid #e0e0e0;
    padding: 0px 0px 0px 0px;
}

#recherche_design .loupe {
    background: url(https://www.myrtea-formations.com/images/loupe.png) no-repeat 0 4px;
    width: 18px;
}

#recherche_design input {
    outline: 0;
    border: 0;
    margin: 0;
}

#recherche_design input[type=text] {
    font: 300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background: none;
    width: 130px;
    /*100px;*/
    padding: 5px 10px 5px 10px;
    color: #666;
}

#cac_recherche {
    margin-top: 10px;
    font-size: 14px;
    color: #693374;
}

.form_recherche {
    color: #996600;
}

.btn_sub_recherche {
    border: 0px;
    color: #996600;
    background: none;
    font-weight: bold;
    font-size: 11px;
}

.btn_sub_recherche:hover {
    cursor: pointer;
}

p.famille_recherche {
    margin: 0px 0px 5px 0px;
    color: #996600;
}

p.famille_recherche span {
    /*padding-left: 3px;
    padding-right: 3px;*/
    color: #996600;
}

#boutique_formations {
    display: inline-block;
    vertical-align: top;
    font-family: Source Sans Pro, sans-serif;
    font-size: 18px;
}

#boutique_formations .boutique_entete {
    display: inline-block;
    vertical-align: middle;
    /*top;*/
    margin-right: 5px;
    font-weight: normal;
}

#boutique_formations .boutique_entete a {
    font-family: Source Sans Pro, sans-serif;
    font-size: 18px;
    /*18px*/
    color: #24246d;
    /*#2FAC66;*/
    font-weight: normal;
}

#boutique_formations .boutique_entete a:hover {
    color: #24246d;
    font-size: 18px;
    font-weight: normal;
}

#boutique_formations .formation_entete {
    display: inline-block;
    vertical-align: middle;
    /*top;*/
    font-weight: normal;
    margin-left: 5px;
    /*width:18%;*/
}

#boutique_formations .formation_entete a {
    font-family: Source Sans Pro, sans-serif;
    font-size: 18px;
    /*18px;*/
    font-weight: normal;
    color: #693374;
    display: inline-block;
    vertical-align: top;
}

#boutique_formations .formation_entete a:hover {
    color: #693374;
    font-size: 18px;
    font-weight: normal;
}

#logo_home {
    display: inline-block;
    vertical-align: middle;
    color: #693374;
}

#logo_home a:hover {
    opacity: 0.8;
}

a img {
    border: 0px;
}


/*
#boutique_formations{
	padding-top:50px;
	font-family: Source Sans Pro,sans-serif;
	font-size:18px;
	color:white;
}
#boutique_formations .boutique_entete{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
        font-weight:normal;
}
#boutique_formations .boutique_entete a {
	font-family: Source Sans Pro,sans-serif;
	font-size:18px;
	color:white;
        font-weight:normal;
}

#boutique_formations .boutique_entete a:hover{
	color:#2FAC66;
	font-size:18px;
        font-weight:normal;
}

#boutique_formations .formation_entete{
	display:inline-block;
	vertical-align:middle;
        font-weight:normal;
	margin-left:5px;

}
#boutique_formations .formation_entete a {
	font-family: Source Sans Pro,sans-serif;
	font-size:18px;
        font-weight:normal;
	color:white;
	display:inline-block;
	vertical-align:top;
}

#boutique_formations .formation_entete a:hover{
	color:#693374;
	font-size:18px;
        font-weight:normal;
}
#boutique_formations .formation_entete img{
	width:100%;
}

#logo_home{
	width: 5%;
	display:inline-block;
	vertical-align:middle;
}
#logo_home a:hover{
    opacity:0.8;
}
a img{
	border:0px;
} */

.clear {
    clear: both;
    height: 15px;
}

.left {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.right {
    float: right;
}

.non_disp {
    margin-left: auto;
    color: #E7395D;
    margin-top: 10px;
}

.disp {
    text-align: center;
    margin-left: auto;
    text-transform: uppercase;
    color: #00CC00;
    margin-left: 10px;
    margin-top: 10px;
}

.apartirde {
    text-align: center;
    margin-left: auto;
    text-transform: uppercase;
    color: #FFCC00;
    margin-left: 10px;
    margin-top: 10px;
}

.texte_statique {
    clear: both;
    height: 15px;
    text-align: justify;
    padding: 10px;
    margin-bottom: 20px;
}

.quick_msg {
    margin: 20px;
}

a.quick_link {
    /*color:#935D9B;*/
    color: #5F4680;
}

a:hover.quick_link {
    text-decoration: underline;
}

.hr_jaune {
    /*margin: -0.5em 0 0 0;*/
    margin-left: 30px;
    width: 40px;
    border-color: #e8d085;
    border-style: solid;
    border-width: thin;
    height: 1px;
    /*border:0px;
	line-height: 1px;
	font-size:1px;*/
}

.retour {
    float: right;
    font-style: italic;
    margin-right: 50px;
}

.retour a {
    color: #666666;
    font-weight: normal;
}

.retour a:hover {
    text-decoration: underline;
}


/*********************** bandeau haut *******************/

#bandeau_haut {
    width: 958px;
    height: 126px;
    /*border-bottom-color:#008e4a;
	border-bottom-style:solid;
	border-bottom-width:1px;*/
}

#logo {
    background: url(../images/oshadhi-la-purete-essentielle.png);
    background-repeat: no-repeat;
    float: left;
    width: 225px;
    height: 126px;
}


/* ancien nom de cette div : #logo_1 . Ce nom apportait un conflit puisqu'il �tait �galement
utilis� dans le "calcul" du placement des pictogrammes de risques (selon le nombre qui doit �tre indiqu� dans la div
risques) --- modif par Charlene */

#logo_myrteaFormation {
    background: url(../images/logo-myrtea-la-formation.png);
    background-repeat: no-repeat;
    float: left;
    width: 225px;
    height: 126px;
}

#bandeau_haut_droite {
    width: 733px;
    height: 126px;
    float: left;
}

#espace_bandeau {
    width: 733px;
    height: 60px;
}

#bandeau {
    /*background:url(../images/bandeau.jpg);
	background-repeat:no-repeat;*/
    float: left;
    width: 733px;
    height: 66px;
    /*border-top-color:#008e4a;
	border-top-style:solid;
	border-top-width:1px;*/
}


/* rajout Lionel modifs design */

.enTete_photo {
    display: none;
    /*height: 216px;
	top : 0px;
	left : 0px;	*/
}

.enTete_corps {
    height: 216px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
}

.pasLa {
    display: none;
}


/* fin modifs design */


/**************************** menu haut ****************************/

#global_qualite_energetique {
    font-family: Arial, Helvetica, sans-serif;
}

.menu_haut {
    width: 958px;
    height: 90px;
    /*font-family:"Trebuchet MS", Tahoma;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    z-index: 1000;
}

.menu_haut a {
    text-decoration: none;
}

.menu_haut a:hover {
    text-decoration: underline;
}

.menu_haut .rouge {
    color: #b03a4a;
}

.menu_haut .jaune {
    color: #07419F;
}

.menu_haut .bleu {
    color: #3f86c7;
}

.menu_haut .violet {
    color: #9556a2;
}

.menu_haut .vert {
    color: #008e4a;
}

.rose {
    color: #e7395d;
}

.menu_haut #menu_accueil {
    margin-left: -15px;
    /* modif design lionel */
    margin-top: 15px;
    float: left;
    padding-left: 10px;
}

.menu_haut #menu_boutique_myrtea {
    /*margin-left:25px;*/
    /* modif design lionel */
    margin-top: 15px;
    float: left;
    padding-left: 25px;
}

.menu_haut #menu_tout_savoir {
    /*margin-left:25px;*/
    /* modif design lionel */
    margin-top: 15px;
    float: left;
    padding-left: 25px;
}

.menu_haut #menu_stages {
    /*margin-left:25px;*/
    /* modif design lionel */
    margin-top: 15px;
    float: left;
    padding-left: 25px;
}

.menu_haut #menu_compte {
    /*margin-left:25px;*/
    /* modif design lionel */
    margin-top: 15px;
    float: left;
    padding-left: 25px;
}


/**************************** contenu principal******************************/

#contenu {
    width: 100%;
    /*min-height: 90%;*/
    /*position:relative;*/
    /*	background-color: rgba(240,240,240,.7);*/
    /*        background-color:#f6f5ee;*/
    /*background: url(../images/arbre_oshadhi.jpg) no-repeat center 50px;*/
}

#fleur_gauche {
    width: 180px;
    /*height:575px;*/
    float: left;
    /*background-image:url(../images/fleur_gauche.jpg);*/
}

#fleur_gauche2 {
    width: 180px;
    /*height:575px;*/
    float: left;
    /*background-image:url(../images/fleur_gauche.jpg);*/
}

#contenu_principal {
    width: 100%;
    min-height: 100%;
    position: relative;
    float: left;
    display: block;
    padding-right: 0px;
    padding-top: 0px;
    text-align: center;
}

#fleur_droite {
    width: 175px;
    height: auto;
    margin-bottom: 15px;
    margin-left: 31px;
    /*margin-left: 180px;*/
    float: left;
    display: block;
    /*background-image:url(../images/fleur_droite.jpg);
	background-color: #fefcfd;
	background-position:bottom;
	background-repeat:repeat;*/
    border-radius: 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}


/*#papier_peint_jody
{
    width: 175px;
    height: 50px;
    background-color: #fefcfd;
}*/


/****************************bas de page ****************************/

.tout_bas {
    width: 70%;
    margin-top: 1%;
    /*margin-top:5px;*/
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 18px;
    overflow: auto;
    /*background-color: #fefcfd;*/
    display: inline-block;
    vertical-align: top;
}

.logo_et {
    /*
	width:135px;
	float:left;
	margin-left:30px; */
    display: inline-block;
    width: 130px;
}

.logo_et img {
    padding: 5px;
    background-color: white;
}

.txt_baseline {
    width: 600px;
    text-align: center;
    padding-top: 5px;
    float: right;
    font-size: 90%;
    opacity: 0.65;
    display: inline-block;
}

.txt_baseline a {
    color: #e7395d;
}

.txt_baseline a:hover {
    border-bottom: 1px dotted #e7395d;
}

.txt_baseline2 {
    width: 800px;
    text-align: center;
    padding-top: 5px;
    font-size: 90%;
    opacity: 0.65;
}

.txt_baseline2 a {
    color: #e7395d;
}

.txt_baseline2 a:hover {
    border-bottom: 1px dotted #e7395d;
}

#bas_page {
    display: block;
    width: 958px;
    height: 50px;
    background-image: url(../images/bas_page.jpg);
    clear: both;
    margin-top: 20px;
}

#bas_page2 {
    display: block;
    /*width:958px;*/
    width: 100%;
    /*width:900px;*/
    height: 30%;
    /*background-image:url(../images/bas_page.jpg);*/
    clear: both;
    /*margin-top:20px;*/
    /*background-color: #fefcfd;*/
    /*background-image:url(../images/couleur_vert.jpg);*/
}

#menu_bas {
    display: block;
    border-top-color: #039;
    border-top-style: solid;
    border-top-width: 1px;
    /*background-color:#f8dfbe;*/
    width: 100%;
    height: 50px;
    /*margin-left:78px;*/
    text-align: center;
}

#menu_bas ul {
    margin-top: 5px;
    /*5px;*/
    text-align: center;
}

#menu_bas li {
    display: inline;
    margin-top: 5px;
    list-style: none;
    /*color:#039;*/
    font-size: 11px;
    /*font-weight:bold;*/
    border-right: 1px #039 solid;
    background-color: #b7e0e3;
    /*#a9d9f0;*/
    padding-left: 0.5px;
    padding-right: 0.5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

#menu_bas li:last-child {
    border-right-style: none;
}

#menu_bas li a {
    color: #039;
    margin-left: 10px;
    margin-right: 10px;
}

#menu_bas li a:hover {
    /*color:#000000;*/
    text-decoration: none;
    color: #ffffff;
    background-color: #142c56;
}

#menu_bas li:hover {
    color: #ffffff;
    background-color: #142c56;
}

#carte {
    float: left;
    background: url(../images/carte.jpg);
    background-repeat: no-repeat;
}

.tab_dde_devis {
    text-align: left;
}


/**************************contenu *************************************/


/* modifié par Myrtea*/

.titre_rubrique {
    clear: both;
    color: #5F4680;
    font-family: Source Sans Pro, sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin-top: 15px;
}

.titre_paragraphe {
    background-image: url(../images/puce_fleur.jpg);
    background-repeat: no-repeat;
    padding-left: 35px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    font-size: 18px;
}

.titre_paragraphe .premiere_lettre {
    color: #e8a537;
    font-size: 24px;
}


/************************Tout savoir***********************************/

#global_savoir {
    width: 580px;
    display: block;
}

.texte_tout_savoir {
    float: left;
    width: 383px;
    margin-right: 30px;
}

.img_tout_savoir {
    background: url(../images/img_historique.jpg);
    background-repeat: no-repeat;
    /*float:right;*/
    width: 163px;
    height: 164px;
    margin-top: 15px;
}

.img_oshadhi {
    background: url(../images/oshadhi.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 110px;
}

.img_purete {
    background: url(../images/purete.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 100px;
}


/* modif lio 24/09/2013 */

.img_banniere_etw {
    background: url(../images/Baniere-Amma.jpg);
    background-repeat: no-repeat;
    width: 301px;
    height: 198px;
    margin-top: 142px;
    margin-left: -160px;
}

#embracing_title {
    margin-left: -30px;
    font-style: italic;
}

.embracing_the_world {
    width: 230px;
}

div.txt_prod h1.titre_rubrique_stage {
    font-size: 1.2em;
}


/* fin modif lio 24/09/2013 */

.img_time {
    background: url(../images/time.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_stages {
    background: url(../images/stages.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 500px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_inihe {
    background: url(../images/inihe.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_iniaroma {
    background: url(../images/iniaroma.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_iniaroma2 {
    background: url(../images/iniaroma2.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_aromazen {
    background: url(../images/aromazen.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_inimassage {
    background: url(../images/inimassage.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_massageayur {
    background: url(../images/massageayur.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_aromabeaute {
    background: url(../images/aromabeaute.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_creaparfum {
    background: url(../images/creaparfum.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_iniolfa {
    background: url(../images/iniolfa.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 150px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_olfacrea {
    background: url(../images/olfacrea.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 150px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_aromaener {
    background: url(../images/aromaener.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 150px;
    margin-top: 20px;
}


/* Ajouté par Myrtea */

.img_aromamarti {
    background: url(../images/aromamarti.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 150px;
    margin-top: 20px;
}

.img_tout_savoir_valeurs {
    background: url(../images/img_valeurs.jpg);
    background-repeat: no-repeat;
    float: right;
    width: 136px;
    height: 136px;
    margin-top: 7px;
}

.historique {
    clear: both;
}

.valeurs {
    clear: both;
}


/*************************************************************************/


/*						ACCUEIL											*/


/*************************************************************************/

.texte_accueil_catalogue_produit {
    color: #8e4e9f;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.texte_accueil_catalogue_produit a {
    color: #8e4e9f;
    font-weight: bold;
    /*normal*/
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}


/*.texte_accueil_catalogue_produit a:hover{
	color:#bbbbbb;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	text-decoration:underline;
}*/

.texte_accueil_actualites {
    color: #8e4e9f;
    font-weight: bold;
    font-size: 11px;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}

.texte_accueil_actualites a {
    color: #8e4e9f;
    font-weight: bold;
    font-size: 12px;
    text-align: justify;
    text-decoration: none;
}

.texte_accueil_actualites a:hover {
    color: #8e4e9f;
    font-weight: bold;
    font-size: 12px;
    text-align: justify;
    text-decoration: underline;
}

a.page_revendeurs {
    color: #8e4e9f;
    font-weight: bold;
    text-decoration: none;
}

a.page_revendeurs:hover {
    color: #8e4e9f;
    font-weight: bold;
    text-decoration: underline;
}

#nav_catalogue {
    display: inline;
}

.pictos {
    /*width:82px;*/
    width: 110px;
    height: 130px;
    float: left;
}

div.pictos a.he {
    color: #ef7c00;
}

div.pictos a.ha {
    color: #ea5a0b;
}

div.pictos a.hv {
    color: #e64010;
}

div.pictos a.soins_corps {
    color: #e30513;
}

div.pictos a.soins_visage {
    color: #c51617;
}

div.pictos a.cosmetiques {
    color: #e40134;
}

div.pictos a.rollon {
    color: #b70d7f;
}

div.pictos a.parfums_naturels {
    color: #792182;
}

div.pictos a.parfums_ambiance {
    color: #4e55a1;
}

div.pictos a.diffuseurs {
    color: #159eda;
}

div.pictos a.livres {
    color: #129a7d;
}

div.pictos a.accessoires {
    color: #007032;
}

div.pictos a.pictos_liens:hover {
    color: #777;
}


/***************** rajout Lionel 10/2103 -- pour passer les titres des actus dans l'acceuil en h2 *****/

h2#titre_a_la_une {
    font-size: 1em;
}

h2#titre_dossier {
    font-size: 1em;
}

div#global_nous_contacter h2.titre_rubrique_stage {
    font-size: 1.2em;
}

div#mention_legal h2 {
    font-size: 1.2em;
}

div#mention_legal h3 {
    font-size: 1em;
}

div#global_qualite_production h2 {
    font-size: 1.2em;
}


/*************************************************************************/


/*						ACCUEIL	-- Menu haut										*/


/*************************************************************************/

#trait {
    border-top: 1px solid;
    color: #24246d;
}

#trait_catalogue {
    border-top: 1px solid;
    color: #5F4680;
}

#trait_decoration {
    border-top: 1px solid;
    color: #5F4680;
    width: 50px;
}

#txt_decoration {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    color: #5F4680;
    font-weight: bold;
    margin-bottom: 10px;
}

#etape_commande {
    width: 25px;
    background: #693374;
    height: 25px;
    text-align: center;
    border-radius: 25px;
    color: white;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

#etape_commande_en_cours {
    width: 28px;
    background: #693374;
    height: 28px;
    text-align: center;
    border-radius: 28px;
    color: white;
    line-height: 28px;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    font-weight: bold;
}

a.etape_commande_en_cours {
    font-weight: bold;
    color: #693374;
}

span.etape_cde {
    color: #693374;
}

span.etape_cde_en_cours {
    color: #693374;
    font-weight: bold;
}

#menu_haut ul {
    /*display:table;width:500px;
padding:0;margin:100px auto;*/
    margin-left: 10px;
    font: 1.1em sans-serif;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 5px 10px rgba(0, 0, 0, .25), 0 20px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 5px 10px rgba(0, 0, 0, .25), 0 20px 20px rgba(0, 0, 0, .15);
}

#menu_haut ul li {
    /*display:table-cell;*/
    /*background:dodgerblue;
background:-webkit-linear-gradient(deepskyblue,dodgerblue);
background:   -moz-linear-gradient(deepskyblue,dodgerblue);
background:    -ms-linear-gradient(deepskyblue,dodgerblue);
background:     -o-linear-gradient(deepskyblue,dodgerblue);
background:        linear-gradient(deepskyblue,dodgerblue);*/
}

#menu_haut ul li:first-child,
#menu_haut ul li:first-child a {
    border-radius: 10px 0 0 0px;
}

#menu_haut ul li:last-child,
#menu_haut ul li:last-child a {
    border-radius: 0 10px 10px 0;
}

#menu_haut ul li a {
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    padding: 8px 15px 17px 15px;
    /*color:#003399;*/
    font-weight: bold;
    /*color: rgba(0,0,0,.7);*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.7) inset,
            0 -1px 0 hsl(210,100%,32%) inset,
            0 -2px 0 hsl(210,100%,38%) inset,
            0 -3px 0 hsl(210,100%,44%) inset,
            0 -4px 0 hsl(210,100%,50%) inset,
            0 -5px 0 hsl(210,100%,60%) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.7) inset,
            0 -1px 0 hsl(210,100%,32%) inset,
            0 -2px 0 hsl(210,100%,38%) inset,
            0 -3px 0 hsl(210,100%,44%) inset,
            0 -4px 0 hsl(210,100%,50%) inset,
            0 -5px 0 hsl(210,100%,60%) inset;*/
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -ms-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}

.menu_haut .rouge {
    color: #b03a4a;
    /* F7230C*/
}

.menu_haut ul li a.jaune {
    color: #07419F;
}

.menu_haut ul li a.bleu {
    color: #3f86c7;
}

.menu_haut ul li a.violet {
    color: #9556a2;
}

.menu_haut ul li a.vert {
    color: #008e4a;
}


/*#menu_haut ul li a:hover,
#menu_haut ul li a:focus{
background:#51c3fa;
background: rgba(163,187,129,.5);

font-weight: bold;

padding:17px 30px 17px 30px;

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.7) inset,
            0 -1px 0 hsl(210,100%,42%) inset,
            0 -2px 0 hsl(210,100%,48%) inset,
            0 -3px 0 hsl(210,100%,54%) inset,
            0 -4px 0 hsl(210,100%,60%) inset,
            0 -5px 0 hsl(210,100%,70%) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.7) inset,
            0 -1px 0 hsl(210,100%,42%) inset,
            0 -2px 0 hsl(210,100%,48%) inset,
            0 -3px 0 hsl(210,100%,54%) inset,
            0 -4px 0 hsl(210,100%,60%) inset,
            0 -5px 0 hsl(210,100%,70%) inset;
-webkit-transition: all .3s 0s;
   -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
     -o-transition: all .3s 0s;
        transition: all .3s 0s;
}*/

#menu_haut ul li a.rouge:hover,
#menu_haut ul li a.rouge:focus {
    background: #51c3fa;
    background: rgba(247, 35, 12, .2);
    /*rgba(176,58,74,.2) #b03a4a*/
    color: black;
    font-weight: bold;
    padding: 17px 30px 17px 30px;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}

#menu_haut ul li a.jaune:hover,
#menu_haut ul li a.jaune:focus {
    background: #51c3fa;
    background: rgba(255, 255, 107, .4);
    /*#FFFF6B*/
    color: black;
    font-weight: bold;
    padding: 17px 30px 17px 30px;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}

#menu_haut ul li a.bleu:hover,
#menu_haut ul li a.bleu:focus {
    background: #51c3fa;
    background: rgba(63, 134, 199, .2);
    /*#3f86c7*/
    color: black;
    font-weight: bold;
    padding: 17px 30px 17px 30px;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}

#menu_haut ul li a.violet:hover,
#menu_haut ul li a.violet:focus {
    background: #51c3fa;
    background: rgba(149, 86, 162, .2);
    /*#9556a2*/
    color: black;
    font-weight: bold;
    padding: 17px 30px 17px 30px;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}

#menu_haut ul li a.vert:hover,
#menu_haut ul li a.vert:focus {
    background: #51c3fa;
    background: rgba(0, 142, 74, .2);
    /*#008e4a*/
    color: black;
    font-weight: bold;
    padding: 17px 30px 17px 30px;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s;
}

#menu_haut ul li a:active {
    background: #09c;
    background: rgba(0, 0, 0, .15);
    background: -webkit-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: -moz-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: -ms-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: -o-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, .3) inset;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#menu_haut ul li a::before {
    content: '';
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 9px;
}

#menu_haut ul li a.actif::before {
    background: #de3355;
    /*orange fonc� : e6883a; orange clair: ffc40d*/
}


/*#menu_haut ul li a:hover::before{
background:white;
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.4);
box-shadow:0 -1px 0 rgba(0,0,0,.4);
}*/

#menu_haut ul li a.rouge:hover::before {
    background: #b03a4a;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}

#menu_haut ul li a.jaune:hover::before {
    background: #ffff66;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    /*box-shadow:0 -1px 0 rgba(0,0,0,.4);*/
}

#menu_haut ul li a.bleu:hover::before {
    background: #3f86c7;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}

#menu_haut ul li a.violet:hover::before {
    background: #9556a2;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}

#menu_haut ul li a.vert:hover::before {
    background: #008e4a;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}


/*************************************************************************/


/*						ACCUEIL	-- Accord�on et menus										*/


/*************************************************************************/

div.menuwrapper li a {
    font-weight: normal;
}

li a.en-tete {
    font-size: 1.15em;
}

ul.sousMenu li {
    padding: 5px 0 5px 5px;
}

ul.menuwrapper ul.sousMenu {
    margin-left: 10px;
    /*    background-color: rgba(253, 244, 236, 0.8);*/
}

ul#menu_dtl {
    margin-left: 0;
}

ul#menu_dtl li a {
    text-align: center;
    margin-left: -10px;
    font-size: 1.1em;
}


/* item sp�cifique dans le menu formation */

a.rubrique div.texte_calendrier {
    color: #003399;
    display: block;
}

a.rubrique div.texte_calendrier:hover {
    color: #B82010;
}

a.rubrique div.texte_calendrier:hover:first-letter {
    color: #003399;
    font-size: 15px;
    font-weight: bold;
}

a.rubrique div.texte_calendrier:first-letter {
    color: #B82010;
    font-size: 15px;
    font-weight: bold;
}


/**************************************************************************************************************/


/*a la une*/


/*certificat aromatologue*/

#accueil_certificat_aromatologue {
    width: 100%;
    background: white none repeat scroll 0% 0%;
    padding: 15px 150px;
    min-height: 10%;
    /*font-size: 13px;*/
    box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.35) inset;
    box-sizing: border-box;
}

#accueil_certificat_aromatologue .titre_rubrique {
    color: #5F4680;
}

/*#accueil_certificat_aromatologue .titre_rubrique a {
    color: #5F4680;
}

#accueil_certificat_aromatologue .titre_rubrique a:hover {
    color: #693374;
}*/

#texte_aromato_accueil {
    font-family: Source Sans Pro, sans-serif;
    /*font-size: 13px;*/
    font-weight: normal;
    margin-bottom: 12px;
    text-align: justify;
}

#lien-cycle {
    text-align: justify, center;
    font-weight: normal;
    /*font-size: 14px;*/
    margin-bottom: 20px;
}

#accueil_certificat_reflexologue {
    /*padding-left:50px;
	padding-right:50px;*/
    /*padding-left:50px;
	padding-right:50px;
	padding-top:15px;
	padding-bottom:15px;*/
    padding: 15px 150px;
    /*100px;*/
    background-color: white;
    /*#E5E5E5;*/
    width: 100%;
    min-height: 10%;
    font-size: 13px;
    box-shadow: 0px 13px 13px -10px rgba(0, 0, 0, 0.35) inset;
    box-sizing: border-box;
    /*box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.35) inset;
	box-sizing: border-box;*/
}

#accueil_certificat_reflexologue .titre_rubrique a {
    /*color:#9556a2;*/
    color: #5F4680;
    /*border-bottom-color:#9556a2;*/
}

#accueil_certificat_reflexologue .titre_rubrique {
    /*color:#9556a2;*/
    color: #5F4680;
    /*border-bottom-color:#9556a2;*/
}

#accueil_certificat_reflexologue .titre_rubrique a:hover {
    /*color:#9556a2;*/
    color: #693374;
    /*border-bottom-color:#9556a2;*/
}

#texte_reflexo_accueil {
    font-family: Source Sans Pro, sans-serif;
    /*font-size: 13px;*/
    font-weight: normal;
    margin-bottom: 12px;
    text-align: justify;
}

#accueil_boutique {
    padding: 15px 150px;
    /*100px;*/
    background: white
        /*#E5E5E5*/
        none repeat scroll 0% 0%;
    width: 100%;
    min-height: 10%;
    box-sizing: border-box;
}

#accueil_boutique .titre_rubrique {
    /*color:#9556a2;*/
    color: black;
    /*border-bottom-color:#9556a2;*/
}

#accueil_boutique .titre_rubrique a {
    /*color:#9556a2;*/
    color: #24246d;
    /*border-bottom-color:#9556a2;*/
}

#accueil_boutique .titre_rubrique a:hover {
    /*color:#9556a2;*/
    color: #693374;
    /*border-bottom-color:#9556a2;*/
}

#texte_boutique_accueil {
    font-weight: normal;
    margin-bottom: 12px;
    text-align: center;
}

#accueil_avis_clients {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: white none repeat scroll 0% 0%;
    width: 100%;
    min-height: 10%;
    box-sizing: border-box;
}

#accueil_avis_clients .titre_rubrique {
    /*color:#9556a2;*/
    color: black;
    /*border-bottom-color:#9556a2;*/
}

#accueil_avis_clients .titre_rubrique a {
    /*color:#9556a2;*/
    color: #5F4680;
    /*border-bottom-color:#9556a2;*/
}

#accueil_avis_clients .titre_rubrique a:hover {
    /*color:#9556a2;*/
    color: #693374;
    /*border-bottom-color:#9556a2;*/
}

#a_la_une {
    float: left;
    width: 137px;
    height: 130px;
    margin-right: 24px;
}

#a_la_une #contenu_a_la_une {
    background: url(../images/img_a_la_une.jpg);
    background-repeat: no-repeat;
    background-position: left;
    width: 137px;
    height: 110px;
    margin-top: 3px;
    margin-left: 10px;
    cursor: pointer;
}

#a_la_une #contenu_a_la_une #titre_a_la_une {
    text-align: left;
    color: #9556a2;
    padding-top: 73px;
    padding-left: 50px;
}

#a_la_une .titre_rubrique {
    color: #9556a2;
    border-bottom-color: #9556a2;
}

#accueil_form_myrtea {
    /*width: 500px;*/
    width: 750px;
}

#accueil_form_myrtea h1 {
    font-size: 16px;
    border-bottom: 1px solid #9556a2;
}

#accueil_form_myrtea p {
    float: left;
    width: 600px;
    font-weight: normal;
}

#accueil_form_myrtea a img {
    float: right;
    margin-top: -10px;
}

#stages {
    float: left;
    width: 167px;
    height: 130px;
    margin-right: 23px;
}

#stages #contenu_stages {
    background: url(../images/stages/Logo_Formation_2012.png);
    background-repeat: no-repeat;
    /*background-position:left;*/
    width: 137px;
    height: 110px;
    margin-top: 3px;
    cursor: pointer;
    margin-left: 20px;
}

#stages #contenu_stages #titre_stages {
    text-align: left;
    color: #b03a4a;
    padding-top: 63px;
}

#stages .titre_rubrique {
    color: #b03a4a;
    border-bottom-color: #b03a4a;
}

#dossier {
    float: left;
    width: 147px;
    height: 130px;
}

#dossier .titre_rubrique {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    border-bottom-color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

#dossier #contenu_dossier {
    background: url(../images/dossier_mois.jpg);
    background-repeat: no-repeat;
    width: 137px;
    height: 110px;
    margin-top: 3px;
    cursor: pointer;
    margin-left: 15px;
}

#dossier #contenu_dossier #titre_dossier {
    text-align: left;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    padding-top: 73px;
    padding-left: 50px;
}


/*actus*/

#accueil_actus {
    /*padding-left:50px;
	padding-right:50px;*/
    /*padding-left:15px;
	padding-right:15px;*/
}

#accueil_actus .titre_rubrique {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    border-bottom-color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

#photo_actus {
    float: left;
}

#titre_actus {
    float: left;
    clear: right;
    padding-left: 15px;
    font-size: 18px;
    color: #008e49;
    width: 200px;
    text-align: left;
}

#intro_actus {
    clear: both;
    font-size: 11px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}


/************************************************************************/


/*		PAGINATION A LA UNE + 	TABLEAU A LA UNE								*/


/************************************************************************/

#content_alaune .tbl_catalogue {
    background-color: #fdf4ec;
    /*margin-top:2px;*/
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
    width: 578px;
    /*margin-left: 5px;*/
}

#content_alaune .tbl_catalogue .contenu_info {
    font-weight: normal;
    font-size: 0.9em;
    width: 320px;
    float: left;
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
}


/*style des titres des page alaune*/

#content_alaune h1.titre_rubrique a,
#content_alaune h1.titre_rubrique a:visited {
    font-size: 16px;
    color: #003399;
    clear: both;
}

#content_alaune h1.titre_rubrique a:hover {
    font-size: 16px;
    color: #B82010;
}


/* titres de la page d'accueil alaune */

div.affichage_accueil_alaune h1 {
    font-size: 1.4em;
    margin: 10px 0 10px 0;
    text-align: center;
}

div.affichage_accueil_alaune h1 a {
    color: #B82010;
}


/* div d'affichage des 10 r�sultats de la page d'accueil alaune*/

div.affichage_accueil_alaune {
    width: 578px;
    max-height: 300px;
    overflow: hidden;
    box-shadow: -1px 2px 5px 1px rgba(184, 32, 16, 0.4);
    margin: 10px auto 10px auto;
    position: relative;
    background-color: rgba(149, 86, 162, .05);
}

div.affichage_accueil_alaune_boutique {
    width: 578px;
    max-height: 300px;
    overflow: hidden;
    /*box-shadow: -1px 2px 5px 1px rgba(184, 32, 16, 0.4);*/
    margin: 10px auto 10px auto;
    position: relative;
    background-color: rgba(149, 86, 162, .05);
}

div.affichage_accueil_alaune p.etc {
    float: right;
    font-size: 2em;
    margin-right: 50px;
}

#content_alaune p.clearBoth {
    clear: both;
}

#content_alaune p.lienGeneral {
    margin-right: 10px;
    margin-bottom: 5px;
    float: right;
}

#content_alaune p.lienGeneral a,
#content_alaune p.lienGeneral a:hover,
#content_alaune p.lienGeneral a:visited {
    color: black;
}

#content_alaune p.lienGeneral a:hover {
    text-decoration: underline;
}

#content_alaune p.avertissement {
    margin-right: 10px;
    color: #B82010;
    font-size: 0.8em;
    float: right;
}


/* mise en forme pagination alaune */

.pagination {
    font: 12px Arial, Helvetica, sans-serif;
    margin: 40px auto 0 auto;
    text-align: center;
}

div.pagination a {
    background: #fff;
    border: 1px solid #06c;
    color: #06c;
    margin: 2px;
    padding: .2em .4em;
    text-decoration: none;
}

div.pagination a:hover {
    background: #fff;
    border: 1px solid #CF5300;
    /*could be good : 996699*/
    color: #CF5300;
    /*could be good : 996699*/
}

.pagination span.inactive {
    background: #fff;
    border: 1px solid #f0f0ff;
    color: #f0f0ff;
    margin: 2px;
    padding: .2em .4em
}

.pagination span.active {
    background: #f4ebff;
    border: 1px solid #bd88fe;
    color: #bd88fe;
    font-weight: 700;
    margin: 2px;
    padding: .2em .4em
}


/* fin pagination */

#results {
    margin-left: 90px;
    list-style-type: circle
}


/************************************************************************/


/*		TABLEAU CATALOGUE modifs							*/


/************************************************************************/

#content_catalogue .tbl_catalogue {
    background-color: #fdf4ec;
    /*margin-top:2px;*/
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
    width: 578px;
    /*margin-left: 5px;*/
}

#content_catalogue .tbl_catalogue .contenu_info {
    font-weight: normal;
    font-size: 0.9em;
    width: 320px;
    float: left;
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
}


/*style des titres des page alaune*/

#content_catalogue h1.titre_rubrique a,
#content_alaune h1.titre_rubrique a:visited {
    font-size: 16px;
    color: #003399;
    clear: both;
}

#content_catalogue h1.titre_rubrique a:hover {
    font-size: 16px;
    color: #B82010;
}


/* titres de la page d'accueil alaune */

div.affichage_accueil_catalogue h1 {
    font-size: 1.4em;
    margin: 10px 0 10px 0;
    text-align: center;
    color: #B82010;
}

div.affichage_accueil_catalogue h1 a,
div.affichage_accueil_catalogue h1 a:visited {
    margin: 10px 0 10px 0;
    text-align: center;
    color: #B82010;
}


/* div d'affichage des 10 r�sultats de la page d'accueil alaune*/

div.affichage_accueil_catalogue {
    width: 578px;
    max-height: 300px;
    overflow: hidden;
    box-shadow: -1px 2px 5px 1px rgba(163, 187, 129, 0.9);
    margin: 10px auto 10px auto;
    position: relative;
    background-color: transparent;
}

div.affichage_accueil_catalogue p.etc {
    float: right;
    font-size: 2em;
    margin-right: 50px;
}

#content_catalogue p.clearBoth {
    clear: both;
}

#content_catalogue p.lienGeneral {
    margin-bottom: 5px;
    margin-right: 10px;
    float: right;
}

#content_catalogue p.lienGeneral a,
#content_catalogue p.lienGeneral a:hover,
#content_catalogue p.lienGeneral a:visited {
    color: black;
}

#content_catalogue p.lienGeneral a:hover {
    text-decoration: underline;
}

#content_catalogue p.avertissement {
    margin-right: 10px;
    color: #B82010;
    font-size: 0.8em;
    float: right;
}

.order_by {
    padding-bottom: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.descriptif_cat {
    margin: 0px 0 25px 0;
    font-size: 13px;
    padding-right: 10px;
    font-weight: normal;
}

.descriptif_cat_gen {
    margin: 0px 0 25px 0;
    font-size: 13px;
    padding-right: 10px;
    padding-left: 7px;
    font-weight: normal;
}


/************************************************************************/


/*						TABLEAU CATALOGUE								*/


/************************************************************************/

form.form_choix_prix {
    width: 80%;
    /*160px;*/
    margin-top: 10px;
}

.tbl_catalogue div.fiche_produit {
    float: left;
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
    width: 50px;
    border-right: 2px solid #fff;
    text-align: center;
}

.tbl_catalogue .fiche_produit a.backG {
    padding-top: 50px;
    /*modif 02/2014*/
    display: block;
    height: 105px;
    /*background:url(../images/en_savoir_plus.gif) no-repeat;*/
    /*modif 02/2014*/
    background-position: center 10px;
    /*modif 02/2014*/
    color: #36B054;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}

.tbl_catalogue div.fiche_produit td {
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
    vertical-align: middle;
}

.tbl_catalogue div.ajout_panier td {
    margin: 0;
    padding: 0;
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
    vertical-align: middle;
}

.tbl_catalogue div.contenu_info td {
    height: 145px;
    /* modif hauteur microfiche Lionel 03/2014 */
    vertical-align: middle;
}

.tbl_catalogue {
    background-color: #fdf4ec;
    /*margin-top:2px;*/
    height: 145px;
    display: inline-block;
    vertical-align: top;
    width: 55%;
}

.tbl_catalogue .contenu_info {
    font-weight: normal;
    font-size: 0.9em;
    width: 354px;
    float: left;
    height: 125px;
}

.tbl_catalogue .contenu_info a {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

.tbl_catalogue .contenu_info p {
    padding: 5px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}


/*Nouvel encart catalogue*/

.tbl_catalogue_droite {
    /*background-color:#fdf4ec;*/
    /*margin-top:2px;*/
    /*height:270px;*/
    /*height:145px;*/
    /*border:solid 1px lightgrey;*/
    display: inline-block;
    vertical-align: top;
    width: 40%;
    /*55%;*/
}

.tbl_catalogue_droite .contenu_info {
    font-weight: normal;
    font-size: 0.9em;
    /*width:354px;*/
    width: 100%;
    float: left;
    /*height:125px;*/
}

.tbl_catalogue_droite .contenu_info a {
    width: 100%;
    color: #693374;
    /*color:#003399;*/
    /* modif Lionel � partir de 3F87C7 */
}

.tbl_catalogue_droite .contenu_info p {
    padding: 5px;
    width: 100%;
    /*color:#003399;*/
    /* modif Lionel � partir de 3F87C7 */
}

.tbl_catalogue_droite div.fiche_produit {
    text-align: center;
    margin-left: auto;
    /*13%;*/
    /*30%;*/
    margin-right: auto;
    /*8%;*/
}

.tbl_catalogue_droite .fiche_produit a.backG {
    padding-top: 50px;
    /*modif 02/2014*/
    display: block;
    height: 105px;
    background-position: center 10px;
    /*modif 02/2014*/
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}

.tbl_catalogue_droite div.fiche_produit td {
    /*height: 145px;*/
    /* modif hauteur microfiche Lionel 03/2014 */
    vertical-align: middle;
    width: 100%;
}

.tbl_catalogue_droite div.ajout_panier td {
    margin: 0;
    padding: 0;
    /*height: 145px;*/
    /* modif hauteur microfiche Lionel 03/2014 */
    vertical-align: middle;
}

.tbl_catalogue_droite div.contenu_info td {
    /*height: 145px;*/
    /* modif hauteur microfiche Lionel 03/2014 */
    vertical-align: middle;
    width: 100%;
}


/* Pour les r�sultats de la recherche */

.tbl_catalogue_central {
    /*background-color:#fdf4ec;*/
    /*margin-top:2px;*/
    height: 20%;
    /*height:145px;*/
    border: solid 1px lightgrey;
    display: inline-block;
    vertical-align: top;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.tbl_catalogue_central .contenu_info {
    font-weight: normal;
    font-size: 0.9em;
    /*width:354px;*/
    width: 100%;
    float: left;
    /*height:125px;*/
}

.tbl_catalogue_central .contenu_info a {
    width: 100%;
    color: #693374;
    /*color:#003399;*/
    /* modif Lionel � partir de 3F87C7 */
}

.tbl_catalogue_central .contenu_info p {
    padding: 5px;
    width: 100%;
    margin-left: 10%;
    margin-right: 10%;
    /*color:#003399;*/
    /* modif Lionel � partir de 3F87C7 */
}

.tbl_catalogue_central div.fiche_produit {
    /*float:left;*/
    /*height:145px;*/
    /* modif hauteur microfiche Lionel 03/2014 */
    width: 55%;
    /*50px;*/
    /*border-right:2px solid #fff;*/
    text-align: center;
    margin-left: 30%;
}

.tbl_catalogue_central .fiche_produit a.backG {
    padding-top: 50px;
    display: block;
    height: 105px;
    background-position: center 10px;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}

.tbl_catalogue_central div.fiche_produit td {
    vertical-align: middle;
    width: 100%;
}

.tbl_catalogue_central div.ajout_panier td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.tbl_catalogue_central div.contenu_info td {
    vertical-align: middle;
    width: 100%;
}

.ajout_panier {
    height: 160px;
    font-size: 15px;
}

.ajout_panier select {
    font-size: 0.8em;
}

input.btn_panier_tbl {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: 3px solid #693374;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

input.btn_panier_tbl[disabled].indispo {
    background: url(../images/indispo.png) no-repeat left center;
    margin: -5px 0 5px 0;
    padding: 0 0 0 20px;
    border-radius: 0;
    box-shadow: none;
}

input.btn_panier_tbl[disabled].rupture {
    background: url(../images/indisponible.gif) no-repeat left center;
    display: block;
    text-align: center;
    padding: 10px 10px 10px 25px;
    margin: 10px 0 0 35px;
}

input.btn_panier_tbl_informer {
    text-align: center;
    background: url(../images/Send-Mail-64.png) no-repeat;
    background-size: 20px 20px;
    background-position: 5% 50%;
    box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.7);
    padding: 3px 3px 3px 20px;
    display: block;
    margin: 5px 0 0 25px;
    color: #36B054;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    width: 120px;
}

input.btn_panier_tbl_ajouter {
    margin-left: 50px;
    width: 150px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: 3px solid #693374;
    color: #FFF;
    margin-top: 10px;
    cursor: pointer;
}

input.btn_panier_tbl_ajouter:hover {
    opacity: 0.8;
}

input.btn_panier_tbl_informer:hover {
    box-shadow: none;
}

input.btn_panier_tbl:hover {
    opacity: 0.8;
}


/*bouton ajouter au panier indisponible */

input.btn_panier_tbl[disabled] {
    background: url(../images/indisponible.gif) no-repeat left center;
    border: 0;
    padding-left: 20px;
    color: #36B054;
    font-size: 9px;
    font-weight: bold;
    max-width: 170px;
    cursor: default;
    border-radius: 0;
    box-shadow: none;
    margin: -10px 0 5px 20px;
}

#fiche_flexslider {
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#fiche_flexslider a {
    /*font-weight:bold;*/
    /*margin-top:15px;*/
}


/********************************* impromptu *************************************/

.jqimessage {
    background-color: #FFF; //#FDF1B8;
}

div.jqimessage #commande p {
    color: #039;
}

div.jqimessage #commande li {
    list-style-type: circle;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 2px 5px 1px rgba(0, 51, 163, 0.4);
    margin-bottom: 20px;
    padding: 10px;
}

div.jqimessage form.demande_partielle input[type="submit"] {
    /*float: right;*/
    display: block;
    margin: 5px auto 5px auto;
    text-align: center;
    color: #36B054;
    font-weight: bold;
    cursor: pointer;
    padding: 7px;
    width: 90px;
    height: 30px;
    background-color: rgba(0, 51, 163, 0.4);
    border-radius: 5px;
    color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.7);
}

div.jqimessage form.demande_partielle input[type="submit"]:hover {
    box-shadow: none;
}


/** fen�tre d'identifiaction dans impromptu ********/

div.jqimessage #monCompte_general {
    width: 570px;
    margin: 30px 0px 15px 10px;
    padding-bottom: 20px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, .25);
    border-radius: 0px 7px 4px 7px;
}

div.jqimessage div.cadre_account {
    height: 380px;
}


/****************************** fin impromptu *************************************/


/* ajout� par Lionel Sept 2013 */

.message_delais {
    color: #666;
    /*margin-top: 5px;*/
    text-align: left;
}

p.reappro {
    border-radius: 5px;
    padding: 2px;
    width: 120px;
    margin: 0 0 0 23px;
    text-align: center;
}


/* fin ajout  Lionel Sept 2013 */

.prod_stock {
    color: #E9395D;
    padding-left: 5px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.gras {
    font-weight: bold;
}

.italique {
    font-style: italic;
}

.catalogue_type {
    color: #0099CC;
}

.catalogue_type a {
    color: #0099CC;
}

.catalogue_type a:hover {
    border-bottom: 1px dotted #0099CC;
}


/***************** rajout Lionel 10/2103 -- pour passer les titres des produits dans les catalogues en h1 *****/

div.liste_logo h1 a.titre_article {
    font-size: 0.5em;
}


/**************************************************************************************************************/


/************************************************************************/


/*						DETAIL PRODUIT									*/


/************************************************************************/

.left_produit {
    /*float:left;*/
    width: 30%;
    /*200px;*/
    height: 500px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.right_produit {
    /*float:right;*/
    width: 80%;
    /*65%;*/
    /*350px;*/
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.photo_detail {
    /*float:left;*/
    width: 100%;
    /*200px;*/
    /*height:321px;*/
    /* modifi� par Lionel pour �viter les collusions entre photos et pdf */
    height: auto;
}

#detail_produit {
    /*margin-left:20px;*/
    margin-bottom: 25px;
    font-weight: normal;
    color: #3f86c7;
    text-align: left;
    /* modifi� par Lionel, pour a�rer entre la zone gauche et la zone droite */
    /*width:560px;*/
}

.titre_produit {
    /**** modif Lionel pour mettre le nom des HE et autres produits en h1 ***/
    /*font-size:18px;*/
    color: #9556a2;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-align: left;
}

.titre_bottanique {
    font-size: 14px;
    color: #9556a2;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.infos_products {
    color: #9556a2;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.infos_products span {
    font-weight: bold;
}

.infos_products p {
    margin-bottom: 10px;
}

.infos_products_detail {
    color: #9556a2;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.attention {
    background-color: #eee;
}

div.right_produit .autre_appelation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 5px 0 5px 0;
    color: #9556a2;
}

div.right_produit .autre_appelation span {
    font-weight: bold;
}

.infos_xn {
    color: #FF6600;
    text-align: left;
    text-transform: none;
}

.infos_xn:hover {
    text-decoration: underline;
}

#risques_xn {
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px;
}

#risques_xn h1 {
    color: #FF3300;
}

#risques_xn p {
    text-align: justify;
}

#risques_xn div {
    text-align: justify;
}

#risques_xn ul {
    padding-left: 50px;
}

#risques_xn ul li {
    text-align: left;
}

.citation_link {
    color: #E7395D;
    cursor: pointer;
}

.nav_prod_associes {
    padding-left: 10px;
}

.nav_prod_associes li {
    display: inline;
}

.nav_prod_associes li a {
    color: #49A0C1;
}


/* modif Lionel pour affichage propre des logos */

.titre_produit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    /*18px;*/
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
}

h1.titre_produit {
    font-weight: bold;
}

.conditionnement {
    width: 80%;
    display: block;
}

.conditionnement_detail_produit {
    width: 100%;
    display: block;
}

#logos_risque {
    margin-top: 20px;
}

#logos_risque img {
    padding: 3px;
}

#risques {
    text-align: center;
}

#phrases_risque {
    padding: 10px;
}

.phrases_risque {
    cursor: pointer;
    color: #003399;
}

.p_risque {
    width: 600px;
}

.intro {
    color: #aaa;
}

#detail_produit div.conditionnement {
    width: 250px;
    /*background-color : #eee;*/
}

#detail_produit div.conditionnement select.select_prix_detail,
#detail_produit div.conditionnement select.select_prix_promo_detail {
    width: 170px;
}


/* fin modif Lionel */


/************************************************************************/


/*                                          Affichage d�lais de livraison
/************************************************************************/

.creer1Compte {
    padding: 10px;
    margin: -5px 10px 10px 10px;
    text-align: left;
    background-color: rgba(163, 187, 129, 0.3);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-weight: bold;
    list-style: circle;
}

div.creer1Compte p a {
    color: #996600;
    text-align: center;
    font-weight: bold;
}

.creer1Compte.delais {
    background-color: #e3ead8;
}


/*.cadre_account
{
    min-height: 230px;
    height: auto;
}*/


/************************************************************************/


/*						POP UP CONDITIONNEMENT							*/


/************************************************************************/

#general_conditionnement {
    position: relative;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    font-weight: bold;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    width: 578px;
    height: 520px;
    background-image: url(../images/mini_fond.jpg);
    background-repeat: no-repeat;
    margin-top: 20px;
    padding-top: 150px;
}

.tbl_conditionnement {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    font-size: 14px;
    /*border-color:#1fa858;
	border-style:solid;
	border-width:1px;*/
}

.tbl_conditionnement .tbl_entete {
    background-color: #015fb1;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
}

.tbl_conditionnement td {
    /*background:#e8f3fd;*/
    line-height: 20px;
}

.btn_selectionner {
    background-image: url(../images/btn_selectionner.jpg);
    background-repeat: no-repeat;
    width: 146px;
    height: 34px;
    margin-left: 300px;
    margin-top: 20px;
}


/************************************************************************/


/*							MENU GAUCHE									*/


/************************************************************************/

.menu_gauche {
    margin-bottom: 5px;
}

.menu_gauche ul,
li {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: left;
    /*center;*/
    /*left;*/
}

.menu_gauche ul {
    margin-bottom: 5px;
}

.menu_gauche ul ul {
    margin-bottom: 0;
}

.menu_gauche a {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    /*height:100%;*/
    display: block;
}

.menu_gauche a:hover {
    /* modif design Lionel*/
    color: #B82010;
}

.menu_gauche a.bas {
    color: #B82010;
    display: block;
}

.menu_gauche a.bas:hover {
    color: #003399;
}

.menu_gauche a.rubrique:hover:first-letter {
    /* modif design Lionel*/
    color: #003399;
    font-size: 15px;
    font-weight: bold;
}

.menu_gauche a.rubrique:first-letter,
.first_letter {
    /*color:#e8a537;*/
    color: #B82010;
    font-size: 15px;
    font-weight: bold;
}

.menu_gauche li,

/* modif design Lionel*/

.mg_menu p {
    padding-right: 5px;
}

.menu_gauche li a.rubrique,

/* modif design Lionel*/

.mg_menu p a.rubrique {
    /*background-color: rgba(149,86,162,.1);*/
    /*orange : rgba(237, 171, 56, 0.2); bleu :  rgba(63,134,199,.1)*/
    padding: 5px;
}


/* modif design Lionel : menu formation trop haut / corps des pages de formation*/

div.menu_gauche div.formation {
    margin-top: 18px;
}


/* fin modif design Lionel*/

ul.sousMenu li a
/* modif design Lionel*/

    {
    padding: 2px 0 2px 10px;
}

.menu_gauche .titre_detail {
    font-size: 14px;
    margin-bottom: 7px;
    text-align: center;
    color: #B82010;
}

.hr_menu_gauche {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    border-color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    border-style: solid;
    border-width: 1px;
    height: 1px;
}

.sousMenu {
    /*display: none;*/
    text-align: left;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 0px;
    padding-left: 0px;
    border: 0;
    text-decoration: none;
}

.sousMenu li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 150px;
    text-decoration: none;
}

.sousMenu li a:link,
.menuDeroulant li a:visited {
    display: block;
    height: 1%;
    margin: 0;
    padding: 0px 0px;
    text-decoration: none;
}

.sousMenu li a:link,
.sousMenu li a:visited {
    display: block;
    margin: 0;
    border: 0;
    text-decoration: none;
}

.sousMenu li a:hover {
    background-image: none;
    text-decoration: underline;
    display: block;
}

.menu_gauche .texte_calendrier {
    display: inline-block;
    vertical-align: middle;
}

.menu_gauche .image_calendrier {
    display: inline-block;
    vertical-align: middle;
}


/**************************************************************************/


/*						RECHERCHE AVANCEE								  */


/**************************************************************************/

#recherche_avancee {
    margin-top: 15px;
    float: left;
    font-size: 11px;
    text-align: left;
}


/************************************************************************/


/*                                               Formations             */


/************************************************************************/

h1.titre_formation {
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    /*border-bottom: 1px solid #00509a;*/
    text-align: left;
    width: 80%;
    /*390px;*/
}

hr.hr_formation {
    background-color: #00509a;
    color: #00509a;
    border-bottom: 1px solid #00509a;
    width: 70%;
    margin-top: -30px;
}

.encart_accueil_form {
    /*box-shadow: -1px 2px 5px 1px rgba(21, 117, 184, 0.6);*/
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid lightgreen;
}

div.encart_accueil_form div.cont {
    padding: 5px;
    overflow: hidden;
}

#global_stages div.encart_accueil_form div .infos_pratiques_stages {
    width: 560px;
    margin: 5px auto 20px auto;
}

div.encart_accueil_form h1 {
    font-size: 16px;
    color: #008e49;
    text-align: center;
}

#global_stages div.encart_accueil_form li {
    margin: 0;
    font-size: 10px;
    word-wrap: break-word;
    padding-top: 5px;
    padding-bottom: 5px;
}

#global_stages img.form_logo {
    float: right;
    margin-top: -21px;
    width: 190px
}

div.nav_formation {
    width: 190px;
    height: 25px;
    /*border-radius: 15px;*/
    margin: 25px auto 0 auto;
}

div.nav_formation div {
    display: table-cell;
    width: 125px;
    vertical-align: middle;
    height: 25px;
}

div.nav_formation div h3 {
    margin: auto auto auto auto;
    text-align: center;
    font-size: 12px;
}

div.nav_formation div.nav_left {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

div.nav_formation div.nav_right {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

div.presentation ul li {
    text-align: justify;
}


/************************************************************************/


/*					MENU PANIER	DROITE		*/


/************************************************************************/

#mon_profil {
    border-color: #84c551;
    border-style: solid;
    border-width: 1px;
    width: 165px;
    margin-top: 18px;
    margin-left: 5px;
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

#mon_panier,
#mon_profil {
    border-color: #84c551;
    border-style: solid;
    border-width: 1px;
    width: 165px;
    margin-top: 0px;
    margin-bottom: 17px;
    margin-left: 5px;
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    border-radius: 5px;
}

#mon_panier .entete_panier,
#mon_profil .entete_panier {
    background-color: #84c551;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: 5px;
    font-size: 12px;
    font-weight: bold;
}

#mon_panier a:hover,
#mon_panier a:visited,
#mon_panier a:link {
    color: #039;
}

#mon_panier a:hover {
    color: #008e49;
}

#mon_profil a:hover {
    /* modif design Lionel*/
    color: black;
}

#mon_panier .ligne_panier,
#mon_profil .ligne_panier {
    padding-left: 3px;
    float: left;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

.align_droite {
    text-align: right;
    float: right;
    margin-right: 10px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

.ma_ligne {
    height: 20px;
    margin-left: 3px;
}

.resume_panier {
    clear: both;
    border-top-color: #999999;
    border-top-style: dashed;
    border-top-width: 1px;
    border-bottom-color: #999999;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 15px auto 15px auto;
    width: 150px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

.btn_voir_panier {
    background-image: url(../images/btn_voir_panier.jpg);
    width: 126px;
    height: 28px;
    border: 0;
    cursor: pointer;
    background-position: center;
    margin-left: 10px;
}


/**** rajout Lionel 28/05/2013**************/

#tooltip {
    position: absolute;
    background-color: #666;
    z-index: 9999;
    color: #fff;
    font-size: 10px;
    width: 220px;
    padding: 10px;
    letter-spacing: 1px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#mon_profil .entete_panier p.franco_de_port {
    /*background-color:#84c551;
	color:#FFFFFF;*/
    text-transform: minimalize;
    padding-left: 5px;
    font-size: 12px;
    font-weight: bold;
}


/********** fin rajout Lionel**************/


/**** rajout Lionel 04/2014**************/

#contenu_principal #commande {
    /*background-color: rgb(253, 241, 184);*/
    color: #039;
    font-size: 1.1em;
    width: 550px;
    padding: 20px;
    /*margin-top: 30px;*/
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#contenu_principal #commande ul {
    margin-left: 20px;
    margin-top: 10px;
}

#contenu_principal #commande li {
    list-style-type: circle;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -1px 2px 5px 1px rgba(0, 51, 163, 0.4);
    margin-bottom: 20px;
    padding: 10px;
}

#contenu_principal #commande form {
    text-align: center;
}

#contenu_principal #commande form.demande_partielle input[type="submit"] {
    /*float: right;*/
    margin-top: 5px;
    text-align: center;
    color: #36B054;
    font-weight: bold;
    cursor: pointer;
    padding: 7px;
    width: 90px;
    height: 30px;
    background-color: rgba(0, 51, 163, 0.4);
    border-radius: 5px;
    color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.7);
}

#contenu_principal #commande form.demande_partielle input[type="submit"]:hover {
    box-shadow: none;
}


/********** fin rajout Lionel**************/


/************************************************************************/


/*							DETAIL PANIER								*/


/************************************************************************/


/*#detail_panier form { margin-bottom:40px; }*/

#tbl_detail_commande {
    width: 90%;
    /*570px;*/
    border-collapse: collapse;
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
}

#tbl_detail_commande .img img {
    width: 120px;
}

#tbl_detail_commande th {
    text-align: center;
    border: 0px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

#tbl_detail_commande .ref {
    text-align: center;
}

#tbl_detail_commande th.prix,
#tbl_detail_commande th.total {
    padding-right: 5px;
    text-align: center;
}

#tbl_detail_commande tr {
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*font-size:18px;*/
}

#tbl_detail_commande td {
    text-align: left;
    color: #693374;
    height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#tbl_detail_commande td.prix,
#tbl_detail_commande td.total {
    text-align: right;
}

#tbl_detail_commande td.total {
    padding-left: 10px;
}

#tbl_detail_commande td.cond {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
}

#tbl_detail_commande td.designation {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 65%;
}

#tbl_detail_commande td.quantite {
    text-align: center;
}

#tbl_detail_commande .quantite input[type="text"] {
    text-align: right;
    width: 25px;
}

#tbl_detail_commande .supprimer {
    padding-left: 5px;
}

#tbl_detail_commande .parenthese {
    font-size: 9px;
    font-weight: bold;
}

.remise_promo {
    color: green;
    font-weight: bold;
}

.remise_evenement {
    color: #8000FF;
    font-weight: bold
}

.arrhes {
    color: #5F4680;
    font-weight: bold
}

#tbl_detail_commande .renvoi_note {
    color: #666666;
    font-weight: bold;
    font-size: 17px;
}

#tbl_detail_commande .notes td,
#tbl_detail_commande tr.notes {
    padding-top: 15px;
    padding-right: 10px;
    vertical-align: top;
    border-bottom-style: none;
}

#tbl_detail_commande .notes td.renvoi_note {
    text-align: right;
}

#tbl_detail_commande .legende_note {
    color: #666666;
    font-weight: normal;
    font-size: 11px;
}

#tbl_detail_commande a:hover,
#tbl_detail_commande a:visited,
#tbl_detail_commande a:link {
    color: #693374;
}

#tbl_detail_commande a:hover {
    color: #693374;
    text-decoration: underline;
    font-weight: bold;
}

#tbl_choix_paiement {
    width: 90%;
    border-collapse: collapse;
    margin-top: 20px;
    margin-left: 5%;
    /*margin-right: 5%;*/
    text-align: left;
}

#tbl_choix_paiement tr {
    border-bottom-color: #999999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#tbl_choix_paiement td {
    padding-bottom: 15px;
    padding-top: 15px;
}

.detailPanierErreur,
.CatalogueErreur {
    border: 1px solid #6E1480;
    /*red;*/
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    color: #6E1480;
    /*#9E0508;*/
}


/***            Btn de retour au detail panier dans panier//mod ***/

#lienRetourPanier {
    padding: 10px;
    margin: 30px 60px 30px 60px;
}

#lienRetourPanier img {
    width: 150px;
    height: 33px;
}


/***		Zone codes promo		                ***/

.zone_code_promo {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 5%;
}

.zone_code_promo form span.invite {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

p.isole {
    margin-top: 10px;
    margin-bottom: 20px;
}

tr.code_promo {
    text-align: center;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    height: 30px;
}

.lien_sup {
    color: #666666;
    font-size: 10px;
    text-decoration: underline;
}

.txt_panier {
    color: #666666;
    float: right;
    font-weight: normal;
    padding-right: 20px;
}

#submit-participants {
    background-color: #d58d1c;
    border: 1px solid #d58d1c;
    margin: 0;
}

.poursuivre_achat2 {
    margin: auto !important;
    border: none;
    padding: 15px 20px;
    border-radius: 2px;
    text-align: center;
    width: fit-content;
    background-color: #d58d1c;
    color: white;
    margin-bottom: 10px !important;
    float: left;
    cursor: pointer;
}

.poursuivre_achat2 a {
    color: white;
}

.poursuivre_achat2:hover {
    opacity: 0.8;
}

.poursuivre_achat {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    color: white;
    cursor: pointer;
    height: 35px;
    margin-top: 45px;
    margin-bottom: 65px;
    /*margin-left: 50px;*/
}

.poursuivre_achat:hover {
    opacity: 0.8;
}

.poursuivre_achat a {
    color: white;
}

.poursuivre_achat a:visited {
    color: white;
}

.montant_panier {
    text-align: right;
    padding-right: 5px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}

.poursuivre_achat a img {
    border: 0;
}

.poursuivre_achat2 a img {
    border: 0;
}

.btn_modifier {
    background: url(../admin/imadmin/accept.png);
    width: 20px;
    height: 15px;
    border: 0px;
    cursor: pointer;
}


/***	 	Bouton retour panier détail 	***/

.btn_retour_detail_panier {
    float: right;
    margin-left: 50px;
    margin-right: 5%;
    width: 150px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: 3px solid #693374;
    color: #FFF;
    margin-top: 10px;
    cursor: pointer;
}

.btn_retour_detail_panier a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.btn_retour_detail_panier:hover {
    opacity: 0.8;
}

.btn_centre a img {
    border-style: none;
}

.txt_btn {
    color: #6E98AF;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin-left: 4px;
    bottom: 7px;
}

.btn_centre p:first-letter {
    color: #CAC66C;
    font-size: 18px;
}


/** form de suppression de ligne dans detail_panier */

.sub-sup {
    background: url("../images/cart_delete.gif");
    background-repeat: no-repeat;
    border: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.bulle {
    display: none;
}

.appel_pan_supp:hover .bulle {
    display: block;
    font-size: 8px;
}


/****		synthese total panier/commande	***/

#tbl_synthese_commande {
    width: 30%;
    border-collapse: collapse;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 50px;
    float: right;
    margin-right: 8%;
}

#tbl_synthese_commande tr {
    line-height: 25px;
    font-weight: bold;
}

#tbl_synthese_commande .montant {
    text-align: center;
    /*right;*/
    padding-right: 5px;
}

#tbl_synthese_commande .libelle {
    text-align: left;
    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 20px;
}

#tbl_synthese_commande .sous_total td {
    color: #3A3939;
    padding-right: 5px;
}

#tbl_synthese_commande .soustraction {
    background-color: #EFEFEF;
}

#tbl_synthese_commande .derniere_ligne {
    height: 40px;
    margin-top: 25px;
}

#tbl_synthese_commande .derniere_ligne td {
    font-weight: bold;
    padding-right: 5px;
    font-size: 18px;
    color: #3A3939;
}

#tbl_synthese_commande+p {
    margin-top: 20px;
}


/***	 Conditions générales de vente 		***/

.choix_paiement {
    color: #3A3939;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
}

.choix_paiement .cgv {
    margin-top: 20px;
    margin-bottom: 20px;
}

.choix_paiement .cgv_non_acceptees {
    color: red;
    margin-top: 10px;
    margin-bottom: 10px;
}

.choix_paiement .cgv a:link {
    color: #693374;
    /* modif Lionel � partir de 3F87C7 */
    text-decoration: none;
}

.choix_paiement .cgv a:visited {
    color: #693374;
    /* modif Lionel � partir de 3F87C7 */
}

.choix_paiement .cgv a:hover {
    text-decoration: underline;
}

.commander a {
    float: right;
    border: 0px;
}

.submit_payer {
    margin-left: 50px;
    margin-right: 5%;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #d59d45;
    padding: 8px;
    border: 3px solid #d59d45;
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 45px;
    cursor: pointer;
    font-size: 16px;
}

.submit_payer:hover {
    opacity: 0.8;
}


/************************************************************************/


/*							PAIEMENT         							*/


/************************************************************************/

#global_paiement {
    width: 90%;
    margin-left: 5%;
    /*auto;*/
    margin-right: 5%;
    /*auto;*/
    margin-top: 30px;
    color: #666666;
    /*font-family:"Trebuchet MS", Tahoma;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#global_paiement p {
    margin-bottom: 10px;
}

#global_paiement strong {
    font-weight: bold;
    color: #000000;
}

#global_paiement .adresse_myrtea {
    margin: 20px auto 20px auto;
    width: 250px;
    text-align: left;
}

.printer {
    margin-top: 25px;
    margin-bottom: 20px;
}

.printer a {
    color: #693374;
    /*#3F86C7;*/
}

a.mail_lcr {
    color: #e8a537;
    text-decoration: none;
}

a.mail_lcr:hover {
    color: #e8a537;
    text-decoration: underline;
}


/************************************************************************/


/*							PAGINATION         							*/


/************************************************************************/

.pagination {
    margin-top: 7px;
    margin-bottom: 10px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    font-weight: normal;
}

.pagination a {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
}


/*.pagination a:hover{
	text-decoration:underline;
	 font-weight:bold;
}*/

.page_on {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    font-weight: bold;
    text-decoration: underline;
}


/************************************************************************/


/*							MON COMPTE         							*/


/************************************************************************/

#monCompte_general {
    width: 99.2%;
    /*570px;*/
    min-height: 100%;
    margin: 30px 0px 15px 10px;
    padding-bottom: 20px;
    /*box-shadow: 2px 4px 6px rgba(0,0,0,.25);
	border-radius: 0px 7px 4px 7px;*/
    text-align: left;
}

.identifiez {
    color: #5F4680;
    font-family: Source Sans Pro, sans-serif;
    font-size: 19px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
    padding-top: 15px;
}

.identifiez_bis {
    color: #5F4680;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
}

.cadre_account {
    /*border:#7ac43e;
	border-style:solid;
	border-width:1px;*/
    width: 40%;
    /*250px;*/
    min-height: 300px;
    /*421px;*/
    /*230px;*/
    /*height: auto;*/
    display: inline-block;
    vertical-align: top;
    /*margin-left:15px;*/
    margin-top: 10px;
    /*padding:5px;*/
    padding-left: 5%;
    /*15px;*/
    margin-right: 2%;
    /*  box-shadow: 1px 2px 5px 1px rgba(0, 51, 163, 0.4);*/
}

.error {
    color: #F00;
}

.error_box {
    clear: both;
    margin-top: 10px;
    margin-left: 15px;
}

.titre_cadre {
    color: #3A3939;
}

.txt_account {
    margin-top: 12px;
    /*padding-left:10px;*/
    padding-right: 10px;
    color: #3A3939;
    /*#8F8F8F;*/
    /*font-size:13px;*/
    /*12px;*/
    font-weight: normal;
    text-align: left;
}

.txt_account li {
    list-style-type: disc;
}

.txt_account ul {
    list-style-type: disc;
}

.titre_cadre_warn {
    font-size: 14px;
    color: #996600;
}

.txt_account_warn {
    margin-top: 8px;
    padding-left: 10px;
    color: #3A3939;
    /*#8F8F8F;*/
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}

.txt_special_account {
    text-align: center;
    font-size: 13px;
}

.txt_special_account a {
    color: #6E1480;
}

.txt_special_account a:hover {
    font-weight: bold;
}

.btn_creer_compte {
    margin-left: 50px;
    width: 150px;
    /*90px;*/
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    color: white;
    margin-top: 10px;
    cursor: pointer;
}

.btn_creer_compte:hover {
    opacity: 0.8;
}

.btn_creer_compte_identachat {
    background-image: url(../images/btn_creer_compte.jpg);
    width: 177px;
    height: 34px;
    border: 0;
    cursor: pointer;
    margin-top: 8px;
}

.btn_rechercher {
    background-image: url(../images/rechercher.jpg);
    width: 129px;
    height: 36px;
    border: 0;
    cursor: pointer;
    margin-top: 20px;
}

.form_account {
    /*padding-left:20px;*/
    margin-bottom: 6%;
}

.form_account .txt_form {
    padding: 0;
    color: #8F8F8F;
    /*font-size:11px;
	font-weight:bold;*/
    text-align: left;
    margin-top: 20px;
}

.form_account .inputform {
    border-color: #039;
    border-style: solid;
    border-width: 1px;
    width: 80%;
    /*190px;*/
}

input.btn_panier_tbl {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    border: none;
    white-space: break-spaces;
    background-color: #d58d1c !important;
    border-radius: 7px;
    font-weight: normal;
}

.btn_panier_tbl2 {
    margin: 4px 0 0 0 !important;
}


.btn_devis {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    border: none;
    white-space: break-spaces;
    background-color: #d58d1c !important;
    border-radius: 7px;
    font-weight: normal;
    padding: 8px;
    color: white;
    cursor: pointer;
    text-align: center;
}

.btn_devis a {
    color: white;
}

.btn_devis:hover {
    opacity: 0.8;
}

.btn_valider {
    width: 150px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    color: white;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}

.btn_valider a {
    color: white;
}

.btn_valider:hover {
    opacity: 0.8;
}

.btn_valider_spe {
    margin-left: 50px;
    width: 150px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    color: white;
    margin-top: 10px;
    cursor: pointer;
}

.btn_valider_spe:hover {
    opacity: 0.8;
}


/************************************************************************/


/*							DETAIL COMPTE      							*/


/************************************************************************/

#global_detail_compte {
    margin-left: auto;
    margin-right: auto;
}

.entete_detail_compte {
    color: #348AD3;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.menu_account_commande {
    /*float:left;*/
    /*background:url(../images/pictos/Mes-formations.png);*/
    background-repeat: no-repeat;
    width: 180px;
    /*161px;*/
    height: 162px;
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.menu_account_commande a {
    width: 161px;
    height: 162px;
    display: block;
}

.menu_account_commande a:hover {
    opacity: 0.8;
}

.menu_account_monCompte {
    /*float:left;*/
    /*background:url(../images/menu_account_nomCompte.png);*/
    background-repeat: no-repeat;
    width: 161px;
    height: 162px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
    /*margin-left:30px;*/
}

.menu_account_monCompte a {
    width: 161px;
    height: 162px;
    display: block;
}

.menu_account_monCompte a:hover {
    opacity: 0.8;
}

.menu_account_actusPrivees {
    float: left;
    background: url(../images/menu_account_actusPrivees.png);
    background-repeat: no-repeat;
    width: 161px;
    height: 162px;
    margin-top: 10px;
    margin-left: 30px;
}

.menu_account_actusPrivees a {
    width: 161px;
    height: 162px;
    display: block;
}

.menu_account_ventesPrivees {
    float: left;
    background: url(../images/menu_account_ventesPrivees.png);
    background-repeat: no-repeat;
    width: 161px;
    height: 162px;
    margin-top: 10px;
    cursor: pointer;
}

.menu_account_ventesPrivees a {
    width: 161px;
    height: 162px;
    display: block;
}

.decon a {
    font-style: italic;
    font-weight: normal;
    float: left;
    margin-top: 20px;
    margin-left: 200px;
    color: #666666;
}

.decon a:hover {
    text-decoration: underline;
}


/*mod account*/

.tbl_mod_account {
    /*margin-left:auto;
	margin-right:auto;
	width:400px;
	margin-top:30px;
	color:#5E5A5B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    color: #5E5A5B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
}

.tbl_mod_account td {
    height: 25px;
}

.txt_mod_account {
    color: #5E5A5B;
    /*font-family:"Trebuchet MS", Tahoma;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}

.titre_rub_account {
    text-transform: uppercase;
    color: #5E5A5B;
    /*font-family:"Trebuchet MS", Tahoma;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: 30px;
    margin-left: 10px;
}


/*actus privees*/

#global_actus_privees {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.photo_actus_account {
    /*float:left;*/
    text-align: center;
}

.titre_actus_account {
    margin-bottom: 10px;
    /*25px;*/
    /*float:left;*/
    /*clear:right;*/
    clear: both;
    /*padding-left:15px;*/
    font-size: 16px;
    /*17px;*/
    color: #7B68EE;
    /*#008e49;*/
    /*width:400px;*/
    text-align: center;
    /*left;*/
    /*display:inline-block;
        vertical-align:middle;*/
    /*width:89%;*/
    /*margin-left:20%;*/
}

.titre_actus_account a {
    text-align: center;
}

.fleche_gauche_mobile {
    display: none;
}

.fleche_droite_mobile {
    display: none;
}

.fleche_droite {
    display: inline-block;
    vertical-align: middle;
    width: 9%;
    /*5%; */
    /*margin-left:10%;*/
}

.fleche_gauche {
    display: inline-block;
    vertical-align: middle;
    width: 9%;
    /*5%; */
    /*margin-left:3%;*/
}

#avis_formation_gauche_all {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 1.5%;
}

#avis_formation_droite_all {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 1.5%;
}

#avis_formation_gauche {
    display: block;
    /*inline-block;*/
    /*vertical-align:top;*/
    /*width:50%;*/
    text-align: center;
    margin-bottom: 1%;
    /*3%;*/
}

#avis_formation_gauche span {
    text-align: center;
    color: #6E1480;
    font-size: 14px;
}

#avis_formation_droite {
    display: block;
    /*inline-block;*/
    /*vertical-align:top;*/
    /*width:49.5%;*/
    text-align: center;
}

#avis_formation_droite label {
    color: #6E1480;
    font-size: 14px;
}

.btn_envoie_commentaire {
    margin-left: 50px;
    margin-right: 5%;
    width: 350px;
    /*150px;*/
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #d59d45;
    padding: 8px;
    border: 3px solid #d59d45;
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 45px;
    cursor: pointer;
    font-size: 16px;
}

.btn_envoie_commentaire:hover {
    opacity: 0.8;
}

.reponse_avis {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10%;
    color: #6E1480;
    /*color:#6E6E6E;*/
}

.reponse_avis p {
    margin-left: 15px;
    color: #0089CF;
}

.btn_suppression_cpte {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    background-color: #d59d45;
    padding: 8px;
    border: solid 3px #d59d45;
    margin-top: 10px;
    cursor: pointer;
    color: white;
    text-decoration: none;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

.btn_suppression_cpte:hover {
    opacity: 0.8;
}

.btn_envoie_devis {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    /*150px;*/
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #d59d45;
    padding: 8px;
    border: 3px solid #d59d45;
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 45px;
    cursor: pointer;
    font-size: 16px;
}

.btn_envoie_devis:hover {
    opacity: 0.8;
}


/* Syst�me notation �toiles */

.rating a {
    float: right;
    color: #aaa;
    text-decoration: none;
    font-size: 3em;
    transition: color .4s;
}

.rating a:hover,
.rating a:focus,
.rating a:hover~a,
.rating a:focus~a {
    color: orange;
    cursor: pointer;
}


/* Fin du syst�me de notation en �toiles */

.infos_pratiques_stages_formateur {
    width: 110%;
    /*height:390px;*/
    /*390px;*/
    /*overflow:auto;*/
    margin-top: 15px;
}

.infos_formateur {
    /*width:48%;*/
    /*margin-left:7%;*/
    display: inline-block;
    vertical-align: top;
}

.titre_actus_account_formateur {
    margin-bottom: 2px;
    /*float:left;*/
    /*clear:right;*/
    clear: both;
    /*padding-left:15px;*/
    font-size: 16px;
    /*18px;*/
    color: #6E1480;
    /*width:400px;*/
    text-align: center;
    /*left;*/
}

.intro_actus_account_formateur {
    margin-bottom: 2px;
    /*	clear:both;*/
    font-style: italic;
    font-size: 12px;
    color: #693374;
    padding-left: 1px;
    font-weight: normal;
    /*margin-left:20%;*/
    display: block;
    text-align: center;
}

.referent_responsable {
    font-weight: bold;
    font-style: italic;
    color: #6E1480;
    margin-bottom: 5px;
}


/*
.txt_actus_account_formateur{
	margin-bottom:25px;
	margin-left:10%;
	clear:both;

	height : 150px;
	overflow:auto;
	padding-right:15px;
	font-weight:normal;
	text-align:justify;
	color:#3A3939;
	font-family:Source Sans Pro, sans-serif;
}
*/

.txt_actus_account_formateur {
    /*margin-bottom:25px;*/
    margin-top: 10px;
    clear: both;
    /*width:478px;*/
    padding-right: 15px;
    font-weight: normal;
    text-align: justify;
    display: inline-block;
    width: 75%;
    /*height:15%;*/
    overflow: auto;
    color: #3A3939;
    font-family: Source Sans Pro, sans-serif;
    /*margin-left:10%;	*/
    min-height: 120px;
    /*max-height:200px;*/
}

img.img_actu_stages_formateur {
    display: inline-block;
    float: left;
    margin-left: 25%;
    margin-bottom: 5px;
}

.liste_associes {
    margin-bottom: 15px;
}

.intro_actus_account {
    margin-bottom: 40px;
    /*25px;*/
    /*	clear:both;*/
    font-style: italic;
    font-size: 14px;
    /*12px;*/
    color: #7B68EE;
    /*#008e49;*/
    /*padding-left:15px;*/
    font-weight: normal;
    text-align: center;
}

.intro_actus_account a {
    font-weight: bold;
    font-size: 12px;
    color: #009999;
}

.intro_actus_account a:hover {
    font-weight: bold;
    font-size: 12px;
    color: #009999;
    text-decoration: underline;
}

.intro_actus_account_forms {
    margin-bottom: 25px;
    /*	clear:both;*/
    font-style: italic;
    font-size: 12px;
    color: #7B68EE;
    /*#008e49;*/
    /*padding-left:15%;*/
    font-weight: normal;
    text-align: center;
}

.img_forms {
    text-align: center;
    /*margin-left:15%;*/
}

.shopping_cart_right {
    display: inline-block;
    vertical-align: top;
    background-color: red;
    width: 25%;
}

.detail_cycle_titre {
    font-weight: bold;
    color: #693374;
}

.detail_cycle_part1 {
    font-weight: bold;
}

.txt_actus_account {
    margin-bottom: 25px;
    clear: both;
    /*width:478px;*/
    padding-right: 15px;
    font-weight: normal;
    text-align: justify;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    /*42%;*/
    height: 300px;
    overflow: auto;
}

.txt_actus_account_actualites {
    margin-bottom: 25px;
    clear: both;
    /*width:478px;*/
    padding-right: 15px;
    font-weight: normal;
    text-align: justify;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.txt_actus_account a {
    /*padding-left:15px;*/
    color: #8e4e9f;
    font-weight: bold;
}

.txt_actus_account a:hover {
    /*padding-left:15px;*/
    color: #8e4e9f;
    font-weight: bold;
    text-decoration: underline;
}

.txt_actus_account_panier_detail {
    text-align: center;
    width: 100%;
    font-family: Source Sans Pro, sans-serif;
    color: #666;
    margin-top: 15px;
    margin-bottom: 65px;
}

.txt_actus_account_panier_detail:visited {
    color: #666;
}

.liens_actus {
    margin-top: 20px;
}


/*.menu_account_credit{
	float:left;

}*/

.txt_credit {
    margin-left: 50px;
    width: 250px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    border-radius: 6px;
    color: white;
    margin-top: 10px;
    cursor: pointer;
}


/*ventes privees*/

#global_ventes_privees {}


/************************************************************************/


/*							LIVRAISON	      							*/


/************************************************************************/

#global_livraison {
    /*width: 99.2%;
	min-height: 100%;
	margin: 30px 0px 15px 10px;
	padding-bottom: 20px;
	text-align: left;*/
    min-height: 100%;
    /*text-align: left;*/
    padding: 15px 150px;
}

#global_livraison a {
    color: #693374;
}

#global_livraison a:hover {
    text-decoration: underline;
}

.cadre_livraison {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.cadre_transport_comment {
    margin-top: 15px;
    text-align: center;
}

.hr_livraison {
    border-color: #3f86c7;
    border-style: solid;
    height: 1px;
    border-width: 1px;
    background: #3f86c7;
}

.add_livraison {
    margin-top: 20px;
    color: #3A3939;
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-color: #aaaaaa;
    border-bottom-width: 1px;
    padding-bottom: 20px;
}

.add_livraison2 {
    width: 40%;
    /*300px;*/
    height: 280px;
    margin-top: 30px;
    /*float:left;*/
    color: #8e4e9f;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
}

.adresse_facturation {
    padding-top: 20px;
    /*margin-left:20px;*/
    line-height: 20px;
}

.adresse_livraison {
    padding-top: 20px;
    line-height: 20px;
}

.adresse_livraison input,
.adresse_livraison textarea {
    border: 1px solid #8e4e9f;
}

.adresse_livraison .btn_valider {
    border: 0px;
}


/* Si plusieurs quantit�s d'une formation */

#cadre_accompagnants {
    width: 100%;
    text-align: center;
}

.accompagnant {
    display: inline-block;
    vertical-align: top;
    border: solid 1px #693374;
    border-radius: 5px;
    background-color: #DAD8D8;
    margin: 2px;
    text-align: left;
    width: 580px;
}

#accompagnant_js {
    display: inline-block;
    vertical-align: top;
    background-color: green;
    border: solid 1px black;
    border-radius: 5px;
    background-color: #D8D8D8;
    margin: 2px;
    text-align: left;
}


/* Cadeau d'une formation pour un proche */

#cadre_cadeau {
    width: 60%;
    background-color: #D8D8D8;
    border-radius: 5px;
    border: solid 1px black;
    margin-left: auto;
    margin-right: auto;
}

#texte_formulaire_cadeau {
    display: none;
}

#formulaire_cadeau {
    display: none;
}


/************************************************************************/


/*							TBL FINAL COMMANDE 							*/


/************************************************************************/

#recap_fin_commande a {
    color: #693374;
}

#recap_fin_commande a:hover {
    text-decoration: underline;
}

#recap_fin_commande,
#detail_panier {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: Source Sans Pro, sans-serif;
    padding-top: 15px;
}

#recap_fin_commande .titre_rubrique {
    color: #5F4680;
    border-bottom-color: #E7395D;
    font-family: Source Sans Pro, sans-serif;
    font-size: 19px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
}

#detail_panier .titre_rubrique {
    color: #5F4680;
    border-bottom-color: #E7395D;
    font-family: Source Sans Pro, sans-serif;
    font-size: 19px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
}


/************************************************************************/


/*							AJOUTER COMPTE CLIENT						*/


/************************************************************************/

#global_add_account {
    width: 100%;
    /*500px;*/
    /*margin-left:auto;
	margin-right:auto;*/
}

#global_add_account .intro {
    margin-top: 20px;
    color: #666666;
    /*font-family:"Trebuchet MS", Tahoma;*/
    font-family: Arial, Helvetica, sans-serif;
}

.tbl_add_account {
    width: 70%;
    /*400px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    color: #666666;
    /*font-family:"Trebuchet MS", Tahoma;*/
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 11px;*/
    text-align: left;
}

.tbl_add_account tr {
    height: 30px;
}

.tbl_add_account td {
    font-weight: bold;
}

.obl {
    color: #FF0033;
}

#regles_confidentialite {
    width: 100%;
    height: 200px;
    overflow: auto;
    font-weight: normal;
}


/************************************************************************/


/*							DETAIL COMMANDE ACCOUNT						*/


/************************************************************************/

#global_detail_commande {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.tbl_commande_account {
    width: 100%;
    /*500px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    border-collapse: collapse;
    font-weight: normal;
    color: #666666;
    text-align: left;
    color: #666666;
    border: 2px solid #5F4680
        /*#f0d13b*/
    ;
}

.tbl_commande_account tr {
    height: 30px;
}

.tbl_commande_account td {
    background-color: #FFFFFF;
    border: thin solid #5F4680;
    /*#DCEAA8;*/
    padding: 5px;
    text-align: center;
    width: 50%;
}

.tbl_commande_account .entete {
    background-color: #5F4680;
    /*#e99137;*/
    border: thin solid #5F4680
        /*#DCEAA8*/
    ;
    color: white;
    padding: 5px;
    width: 50%;
    border-collapse: collapse;
    font-weight: bold;
}

.detdet {
    border: 0px;
}

.detdet1 {
    border: 0 !important;
    width: 25% !important;
    font-weight: bold;
    text-align: left;
    padding: 5px 15px;
    vertical-align: top;
    color: #5F4680;
}

.detdet2 {
    border: 0 !important;
    width: 65% !important;
    text-align: left !important;
}

input.btn_recup_panier {
    font-family: Lato, Helvetica, Arial, sans-serif;
    background-color: #693374;
    padding: 8px;
    border: 3px solid #693374;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}


/************************************************************************/


/*							STAGES										*/


/************************************************************************/

#stage_recap_first {
    background-color: white;
    width: 100%;
    min-height: 10%;
    box-sizing: border-box;
    text-align: justify;
    /*font-size:13px;*/
    padding: 15px 150px;
}

#stage_recap_first .titre_rubrique a {
    color: #5F4680;
    text-align: center;
}

#stage_recap_first .titre_rubrique {
    color: #5F4680;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#stage_recap_first .titre_logo {
    width: 100%;
    margin-bottom: 15px;
}

#stage_recap_first .titre_page {
    color: #5F4680;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 20px;
}

#stage_recap_first .titre_sous_rubrique {
    font-size: 16px;
    color: #5F4680;
    text-align: center;
    margin-bottom: 20px;
}

#stage_recap_first a {
    color: #693374;
    text-decoration: none;
}

#stage_recap_first a:hover {
    text-decoration: underline;
}

#stage_recap_first .titre_rubrique a:hover {
    color: #693374;
}

#stage_recap_first ul li a {
    color: #693374;
}

#stage_recap_first ul li a:hover {
    text-decoration: underline;
}

#stage_recap_first .sous_titre {
    text-align: center;
    font-style: italic;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #693374;
}

#stage_recap_first .sous_titre_actus {
    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0px;
    color: #3A3939;
}

#stage_recap_first img.form_logo {
    width: 190px;
    display: block;
    margin-bottom: 15px;
}

#stage_recap_first .sous_titre_pres {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#stage_recap_first .presentation {
    vertical-align: middle;
    width: 100%;
}

#stage_recap_first .presentation ul li {
    text-align: justify;
    display: inline-block;
    vertical-align: top;
}

#stage_recap_first .presentation_les_extras {
    font-style: italic;
}

#stage_recap_first .txt_detail {
    text-align: justify;
}

#stage_recap_first img.img_gauche {
    margin-top: 5%;
    margin-bottom: 20px;
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

#stage_recap_first img.img_centre {
    width: 10%;
    margin-left: 45%;
    margin-top: 1%;
}

#stage_recap_first img.img_infos {
    width: 15%;
    vertical-align: top;
}

#stage_recap_first .sous_titre_equipe {
    text-align: center;
    font-weight: normal;
    margin-bottom: 25px;
    color: #5F4680;
}

#stage_recap_first .all_equipe {
    margin-top: 5px;
    margin-bottom: 35px;
}

#stage_recap_first .img_phrase {
    display: inline-block;
    vertical-align: middle;
    width: 18%;
    text-align: center;
}

#stage_recap_first .texte_equipe {
    display: inline-block;
    vertical-align: middle;
    width: 76%;
}

#stage_recap_first .infos_pedagogiques {
    background-color: #e6d4ea;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 15px;
}

#stage_recap_first .phrase_equipe_right {
    font-style: italic;
    margin-top: 10px;
    color: #693374;
}

#stage_recap_first .img_phrase_mobile {
    display: none;
}

#stage_recap_first .img_equipe_myrtea_right_mobile {
    display: none;
}

#stage_recap_first .phrase_equipe_mobile {
    display: none;
}

#stage_recap_first div.img_equipe_myrtea_left {
    display: inline-block;
    vertical-align: middle;
    width: 18%;
}

#stage_recap_first div.img_equipe_myrtea_right {
    display: inline-block;
    vertical-align: middle;
    width: 14%;
    /*10%;*/
    margin-left: 20px;
}

#stage_recap_first .phrase_equipe {
    font-style: italic;
    margin-top: 10px;
    color: #693374;
}

#stage_recap_first .nom_prenom {
    font-weight: bold;
    color: #6E1480;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: bottom;
}

#stage_recap_first .description_fonction {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    color: #6E1480;
    font-style: normal;
}

#stage_recap_first .txt_presentation_equipe {
    width: 100%;
    margin-top: 10px;
}

.note_equipe {
    margin-top: 10px;
}


/*#stage_recap_first .phrase_equipe_left{
	float:left;
	font-style:italic;
	margin-top:5px;
	color:#693374;
}*/

#stage_recap_first .fonction {
    display: inline-block;
    vertical-align: top;
}

#stage_recap_first .citation {
    font-style: italic;
}

#stage_recap {
    background-color: white;
    width: 100%;
    min-height: 10%;
    box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.35) inset;
    box-sizing: border-box;
    text-align: justify;
    padding: 15px 150px;
}

#stage_recap a {
    color: #693374;
    text-decoration: none;
}

#stage_recap a:hover {
    text-decoration: underline;
}

#stage_recap .titre_rubrique a {
    /*color:#9556a2;*/
    color: #5F4680;
    text-align: center;
    /*border-bottom-color:#9556a2;*/
}

#stage_recap .titre_rubrique {
    /*color:#9556a2;*/
    color: #5F4680;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    /*border-bottom-color:#9556a2;*/
}

#stage_recap .titre_logo {
    width: 100%;
    margin-bottom: 15px;
}

#stage_recap .titre_page {
    color: #5F4680;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    /*18px;*/
    margin-top: 20px;
    /*15px;*/
    /*width:40%;
	margin-left:30%;
	display:inline-block;*/
}

#stage_recap .titre_sous_rubrique {
    font-size: 16px;
    color: #5F4680;
    text-align: center;
    margin-bottom: 20px;
}

#stage_recap .titre_rubrique a:hover {
    /*color:#9556a2;*/
    color: #693374;
    /*border-bottom-color:#9556a2;*/
}

#stage_recap ul li a {
    color: #693374;
}

#stage_recap ul li a:hover {
    text-decoration: underline;
}

#stage_recap .sous_titre {
    /*margin-left:5%;*/
    text-align: center;
    font-style: italic;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #693374;
    /*#5F4680;*/
    /*display:inline-block;
	vertical-align:top;	*/
    /*width:80%;*/
}

#stage_recap .sous_titre_actus {
    /*margin-left:5%;*/
    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0px;
    color: #3A3939;
    /*display:inline-block;
	vertical-align:top;	*/
    /*width:80%;*/
}

#stage_recap #btn_autres_avis {
    display: inline-block;
    vertical-align: top;
    max-height: 50px;
    padding: 5px;
    border: #DBA901 2px solid;
    border-radius: 2px;
    color: #DBA901;
}

#stage_recap #btn_autres_avis:hover {
    background-color: #F2F2F2;
}

#stage_recap img.form_logo {
    /*float: right;*/
    /*margin-top: -21px;*/
    width: 190px;
    display: block;
    margin-bottom: 15px;
}

#stage_recap .sous_titre_pres {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    /*73%;*/
}

#stage_recap .presentation {
    /*margin-left:15px;	*/
    vertical-align: middle;
    width: 100%;
}

#stage_recap .presentation ul li {
    text-align: justify;
    display: inline-block;
    vertical-align: top;
}

#stage_recap .presentation_les_extras {
    font-style: italic;
}

#stage_recap .txt_detail {
    text-align: justify;
}

#stage_recap img.img_gauche {
    margin-top: 5%;
    margin-bottom: 20px;
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

#stage_recap img.img_centre {
    width: 10%;
    margin-left: 45%;
    margin-top: 1%;
}

#stage_recap img.img_infos {
    width: 15%;
    vertical-align: top;
}


/* Pour la page de l'�quipe myrtea*/

#stage_recap .sous_titre_equipe {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #5F4680;
}

#stage_recap .all_equipe {
    margin-top: 5px;
    margin-bottom: 35px;
}

#stage_recap div.img_equipe_myrtea_left {
    display: inline-block;
    vertical-align: middle;
    width: 18%;
}

#stage_recap div.img_equipe_myrtea_right {
    display: inline-block;
    vertical-align: middle;
    width: 18%;
    margin-left: 20px;
}

.roundedImage {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -webkit-border-radius: 150px;
    /*50px;*/
    -moz-border-radius: 150px;
    /*50px;*/
    border-radius: 150px;
    /*50px;*/
    width: 170px;
    height: 170px;
    text-align: center;
    float: left;
    margin-left: 35%;
    /*25%;*/
    margin-bottom: 5px;
}

.roundedImage_module {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    -webkit-border-radius: 50px;
    /*50px;*/
    -moz-border-radius: 50px;
    /*50px;*/
    border-radius: 50px;
    /*50px;*/
    width: 90px;
    height: 90px;
    margin-top: 10px;
    margin-left: 45%;
    /*margin-bottom:5px;*/
}

.roundedImage_basique {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    -webkit-border-radius: 50px;
    /*50px;*/
    -moz-border-radius: 50px;
    /*50px;*/
    border-radius: 50px;
    /*50px;*/
    width: 90px;
    height: 90px;
    margin-top: 10px;
    margin-left: 2%;
    /*5%;*/
    /*margin-bottom:5px;*/
}

.roundedImage_left {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -webkit-border-radius: 150px;
    /*50px;*/
    -moz-border-radius: 150px;
    /*50px;*/
    border-radius: 150px;
    /*50px;*/
    width: 170px;
    height: 170px;
}

.roundedImage_right {
    display: inline-block;
    vertical-align: middle;
    float: right;
    overflow: hidden;
    -webkit-border-radius: 150px;
    /*50px;*/
    -moz-border-radius: 150px;
    /*50px;*/
    border-radius: 150px;
    /*50px;*/
    width: 170px;
    height: 170px;
}

#stage_recap .texte_equipe {
    display: inline-block;
    vertical-align: middle;
    width: 76%;
}

#stage_recap .nom_prenom {
    font-weight: bold;
    color: #6E1480;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: bottom;
}

#stage_recap .description_fonction {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    color: #6E1480;
    font-style: normal;
}

#stage_recap .txt_presentation_equipe {
    width: 100%;
    margin-top: 10px;
}

#stage_recap .url_video {}

#stage_recap .phrase_equipe_right {
    float: right;
    font-style: italic;
    margin-top: 5px;
    color: #693374;
}

#stage_recap .phrase_equipe_left {
    float: left;
    font-style: italic;
    margin-top: 5px;
    color: #693374;
}

#stage_recap .fonction {
    display: inline-block;
    vertical-align: top;
    font-style: italic;
}

#stage_recap .citation {
    font-style: italic;
}

.cycle_picto_entete {
    display: block;
    text-align: center;
}

#texte_entete {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /*padding-left:4%;*/
    width: 100%;
}

.cycle_img_entete {
    display: inline-block;
    vertical-align: middle;
}

.photo_equipe_myrtea {
    text-align: center;
}

#global_stages {
    min-width: 99.2%;
    /*100%;*/
    /*588px;*/
    /*margin-left:auto;
	margin-right:auto;*/
    margin-top: 20px;
    padding-left: 10px;
    color: #00509a;
}

#global_stages #accueil_stages_principal a {
    font-weight: bold;
    color: #00509a;
}

#global_stages ul li:hover ul {
    display: block;
    border-radius: 4px;
}

#global_stages li:hover ul li {
    display: block;
    float: none;
}

#global_stages li ul {
    position: absolute;
}

#global_stages a {
    font-weight: bold;
    color: #823ae2;
}

#global_stages a:visited {
    /*color:#24a002;*/
    color: rgba(0, 0, 0, .7);
}

#global_stages a:hover {
    text-decoration: underline;
}

#global_stages .texte_article a {
    font-weight: normal;
    color: #00509a;
}

#global_stages .liste_logo a {
    color: #00509a;
}

#global_stages .fiche_produit a {
    color: #36B054;
}

#global_stages .texte_article a:hover {
    text-decoration: none;
}

#global_stages .liste_logo a:hover {
    text-decoration: none;
}

#global_stages .infos_pratiques_stages {
    width: 100%;
    /*573px;*/
    height: 150px;
    overflow: auto;
}

.infos_pratiques_stages {
    width: 100%;
    height: 680px;
    overflow: auto;
    overflow-y: hidden;
}


/*
.slider{
   width: 100%;
   height: 200px;
   padding: 50px;
   background: #CCCCCC;
}
.section{
   margin:0;
   width:720px;
   float:left;
   margin-right:50px;
}
*/

.a_partir_de {
    color: #e7395d;
    font-size: 10px;
    font-weight: bold;
    display: block;
}

.strong {
    font-weight: bold;
}

#global_stages li {
    /*margin-left:30px;*/
    margin-left: 0px;
    margin-right: 2px;
    float: none;
}

#global_stages em {
    font-style: italic;
}

.barre_navigation_stages {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 14px;
    /*border-bottom: 1px #00509a solid;*/
    padding-bottom: 5px;
}

#global_stages .barre_navigation_stages a {
    color: #00509a;
}

#global_stages .barre_navigation_stages_bas a {
    color: #00509a;
}

#global_stages .barre_navigation_stages a:visited {
    color: #00509a;
}

#global_stages .barre_navigation_stages_bas a:visited {
    color: #00509a;
}

.barre_navigation_stages_bas {
    clear: both;
    margin-top: 40px;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px #00509a solid;
    padding-top: 10px;
}

#global_stages .btn_retour {
    margin-bottom: 20px;
}

#accueil_stages_principal {
    /*background:url(../images/stages/fond_accueil_stages.jpg);*/
    background-repeat: no-repeat;
    width: 585px;
    /*height:1160px;*/
    position: relative;
}

#accueil_stages_principal img {
    margin-bottom: 15px;
}

#accueil_stages_principal #les_classiques {
    position: absolute;
    left: 110px;
    top: 230px;
    z-index: 2;
}

#accueil_stages_principal #les_energetiques {
    position: absolute;
    left: 340px;
    top: 400px;
    z-index: 1;
}

#accueil_stages_principal #les_massages {
    position: absolute;
    left: 130px;
    top: 560px;
    z-index: 3;
}

#accueil_stages_principal #les_cycles {
    position: absolute;
    display: block;
    top: 800px;
}

#accueil_stages_principal #les_extra {
    position: absolute;
    display: block;
    top: 800px;
    left: 150px;
}

#accueil_stages_principal #formapro {
    position: absolute;
    display: block;
    top: 800px;
    left: 300px;
}

#accueil_stages_principal #info_prat {
    position: absolute;
    display: block;
    top: 800px;
    left: 450px;
}

#accueil_stages_principal ul {
    /*display:inline-block;*/
    /*vertical-align:top;*/
    position: relative;
    /*width:250px;*/
    /* modif Lionel Pour listes de formations old: 200*/
    /*width:900px;*/
    text-align: left;
    /*list-style-type:circle;*/
}


/* modif lionel pour conserver structure harmonieuse dans page accueil stages */

#accueil_stages_principal ul.les_energetiques {
    margin: -160px 0 0 -303px;
    width: 130px;
}

#accueil_stages_principal ul.les_massages {
    margin-top: -30px;
    margin-right: -10px;
    width: 200px;
}

#accueil_stages_principal ul li:hover ul {
    display: block;
    border-radius: 4px;
    background-color: #CDEDF9;
}

#accueil_stages_principal li:hover ul li {
    display: block;
    float: none;
}

#accueil_stages_principal li ul {
    position: absolute;
}


/**** fin modif Lionel */

#accueil_stages_principal #les_classiques ul {
    top: 16px;
    left: -30px;
}

#accueil_stages_principal #les_massages ul {
    top: 60px;
    left: -26px;
    /* modif Lionel init: -20px*/
}

#accueil_stages_principal #les_energetiques img {
    margin-left: 40px;
    margin-bottom: 10px;
    display: block;
}

#accueil_stages_principal #les_cycles img {
    display: block;
}

#accueil_stages_principal #les_cycles ul {
    display: block;
    position: relative;
    left: -30px;
}

#accueil_stages_principal #info_prat ul {
    display: block;
    position: relative;
    left: -30px;
}

.texte_stages {
    font-weight: normal;
    padding: 5px;
    border-radius: 20px;
}

.texte_stages .img_gauche {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
    clear: left;
}

.texte_stages .img_droite {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: right;
}

.texte_stages .img_ligne {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.texte_stages h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
    text-align: left;
}

.texte_stages h2 {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: left;
}

.texte_stages h3 {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    margin-bottom: 20px;
    text-align: left;
}

.texte_stages .citation {
    font-style: italic;
}

.texte_stages .sous_titre {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 25px;
}

.texte_stages .sous_titre_gras {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 25px;
}

.texte_stages ul.liste_questions {
    margin-left: 0px;
    padding-left: 0px;
}

.texte_stages ul.liste_questions li {
    margin-bottom: 10px;
    margin-left: 0px;
    padding-left: 0px;
}

.texte_stages .question {
    font-style: italic;
}

.texte_stages p {
    margin-bottom: 10px;
}

.texte_stages p.famille {
    margin-bottom: 20px;
}

.texte_stages div.famille a {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.texte_stages .image_famille {
    display: inline-block;
    width: 160px;
    vertical-align: middle;
    text-align: center;
}

.texte_stages div.famille {
    display: inline-block;
    width: 380px;
    margin-left: 20px;
    vertical-align: middle;
    text-align: justify;
}

#global_stages .lien_info_pratique a {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    background-image: linear-gradient(
            /* Norme W3C */
            center top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.7) 100%);
    background-image: -moz-linear-gradient(
            /*  Firefox */
            center top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.7) 100%);
    background-image: -webkit-gradient(
            /*  Chrome, Safari */
            linear, center top, center bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.7))
            /*	from(rgba(255, 255, 255, 0)),
			color-stop(50% , rgba(255, 255, 255, 0.2)),
			to(rgba(255, 255, 255, 0.7))*/
        );
    background-image: -o-linear-gradient(
            /*  Opera */
            center top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.7) 100%);
    background-image: -ms-linear-gradient(
            /*  IE */
            center top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.7) 100%);
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 5px;
    padding-left: 35px;
    padding-top: 5px;
    font-size: 11px;
    text-decoration: none;
}

#global_stages .lien_info_pratique a:link {
    background-color: #BDE3B4;
    /* Equivalent de :
	background-color:rgba(36,160,2,.3); */
    color: #823ae2;
    border: 1px solid #823ae2;
}

#global_stages .lien_info_pratique a:visited {
    background-color: #E1CDE5;
    /* Equivalent de :
	background-color: rgba(153, 86, 165, 0.3); */
    color: #24A002;
    border: 1px solid #24A002;
}

#global_stages .lien_info_pratique a:hover {
    background-color: #E8B4B4;
    /* Equivalent de :
	background-color: rgba(180, 0, 0, 0.3);*/
    color: #4081C1;
    border: 1px solid #4081C1;
}

#global_stages .texte_stages .tbl_catalogue .ajout_panier {
    width: 155px;
}

#global_stages .texte_stages .tbl_catalogue .ajout_panier .titre_prix {
    font-weight: bold;
}


/************************************************************************/


/*							CONTACT										*/


/************************************************************************/

#global_nous_contacter {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.adresse_contact,
.telephone_contact,
.fax_contact {
    margin-left: 85px;
    margin-top: 0px;
    /*float:right;*/
}

.img_contact {
    float: right;
    margin-top: 35px;
}


/************************************************************************/


/*							QUALITE ESSENTIELLE							*/


/************************************************************************/

.img_distill {
    background: url(../images/distillerie.gif);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: 35px;
    width: 136px;
    height: 136px;
}

.img_fleur_blanche {
    background: url(../images/fleur_blanche.gif);
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-left: 35px;
    width: 136px;
    height: 136px;
}

#global_qualite_essentielle {
    width: 500px;
    /*margin-left:auto;
	margin-right:auto;*/
}


/************************************************************************/


/*							PRODUCTION DES PLANTES						*/


/************************************************************************/

.txt_prod {
    width: 90%;
    /*370px;*/
    /*float:left;*/
    margin-top: 20px;
    padding: 15px 50px;
}

.txt_prod a {
    color: #6E1480;
}

.txt_prod a:hover {
    font-weight: bold;
}

.txt_prod li {
    margin-left: 30px;
}

.img_champ {
    background: url(../images/champ.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 30px;
    margin-left: 30px;
}

.img_bio_eco {
    background: url(../images/veritas.jpg) center;
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 150px;
    margin-left: 30px;
}

.img_naturel {
    background: url(../images/naturel.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 160px;
    margin-left: 30px;
}

.img_livre {
    background: url(../images/livre_huiles_essentielles.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 0px;
    margin-left: 30px;
    display: block;
}

.img_livre a {
    display: block;
    width: 136px;
    height: 136px;
}

.btn_add_cart {
    background: url(../images/cart_add.png);
    background-repeat: no-repeat;
    height: 16px;
    border: 0px;
    cursor: pointer;
    padding-left: 18px;
    margin-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 9px;
    font-weight: bold;
}

.prix_info {
    font-size: 15px;
    color: #008e4a;
}

.img_citrons {
    background: url(../images/citrons.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 130px;
    margin-left: 30px;
}

.img_distillation {
    background: url(../images/distill.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 100px;
    margin-left: 30px;
}

.img_huile_branche {
    background: url(../images/huile_branche.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
    margin-left: 30px;
}

.img_tube_essai {
    background: url(../images/tube_essai.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 20px;
    margin-left: 30px;
}

.img_etiquetage {
    background: url(../images/etiquetage.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 210px;
    margin-top: 20px;
    margin-left: 30px;
}

.img_menthe {
    background: url(../images/menthe.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 100px;
    margin-left: 30px;
}

.img_flacons {
    background: url(../images/flacons.gif);
    background-repeat: no-repeat;
    width: 136px;
    height: 136px;
    margin-top: 110px;
    margin-left: 30px;
}

.inc_btn_retour {
    height: 20px;
    clear: both;
    margin-top: 20px;
}

.btn_retour {
    float: right;
    clear: both;
    background: url(../images/btn_retour.gif);
    background-repeat: no-repeat;
    width: 59px;
    height: 20px;
    cursor: pointer;
    margin-top: 4px;
}

.btn_retour:hover {
    float: right;
    background: url(../images/btn_retour_hover.gif);
    background-repeat: no-repeat;
    width: 59px;
    height: 20px;
    cursor: pointer;
}


/************************************************************************/


/*							MENU GAUCHE TOUT SAVOIR						*/


/************************************************************************/

#menu_gauche_tout_savoir {
    font-weight: normal;
    text-align: left;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    font-size: 11px;
    font-weight: bold;
    width: 170px;
}

#menu_gauche_tout_savoir a {
    color: #003399;
    /* modif Lionel � partir de 3F87C7 */
    line-height: 15px;
}

#menu_gauche_tout_savoir .titre_detail {
    font-size: 14px;
    margin-bottom: 7px;
    text-align: center;
    color: #E7395D;
}


/*********************** documents à télécharger *******************/

#global_nous_contacter h5 {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    font-style: italic;
}

#download_list {
    margin-top: 15px;
}

#global_nous_contacter .login {
    margin-top: 30px;
}

#global_nous_contacter .login .cadre_account {
    margin-left: 115px;
    margin-top: 20px;
    border-color: #996600;
    margin-bottom: 20px;
    float: none;
}

#global_nous_contacter .login .form_account .inputform {
    border-color: #996600;
}

.dtl .ico_zip,
.dtl .ico_pdf,
.dtl .ico_lien {
    width: 20px;
    height: 20px;
    /*	margin-bottom:-3px;*/
    display: inline-block;
}

.dtl .ico_zip {
    background: url("../images/ico_zip.gif") no-repeat left bottom;
}

.dtl .ico_pdf {
    background: url("../images/ico_pdf.png") no-repeat left bottom;
    position: relative;
    top: 2px;
}

.dtl .ico_lien {
    background: url("../images/arrow_right.gif") no-repeat left bottom;
    position: relative;
    left: 4px;
    top: 0px;
}

.dtl {
    list-style-type: none;
}

.dtl li {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.dtl li a {
    color: #003399;
}

.dtl li a:hover {
    color: #B82010;
}


/* lien dans le menu */

#menu_dtl a:hover {
    text-decoration: underline;
}

#menu_dtl .ico_pdf {
    position: relative;
    top: 4px;
}


/*********************** infos compte *******************/

#mon_panier p,
#mon_profil p {
    padding: 5px 5px 2px 5px;
    text-align: center;
    font-weight: bold;
}

#mon_panier p a,
#mon_profil p a {
    color: #996600;
    text-align: center;
    font-weight: bold;
}

select.pays {
    border: 1px solid #8e4e9f;
}


/*********************** infobulle d�tail produit *******************/

a.info {
    position: relative;
    z-index: 24;
    color: #000;
    text-decoration: none;
}

a.info:hover {
    z-index: 25;
}

a.info span {
    display: none;
}

a.info:hover span {
    /*le contenu de la balise span ne
	sera visible que pour l'�tat a:hover */
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 20em;
    border: 1px solid #e8a537;
    background-color: #F9E4C9;
    color: #9556a2;
    font-weight: none;
    padding: 5px;
}

.select_prix {
    text-align: right;
    width: 100px;
    margin-bottom: 5px;
}

#contact_quant_indispo a {
    font-weight: bold;
    text-decoration: underline;
}

.select_prix_promo {
    text-align: right;
    width: 127px;
    color: #E9395D;
    font-weight: bold;
}

.select_prix_detail {
    text-align: right;
    width: 127px;
}

.select_prix_promo_detail {
    text-align: right;
    width: 170px;
    color: #E9395D;
    font-weight: bold;
}

.liste_prix {
    text-align: right;
}

.prix {
    text-align: right;
    padding-right: 2px;
}

div.place {
    clear: both;
    margin: 0px;
    padding: 0px;
}

img.pharm {
    float: right;
    margin-right: 3px;
}

img.pharm_grand {
    margin-left: 33px;
    /*width:43px;*/
    height: 45px;
    margin-bottom: 10px;
}

img.prod_une {
    float: right;
    height: 45px;
}

div.liste_logo {
    height: 25px;
    /*width: 320px;*/
    margin-left: 5px;
    margin-top: 3px;
    font-size: 16px;
}

div.texte_article {
    margin-left: 5px;
    margin-top: 3px;
    padding-top: 3px;
}

.separation_formation img {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 20%;
}

a.titre_article {
    float: left;
}

p.noir {
    color: #3A3939;
    font-weight: normal;
}

.noirnoir {
    color: #3A3939;
    font-weight: bold;
    text-align: center;
}

p.noir_decalage {
    color: #3A3939;
    font-weight: normal;
    text-indent: 10px;
}

div.cpte {
    /*width:400px;height:170px;*/
    clear: both;
}

div.cpte1 {
    width: 400px;
    height: 100px;
    clear: both;
}

div.gene_cpte {
    margin-left: 150px;
}

img.picto_ab {
    float: right;
}

p.text_mode {
    float: left;
    width: 36px;
    height: 43px;
}

p.prod {
    width: 250px;
    float: left;
}

div.pousseur {
    clear: both;
}

.titre_det {
    text-align: left;
    padding-top: 15px;
}

hr.vert {
    background: #008E4A;
    color: #008E4A;
    border: 1px;
    height: 1px;
}

div.left_nom {
    width: 330px;
    height: 20px;
    margin-left: 150px;
}

.felo {
    text-align: center;
    color: #003399;
}


/* modif Lionel � partir de 3F87C7 */

.rouge_dispo {
    color: red;
    padding-left: 8px;
}

img.indispo {
    vertical-align: text-bottom;
}

div.date_evenement {
    color: #003399;
    font-weight: bold;
    font-size: 14px;
}


/* modif Lionel � partir de 3F87C7 */

div.prod_associes {
    color: #003399;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}


/* modif Lionel � partir de 3F87C7 */

span.padd {
    padding-left: 150px;
}

.chroma {
    text-align: center;
}

a.pdf {
    /*background:url(../images/fic_pdf.gif) no-repeat top left;*/
    /*padding-left:19px;*/
    text-decoration: none;
    height: 20px;
    display: block;
    color: #e7395d;
    text-align: center;
    padding-bottom: 10px;
}

a.pdf:hover {
    text-decoration: underline;
}

a.suivante {
    float: right;
    margin-bottom: 5px;
    color: #8e4e9f;
}

a.suivante:hover {
    color: #8e4e9f;
    text-decoration: underline;
}

a.precedente {
    float: left;
    margin-bottom: 5px;
    color: #8e4e9f;
}

a.precedente:hover {
    color: #8e4e9f;
    text-decoration: underline;
}

span.souligne {
    text-decoration: underline;
    font-weight: normal;
}

a.actu_stages {
    color: #C29752;
}

a.actu_stages:hover {
    text-decoration: underline;
}

img.img_actu_stages {
    margin-right: 25px;
    margin-bottom: 25px;
    float: left;
    clear: both;
}

a.info_leg_site {
    color: #276BB6;
}

a.info_leg_site:hover {
    text-decoration: underline;
    font-weight: bold;
}

a.info_leg_mail {
    color: #276BB6;
}

a.info_leg_mail:hover {
    font-weight: bold;
}

span.txt_barre {
    text-decoration: line-through;
    color: #E9395D;
    font-weight: bold;
}

span.prix_sans_arrhes {
    text-align: left;
    font-style: italic;
    font-size: 11px;
}

span.prix_arrhes {
    text-align: right;
    font-size: 11px;
    font-weight: bold;
}

td.prix_sans_arrhes {
    text-align: left;
    font-style: italic;
    /*font-size:11px;*/
}

td.prix_arrhes {
    text-align: middle;
    /*font-size:11px;*/
    font-weight: bold;
}

table.detail_produit td.prix_sans_arrhes,
table.detail_produit td.prix_arrhes {
    font-size: 13px;
}


/************************* AFFICHAGE ZOOM DES IMAGES PRODUITS *****************************************************/

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox img {
    width: auto;
    height: auto;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer>#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink,
#nextLink {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA);
    /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover,
#prevLink:visited:hover {
    background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,
#nextLink:visited:hover {
    background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData {
    padding: 0 10px;
    color: #666;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #CCCCCC;
}


/*.colorlettre{ padding:4px;color:#003399; }*/


/* modif Lionel � partir de 3F87C7 */

.s {
    text-decoration: underline;
}

.erreur {
    color: red;
}

.clear {
    clear: both;
    height: 15px;
}


/* ----- Menus d�roulants --- */


/*
ul ul {display: none;}
li:hover ul.niveau2, li li:hover ul.niveau3 {display:block;}
*/


/*
ul ul
{
	display: none;
	z-index:2;
	font-size: 9px;

}*/


/*
#menu_tout_savoir :hover
{
	font-size:12px;
	text-align:left;
}
*/

#menu_boutique_myrtea li {
    list-style-type: none;
    position: relative;
    /*width: 140px; */
    z-index: 2;
}

#menu_tout_savoir li {
    list-style-type: none;
    position: relative;
    /*width: 140px; */
    z-index: 2;
}

.niveau2 li {
    font-size: 12px;
    text-align: left;
    background-color: #fdfbef;
}

.niveau2 li a:hover {
    font-weight: bold;
    font-size: 14px;
    background-color: #ADD8E6;
    /*opacity: 0.9;*/
}

li:hover ul.niveau2 {
    display: block;
    background-color: #fdfbef;
    width: 200px;
    text-align: left;
}

li li:hover ul.niveau3 {
    display: block;
    background-color: #fdfbef;
    position: absolute;
    width: 200px;
    /*left: 140px; */
    left: 190px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}


/*----- Slider en CSS3 pour les actualit�s ---- */

#slideshow {
    position: relative;
    width: 640px;
    height: 310px;
    padding: 15px;
    margin: 0 auto 2em;
    border: 1px solid #ddd;
    background: #FFF;
    /* CSS3 effects */
    background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}


/* avanced box-shadow
 * tutorial @
 * http://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow
*/

#slideshow:before,
#slideshow:after {
    position: absolute;
    bottom: 16px;
    z-index: -10;
    width: 50%;
    height: 20px;
    content: " ";
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 20px 10px rgba(0, 0, 0, 0.7);
}

#slideshow:before {
    left: 0;
    transform: rotate(-4deg);
}

#slideshow:after {
    right: 0;
    transform: rotate(4deg);
}


/* gestion des dimensions et d�bordement du conteneur */

#slideshow .container {
    position: relative;
    width: 640px;
    height: 310px;
    overflow: hidden;
}


/* on pr�voit un petit espace gris pour la timeline */

#slideshow .container:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 1px;
    background: #999;
}


/*
   le conteneur des slides
   en largeur il fait 100% x le nombre de slides
*/

#slideshow .slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 400%;
    height: 310px;
}


/* annulation des marges sur figure */

#slideshow figure {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
}


/* petit effet de vignette sur les images */

#slideshow figure:after {
    position: absolute;
    display: block;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 65px rgba(0, 0, 0, 0.5) inset;
}


/* styles de nos l�gendes */

#slideshow figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    padding: 20px;
    margin: 0;
    border-top: 1px solid rgb(225, 225, 225);
    text-align: center;
    letter-spacing: 0.05em;
    word-spacing: 0.05em;
    font-family: Georgia, Times, serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    color: #555;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
}

@-webkit-keyframes {}

@-moz-keyframes {}

@keyframes slider {

    0%,
    20%,
    100% {
        left: 0
    }

    25%,
    45% {
        left: - 100%
    }

    50%,
    70% {
        left: - 200%
    }

    75%,
    95% {
        left: - 300%
    }
}


/* fonction d'animation, n'oubliez pas de prefixer ! */

@keyframes slider {

    0%,
    20%,
    100% {
        left: 0
    }

    25%,
    45% {
        left: -100%
    }

    50%,
    70% {
        left: -200%
    }

    75%,
    95% {
        left: -300%
    }
}


/* compl�tez le s�lecteur : */

#slideshow .slider {
    animation-name: slider;
    animation-duration: 32s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes {}

@-moz-keyframes {}

@keyframes figcaptionner {

    0%,
    25%,
    50%,
    75%,
    100% {
        bottom: - 55px;
    }

    5%,
    20%,
    30%,
    45%,
    55%,
    70%,
    80%,
    95% {
        bottom: 5px;
    }
}

@keyframes figcaptionner {

    0%,
    25%,
    50%,
    75%,
    100% {
        bottom: -55px;
    }

    5%,
    20%,
    30%,
    45%,
    55%,
    70%,
    80%,
    95% {
        bottom: 5px;
    }
}


/* ajouter � l'�l�ment : */

#slideshow figcaption {
    animation-name: figcaptionner;
    animation-duration: 32s;
    animation-iteration-count: infinite;
}

#slideshow .commands {
    position: absolute;
    top: 45%;
    padding: 5px 13px;
    border-bottom: 0;
    font-size: 1.3em;
    color: #aaa;
    text-decoration: none;
    background-color: #eee;
    background-image: linear-gradient(#fff, #ddd);
    text-shadow: 0 0 1px #aaa;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#slideshow .prev {
    left: -48px;
}

#slideshow .next {
    right: -48px;
}

#slideshow .commands {
    display: none;
}

#slideshow .commands1 {
    display: block;
}

#slideshow .c_slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 400%;
    height: 310px;
    /* multiple background */
    background: url(./images/slider_css3/HE_1.jpg) 0 0 no-repeat, url(./images/slider_css3/HE_2.jpg) 640px 0 no-repeat, url(./images/slider_css3/HE_3.jpg) 1280px 0 no-repeat, url(./images/slider_css3/HE_4.jpg) 1920px 0 no-repeat;
    transition: background 1s;
}

.dots_commands {
    padding: 0;
    margin: 32px 0 0;
    text-align: center;
}

.dots_commands li {
    display: inline;
    padding: 0;
    margin: 0;
}

.dots_commands a {
    position: relative;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 5px;
    text-indent: -9999px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) inset;
}


/* quelques styles au focus */

.dots_commands a:focus {
    outline: none;
    background: orange;
}

.dots_commands li:first-child a {
    z-index: 25;
}


/* on style after et before, on utilisera les deux */

.dots_commands li:first-child a:after,
.dots_commands li:first-child a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 8px;
    height: 8px;
    background: #bd9b83;
    z-index: 20;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) inset;
}


/* on anime "after" */

.dots_commands li:first-child a:after {
    animation-name: dotser;
    animation-duration: 32s;
    animation-iteration-count: infinite;
}


/* on cache "before", on l'utilise uniquement au clic (cf. bonux pr�c�dent) */

.dots_commands li:first-child a:before {
    display: none;
}


/* c'est parti pour l'animation ! */

@keyframes dotser {

    0%,
    100% {
        opacity: 1;
        left: 0;
    }

    20% {
        opacity: 1;
        left: 0;
    }

    22% {
        opacity: 0;
        left: 0;
    }

    23% {
        opacity: 0;
        left: 18px;
    }

    25% {
        opacity: 1;
        left: 18px;
    }

    45% {
        opacity: 1;
        left: 18px;
    }

    47% {
        opacity: 0;
        left: 18px;
    }

    48% {
        opacity: 0;
        left: 36px;
    }

    50% {
        opacity: 1;
        left: 36px;
    }

    70% {
        opacity: 1;
        left: 36px;
    }

    72% {
        opacity: 0;
        left: 36px;
    }

    73% {
        opacity: 0;
        left: 54px;
    }

    75% {
        opacity: 1;
        left: 54px;
    }

    95% {
        opacity: 1;
        left: 54px;
    }

    97% {
        opacity: 0;
        left: 54px;
    }

    98% {
        opacity: 0;
        left: 0;
    }
}


/*Si j'enl�ve �a �a marche ... */


/* on cache le slider */

.sl_i:target~#slideshow .slider {
    visibility: hidden
}


/* on planque la 1�re pastille (cf. bonux suivant) */

.sl_i:target~#slideshow .dots_commands li:first-child a:after {
    display: none;
}


/* pour afficher la 2�me pastille (cf. bonux suivant) */

.sl_i:target~#slideshow .dots_commands li:first-child a:before {
    display: block;
}


/* lorsque on cible le premier slider */


/* on cache tous les "pr�c�dent" et "suivant" */

#sl_i1:target~#slideshow .commands {
    display: none;
}


/* on affiche seulement deux fl�ches */

#sl_i1:target~#slideshow .commands1 {
    display: block;
}


/* correspond au d�calage des images */

#sl_i1:target~#slideshow .c_slider {
    background-position: 0 0, 640px 0, 1280px 0, 1920px 0;
}


/* on place la pastille tout � gauche */

#sl_i1:target~#slideshow .dots_commands li:first-child a:before {
    left: 0;
}


/* m�me proc�d� lorsqu'on cible le second slide */

#sl_i2:target~#slideshow .commands {
    display: none;
}

#sl_i2:target~#slideshow .commands2 {
    display: block;
}

#sl_i2:target~#slideshow .c_slider {
    background-position: -640px 0, 0 0, 640px 0, 1280px 0;
}

#sl_i2:target~#slideshow .dots_commands li:first-child a:before {
    left: 18px;
}


/* puis le 3�me */

#sl_i3:target~#slideshow .commands {
    display: none;
}

#sl_i3:target~#slideshow .commands3 {
    display: block;
}

#sl_i3:target~#slideshow .c_slider {
    background-position: -1280px 0, -640px 0, 0 0, 640px 0;
}

#sl_i3:target~#slideshow .dots_commands li:first-child a:before {
    left: 36px;
}


/* et enfin le 4�me */

#sl_i4:target~#slideshow .commands {
    display: none;
}

#sl_i4:target~#slideshow .commands4 {
    display: block;
}

#sl_i4:target~#slideshow .c_slider {
    background-position: -1920px 0, -1280px 0, -640px 0, 0 0;
}

#sl_i4:target~#slideshow .dots_commands li:first-child a:before {
    left: 54px;
}


/* TEST 2EME SLIDER */

div#slider_2 figure {
    position: relative;
    width: 500%;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: left;
}

div#slider_2 figure img {
    width: 20%;
    height: auto;
    float: left;
}

div#slider_2 {
    width: 30%;
    max-width: 80%;
    overflow: hidden
}

@keyframes slidy {
    0% {
        left: 0%;
    }

    20% {
        left: 0%;
    }

    25% {
        left: -100%;
    }

    45% {
        left: -100%;
    }

    50% {
        left: -200%;
    }

    70% {
        left: -200%;
    }

    75% {
        left: -300%;
    }

    95% {
        left: -300%;
    }

    100% {
        left: -400%;
    }
}

div#slider_2 figure {
    position: relative;
    width: 500%;
    margin: 0;
    padding: 0;
    font-size: 0;
    left: 0;
    text-align: left;
    animation: 30s slidy infinite;
    -webkit-transition: -webkit-transform 1s;
    transition: -ms-transform 1s;
    transition: transform 1s
}


/* FIN TEST 2EME SLIDER */


/*----- Menu page formations ------*/

#menu_page_formations {
    display: table;
    width: 750px;
    /*margin: 100px auto;*/
    padding: 0;
    background: linear-gradient(LightBlue, LightSkyBlue);
    background: -webkit-linear-gradient(LightBlue, dodgerblue);
    background: -moz-linear-gradient(LightBlue, dodgerblue);
    background: -ms-linear-gradient(LightBlue, dodgerblue);
    background: -o-linear-gradient(LightBlue, dodgerblue);
    background: linear-gradient(LightBlue, dodgerblue);
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

#menu_page_formations li {
    display: table-cell;
    padding-left: 5px;
}

#menu_page_formations li a {
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .7);
    text-decoration: none;
    padding: 8px 8px 17px 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 hsl(210, 100%, 32%) inset, 0 -2px 0 hsl(210, 100%, 38%) inset, 0 -3px 0 hsl(210, 100%, 44%) inset, 0 -4px 0 hsl(210, 100%, 50%) inset,
        /* 0 -5px 0 hsl(210, 100%, 60%) inset;*/
        transition: padding .3s, background .3s;
}

#menu_page_formations li:first-child a {
    border-radius: 3px 0 0 3px;
}

#menu_page_formations li:last-child a {
    border-radius: 0 3px 3px 0;
}

#menu_page_formations li a:hover,
#menu_page_formations li a:focus {
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 hsl(210, 100%, 42%) inset, 0 -2px 0 hsl(210, 100%, 48%) inset, 0 -3px 0 hsl(210, 100%, 54%) inset, 0 -4px 0 hsl(210, 100%, 60%) inset, 0 -5px 0 hsl(210, 100%, 70%) inset;
    padding: 8px 25px 17px 25px;
}

/ #menu_page_formations li a:active {
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    box-shadow: 0 0 2px rgba(0, 0, 0, .3) inset;
}


/*
#menu_page_formations li a::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 9px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
} */


/* Pour qu'il y ait une "lumiere"
#menu_page_formations li a:hover::before,
#menu_page_formations li a:focus::before{
    background: white;
    box-shadow: 0 0 2px white,
                0 -1px 0 rgba(0, 0, 0, .4);
} */

.menu_formations_niveau2 ul {
    display: none;
    list-style-type: none;
}

.menu_formations_niveau2 li a {
    display: block;
    float: none;
}

.menu_formations_niveau2 li {
    font-size: 12px;
    text-align: left;
    background-color: #green;
    display: none;
    float: none;
}

.menu_formations_niveau2 li ul {
    display: block;
    position: absolute;
}

.menu_formations_niveau2 li a:hover {
    font-weight: bold;
    font-size: 12px;
    background-color: #CDEDF9;
    border-radius: 3px;
    display: block;
    float: none;
    /*opacity: 0.9;*/
}

.menu_formations_niveau2 li:hover ul li {
    display: block;
    float: none;
}

li:hover ul.menu_formations_niveau2 {
    display: block;
    float: none;
    background-color: #CDEDF9;
    color: rgba(0, 0, 0, .7);
    width: 150px;
    text-align: left;
    position: absolute;
}

.bloc_bas_ml_cgv {
    width: 50%;
    margin-left: 35%;
    margin-right: 15%;
}

.encart_reseaux_sociaux {
    margin-left: 7px;
    width: 195px;
    height: 50px;
    background-color: lightgrey;
    opacity: 0.8;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-radius: 5px;
}

.encart_reseaux_sociaux a:hover {
    background-color: white;
    opacity: 0.3;
}

.likebox_facebook {
    margin-top: 150px;
    width: 200px;
    height: 300px;
}

.encart_livredor {
    margin-top: 220px;
    width: 220px;
    height: 100px;
    border: solid 2px green;
    border-radius: 5px;
    background-color: #e3ead8;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.encart_livredor_central {
    display: inline-block;
    margin-left: 80px;
    margin-top: 50px;
    width: 220px;
    /*height: 100px;*/
    border: solid 2px green;
    border-radius: 5px;
    background-color: #e3ead8;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.encart-avis-livredor {
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.encart-img-livredor {
    display: inline-block;
    background-color: blue;
    float: right;
}

#liste_classiques_massages {
    font-size: 15px;
}

#liste_classiques_massages li {
    font-family: Arial, sans-serif;
    font-size: 100%;
    color: black;
    list-style-type: none;
    background-image: url(/images/stages/puce-massages.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}


/* Menu page tout savoir */

#menu_page_tout_savoir {
    display: table;
    width: 550px;
    font-size: 12px;
    /*margin: 100px auto;*/
    padding: 0;
    background: linear-gradient(LightBlue, LightSkyBlue);
    background: -webkit-linear-gradient(LightBlue, dodgerblue);
    background: -moz-linear-gradient(LightBlue, dodgerblue);
    background: -ms-linear-gradient(LightBlue, dodgerblue);
    background: -o-linear-gradient(LightBlue, dodgerblue);
    background: linear-gradient(LightBlue, dodgerblue);
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

#menu_page_tout_savoir li {
    display: table-cell;
    padding-left: 5px;
}

#menu_page_tout_savoir li a {
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .7);
    text-decoration: none;
    padding: 8px 8px 17px 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 hsl(210, 100%, 32%) inset, 0 -2px 0 hsl(210, 100%, 38%) inset, 0 -3px 0 hsl(210, 100%, 44%) inset, 0 -4px 0 hsl(210, 100%, 50%) inset,
        /* 0 -5px 0 hsl(210, 100%, 60%) inset;*/
        transition: padding .3s, background .3s;
}

#menu_page_tout_savoir li:first-child a {
    border-radius: 3px 0 0 3px;
}

#menu_page_tout_savoir li:last-child a {
    border-radius: 0 3px 3px 0;
}

#menu_page_tout_savoir li a:hover,
#menu_page_tout_savoir li a:focus {
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 hsl(210, 100%, 42%) inset, 0 -2px 0 hsl(210, 100%, 48%) inset, 0 -3px 0 hsl(210, 100%, 54%) inset, 0 -4px 0 hsl(210, 100%, 60%) inset, 0 -5px 0 hsl(210, 100%, 70%) inset;
    padding: 8px 25px 17px 25px;
}

#menu_page_tout_savoir li a:active {
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    box-shadow: 0 0 2px rgba(0, 0, 0, .3) inset;
}


/*
#bloc_pied_page
{
	display:block;
	width:100%;
	color:#5A5B5A;
	clear:both;
	background: #693374 none repeat scroll 0% 0%;
	font-family: "Source Sans Pro",sans-serif;
	font-size:12px;
	padding-top:15px;
	padding-bottom:15px;
}*/

#bloc_pied_page {
    display: block;
    width: 100%;
    color: #5A5B5A;
    clear: both;
    background: #693374 none repeat scroll 0% 0%;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    top: 150px;
    position: relative;
}

.title_footer {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}

.title_footer a {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}

#bas_colonne1 {
    /*margin-left:4%;*/
    /*10%;*/
    display: inline-block;
    vertical-align: top;
    color: white;
    /*#5A5B5A;*/
    font-weight: bold;
    /*min-width:23%;*/
    text-align: left;
}

#bas_colonne1 ul {
    color: #5A5B5A;
}

#bas_colonne1 a {
    color: white;
    /*#5A5B5A;*/
    font-weight: normal;
}

#bas_colonne1 a:hover {
    color: white;
    /*#5A5B5A;*/
    text-decoration: underline;
    font-weight: normal;
}

#bas_colonne2 {
    display: inline-block;
    vertical-align: top;
    margin-left: 4%;
    color: white;
    /*#5A5B5A;*/
    /*min-width:23%;*/
    font-weight: normal;
    text-align: left;
    margin-bottom: 2%;
}

#bas_colonne2 a {
    color: white;
    font-weight: normal;
}

#bas_colonne2 a:hover {
    color: white;
    /*#5A5B5A;*/
    text-decoration: underline;
}

#bas_colonne3 {
    display: inline-block;
    vertical-align: top;
    margin-left: 4%;
    color: white;
    /*#5A5B5A;*/
    /*min-width:23%;*/
    font-weight: bold;
    text-align: left;
}

#bas_colonne3 a {
    color: white;
    /*#5A5B5A;*/
    font-weight: normal;
}

#bas_colonne3 a:hover {
    color: white;
    /*#5A5B5A;*/
    text-decoration: underline;
}

#bas_colonne4 {
    display: inline-block;
    vertical-align: top;
    margin-left: 4%;
    color: white;
    /*#5A5B5A;*/
    font-weight: normal;
    text-align: left;
}

#bas_colonne4 a {
    color: white;
    /*#5A5B5A;*/
}

#bas_colonne4 a:hover {
    opacity: 0.3;
}

#avis_client_colonne1 {
    min-width: 10%;
    /*20%;*/
    max-width: 15%;
    display: inline-block;
    vertical-align: top;
    font-family: "Source Sans Pro", sans-serif;
    /*font-size: 13px;*/
    /*margin-left:4%;*/
}

#avis_client_colonne2 {
    min-width: 10%;
    /*20%;*/
    max-width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-left: 8%;
    /*4%;*/
    font-family: "Source Sans Pro", sans-serif;
    /*font-size: 13px;*/
}

#avis_client_colonne3 {
    min-width: 10%;
    /*20%;*/
    max-width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-left: 8%;
    /*4%;*/
    font-family: "Source Sans Pro", sans-serif;
    /*font-size: 13px;*/
}

#avis_client_colonne4 {
    min-width: 10%;
    /*20%;*/
    max-width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-left: 8%;
    /*4%;*/
    font-family: "Source Sans Pro", sans-serif;
    /*font-size: 13px;*/
}

.avis_client_qualite_colonne {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

#lien-cycle a:hover {
    font-weight: bold;
}

.txt_part_left {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    margin-top: 10px;
}

.img_part_right {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.img_part_right img {
    width: 70%;
}

.txt_part_right {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    margin-top: 10px;
}

.img_part_left {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.img_part_left img {
    width: 70%;
}

.btn_general {
    margin-left: 40%;
    width: 150px;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    margin-top: 10px;
    cursor: pointer;
    color: white;
}

.btn_general a {
    text-decoration: none;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: white;
}

.btn_general:hover {
    opacity: 0.8;
}

.btn_deconnexion {
    margin-left: 40%;
    width: 150px;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    margin-top: 10px;
    cursor: pointer;
}

.btn_deconnexion a {
    text-decoration: none;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: white !important;
}

.btn_deconnexion:hover {
    opacity: 0.8;
}

.btn_dde_devis {
    text-decoration: none;
    display: inline-block;
    width: 250px;
    background-color: #d59d45;
    padding: 8px;
    border: solid 3px #d59d45;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 16px;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

.btn_inscription_cycle {
    width: 250px;
    background-color: #d59d45;
    padding: 8px;
    border: solid 3px #d59d45;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
}

.btn_inscription_cycle a {
    text-decoration: none;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: white !important;
}

.btn_inscription_cycle:hover {
    opacity: 0.8;
    text-decoration: none;
}

#resultat_mise_au_panier_cycle,
#resultat_mise_au_panier {
    display: none;
    font-size: 15px;
    font-weight: normal;
    /*bold;*/
    font-family: Source Sans Pro, sans-serif;
    color: #3A3939;
    border: solid 1px #693374;
    width: 50%;
    margin-top: 10px;
    margin-left: 25%;
    margin-right: 10%;
    padding: 10px;
    text-align: center;
}

#resultat_mise_au_panier_cycle,
#resultat_mise_au_panier a:hover {
    font-weight: bold;
}

#liste_monos_gauche {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

#liste_monos_droite {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

#fiches_HE,
#fiches_H,
#fiches_HV {
    text-align: center;
}

#contributeur {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 33%;
}

#main_aromatheque {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.sous_cadre {
    /*opacity:0.1;*/
    width: 250px;
    height: 250px;
    margin: 30px 30px;
    display: inline-block;
    vertical-align: top;
}

.cadre {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 30px 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    /*box-shadow: 5px 3px 5px 3px rgba(0, 0, 0, 0.10),
				-1px 2px 20px rgba(255, 255, 255, 0.6) inset;*/
    box-sizing: border-box;
}

.cadre a:hover {
    text-decoration: none;
}

.sous_cadre_categ_formule {
    opacity: 0.1;
    width: 200px;
    height: 200px;
    margin: 30px 30px;
    display: inline-block;
    vertical-align: top;
}

.cadre_categ_formule {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 30px 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 5px 3px 5px 3px rgba(0, 0, 0, 0.10), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
    box-sizing: border-box;
}

p#container_aromatheque {
    background-color: white;
    opacity: 0.85;
    margin-top: 55%;
    height: 45%;
    overflow: hidden;
}

p#container_aromatheque a:hover {
    text-decoration: none !important;
    font-weight: bold;
}

p#container_aromatheque a img {
    width: 200px;
    margin: 5px;
}

p#container_aromatheque_formules {
    margin: 5px;
}

p#container_aromatheque_formules a:hover {
    text-decoration: none !important;
    font-weight: bold;
}

p#container_aromatheque_formules a img {
    width: 200px;
    margin: 5px;
}

.acces_rapide a img {
    width: 200px;
}

.acces_rapide_monos {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

span.fiche_categorie {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Century Gothic';
    opacity: 1;
}

span.fiche_titre {
    font-size: 22px;
    font-family: 'Cookie', cursive;
    opacity: 1;
}

span.formule_titre {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Century Gothic';
    opacity: 1;
    color: #693374;
}

span.formule_titre:hover {
    text-decoration: none;
    font-weight: bold;
}

span.formule_titre a:hover {
    text-decoration: none;
    font-weight: bold;
}

#formule_separation_spheres {
    margin-bottom: 3px;
}

#sphere {
    height: 50px;
    margin-top: 15px;
}

.intitule_cadre {
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
}

.texte_cadre {
    font-size: 14px;
}

.btn_aromatheque {
    width: 90px;
    background-color: #693374;
    padding: 8px;
    border: solid 3px #693374;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
}

.btn_aromatheque a {
    text-decoration: none;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: white !important;
    display: block;
    width: 100%;
    height: 100%;
}

.btn_aromatheque:hover {
    opacity: 0.8;
    text-decoration: none;
}

.submit_aromatheque {
    width: 50px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #693374;
    padding: 5px;
    border: solid 3px #693374;
    color: white;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}


/* ELEMENTS POUR LE RESPONSIVE DESIGN, non pr�sents pour la version Desktop */

#infos_ponctuelles_mobile {
    display: none;
}

#menu_mobile {
    display: none;
}

#menu-icon {
    display: hidden;
    width: 40px;
    height: 40px;
    background: #4C8FEC url(../img/menu-icon.png) center;
}

a:hover#menu-icon {
    background-color: #444;
    border-radius: 4px 4px 0 0;
}

#recherche_mobile {
    display: none;
}

#recherche_design_mobile {
    display: none;
}

#titre_site_mobile {
    display: none;
}

.img_equipe_myrtea_right_mobile {
    display: none;
}


/* **** Pour RESPONSIVE DESIGN ***** */


/* R�f�rence : ordi Caro */

@media all and (min-width: 1601px) and (max-width: 2000px) {
    header {
        width: 100%;
    }

    /* En Tete */
    #identification {
        font-weight: normal;
        font-size: 15px;
        /*margin-top:50px;*/
    }

    #identification_compte {
        margin-left: 65px;
        font-size: 18px;
    }

    #panier_client {
        font-size: 18px;
    }

    #recherche {
        /*    margin-left: 81%;
            margin-top:8.2%;*/
    }

    #recherche_design {
        width: 280px;
    }

    #recherche_design input[type="text"] {
        width: 230px;
    }

    #menu-accordeon ul {
        top: 25px;
        /*right:-15px;*/
    }

    #boutique_formations {
        /* margin-left: 4%;
            padding-top: 117px;*/
        /* font-size:30px; */
    }

    #boutique_formations .boutique_entete a {
        font-size: 25px;
        font-weight: normal;
    }

    #boutique_formations .formation_entete a {
        font-size: 25px;
        font-weight: normal;
    }

    #boutique_formations .boutique_entete a:hover {
        font-size: 25px;
    }

    #boutique_formations .formation_entete a:hover {
        color: #693374;
        font-size: 25px;
    }

    /* Menu d�roulant */
    .dropdown_1column {
        width: 140px;
        font-size: 16px;
    }

    .dropdown_2columns {
        width: 280px;
    }

    .dropdown_3columns {
        width: 420px;
    }

    .dropdown_4columns {
        width: 560px;
    }

    .dropdown_5columns {
        width: 97%;
        /*95.5%*/
        ;
        z-index: 4;
    }

    /*width: 95.2%;*/
    #menu_entete_deroulant li:hover .dropdown_1column,
    #menu_entete_deroulant li:hover .dropdown_2columns,
    #menu_entete_deroulant li:hover .dropdown_3columns,
    #menu_entete_deroulant li:hover .dropdown_4columns,
    #menu_entete_deroulant li .anim .dropdown_5columns,
    #menu_entete_deroulant li:hover .dropdown_5columns {
        left: -1px;
        top: auto;
        height: 270px;
        /*290*/
    }

    #menu_entete_deroulant h1 {
        font-size: 17px;
    }

    #menu_entete_deroulant li {
        font-size: 20px;
    }

    #menu_entete_deroulant li:hover {
        font-size: 20px;
    }

    #menu_entete_deroulant li a:hover {
        font-size: 20px;
    }

    #menu_entete_deroulant li a {
        font-size: 20px;
    }

    .col_1 h1 {
        font-size: 19px;
    }

    .col_1 p {
        font-size: 16px;
    }

    .col_4 {
        width: 20.5%;
        margin-right: 4.5%;
    }

    #menu_entete_deroulant li:hover div a {
        font-size: 16px;
        font-weight: normal;
        color: #015b86;
        /*margin-top:20%;*/
    }

    #menu_entete_deroulant li:hover .menu_formations {
        font-size: 16px;
    }

    #menu_entete_deroulant li .menu_formations a:hover {
        font-size: 16px;
    }

    /*Page equipe myrtea */
    #stage_recap_first .description_fonction {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 5px;
        color: #6E1480;
        font-style: normal;
        font-size: 18px;
    }

    #stage_recap div.img_equipe_myrtea_left {
        margin-left: 45px;
    }

    #stage_recap .texte_equipe {
        display: inline-block;
        vertical-align: middle;
        width: 75%;
        margin-left: 45px;
    }

    #stage_recap .nom_prenom {
        font-weight: bold;
        color: #6E1480;
        font-size: 20px;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: bottom;
    }

    #stage_recap .description_fonction {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 5px;
        color: #6E1480;
        font-style: normal;
        font-size: 18px;
    }

    #stage_recap .fonction {
        font-size: 18px;
    }

    #stage_recap .sous_titre_equipe {
        text-align: center;
        font-size: 25px;
        font-weight: normal;
        margin-bottom: 25px;
        color: #5F4680;
    }

    /* Modification des tailles des polices d'�critures*/
    .titre_rubrique {
        font-size: 25px;
        font-weight: bold;
    }

    #stage_recap_first .sous_titre {
        font-size: 24px;
    }

    #stage_recap_first .titre_rubrique {
        font-size: 25px;
    }

    #stage_recap_first .titre_page {
        font-size: 30px;
        margin-top: 20px;
    }

    #stage_recap_first {
        font-size: 16px;
        padding: 15px 200px;
    }

    #stage_recap .sous_titre {
        font-size: 24px;
    }

    #stage_recap .titre_rubrique {
        font-size: 25px;
    }

    #stage_recap .titre_page {
        font-size: 30px;
        margin-top: 20px;
    }

    #stage_recap {
        font-size: 16px;
        padding: 15px 200px;
    }

    .titre_actus_account {
        font-size: 20px;
    }

    .titre_actus_account_formateur {
        font-size: 20px;
    }

    .intro_actus_account_formateur {
        font-size: 14px;
    }

    #accueil_certificat_aromatologue {
        font-size: 16px;
        padding: 15px 200px;
    }

    #accueil_certificat_aromatologue .titre_rubrique {
        font-size: 25px;
    }

    #accueil_certificat_aromatologue p {
        font-size: 16px !important;
    }

    #accueil_certificat_reflexologue .titre_rubrique {
        font-size: 25px;
    }

    #accueil_certificat_reflexologue p {
        font-size: 16px !important;
    }

    #accueil_boutique {
        font-size: 16px;
        padding: 15px 200px;
    }

    #accueil_boutique .titre_rubrique {
        font-size: 25px;
    }

    #accueil_boutique p {
        font-size: 16px !important;
    }

    #accueil_avis_clients .titre_rubrique {
        font-size: 25px;
    }

    #avis_client_colonne1 {
        font-size: 16px;
    }

    #avis_client_colonne2 {
        font-size: 16px;
    }

    #avis_client_colonne3 {
        font-size: 16px;
    }

    #avis_client_colonne4 {
        font-size: 16px;
    }

    #bloc_pied_page {
        font-size: 16px;
    }

    .title_footer {
        font-size: 19px;
    }

    .title_footer a {
        font-size: 19px !important;
    }
}


/* R�f�rence : ordi V�ro */

@media all and (min-width: 1400px) and (max-width: 1600px) {
    header {
        width: 100%;
    }

    #recherche_design input[type="text"] {
        width: 230px;
    }

    #recherche_design {
        width: 280px;
    }

    #identification {
        width: 365px;
    }

    #infos_ponctuelles_mobile {
        display: none;
    }

    #boutique_formations {
        font-size: 30px;
    }

    #boutique_formations .boutique_entete a {
        font-size: 25px;
        font-weight: normal;
    }

    #boutique_formations .formation_entete a {
        font-size: 25px;
        font-weight: normal;
    }

    #boutique_formations .boutique_entete a:hover {
        font-size: 25px;
    }

    #boutique_formations .formation_entete a:hover {
        color: #693374;
        font-size: 25px;
    }

    /* Menu d�roulant */
    .dropdown_1column {
        width: 140px;
        font-size: 16px;
    }

    .dropdown_2columns {
        width: 280px;
    }

    .dropdown_3columns {
        width: 420px;
    }

    .dropdown_4columns {
        width: 560px;
    }

    .dropdown_5columns {
        width: 97%;
        /*95.5%*/
        ;
        z-index: 4;
    }

    /*width: 95.2%;*/
    #menu_entete_deroulant li:hover .dropdown_1column,
    #menu_entete_deroulant li:hover .dropdown_2columns,
    #menu_entete_deroulant li:hover .dropdown_3columns,
    #menu_entete_deroulant li:hover .dropdown_4columns,
    #menu_entete_deroulant li .anim .dropdown_5columns,
    #menu_entete_deroulant li:hover .dropdown_5columns {
        left: -1px;
        top: auto;
        height: 270px;
    }

    #menu_entete_deroulant li {
        font-size: 16px;
    }

    #menu_entete_deroulant li:hover {
        font-size: 16px;
    }

    #menu_entete_deroulant li a:hover {
        font-size: 16px;
    }

    #menu_entete_deroulant li a {
        font-size: 16px;
    }

    .col_1 h1 {
        font-size: 17px;
    }

    .col_1 p {
        font-size: 16px;
    }

    #menu_entete_deroulant li:hover div a {
        font-size: 16px;
        font-weight: normal;
        color: #015b86;
        /*margin-top:20%;*/
    }

    #menu_entete_deroulant li:hover .menu_formations {
        font-size: 16px;
    }

    #menu_entete_deroulant li .menu_formations a:hover {
        font-size: 16px;
    }

    /*Page equipe myrtea */
    #stage_recap div.img_equipe_myrtea_left {
        margin-left: 45px;
    }

    #stage_recap_first .description_fonction {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 5px;
        color: #6E1480;
        font-style: normal;
        font-size: 18px;
    }

    #stage_recap .texte_equipe {
        display: inline-block;
        vertical-align: middle;
        width: 75%;
        margin-left: 45px;
    }

    #stage_recap .nom_prenom {
        font-weight: bold;
        color: #6E1480;
        font-size: 20px;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: bottom;
    }

    #stage_recap .description_fonction {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 5px;
        color: #6E1480;
        font-style: normal;
        font-size: 18px;
    }

    #stage_recap .fonction {
        font-size: 18px;
    }

    #stage_recap .sous_titre_equipe {
        /*margin-left:5%;*/
        text-align: center;
        font-size: 25px;
        font-weight: normal;
        margin-bottom: 25px;
        color: #5F4680;
    }

    /* Modification des tailles des polices d'�critures*/
    .titre_rubrique {
        font-size: 25px;
        font-weight: bold;
    }

    #stage_recap_first .titre_rubrique {
        font-size: 25px;
    }

    #stage_recap_first .titre_page {
        font-size: 30px;
        margin-top: 20px;
    }

    #stage_recap_first {
        font-size: 16px;
    }

    #stage_recap .titre_rubrique {
        font-size: 25px;
    }

    #stage_recap .titre_page {
        font-size: 30px;
        margin-top: 20px;
    }

    #stage_recap {
        font-size: 16px;
    }

    .titre_actus_account {
        font-size: 20px;
    }

    .titre_actus_account_formateur {
        font-size: 20px;
    }

    .intro_actus_account_formateur {
        font-size: 14px;
    }

    #accueil_certificat_aromatologue .titre_rubrique {
        font-size: 25px;
    }

    #accueil_certificat_aromatologue p {
        font-size: 16px !important;
    }

    #accueil_certificat_reflexologue .titre_rubrique {
        font-size: 25px;
    }

    #accueil_certificat_reflexologue p {
        font-size: 16px !important;
    }

    #accueil_boutique .titre_rubrique {
        font-size: 25px;
    }

    #accueil_boutique p {
        font-size: 16px !important;
    }

    #accueil_avis_clients .titre_rubrique {
        font-size: 25px;
    }

    #avis_client_colonne1 {
        font-size: 16px;
    }

    #avis_client_colonne2 {
        font-size: 16px;
    }

    #avis_client_colonne3 {
        font-size: 16px;
    }

    #avis_client_colonne4 {
        font-size: 16px;
    }

    #bloc_pied_page {
        font-size: 16px;
    }

    .title_footer {
        font-size: 19px;
    }

    .title_footer a {
        font-size: 19px !important;
    }
}

@media all and (min-width: 1280px) and (max-width: 1400px) {
    header {
        width: 100%;
    }

    .dropdown_1column {
        width: 140px;
    }

    .dropdown_2columns {
        width: 280px;
    }

    .dropdown_3columns {
        width: 420px;
    }

    .dropdown_4columns {
        width: 560px;
    }

    .dropdown_5columns {
        width: 95.5%;
        z-index: 4;
    }

    #infos_ponctuelles_mobile {
        display: none;
    }

    #menu_entete_deroulant li:hover .dropdown_1column,
    #menu_entete_deroulant li:hover .dropdown_2columns,
    #menu_entete_deroulant li:hover .dropdown_3columns,
    #menu_entete_deroulant li:hover .dropdown_4columns,
    #menu_entete_deroulant li .anim .dropdown_5columns,
    #menu_entete_deroulant li:hover .dropdown_5columns {
        left: -1px;
        top: auto;
        height: 270px;
    }

    #cac_recherche {
        font-size: 10px;
    }

    #stage_recap_first {
        padding: 15px 80px;
    }

    #stage_recap {
        padding: 15px 80px;
    }

    .avis_client_qualite_colonne {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }
}


/*MEDIA QUERY*/


/*@media only screen and (max-width : 1015px) {*/

@media all and (min-width: 950px) and (max-width: 1280px) {
    header {
        width: 100%;
    }

    #menu_entete_deroulant li {
        font-size: 12px;
    }

    #menu_entete_deroulant li a {
        font-size: 12px;
    }

    #menu_entete_deroulant li a:hover {
        font-size: 12px;
    }

    .col_1 {
        width: 25%;
    }

    .col_2 {
        width: 23%;
        /*20.5%;*/
    }

    .col_3 {
        width: 23%;
        /*20.5%;*/
    }

    .col_4 {
        width: 23%;
        /*20.5%;*/
    }

    #asterisk_menu {
        display: none;
    }

    #zone_recherche {
        width: 250px;
    }

    #cac_recherche {
        font-size: 10px;
    }

    #stage_recap_first {
        padding: 15px 50px;
    }

    #stage_recap {
        padding: 15px 50px;
    }

    #infos_ponctuelles_mobile {
        display: none;
    }

    .txt_actus_account {
        width: 45%;
        padding-right: 0px;
    }

    .tbl_catalogue_droite div.fiche_produit {
        margin-left: 10%;
    }

    .ajout_panier {
        margin-left: 10%;
    }

    table#liste_modules #nom_module {
        display: none;
    }

    table#liste_modules_cycle #nom_module {
        display: none;
    }

    .avis_client_qualite_colonne {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }

    /* Actus */
    #img_actu {
        max-width: 600px;
    }

    /* Page �quipe */
    #stage_recap_first .img_phrase {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .texte_equipe {
        width: 100%;
    }

    #stage_recap_first .url_video {
        display: none;
    }

    #stage_recap_first .image_equipe_right {
        display: none;
    }

    #stage_recap_first .phrase_equipe_right {
        display: none;
    }

    #stage_recap_first .img_phrase_mobile {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .img_equipe_myrtea_right_mobile {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .phrase_equipe_mobile {
        display: block;
        text-align: center;
        font-style: italic;
        margin-top: 10px;
        margin-bottom: 15px;
        color: #693374;
    }
}


/*MEDIA QUERY : Version tablette ou mobile paysage */

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

    /* En tete */
    /* Menu mobile */
    #menu-icon {
        display: inline-block;
        width: 50px;
        /*120px;*/
        height: 100px;
        /*120px;*/
        background: url(../images/icone-menu.png) no-repeat scroll center;
        background-size: 80%;
    }

    #infos_ponctuelles {
        display: none;
    }

    #infos_ponctuelles_mobile {
        display: block;
        border-color: #b03a4a;
        border-style: solid;
        border-width: 1px;
        width: 100%;
        background-color: #FFFFFF;
        font-size: 11px;
        font-weight: normal;
        text-align: center;
    }

    #infos_certifications {
        display: none;
    }

    #menu_mobile {
        width: 10%;
        /*40%;*/
        /*10%;*/
        display: inline-block;
        float: left;
        margin-left: 0px;
    }

    #logo_home {
        display: none;
    }

    #encart_bandeau {
        display: none;
    }

    /***** TEST pour format paysage*****/
    header {
        background-image: none;
        position: relative;
        width: 100%;
        z-index: 6;
        background-color: #693374;
        height: 120px;
    }

    #titre_logo_desktop {
        display: none;
    }

    #titre_site_mobile {
        font-size: 20px;
        display: inline-block;
        width: 30%;
        color: white;
        margin-left: 5%;
    }

    /* Images en tete */
    .full-img-pres {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .cta-button {
        width: auto;
    }

    .images_entete {
        width: 90%;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .image_bandeau {
        width: 100%;
        margin-right: 0px;
        height: none;
        display: block;
        text-align: left;
        height: inherit;
    }

    .link_bandeau img {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
    }

    .image_bandeau_bouton {
        font-size: 100%;
        width: 50%;
        top: inherit;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        text-align: justify;
        padding-top: 30px;
    }

    .image_bandeau_texte {
        background-color: white;
        border: none;
        color: #3A3939;
        font-weight: normal;
    }

    /* Boutique Oshadhi - Formations Myrt�a*/
    #boutique_formations {
        display: none;
    }

    #panier_client {
        display: none;
    }

    /***** FIN DU TEST format paysage ****/
    #identification {
        display: none;
    }

    #mobile_identification {
        width: 30%;
        /*65%*/
        display: inline-block;
        vertical-align: top;
        /*middle;	*/
        /*margin-left:28%;*/
        float: right;
    }

    #mobile_identification img {
        width: 23%;
        height: auto;
        margin-right: 10%;
        margin-top: 1.5%;
        /*1.5%;*/
        float: right;
    }

    #mobile_identification a:hover {
        opacity: 0.5;
    }

    #mobile_identification a:hover {
        opacity: 0.5;
    }

    #menu_entete_deroulant {
        display: none;
    }

    /* Recherche */
    .enTete_photo {
        display: none;
    }

    #recherche {
        display: none;
    }

    .enTete_photo_mobile {
        display: block;
    }

    #recherche_mobile {
        padding-top: 2%;
        padding-bottom: 2%;
        display: block;
        width: 100%;
        height: 40px;
        background-color: #DFDBDB;
    }

    #recherche_mobile a {
        color: #996600;
    }

    #recherche_design_mob {
        width: 90%;
        /*180px;*/
        /*200px;*/
        height: 24px;
        /*24px;*/
        margin-left: 5%;
        margin-right: 2%;
        background: white;
        /*box-shadow:1px 1px 2px rgba(0,0,0,.3) inset;*/
        border: 1px solid black;
    }

    #recherche_design_mob .loupe {
        background: url(../images/loupe_mobile.png) no-repeat 0 4px;
        width: 18px;
        /*6%;*/
        /*48px;*/
        /*18px;*/
        height: 20px;
        margin-left: 1%;
        /*margin-left:2%;*/
        display: inline-block;
        display: none;
    }

    #recherche_design_mob input {
        outline: 0;
        border: 0;
        margin: 0;
        height: 24px;
        /*35px;*/
        /*24px;*/
        float: left;
        display: inline-block;
        /*block;*/
        margin-top: 2px;
    }

    #recherche_design_mob input[type=text] {
        font: 300 18px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        background: none;
        width: 80%;
        /*90%;*/
        /*130px;*/
        /*100px;*/
        padding: 0 10px 10px 15px;
        /*0 10px 10px 15px;*/
        color: #666;
        display: inline-block;
    }

    #accueil_certificat_aromatologue,
    #accueil_certificat_reflexologue,
    #accueil_boutique,
    #accueil_avis_clients {
        padding: 15px 15px;
    }

    #stage_recap_first {
        padding: 15px 15px;
    }

    #stage_recap {
        padding: 15px 15px;
    }

    /* Partie catalogue */
    .titre_actus_account h1 {
        display: block;
        margin-bottom: 5px;
    }

    .fleche_gauche_mobile {
        display: inline-block !important;
        text-align: center !important;
        /*width: 50% !important;*/
    }

    .fleche_droite_mobile {
        display: inline-block !important;
        text-align: center !important;
        /*width: 50% !important;*/
        margin-bottom: 5px;
    }

    .fleche_gauche {
        display: none;
    }

    .fleche_droite {
        /*vertical-align:top;*/
        display: none;
    }

    .btn_envoie_commentaire {
        margin-left: 0;
        width: auto;
        min-width: 0;
        font-size: 14px;
    }

    .tbl_catalogue_droite {
        display: block;
        width: 100%;
    }

    .tbl_catalogue_droite div.fiche_produit {
        margin-left: 0px;
        margin-right: 0px;
    }

    .ajout_panier {
        margin-left: auto;
        margin-right: auto;
    }

    .ajout_panier table {
        margin-left: auto;
        margin-right: auto;
    }

    .txt_actus_account {
        width: 100%;
        display: block;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .tbl_catalogue_droite div.fiche_produit td a img {
        width: 300px !important;
    }

    .avis_client_qualite_colonne {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }

    table#liste_modules #nom_module {
        display: none;
    }

    table#liste_modules_cycle #nom_module {
        display: none;
    }

    /* Page �quipe */
    #stage_recap_first .img_phrase {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    #stage_recap_first .texte_equipe {
        width: 100%;
    }

    #stage_recap_first .url_video {
        display: none;
    }

    #stage_recap_first .image_equipe_right {
        display: none;
    }

    #stage_recap_first .phrase_equipe_right {
        display: none;
    }

    #stage_recap_first .img_phrase_mobile {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .img_equipe_myrtea_right_mobile {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .phrase_equipe_mobile {
        display: block;
        text-align: center;
        font-style: italic;
        margin-top: 10px;
        margin-bottom: 15px;
        color: #693374;
    }

    /* Actus */
    #img_actu {
        width: 400px;
    }

    /* Bas de page*/
    #avis_client_colonne1 {
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #avis_client_colonne2 {
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #avis_client_colonne3 {
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #avis_client_colonne4 {
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .title_footer {
        text-align: center;
    }

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

    #bas_colonne1 {
        margin-left: 2%;
        /*10%;*/
        margin-right: 2%;
        display: block;
        color: #FFF;
        text-align: center;
        width: 96%;
        margin-bottom: 2%;
        border-bottom: 2px solid white;
    }

    #bas_colonne1 a {
        display: block;
        color: #FFF;
        text-align: left;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #bas_colonne2 {
        display: block;
        margin-top: 2%;
        margin-left: 2%;
        margin-right: 2%;
        color: #FFF;
        /*font-size:32px;*/
        text-align: center;
        width: 96%;
        margin-bottom: 2%;
        border-bottom: 2px solid white;
    }

    #bas_colonne2 a {
        display: block;
        color: #FFF;
        text-align: left;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #bas_colonne3 {
        display: block;
        margin-top: 2%;
        margin-left: 2%;
        margin-right: 2%;
        color: #FFF;
        text-align: center;
        width: 96%;
        margin-bottom: 2%;
        border-bottom: 2px solid white;
    }

    #bas_colonne3 a {
        display: block;
        color: #FFF;
        text-align: left;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    #bas_colonne4 {
        margin-top: 2%;
        display: block;
        margin-left: 2%;
        margin-right: 2%;
        color: #FFF;
        text-align: center;
        width: 96%;
        margin-bottom: 80px;
    }
}


/* Version MOBILE */

@media only screen and (min-device-width: 320px
    /*320px*/

) and (max-device-width: 480px) {
    .first_visit {
        display: none;
    }

    /* Header */
    header {
        background-image: none;
        position: relative;
        width: 100%;
        z-index: 6;
        background-color: #693374;
        height: 55px;
        /*115px;*/
        /*319px;*/
    }

    #head_top {
        min-height: 0px !important;
    }

    #infos_ponctuelles {
        display: none;
    }

    #infos_ponctuelles_mobile {
        display: block;
        border-color: #b03a4a;
        border-style: solid;
        border-width: 1px;
        width: 99%;
        background-color: #FFFFFF;
        font-size: 11px;
        font-weight: normal;
        text-align: center;
    }

    /* Boutique Oshadhi - Formations Myrt�a*/
    #boutique_formations {
        display: none;
    }

    #logo_home {
        display: none;
    }

    #panier_client {
        display: none;
    }

    #infos_certifications {
        display: none;
    }

    /* Images en tete */
    .image_bandeau {
        width: 99%;
        margin-right: 0px;
        /*height:150px;*/
        display: block;
    }

    .link_bandeau img {
        width: 100%;
    }

    .image_bandeau_bouton {
        font-size: 100%;
        width: 100%;
    }

    /* Menu mobile */
    #menu-icon {
        display: inline-block;
        width: 80px;
        height: 80px;
        background: url(../images/icone-menu.png) no-repeat scroll center;
        background-size: 80%;
    }

    #menu_mobile {
        width: 10%;
        /*10%;*/
        display: inline-block;
        vertical-align: top;
        float: left;
        margin-left: 0px;
    }

    #titre_site_mobile {
        font-size: 20px;
        display: inline-block;
        width: 48%;
        /*35%;*/
        color: white;
        margin-left: 5%;
        /*10%;*/
    }

    #titre_logo_desktop {
        display: none;
    }

    #encart_bandeau {
        display: none;
    }

    #identification {
        display: none;
    }

    #mobile_identification {
        width: 35%;
        /*40%;*/
        /*65%*/
        display: inline-block;
        vertical-align: top;
        margin-left: 1%;
        /*4%;*/
        /*50%;*/
        margin-top: 2%;
    }

    #mobile_identification img {
        width: 32%;
        /*28%;*/
        height: auto;
        margin-right: 15%;
        margin-top: 0;
        /*1.5%;*/
        /*1.5%;*/
        float: right;
    }

    #mobile_identification a:hover {
        opacity: 0.5;
    }

    #menu_entete_deroulant {
        display: none;
    }

    /* Recherche */
    .enTete_photo {
        display: none;
    }

    #recherche {
        display: none;
    }

    .enTete_photo_mobile {
        display: block;
    }

    #recherche_aromatheque {
        padding-top: 2%;
        padding-bottom: 2%;
        display: block;
        width: 90%;
        /*100%;*:
		height:50px;/*100px;*/
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .submit_aromatheque {
        width: 50px;
        height: 50px;
    }

    #tab_aromatheque img {
        width: 120px !important;
        margin-bottom: 15px;
    }

    #tab_aromatheque td {
        display: block !important;
    }

    #tab_aromatheque td#spheres img {
        width: 50px !important;
        height: 60px !important;
    }

    #tab_aromatheque td#indicateurs img {
        width: 40px !important;
    }

    #tab_aromatheque td#illustration img {
        width: 150px !important;
    }

    #telechargement_pdf_fiche {
        float: none !important;
        text-align: center;
        display: block !important;
    }

    /* Pour les formules */
    #tab_aromatheque_formules td#spheres img {
        width: 50px !important;
        height: 60px !important;
    }

    #tab_aromatheque_formules td#indicateurs img {
        width: 40px !important;
    }

    #tab_aromatheque_formules td#illustration img {
        width: 150px !important;
    }

    #spec_col_formule {
        display: block !important;
    }

    #spec_col_formule img {
        margin-bottom: 15px;
    }

    #tab_aromatheque_ingredients img {
        width: 50px !important;
    }

    #recherche_mobile {
        padding-top: 2%;
        padding-bottom: 2%;
        display: block;
        width: 100%;
        height: 50px;
        /*100px;*/
        background-color: #DFDBDB;
    }

    #recherche_mobile a {
        color: #996600;
    }

    #recherche_design_mob {
        width: 90%;
        /*180px;*/
        /*200px;*/
        height: 50px;
        /*90px;*/
        /*24px;*/
        margin-left: 5%;
        margin-right: 2%;
        background: white;
        /*box-shadow:1px 1px 2px rgba(0,0,0,.3) inset;*/
        border: 1px solid black;
    }

    #recherche_design_mob .loupe {
        background: url(../images/loupe_mobile.png) no-repeat 0 4px;
        width: 5%;
        /*6%;*/
        /*48px;*/
        /*18px;*/
        height: 40px;
        margin-left: 1%;
        /*margin-left:2%;*/
        display: inline-block;
        display: none;
    }

    #recherche_design_mob input {
        outline: 0;
        border: 0;
        margin: 0;
        height: 50px;
        /*65px;*/
        /*35px;*/
        /*24px;*/
        float: left;
        display: inline-block;
        /*block;*/
        margin-top: 2px;
    }

    #recherche_design_mob input[type=text] {
        font: 300 30px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        background: none;
        width: 100%;
        /*130px;*/
        /*100px;*/
        padding: 0 0px 0px 0px;
        /*0 10px 10px 15px;*/
        color: #666;
        display: inline-block;
    }

    .img_forms a img {
        width: 100% !important;
    }

    .img_ensavoirplus img {
        width: 30% !important;
    }

    /* Images en tete */
    .full-img-pres {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .cta-button {
        width: auto;
    }

    .images_entete {
        width: 90%;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .image_bandeau {
        width: 100%;
        margin-right: 0px;
        height: none;
        display: block;
        text-align: left;
        height: inherit;
    }

    .link_bandeau img {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
    }

    .image_bandeau_bouton {
        font-size: 100%;
        width: 50%;
        top: inherit;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        text-align: justify;
        padding-top: 30px;
    }

    .image_bandeau_texte {
        background-color: white;
        border: none;
        color: #3A3939;
        font-weight: normal;
    }

    /* Contenu */
    /* Page d'accueil : pr�sentation des certificats */
    #accueil_certificat_aromatologue {
        padding: 15px 15px;
        /*45px 50px;*/
    }

    #accueil_certificat_reflexologue {
        padding: 15px 15px;
        /*45px 50px;*/
    }

    #accueil_boutique {
        padding: 15px 15px;
        /*45px 50px;*/
    }

    /*#accueil_certificat_aromatologue p{
			text-align:left !important;
		}
		#accueil_certificat_reflexologue p{
			text-align:left !important;
		}*/
    #accueil_certificat_aromatologue img {
        width: 40% !important;
    }

    #accueil_certificat_reflexologue img {
        width: 40% !important;
    }

    #accueil_avis_clients {
        padding: 15px 15px;
    }

    #texte_aromato_accueil {
        text-align: left;
        /*font-size:30px;*/
    }

    #texte_reflexo_accueil {
        text-align: left;
        /*font-size:30px;*/
    }

    #texte_boutique_accueil {
        text-align: left;
        /*font-size:30px;*/
    }

    /* Page d'accueil : formations � venir */
    .titre_actus_account {
        /*font-size:35px; //17px;
			width:	80% !important;	*/
    }

    .intro_actus_account_forms {
        margin-top: 15px;
        /*font-size:30px;*/
        padding-left: 0px;
    }

    .img_forms {
        text-align: center;
        margin-left: 0px;
    }

    /* Page d'accueil : avis des clients */
    #avis_client_colonne1 {
        min-width: 100%;
        display: block;
        vertical-align: none;
        margin-left: 0px;
        /*font-size: 20px;*/
        text-align: center, justify;
        margin-bottom: 5%;
    }

    #avis_client_colonne2 {
        min-width: 100%;
        display: block;
        vertical-align: none;
        margin-left: 0px;
        /*8%;*/
        /*4%;*/
        /*font-size: 20px;*/
        text-align: center, justify;
        margin-bottom: 2%;
    }

    #avis_client_colonne3 {
        min-width: 100%;
        display: block;
        vertical-align: none;
        margin-left: 0px;
        /*8%;*/
        /*4%;*/
        /*font-size: 20px;*/
        text-align: center, justify;
        margin-bottom: 2%;
    }

    #avis_client_colonne4 {
        min-width: 100%;
        display: block;
        vertical-align: none;
        margin-left: 0px;
        /*8%;*/
        /*4%;*/
        /*font-size: 20px;*/
        text-align: center, justify;
        margin-bottom: 2%;
    }

    /* Partie compte */
    #monCompte_general {
        width: auto;
        min-width: 0;
    }

    .identifiez {
        /*font-size:30px;*/
    }

    .cadre_account {
        width: 89%;
        /*font-size:30px;*/
        margin-bottom: 70px;
    }

    div.cpte1 {
        width: 600px;
        height: 150px;
        clear: both;
        margin-left: 15%;
    }

    .txt_credit {
        width: 450px;
    }

    div.cpte {
        /*width: 600px;
			height: 170px;*/
        clear: both;
        margin-left: 15%;
    }

    /* Partie Mes Formations */
    .tbl_commande_account {
        margin-left: -10px;
    }

    .menu_account_commande {
        float: left;
        margin-top: 10px;
        cursor: pointer;
        margin-left: 12%;
        /*5%;*/
    }

    .menu_account_monCompte {
        margin-left: 12%;
    }

    .btn_deconnexion {
        margin-left: 0
            /*25%*/
        ;
        background-color: #693374;
        margin-top: 0;
        /*10px;*/
        text-align: center;
        left: 25%;
        position: relative;
    }

    .btn_deconnexion a {
        text-decoration: none;
        font-family: Lato, Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: #FFF;
    }

    .form_account .inputform {
        width: 100%;
    }

    .cadre_account input {
        height: 50px;
    }

    .btn_valider {
        margin-bottom: 15px;
        margin-top: 15px;
        display: block !important;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    .btn_creer_compte {}

    .poursuivre_achat {
        display: block;
        vertical-align: top;
        padding: 8px;
        margin-top: 45px;
        margin-bottom: 65px;
        margin-left: 25%;
        /*32%;*/
    }

    .poursuivre_achat a {
        color: #FFF;
    }

    .poursuivre_achat2 a {
        color: #FFF;
    }

    .titre_rubrique {
        /*font-size:25px;*/
    }

    .tbl_add_account {
        width: 98%;
        /*400px;*/
        /*font-size:22px;*/
        margin-bottom: 25px;
    }

    .tbl_add_account input {
        /*font-size:25px;*/
        height: 50px;
    }

    .tbl_add_account select {
        /*font-size:30px;*/
    }

    .tbl_add_account radio {
        size: 15px;
    }

    .tbl_mod_account {
        width: auto;
        min-width: 0;
    }

    .tbl_mod_account tr {
        max-width: 200px;
    }

    table#liste_modules #nom_module {
        display: none;
    }

    table#liste_modules_cycle #nom_module {
        display: none;
    }

    .tab_dde_devis,
    .tab_dde_devis tbody,
    .tab_dde_devis tr {
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .tab_dde_devis td {
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
    }

    .tab_dde_devis td#td_cycle_img_module {
        display: inline-block !important;
        text-align: left !important;
    }

    .tab_dde_devis td#nom_module {
        display: inline-block !important;
        text-align: left !important;
    }

    .tab_dde_devis input {
        width: 300px !important;
        height: 25px;
    }

    .tab_dde_devis input#crea_compte {
        width: 30px !important;
    }

    .tab_dde_devis textarea {
        width: 300px !important;
    }

    .dde_devis_select_module {
        width: 300px !important;
    }

    .btn_envoie_devis {
        width: auto;
    }

    input [type=text] {
        width: 30 px !important;
    }

    span.padd {
        padding-left: 0px;
    }

    /* Pages formations : en t�te*/
    #stage_recap_first {
        padding: 15px 15px;
        /*45px 50px;*/
        text-align: left;
        /*font-size:30px;*/
    }

    #stage_recap {
        padding: 15px 15px;
        /*45px 50px;*/
        text-align: left;
        /*font-size:30px;*/
    }

    #stage_recap .txt_detail {
        text-align: left;
    }

    #stage_recap .titre_page {
        width: 100%;
        margin-left: 0px;
        text-align: center, justify;
    }

    #stage_recap img.form_logo {
        width: 220px;
    }

    #stage_recap img {
        max-width: 300px;
    }

    #stage_recap .sous_titre {
        /*font-size:35px;*/
        /*margin-bottom: 85px;*/
    }

    #stage_recap .presentation ul li {
        display: block;
        text-align: left;
    }

    .en_savoir_plus_img img {
        width: 30% !important;
    }

    .titre_actus_account h1 {
        display: block;
        margin-bottom: 5px;
    }

    .fleche_gauche_mobile {
        display: inline-block !important;
        text-align: center !important;
        /*width: 50% !important;*/
    }

    .fleche_droite_mobile {
        display: inline-block !important;
        text-align: center !important;
        /*width: 50% !important;*/
        margin-bottom: 5px;
    }

    .fleche_gauche {
        display: none;
    }

    .fleche_droite {
        /*vertical-align:top;*/
        display: none;
    }

    .btn_envoie_commentaire {
        margin-left: 0;
        width: auto;
        min-width: 0;
        font-size: 14px;
    }

    /*.fleche_droite a img{
			width:50px !important;
		}*/
    .tbl_catalogue_droite div.fiche_produit td a img {
        width: 290px !important;
        height: 120px !important;
    }

    .tbl_catalogue_droite div.fiche_produit td img {
        width: 290px !important;
        height: 120px !important;
    }

    .tbl_catalogue_droite div.fiche_produit img {
        width: 290px !important;
        height: 120px !important;
    }

    .tbl_catalogue_droite div.fiche_produit {
        margin-left: 0px;
        margin-right: 0px;
    }

    /* Pages formations : Panier*/
    .infos_pratiques_stages {
        /*min-height: 100%;*/
        /*1600px;*/
        /*auto;*/
        /*1300px;*/
        width: 99%;
    }

    /*.separation_formation{
			height:5px
		}*/
    .txt_actus_account {
        width: 100%;
        /*98%;*/
        /*font-size: 30px;*/
        display: block;
        /*height:700px;*/
        padding-right: 0px;
    }

    .txt_actus_account_formateur {
        text-align: left;
    }

    .tbl_catalogue_droite div.ajout_panier td {
        /*font-size:30px;*/
        /*padding-right: 50px;*/
    }

    .tbl_catalogue_droite div.ajout_panier td table {
        width: 290px !important;
    }

    .ajout_panier {
        margin-left: 0px;
        margin-bottom: 5%;
    }

    .ajout_panier select {
        /*font-size: 20px;*/
    }

    .tbl_catalogue_droite {
        /*height: 270px;*/
        display: block;
        vertical-align: top;
        width: inherit;
        /*width: 80%;*/
        /*margin-left:10%;*/
    }

    input.btn_panier_tbl {
        display: block;
        margin-bottom: 5%;
        white-space: normal;
    }

    .btn_devis {
        /*min-width:150px;*/
        margin-top: 2px;
        white-space: normal;
    }

    #resultat_mise_au_panier {
        display: none;
        /*font-size:30px;*/
        font-weight: normal;
        /*bold;*/
        font-family: Source Sans Pro, sans-serif;
        color: #3A3939;
        /*white;*/
        /*background-color: #693374;*/
        border: solid 1px #693374;
        border-radius: 3px;
        /*20px;	*/
        width: 80%;
        /*50%;*/
        /*height:18%;*/
        margin-top: 30px;
        /*25%;*/
        /*20%;*/
        /*80px;*/
        /*50px;*/
        /*10px;*/
        margin-left: 10%;
        /*25%;*/
        margin-right: 10%;
        padding: 10px;
        text-align: center;
    }

    #resultat_mise_au_panier a {
        /*font-size:30px;*/
        font-weight: bold;
    }

    #resultat_mise_au_panier a:hover {
        font-weight: bold;
    }

    .panier_vide {
        /*font-size:25px;*/
    }

    #global_livraison {
        padding: 15px 15px;
    }

    #question_cadeau {
        display: block !important;
        float: none;
        width: 100% !important;
    }

    #formulaire_cadeau td {
        display: block;
    }

    #recap_fin_commande .titre_rubrique,
    #detail_panier .titre_rubrique {
        font-family: Source Sans Pro, sans-serif;
        /*font-size: 35px;*/
        color: #5F4680;
        font-weight: bold;
        margin-top: 15px;
    }

    .choix_paiement {
        margin-top: 20px;
        margin-left: 5%;
        margin-right: 5%;
        /*font-size: 30px;*/
        text-align: left;
    }

    .submit_payer {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        min-width: 0;
        font-size: 14px;
    }

    #tbl_detail_commande {
        /*width: 99%;*/
        border-collapse: collapse;
        margin-top: 20px;
        margin-left: 1%;
        margin-right: 1%;
    }

    #tbl_detail_commande th {
        text-align: center;
        border: 0px none;
        /*font-size: 30px;*/
    }

    #tbl_detail_commande .img img {
        width: 60px;
    }

    #tbl_detail_commande .ref {
        display: none;
    }

    #tbl_detail_commande td.prix,
    #tbl_detail_commande td.total {
        text-align: right;
    }

    #tbl_detail_commande .quantite input[type="text"] {
        /*font-size:25px;*/
    }

    td.designation {
        width: 700px !important;
        /*font-size:25px;*/
    }

    th.cond,
    td.cond {
        display: none;
    }

    #tbl_synthese_commande tr {
        line-height: 35px;
    }

    #tbl_synthese_commande .sous_total td {
        padding-right: 5px;
        /*font-size: 30px;*/
    }

    #tbl_synthese_commande .soustraction,
    #tbl_synthese_commande .soustraction td {
        /*font-size:30px;*/
    }

    #tbl_synthese_commande .derniere_ligne .libelle,
    #tbl_synthese_commande .derniere_ligne .montant {
        border-top: 25px solid #FFF;
        background-color: #693374;
        height: 30px;
        margin-top: 25px;
        /*font-size:30px !important;*/
    }

    .btn_inscription_cycle,
    .btn_dde_devis {
        font-size: 16px;
    }

    /* Page Cycles */
    .img_cycle img {
        width: 30% !important;
    }

    /* Pages formations : formateurs */
    .infos_pratiques_stages_formateur {
        width: 100%;
    }

    .infos_formateur {
        width: 100% !important;
        display: block;
    }

    .titre_actus_account_formateur {
        margin-top: 10px;
    }

    .intro_actus_account_formateur {}

    .txt_actus_account_formateur {
        width: 100%;
        margin-left: 0px;
    }

    /* Laisser avis */
    #avis_formation_gauche {
        /*font-size: 30px;*/
    }

    #avis_formation_gauche span {
        /*font-size: 30px;*/
    }

    #avis_formation_droite {
        /*font-size: 30px;*/
    }

    #avis_formation_droite span {
        /*font-size: 30px !important;*/
    }

    #avis_formation_gauche_all {
        width: auto;
        min-width: 0;
    }

    #avis_formation_droite_all {
        width: auto;
        min-width: 0;
    }

    /* Formation d�tails */
    .conditionnement_detail_produit {
        /*font-size: 35px;*/
    }

    .detail_produit table {
        width: 100% !important;
    }

    table.detail_produit td.prix_sans_arrhes,
    table.detail_produit td.prix_arrhes {
        /*font-size: 30px;*/
        padding-right: 50px;
    }

    table.detail_produit td.prix_sans_arrhes,
    table.detail_produit td.prix_arrhes select {
        width: 100px !important;
    }

    .infos_products_detail {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        /*font-size: 25px;*/
    }

    /* Page adresse de livraison */
    .add_livraison {
        width: auto;
        min-width: 0;
        height: auto;
        min-height: 0;
    }

    .add_livraison2 {
        width: auto;
        min-width: 0;
        height: auto;
        min-height: 0;
        margin-left: 5%;
    }

    .btn_valider_spe {
        margin-left: 0px;
    }

    /* Page Equipe Myrt�a */
    #stage_recap_first .all_equipe {
        margin-top: 5px;
        /*margin-bottom: 95px;*/
    }

    #stage_recap .all_equipe {
        margin-top: 5px;
        /*margin-bottom: 95px;*/
    }

    .roundedImage_left {
        display: block;
        vertical-align: middle;
        overflow: hidden;
        border-radius: 150px;
        width: 170px;
        height: 170px;
        text-align: center;
        margin-left: 38%;
    }

    .roundedImage_right {
        display: block;
        vertical-align: middle;
        float: none;
        overflow: hidden;
        border-radius: 150px;
        width: 170px;
        height: 170px;
        text-align: center;
        margin-left: 38%;
    }

    #stage_recap_first div.img_equipe_myrtea_left {
        display: block;
        width: 40%;
        text-align: center;
        margin-left: 29%;
        margin-top: 5%;
    }

    #stage_recap_first div.img_equipe_myrtea_right {
        display: none;
    }

    #stage_recap div.img_equipe_myrtea_left {
        display: block;
        width: 50%;
        text-align: center;
        margin-left: 25%;
        margin-top: 5%;
    }

    #stage_recap div.img_equipe_myrtea_right {
        display: none;
    }

    .img_equipe_myrtea_right_mobile {
        display: block;
        width: 50%;
        text-align: center;
        margin-left: 25%;
        margin-top: 5%;
    }

    #stage_recap_first .nom_prenom {
        font-weight: bold;
        color: #6E1480;
        /*font-size:14px;*/
        margin-bottom: 0px;
        /*display: block;*/
        vertical-align: bottom;
        text-align: center;
    }

    /* Page �quipe */
    #stage_recap_first .img_phrase {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    #stage_recap_first .texte_equipe {
        width: 100%;
        margin-left: 0px !important;
    }

    #stage_recap_first .image_equipe_right {
        display: none;
    }

    #stage_recap_first .phrase_equipe_right {
        display: none;
    }

    #stage_recap_first .img_phrase_mobile {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .img_equipe_myrtea_right_mobile {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #stage_recap_first .phrase_equipe_mobile {
        display: block;
        text-align: center;
        font-style: italic;
        margin-top: 10px;
        margin-bottom: 15px;
        color: #693374;
    }

    #stage_recap .texte_equipe {
        display: block;
        margin-left: 8% !important;
        margin-top: 4%;
    }

    #stage_recap .nom_prenom {
        font-weight: bold;
        color: #6E1480;
        /*font-size:14px;*/
        margin-bottom: 0px;
        display: block;
        vertical-align: bottom;
        text-align: center;
    }

    #contributeur {
        display: block;
        width: 100%;
    }

    #stage_recap_first .description_fonction {
        /*display:block;*/
        vertical-align: bottom;
        margin-bottom: 0px;
        /*20px;*/
        color: #6E1480;
        font-style: normal;
        /*font-size:22px;*/
        text-align: center;
    }

    #stage_recap_first .fonction {
        display: block;
        vertical-align: top;
        font-style: italic;
        margin-top: 5%;
        margin-bottom: 7%;
        text-align: center;
    }

    #stage_recap_first .txt_presentation_equipe {
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }

    #stage_recap_first .url_video {
        display: none;
    }

    #stage_recap_first .phrase_equipe_right {
        float: right;
        font-style: italic;
        margin-top: 15px;
        /*35px;*/
        color: #693374;
        /*font-size: 30px;*/
    }

    #stage_recap_first .phrase_equipe_left {
        float: right;
        font-style: italic;
        margin-top: 15px;
        /*35px;*/
        color: #693374;
        /*font-size: 30px;*/
    }

    #stage_recap_first p img {
        max-width: 290px !important;
    }

    #stage_recap_first .img_panorama_lieux {
        max-width: 290px !important;
    }

    #stage_recap .description_fonction {
        /*display:block;*/
        vertical-align: bottom;
        margin-bottom: 20px;
        color: #6E1480;
        font-style: normal;
        /*font-size:22px;*/
        text-align: center;
    }

    #stage_recap .fonction {
        display: block;
        vertical-align: top;
        font-style: italic;
        margin-top: 5%;
        margin-bottom: 7%;
        text-align: center;
    }

    #stage_recap .txt_presentation_equipe {
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }

    #stage_recap .url_video {
        display: none;
    }

    #stage_recap .phrase_equipe_right {
        float: right;
        font-style: italic;
        margin-top: 15px;
        /*35px;*/
        color: #693374;
        /*font-size: 30px;*/
    }

    #stage_recap .phrase_equipe_left {
        float: right;
        font-style: italic;
        margin-top: 15px;
        /*35px;*/
        color: #693374;
        /*font-size: 30px;*/
    }

    #stage_recap p img {
        max-width: 290px !important;
    }

    #stage_recap .img_panorama_lieux {
        max-width: 290px !important;
    }

    /*#contenu_principal .acces_rapide{
			width:12% !important;
		}*/
    .acces_rapide_monos {
        /*width:20%;*/
        display: block;
    }

    #contenu_principal .acces_rapide img {
        width: 50px !important;
    }

    /* Actus */
    #img_actu {
        width: 200px;
    }

    /* Pages statiques */
    .txt_part_left {
        display: block;
        width: 100%
    }

    .txt_part_right {
        display: block;
        width: 100%
    }

    .img_part_right {
        display: block;
        width: 100%
    }

    .img_part_right img {
        width: 100% !important;
    }

    .img_part_left {
        display: block;
        width: 100%
    }

    .img_part_left img {
        width: 100% !important;
    }

    /* Footer */
    .title_footer {
        text-align: center !important;
        /*font-size:62px;*/
        color: #FFF;
        /*background-color:#E6A8F2;*/
        border-radius: 5px;
    }

    .title_footer a {
        /*font-size:62px !important;*/
        text-align: center !important;
    }

    #bas_colonne1 {
        margin-left: 2%;
        /*10%;*/
        margin-right: 2%;
        display: block;
        color: #FFF;
        /*font-size:32px;*/
        text-align: center;
        width: 96%;
        margin-bottom: 2%;
        border-bottom: 2px solid white;
    }

    #bas_colonne1 a {
        display: block;
        color: #FFF;
        /*font-size:42px;*/
        text-align: left;
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #bas_colonne2 {
        display: block;
        margin-top: 5%;
        margin-left: 2%;
        margin-right: 2%;
        color: #FFF;
        /*font-size:32px;*/
        text-align: center;
        width: 96%;
        margin-bottom: 2%;
        border-bottom: 2px solid white;
    }

    #bas_colonne2 a {
        display: block;
        color: #FFF;
        /*font-size:42px;*/
        text-align: left;
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #bas_colonne3 {
        display: block;
        margin-top: 5%;
        margin-left: 2%;
        margin-right: 2%;
        color: #FFF;
        /*font-size:32px;*/
        text-align: center;
        width: 96%;
        margin-bottom: 2%;
        border-bottom: 2px solid white;
    }

    #bas_colonne3 a {
        display: block;
        color: #FFF;
        /*font-size:42px;*/
        text-align: left;
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #bas_colonne4 {
        margin-top: 5%;
        display: block;
        margin-left: 2%;
        margin-right: 2%;
        color: #FFF;
        /*font-size:32px;*/
        text-align: center;
        margin-top: 5%;
        width: 96%;
        margin-bottom: 80px;
    }

    #bas_colonne4 a img {
        /*width: 150px !important; */
    }

    /** ScrollToTop **/
    #scrollToTop a {
        position: fixed;
        right: 1px;
        /*20px;*/
        /*bottom: 10px;
		width: 70px;*/
        /*background-color: rgb(255,255,255);
		background-color: rgba(255,255,255, 0.7);*/
        padding: 1px 1px;
        /*7px 10px;*/
        /*border: 1px solid #000;*/
        opacity: 0.7;
        z-index: 500;
    }

    #scrollToTop a:hover {
        /*box-shadow: 0px 0px 5px #222;
		-moz-box-shadow: 0px 0px 5px #222;
		-webkit-box-shadow: 0px 0px 5px #222;*/
        text-decoration: none !important;
        opacity: 0.8;
    }
}




















label {
    font-size: 16px;
}



.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 300px;
    height: 140px;
    position: relative;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-container {
    padding: 2px 16px;
    text-align: left;
}

.card-container>.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.card-footer {
    padding: 2px 16px;
    position: absolute;
    bottom: -5px;
    height: 50px;
    right: 0;
}



.flash-error {
    text-align: center;
    color: red;
}

.flash-success {
    text-align: center;
    color: green;
}

.center {
    text-align: center;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
}

#commande {
    display: none;
}



#adressesLivraison,
#adressesFacturation {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

#catalogue-info-promo {
    position: fixed;
    bottom: 0;
    padding: 20px;
    text-align: center;
    width: 100%;
    font-weight: 800;
    background: #FFF;
    border-top: 1px solid #5F4680;
    font-size: 120%;
    color: #5F4680;
    z-index: 100;
}

#panier-info-promo {
    padding: 20px;
    text-align: center;
    width: 100%;
    font-weight: 800;
    color: #48F;
}



#mon-compte-info {
    border: 1px solid #693374;
    border-radius: 5px;
    padding: 5px;
    color: #693374;
    width: 300px;
    min-height: 40px;
}

#mon-compte-info-icon {
    float: left;
    margin-right: 10px;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
    font-size: 70%;
}

/* autocomplete */
#ui-id-1 {
    max-width: 310px;
}






#formations-a-venir {
    margin: auto;
    max-width: 600px;
}

.formations-a-venir-image {
    height: 200px;
    text-align: center;
}


#formations-a-venir>div>ul>li.active>a {
    background-color: purple;
    border: 1px solid;
}



select:disabled {
    background-color: rgb(238, 238, 238);
}

.highlight-search {
    background-color: #E2A9F3;
}

.mes-formations-session-description {
    margin-left: 30px;
    margin-bottom: 30px;
}

#prerequis {
    color: orange;
    margin-top: 10px;
}

#error-message {
    color: red;
    margin-top: 10px;
}



.pointer {
    cursor: pointer;
}



.fc-button-primary {
    background-color: #693374 !important;
}

.fc-center>h2 {
    color: #693374 !important;
}

.fc-today {
    background-color: #f6f6f5 !important;
}

#btn_prog {
    width: 250px;
}

#hidden_prog {
    display: none;
}



#rubrique_accueil {
    background-color: #F6F5FA;
    width: 100%;
    min-height: 10%;
    text-align: justify;
    font-size: 13px;
    padding: 5px 0;
}

#rubrique_accueil a {
    color: #265c8d;
    text-decoration: none;
}

#rubrique_accueil a:hover {
    text-decoration: underline;
}

#rubrique_accueil .titre_rubrique a {
    color: #265c8d;
    text-align: center;
}

#rubrique_accueil .titre_rubrique {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #091836 !important;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.white {
    background-color: white;
}























body {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    color: #262626;
    font-size: 16px;
    line-height: 1.625;
}

a.pxs-announcement-bar {
    color: white !important;
}

.pxs-announcement-bar {
    display: block;
    padding: 16px 15px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none
}

@media (min-width: 770px) {
    .pxs-announcement-bar {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (min-width: 1024px) {
    .cercle {
        margin-left: 40px;
    }
}

@media (min-width: 1180px) {
    .cercle {
        margin-left: 60px;
    }
}

.pxs-announcement-bar-text-mobile+.pxs-announcement-bar-text-desktop {
    display: none
}

@media (min-width: 770px) {
    .pxs-announcement-bar-text-mobile+.pxs-announcement-bar-text-desktop {
        display: block
    }
}

@media (min-width: 770px) {
    .pxs-announcement-bar-text-mobile {
        display: none
    }
}


#trait_catalogue {
    border: 0.5px solid #ebebeb;
}

.breadcrumbs a {
    color: #262626;
}

#product {
    display: flex;
    justify-content: center;
}

#product-picture {
    margin: 30px;
    width: 30%;
}

#product-content {
    margin: 30px;
    width: 30%;
}

.product-title {
    margin: 5px 0;
    font-size: 3rem;
    text-align: left;
}

.home-promotion-title,
.home-slideshow-slide-heading,
.home-video-with-text-content .video-title,
h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.section-title,
th,
.home-masonry-feature-title,
.product-title,
.navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link,
.mega-nav-list .mega-nav-list-title .mega-nav-list-title-link,
.product-list-item-inventory,
.quick-shop-modal-trigger {
    font-family: Lora, serif;
    font-style: normal;
    font-weight: 400;
    color: #3f4450;
}

.titre_bottanique {
    font-size: 14px;
    color: #3f4450;
    font-weight: normal;
    text-align: left;
}

.product-add-to-cart {
    font-size: .92857rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    cursor: pointer;
    background-color: #4989dc !important;
    border-radius: 7px;
    width: 250px;
    margin: 20px 15px 10px 0;
    color: white;
    border: none;
    line-height: normal;
    padding: 15px 20px;
}

.logos_divers {
    text-align: left;
}

.product-rating {
    height: 29px;
    text-align: left;
    float: left;
    margin-right: 10px;
}

#detail_produit div.conditionnement {
    text-align: left;
}

h4 {
    font-size: 1rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: left;
}

.infos_products {
    text-align: left;
    color: #262626;
}

.titre_detail_produit,
.txt_account,
.titre_cadre {
    color: #262626 !important;
}

.jq-star {
    margin-right: 3px;
    width: 16px !important;
}

.logos_divers {
    height: auto;
}

#bloc_pied_page {
    font-family: Roboto, sans-serif !important;
    background-color: #d3e2d9 !important;
}

.title_footer {
    letter-spacing: 0.05em !important;
    margin-bottom: 20px;
    font-weight: 400;
}

#bas_colonne1,
#bas_colonne1 a,
#bas_colonne2 a,
#bas_colonne3 a,
#bas_colonne4 a,
#bas_colonne5 a,
.title_footer {
    color: #3f4450 !important;
}

.cadre_account {
    padding-left: 0;
}


input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    display: block;
    width: 100%;
    max-width: 340px;
    padding: 10px 12px;
    font-size: 1rem;
    color: #262626;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:-internal-autofill-selected {
    background-color: transparent;
}

.form_account .inputform {
    border: 1px solid #ebebeb;
}


.btn_valider {
    background-color: #d59d45;
    color: white !important;
    border: none;
    padding: 15px 20px;
    border-radius: 2px;
}

.main-button {
    margin: auto;
    border: none;
    padding: 15px 20px;
    border-radius: 2px;
    text-align: center;
    width: fit-content;
    cursor: pointer;
}

.main-button2 {
    margin: auto;
    border: none;
    padding: 15px 20px;
    border-radius: 2px;
    text-align: center;
    width: fit-content;
    background-color: #d58d1c;
    margin: 10px;
    float: left;
    cursor: pointer;
}

.main-button2 a {
    color: white;
}

.red-button {
    background-color: #da4833;
    color: white !important;
}

.red-button a {
    color: white !important;
}

.main-button:hover,
.main-button2:hover {
    background-color: #d09230;
}

.buttons-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_account {
    margin-bottom: 10px;
}

label {
    color: #3f4450;
}



#search-loupe {
    position: relative;
    top: -22px;
    left: 160px;
}


#rechercheAvancee {
    padding: 2px 0 2px 3px;
    height: 26px;
    width: 14px;
}


#cac_recherche {
    margin-top: -32px;
}

#zone_recherche {
    width: 33%;
    margin-top: -20px;
}




.titre_rubrique {
    font-family: Lora, serif;
    font-style: normal;
    font-weight: 400;
    color: #091836 !important;
}


.logos_divers {
    text-align: center;
    min-height: 70px;
}

#detail_produit div.logos_divers {
    text-align: left;
}


.beautiful-hr {
    width: 100%;
    text-align: center;
}

.beautiful-hr-img {
    width: 100%;
    max-width: 1080px;
}

#bloc_pied_page li {
    padding: 0;
}

#panier-menu-item-content {
    text-transform: none;
}

input:focus,
textarea:focus {
    outline: 1px solid #d59d45;
}

#famille-presentation {
    background-color: #d3e2d9;
    width: 100%;
    min-height: 100px;
}

#sous-famille-presentation {
    background-color: #d3e2d9;
    max-width: 60%;
    margin: auto;
    margin-top: 20px;
    padding: 20px 30px 20px 30px;
}

#login_or_signin {
    display: flex;
    justify-content: center;
}

#recherche_design_mobile {
    display: none;
}

#search-mobile {
    width: 90%;
}



#presentation-famille-header {
    display: flex;
    align-items: stretch;
    width: 90%;
    margin: auto;
}

#presentation-famille-header-picture {
    width: 50%;
    min-height: 100px;
    background-size: cover;
}

#presentation-famille-header-content {
    width: 50%;
}

#page-header {
    display: flex;
    justify-content: center;
    min-height: 200px;
}

#page-header-picture {
    width: 45vw;
    min-height: 15vw;
    background-size: cover;
    background-position: center;
}

#page-header-content-wrapper {
    width: 45vw;
    display: flex;
    background: #d3e2d9;
}

#page-header-content {
    padding: 1px 30px 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    flex-direction: column;
    padding: 1px 30px 20px 30px;
}

#page-header-content>div>h1 {
    color: #265c8d;
    text-transform: uppercase;
    font-size: 25px;
}

.contenu_info_sous_famille {
    color: rgba(9, 24, 54, 1);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
}

.contenu_info_designation {
    color: rgba(9, 24, 54, 1);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px !important;
}

.titre_rubrique {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #091836;
    text-transform: uppercase;
}

.titre_rubrique a {
    color: #091836 !important;
}

#home-presentation-nature {
    display: flex;
    margin: 20px 0 30px 0;
    max-width: 1080px;
    margin: auto;
}

#home-presentation-nature-left {
    background: #D7A562;
    border-radius: 22px 0px 0px 22px;
    padding: 22px 32px;
    color: white;
    width: 50%;
    text-align: left;
    line-height: 14px;
}

#home-presentation-nature-left-title {
    text-transform: uppercase;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.115em;
    color: #FFFFFF;
}

#home-presentation-nature-left-subtitle {
    text-transform: uppercase;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124.52%;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #FFFFFF;
}

#home-presentation-nature-left p {
    font-size: 12px;
    line-height: 12.25px;
}

#home-presentation-nature-right {
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 22px 22px 0;
}


.image-circle-description {
    width: 116px;
    height: 116px;
    border-radius: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 82px;
    background: white;
    box-shadow: 2px 0px 21px 1px rgba(0, 0, 0, 0.25);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #091836;
}

.image-circle-description-2 {
    bottom: -28px;
    left: 94px;
}

.gamme-famille {
    margin: 10px;
    position: relative;
    margin-bottom: 80px;
    cursor: pointer;
}

.img-gamme {
    border-radius: 30px;
    width: 280px;
    border: 1px solid #eee;
}



#owl-carousel-top {
    z-index: 0;
}

.item-owl-presentation {
    height: 33vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.owl-carousel {
    z-index: 0 !important;
}

.owl-slide-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33vw;
}

.owl-slide-text {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 24px 40px;
    color: white;
    cursor: pointer;
    text-transform: inherit;
    font-size: 3rem;
    font-family: 'Inter';
    max-width: 50vw;
}

#gamme-oshadhi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1080px;
    margin: auto;
}

#owl-carousel-top .owl-dots {
    background-color: #F6F5FA;
}

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: 40px;
    display: block !important;
    border: 0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: 45px;
    display: block !important;
    border: 0px solid black;
}

.owl-prev i,
.owl-next i {
    transform: scale(4, 4);
    color: #262626;
}

.autre_appelation p {
    text-align: left;
}

#compte-menu:hover {
    color: #666;
}

#img_actu {
    max-width: 80vw;
    max-height: 25vh;
}

.top-vente {
    color: green;
    font-size: 15px;
}

.cond_quant {
    font-size: 16px;
}

#owl-carousel-bottom-navigation,
#owl-carousel-avis-navigation {
    display: flex;
    justify-content: space-evenly;
}

#owl-carousel-bottom-prev,
#owl-carousel-bottom-next,
#owl-carousel-avis-prev,
#owl-carousel-avis-next {
    cursor: pointer;
    display: inline-block;
    font-size: 50px;
    font-weight: 800;
    line-height: 0;
}


.image-circle-description {
    width: 116px;
    height: 116px;
    border-radius: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 82px;
    background: white;
    box-shadow: 2px 0px 21px 1px rgba(0, 0, 0, 0.25);
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #091836;
}

#gamme-formations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1080px;
    margin: auto;
}

.image-circle-description-2 {
    bottom: -28px;
    left: calc(50% - 58px);
}

.gamme-famille {
    margin: 10px;
    position: relative;
    margin-bottom: 80px;
    cursor: pointer;
}

.img-gamme {
    border-radius: 30px;
    width: 280px;
    border: 1px solid #eee;
}

#accueil-certificats {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.accueil-certificat {
    max-width: 20vw;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.accueil-certificat-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    color: #091836;
}

.accueil-certificat-text {
    font-weight: 400;
    font-size: 12px;
    color: #091836;
}

#accueil-certificats-links {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.accueil-certificat-button {
    background-color: #693575;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 4px 20px;
}

.accueil-certificat-button a {
    color: white !important;
    text-decoration: none !important;
}

#accueil-certificats .accueil-certificat-button {
    display: none;
}

#contenu-accueil-1 {
    background: #F6F5FA;
    display: flex;
    align-items: center;
}

#contenu-accueil-1-left,
#contenu-accueil-1-right {
    width: 50vw;
    height: 35vw;
}

#contenu-accueil-1-left {
    background-position: center;
    background-size: cover;
}

#contenu-accueil-1-right {
    display: flex;
    align-items: center;
}

#contenu-accueil-lien-1 {
    display: block;
    text-align: left;
    background-color: rgba(213, 141, 28, 1);
    color: white;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 4px 23px;
    width: fit-content;
    font-size: 12px;
}

.contenu-accueil-texte {
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: justify;
    margin: 30px 10vw;
}

.contenu-accueil-texte-2 {
    margin: 30px auto;
    max-width: 1080px;
}

#accueil-avis {
    display: flex;
    justify-content: space-around;
}

.accueil-avis {
    text-align: center;
}

@media (max-width: 1080px) {
    #contenu_principal {
        top: 0;
    }

    #product {
        display: block;
    }

    #product-picture {
        width: 100%;
    }

    #product-content {
        width: 100%;
    }

    #login_or_signin {
        display: block;
    }

    .cadre_account {
        margin-left: 10%;
        width: calc(100vw - 24%);
    }

    h1 {
        margin-left: 10px;
    }

    #presentation-famille-header {
        display: block;
    }

    #presentation-famille-header-picture,
    #presentation-famille-header-content {
        width: 100%;
    }

    #page-header {
        display: block;
        margin-top: 20px;
    }

    #page-header-picture {
        width: 90vw;
        height: 30vw;
        margin: auto;
    }

    #page-header-content-wrapper {
        width: 90vw;
        margin: auto;
    }

    #home-presentation-nature-left {
        width: 100%;
        border-radius: 22px;
    }

    #home-presentation-nature-right {
        display: none;
    }

    .owl-slide-text {
        font-size: 2rem;
        max-width: 50vw;
    }

    #contenu-accueil-1 {
        display: block;
        overflow: hidden;
    }

    #contenu-accueil-1-left {
        width: 100vw;
        height: 70vw;
    }

    #contenu-accueil-1-right {
        width: 100vw;
        height: auto;
    }

    #accueil-certificats {
        display: block;
    }

    .accueil-certificat {
        max-width: 60vw;
        margin: auto;
        margin-bottom: 50px;
    }

    #accueil-certificats-links {
        display: none;
    }

    #accueil-certificats .accueil-certificat-button {
        display: block;
    }
}






#list-cycle-modules {
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 10px;
    margin-bottom: 20px;
}

#choix-suivi-formation {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: auto;
}

.choix-suivi-formation-button {
    border: 1px solid #d58d1c;
    cursor: pointer;
    padding: 2px 10px;
    border-radius: 7px;
    margin: 0 5px;
    color: #d58d1c;
}

.choix-suivi-formation-button-active {
    background-color: #d58d1c;
    color: white;
}

.dates-distanciel {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-bottom: 34px;
}

#cycle-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}






#content-before-consent {
    text-align: center;
}


.error-tooltip {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.mobile-input-container {
    position: relative;
    display: inline-block;
}

.mobile-input-container::before {
    content: '+';
    position: absolute;
    left: 10px;
    top: 45%;
    transform: translateY(-50%);
    color: #000;
}

.mobile-input-container input {
    padding-left: 20px;
}

/* Chrome, Safari, Edge, Opera */
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.no-spinner {
    -moz-appearance: textfield;
}

#mobile-country-code {
    margin: auto;
    max-width: 100px;
}

#mobile-number {
    margin: auto;
    max-width: 128px;
}