/* NEW_HEADER */
/* NEW_SYN */
/* NEW_NUM */


.wrapper {
    background-color: #f5f5fa;
    padding: 0 3%;
}
@media screen and (max-width: 620px) {
    .wrapper {
        padding: 0;
    }
}

/* zone Message Error */
.msg-error{
	padding: 10px 50px;
    border: solid 1px;
	border-radius: 10px;
	background-color: #ffebeb;
}
.msg-error hr{
	border-color: black;
    border-style: dashed;	
}
.code-error{
	color:red
}
/**********************/

/* TITRE (book, cook, forum, etc...) */
.banner-title {
    padding-bottom:3%;
    color: #5569af;
    font-size: 36px;
    text-align:center;
}
.banner-title .line-left{
    clear:left;
    float:left;
    width:40%;
    border-top: 3px solid #eee;
}
.banner-title .line-right{
    clear:right;
    float:right;
    width:40%;
    border-top: 3px solid #eee;
}

.banner-title .homebox-title{
    margin-top: 20px;
    font-size: large;
    font-weight: bold;
    font-family: firasans;
    color:black;
}

.banner-title .panel-title{
    font-size: medium;
    font-family: montserra;
    color:black;
}

.btlink{
    width: 100%;
    padding: 12px 25px 1px 25px;
    border-radius:30px;
}
.btlink a{
     text-decoration:none;
     color:white;
     font-weight:bold; 
     font-size: small;
     font-family:firasans; 
}


