@charset "utf-8";

/*OMA*/
    .omabio {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    .omabiopensee {
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 1.5rem;
        line-height: 1.6rem;
        color: #1179B0;
    }
    /*.omamotto {
        font-family: "Open Sans",sans-serif;
        font-size: 1.6rem;
        line-height: 3.0rem;
        font-weight: 800;
        text-align: center;
        color: #EA773C;
    }*/
	.omamottomini {
        font-family: "Open Sans",sans-serif;
        font-size: 1.4rem;
        line-height: 2.0rem;
        font-weight: 800;
        text-align: center;
        color: #EA773C;
    }
    /*.omapensee {
        font-family: 'Open Sans',sans-serif;
        font-size: 1.6rem;
        line-height: 1.9rem;
        font-weight: 400;
    }
     .omapenseesmall {
        font-family: 'Open Sans',sans-serif;
        font-size: 1.4rem;
        line-height: 1.7rem;
        font-weight: 400;
    }*/
    
    
    /*#oma td img {
        width: 100%;
    }*/
/*Editeur*/
    .editeur {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.4rem;
        line-height: 2.0rem;
    }
    .edito {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 16px;
		font-weight: bold;
		color: #183A8D;
        line-height: 20px;
    }
	.editored {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 16px;
		font-weight: bold;
		color: #9B101B;
        line-height: 20px;
    }

.comments {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #6D6D6D;
    text-align: center;
}
    .commentsmall {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
		color: #5C5C5C;
    }
	.commentmini {
        font-size: 12px;
        line-height: 2px;
        font-weight: bold;
		color: #8B0000;
    }
    .traduction {
        color: #808080;
        font-style: italic;
    }
    
/*Thématiques*/
    .tablebg3 { 
        background-image: url("images/theme_fond_1a.jpg");
        background-repeat: no-repeat;
        background-position:center center;
        background-size: contain;
}
    .themetitre {
        font-family: "Montserrat",sans-serif;
        font-weight: 700;
        color: #663366;
        font-size: 2.2rem;
        line-height: 2.6rem;
}
    .themetitresmall {
        font-family: "Montserrat",sans-serif;
        color: #663366;
        font-weight: 600;
        font-size: 1.3rem !important;
        color: #663366
}
	.themetitresmall a {
        /*color: #663366;*/
        /*font-size: 1.4rem;*/
}
	.themetitresmall a:hover {
        color: #EB773B;
}


    .titre_white {
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 1.4rem;
        color: #ffffff;
}
    .titre_white_2 {
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 1.2rem;
        color: #ffffff;
}

    .titre_violet {
        font-weight: bold;
        font-size: 1.55rem;
        line-height: 1.8rem;
        color: #663366;
}
   .titre_violet_2 {
       font-family: "Montserrat",sans-serif; 
       font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.4rem;
        color: #663366;
}

    .txtviolet {
        color: #663366;
        font-weight: bold;
}
    .tbgmauve{
        background: #ffccff;
}

/*Vente éclair*/
 .tbgve { 
        background-image: url("images/venb.png");
        background-repeat: no-repeat;
        background-position:left center;
        background-size: 60px 60px;
}

.tablebg { 
background-image: url("images/offre_fond.jpg"); 
background-repeat: no-repeat;
background-size: contain;
background-position:center center;
}

/*Prix*/
.pricewhite {
    color: #fff;
    font-weight: bold;
}

/*Newsletter inscription*/
    .prosveta {
    font-family:Arial,Helvetica,sans-serif;
    font-size:x-large;
    font-weight:bold;
    color:#183a8d;
  }
  .client {
    font-family:Arial,Helvetica,sans-serif;
    font-size:medium;
    font-weight:bold;
    color:#183a8d;
  }
  .message {
    font-family:Arial,Helvetica,sans-serif;
    font-size:medium;
  }
  .moyentitrebleu {
    font-family:Arial,Helvetica,sans-serif;
    font-size:medium;
    /*font-weight:bold;*/
    color:#183a8d
  }
  
  /*Salons*/
  .commentsmall {
        /*font-size: 12px;
        line-height: 16px;
        font-weight: bold;
		color: #6D6D6D;*/
    }
	.invitation {
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
		color: #D8591A;
    }
	.prodsubtitle {
	font-size: 16px;
	font-weight: bold;
	color: #D8591A;
	}
.salontitle {
	font-size: 22px;
	font-weight: bold;
	line-height: 0px;
	color: #D8591A;
}
.salonsubtitle {
	font-size: 16px;
	font-weight: bold;
	color: #183A8D;
	line-height: 22px;
}
.orangesubtitle {
	font-size: 16px;
	font-weight: bold;
	color: #D8591A;
	line-height: 22px;
}
.stand {
	background-color:#D8591A;
	font-size: 14px;
	text-align:center;
	padding: 10px 10px 10px 10px;
	margin: 10px 14px;
	color: #FFFFFF;
	font-weight: bold;
}
/*Styles Newsletter*/
.more {
	background-color:#183A8D;
	font-size: 15px;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
}

.more a {
	text-decoration: none;
}
.more:hover {
	background-color:#EB773B;
	text-align:center;
	color: #FFFFFF;
}
.moremini {
	background-color:#183A8D;
	text-align:center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.moremini a {
	text-decoration: none;
}
.moremini:hover {
	background-color:#EB773B;
	text-align:center; 
	color: #FFFFFF;
}
.prodtitle {
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
	color: #9B101B;
}
.prodsubtitle {
	font-size: 20px;
	font-weight: bold;
	color: #9B101B;
	/*line-height: 24px;*/
}
.section {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: uppercase;
	color: #183A8D;
	text-align: center;
}
.sectionsmall {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: uppercase;
	color: #183A8D;
	text-align: center;
}
.reftitle {
	/*background-color:#F5F5F5;*/
	text-align:center;
	color: #183A8D;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.tdm {
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    color: #6D6D6D;
    text-align: left;
}

/*FAQ*/

/*div#faq #faqliste {
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
  text-align: center ;
}

div#faq #faqliste li {
	display: inline;
	width: 500px;
	font-weight: bold;
	font-size: 16px;
}*/

/* Media Queries */
@media screen and (max-width: 480px) {
/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
table {
	/* All tables are 100% width */
	width: 100%;
}
.fluid, .fluid-centered {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* And center justify these ones. */
.fluid-centered {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center {
	text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
	text-align: center !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}
table.center-on-narrow {
	display: inline-block !important;
}
}