.hb-color1{background-color: #293368;}
.hb-color2{background-color: #576bb4;}
.hb-color3{background-color: #ff4b55;}


/* MODULE NAV MONOLINGUE*/
.panel-nav-monolingue{
    margin-left:5%;
    margin-right:3%;
    margin-bottom:3%;
    border-left-style:solid;
    border-color:gainsboro;
}

.item-nav-monolingue{
    float:left;
    padding-top: 2%;
    padding-bottom: 2%;
    border-style:solid;
    border-color:gainsboro;
    border-left-style:none;
    background-color:white;
    text-align: center;
    font-family: firasans;
    font-weight: bold;
    color: #5569af;
}



/* MODULE HEADER-ARTICLE*/
.header-article{
   /*margin-left: 10%;   NEW_HEADER */
   margin-top: 4%; /* NEW_HEADER */
   margin-bottom: 4%; /* NEW_HEADER */
}

/* NEW_HEADER */
/* rajout */


.header-article .linkaudio{
    margin-right: 1%;  
    color: #ff4b55;
    cursor:pointer;
}

.header-article1 .linkaudio{ /* §ik_modif regroupement */
    margin-right: 1%;  
    color: #ff4b55;
    cursor:pointer;
}

.header-article .CatgramDefinition{
    /* line-height: 10px;  */ /* §ik_modif_04-11 : suppression line-height !!! */
    /* §ik_modif : avant 0px */
    /* §ik_modif_04_02 color: #5569af; */
    color: #566BB3;
    margin-top: 1%; /*  NEW_HEADER  */
}
.header-article .OrigineDefinition {
	line-height: 10px;  /* §ik_modif : avant 0px */
}

.header-article ul {
    margin-top:3%;
    margin-left:-25px;
    padding:0;
    text-align:center;
}
.header-article li {
    display:inline-block;
    width: 16%;
    padding: 12px;
    border-right-style: solid;
    text-align:center;
    border-color:#788cbe;
    background: #576bb4;
}
.header-article .sel{
     background: #788cbe;
}
.header-article li a{
    text-decoration:none;
    color:white;
}
@media screen and (max-width: 680px) {
  .section {
        display: none;
  }
}





/* content ARTICLE*/
.content{
    margin: 5% 0;
    /*margin-left: 8%;*/
    padding: 0 3%;
    padding-bottom:1%;
    background-color:white;
}
.content .icon-section{
    /* padding: 0 12px; */
    padding: 0 12px 0 0; /* §ik_modif */
    font-size: 24px;
    color: #5569af;
}
.content .icon-locution-encyclo{
    /* padding: 0 12px; */
    padding: 0 12px 0 0; /* §ik_rajout_04-05 */
    font-size: 15px;
    color: #5569af;
}
.content h1{
    display:inline-block;
    /* font-size: 24px; */ /* §ik_modif_04-05 */
    font-size: 18px;
    color: #5569af;
}
.content h2 {
    display: inline;
    margin-right: 3px;
    line-height: 0px;
    font-size: 18px;       
}
.content ul {
    padding-left: 0;
    list-style-type: none;
}
.content li { 
    padding: 1%;            /* §ik_modif ???avant: 2% */
    background: #efeffb;    /* §ik_modif_03_28 */
}
.content li:nth-child(odd) { 
     background: #f8f7fd;   /* §ik_modif_03_28 */
}




/* PUBS */
.pub-pave{
    margin-right: 5%;
    text-align: center;
}

/* BeOpinionSDK (sondage) */
.BeOpinionWidget{
    margin-top: 30px;
}


/* ================================================   RAJOUTS IK §ik_rajout  ==================================== */

h1.TitrePage {
	text-transform: uppercase;
}

/* ZONE-ENTREE font-family: 'FiraSans Regular'; */

.AdresseDefinition {
	font-size: 20px; 
    color: #040404;
	font-weight: bold;	
}

.ComplementTitre {
	display: none;
}

.LienAdresse {
	color: #e62e00;
	font-weight: 400; /* modif_03-13 */
	
}

.BlocDefinition {
	font-family: 'FiraSans Regular';
	font-size: 15px; /* §ik_modif_04_02 */
}
.BlocDifficultes {
	font-family: 'FiraSans Regular';
	font-size: 15px; /* §ik_modif_04_02 */
}
.BlocLocutions {
	font-family: 'FiraSans Regular';
	font-size: 15px; /* §ik_modif_04_02 */
}
.BlocSynonymes {
	font-family: 'FiraSans Regular';
	font-size: 15px; /* §ik_modif_04_02 */
}
.Blochomonymes {
	font-family: 'FiraSans Regular';
	font-size: 15px; /* §ik_modif_04_02 */
}

/* => INDICATEUR : familier  */
.indicateurDefinition {
	color: #e62e00;
	font-weight: 400; /* modif_03-13 */
	padding-bottom: 10px;
}

span.IndicateurLocution  {
	color: #e62e00;
	font-weight: 400; /* modif_03-13 */
}


.RemarqueDefinition {
	color: #444a4d;
	font-weight: 400; /* modif_03-13 */
}

h2 .RemarqueDefinition {
	font-size: 16px; 
}

.RubriqueDefinition {
	color: #F13D07;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 0px;
}

ul.ListeLocutions {
}
li.Locution {
    padding-top: 10px;
}

p.LocutionDansRubrique {}
p.SousDivision {}

.num-loc {
	color: #040404;
	font-weight: bold;
}

h2.AdresseLocution {
	 /* display: inline-block;
     margin-right: 3px;
    line-height: 0px;
    font-size: 18px;   */
    
     font-size: 15px; /* §ik_modif_04-05 */
     color: #566BB3; /* §ik_modif_04_02 */
	 font-weight: bold;
}

h2.AdresseLocution  {
	margin-top:10px;   /* §ik_modif => h2 bootstrap : 20px => "coincer 17041.html" */
}

.DefautLocution {
	color: #444a4d;
	font-weight: 400;
	/* §ik_modif_04-05 font-style: italic; */
}

.TextePresentatif {
	color: #444a4d;
	font-weight: bold;
}

.TexteLocution {
	color: #444a4d;
	font-weight: 400;
}

/* = texte définitions : elem li  */
.DivisionDefinition {
	color: #444a4d;
	font-weight: 400; /* 03-12 */
}
.Definitions {
}

/* NEW_NUM */
/* rajout */
.numDef {
    font-size: 14px; 
    color: #566BB3; 
	font-weight: bold;
}

/* === texte définitions dans SYN - CONTRE / sinon : li ======= */
p.DivisionDefinition {
	color: #444a4d;
	font-weight: 400; /* 03-12 */
}



/* = texte exemple qui suivent les définitions */
.ExempleDefinition {
	color: #566BB3; /* §ik_modif_04_02 */
	font-weight: 400;
}
.ExempleDefinition .small {
	color: #566BB3; /* §ik_modif_04_02 */
	font-weight: 500; 
}



/* ********** REF-ORTHO  **************** */
.ReformeOrtho {
	color: #444a4d;
	font-weight: 400; /* modif_03-13 */
	font-size: 15px;
	/*font-style: italic;*/
}
/*
h2 .ReformeOrtho {
	font-size: 16px;
}
*/
.AdresseRefOrtho {
	font-size: 17px;  /* modif_03-13 */
    color: #040404;
	font-weight: bold;	
}

span.lien {
	color: #444a4d;
	font-weight: 500;
}



.fontello {
    font-family: "fontello";
}


h2.AdresseDefinition {
	margin-top:10px;   /* §ik_modif => h2 bootstrap : 20px => "coincer 17041.html" */
}



div.Zone-Entree  {
	padding-top:10px;   /* §ik_modif ??? => "coincer 17041.html"*/
}

div.Zone-Entree1  {
	padding-top:10px;   /* §ik_modif regroupement*/
}

.small {
	font-variant: small-caps;
	font-size: 14px; 
}
	
.Renvois {
	font-weight: 400; 
	text-decoration: underline;
}
.lienarticle {
	color: #566BB3;
}