/* regles tiny */

.texte-marron {
	color: #9F8B86 !important;
}
.texte-bleu {
	color: #00ace2 !important;
}
.texte-bleuclair {
	color: #a3e1f4 !important;
}
.texte-rouge { 
	color: #E50040 !important;
}
.texte-violet{
	color: #8F5DA3 !important;
}
.texte-vert { 
	color: #75B843 !important;
}
.texte-orange { 
	color: #EF7D00 !important;
}


.col-1{ width: 8.33% !important; }
.col-2{ width: 16.66% !important; }
.col-3{ width: 25% !important; }
.col-4{ width: 33.33% !important; }
.col-5{ width: 41.66% !important; }
.col-6{ width: 50% !important; }

.col-7{ width: 58.33% !important; }
.col-8{ width: 66.66% !important; }
.col-9{ width: 75% !important; }
.col-10{ width: 83.33% !important; }
.col-11{ width: 91.66% !important; }
.col-12{ width: 100% !important; }

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

.encadre{
	border: 4px solid;
	padding: 8px 8px 8px 8px;
}
.encadre p{
	margin: 8px 0 15px 0;
}

.encadre > h3{
	margin: 0 0 10px 0;
	padding: 5px;
	color: white;
	font-size: 20px;
	font-family:"Proxima Nova W08 Bd";
	line-height: 1.1;
	display: inline-block;
}

.encadre ul{
	margin: 0;

	list-style: none;
	margin-bottom: 10px;
	display: block;	
	overflow: hidden;	/* http://stackoverflow.com/questions/2759354/left-floated-element-and-unordered-lists-ul */	
}
.encadre ul li{
	position: relative;
	margin-bottom: 2px;
	color: #333;
	margin-left: 30px;
}
.encadre ul li:before{
	content: '';
	position: absolute;
	top: .4rem;
	left: -20px;
	font-size: inherit;
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.5rem;
    width: 0.5rem;
    background-color: #00ace2;
}
.encadre > a + p{
	display: none !important;
}

/* columns */
.encadre div p{
	margin: 0 0 8px 0;
}

.encadre.bleu,
.encadre-2.bleu {
	border-color: #00ace2 !important;
}
.encadre.bleu > h3,
.encadre-2.bleu > h3,
.encadre-2.bleu > h4 {
	background-color: #00ace2 !important;
}
.encadre.bleu ul li:before,
.encadre-2.bleu ul li:before{
	color: #00ace2; 
}

.encadre.fushia,
.encadre-2.fushia {
	border-color: #f52b73 !important;
}
.encadre.fushia > h3,
.encadre-2.fushia > h3,
.encadre-2.fushia > h4 {
	background-color: #f52b73 !important;
}
.encadre.fushia ul li:before,
.encadre-2.fushia ul li:before{
	color: #f52b73; 
}

.encadre.bleu-clair,
.encadre-2.bleu-clair {
	border-color: #00ace2 !important;
}
.encadre.bleu-clair > h3,
.encadre-2.bleu-clair > h3,
.encadre-2.bleu-clair > h4 {
	background-color: #00ace2 !important;
}
.encadre.bleu-clair ul li:before,
.encadre-2.bleu-clair ul li:before{
	color: #00ace2; 
}


.encadre.rouge,
.encadre-2.rouge {
	border-color: #E50040 !important;
}
.encadre.rouge > h3,
.encadre-2.rouge > h3,
.encadre-2.rouge > h4 {
	background-color: #E50040 !important;
}
.encadre.rouge ul li:before,
.encadre-2.rouge ul li:before{
	color: #E50040; 
}


.encadre.violet,
.encadre-2.violet {
	border-color: #8F5DA3 !important;
}
.encadre.violet > h3,
.encadre-2.violet > h3,
.encadre-2.violet > h4 {
	background-color: #8F5DA3 !important;
}
.encadre.violet ul li:before,
.encadre-2.violet ul li:before{
	color: #8F5DA3; 
}

.encadre.vert,
.encadre-2.vert {
	border-color: #75B843 !important;
}
.encadre.vert > h3,
.encadre-2.vert > h3,
.encadre-2.vert > h4 {
	background-color: #75B843 !important;
}
.encadre.vert ul li:before,
.encadre-2.vert ul li:before{
	color: #75B843; 
}

.encadre.orange,
.encadre-2.orange {
	border-color: #EF7D00 !important;
}
.encadre.orange > h3,
.encadre-2.orange > h3,
.encadre-2.orange > h4 {
	background-color: #EF7D00 !important;
}
.encadre.orange ul li:before,
.encadre-2.orange ul li:before{
	color: #EF7D00; 
}


.encadre.marron,
.encadre-2.marron {
	border-color: #9F8B86 !important;
}
.encadre.marron > h3,
.encadre-2.marron > h3,
.encadre-2.marron > h4 {
	background-color: #9F8B86 !important;
}
.encadre.marron ul li:before,
.encadre-2.marron ul li:before{
	color: #9F8B86; 
}


/* 2 */
.encadre-2{
	border: 4px solid;
	padding: 8px 8px 0px 8px;
	border-radius: 5px 5px 0 0 ;
}
.encadre-2 p{
	margin: 8px 0 15px 0;
}

.encadre-2 > h3{
	margin: -8px -8px 10px -8px;
	padding: 0px 5px 0 5px;
	color: white;
	font-size: 20px;
	font-family:"Proxima Nova W08 Bd";
	line-height: 1.1;
}
.encadre-2 > h4{
	margin: -10px -8px 10px -8px;
	padding: 0px 5px 6px 5px;
	font-size: 16px;
	font-weight: normal;
	font-family:"Proxima Nova W08 Reg";
	line-height: 1.1;
	color: white;
}
.encadre-2 > h4 strong{
	font-family:"Proxima Nova W08 Bd";
}

.encadre-2 ul{
	margin: 0;
	list-style: none;
	margin-bottom: 10px;
	display: block;	
	overflow: hidden;	/* http://stackoverflow.com/questions/2759354/left-floated-element-and-unordered-lists-ul */	
}
.encadre-2 ul li{
	position: relative;
	margin-bottom: 2px;
	color: #333;
	margin-left: 15px;
}
.encadre-2 ul li:before{
	content: '?';
	position: absolute;
	left: -15px;
	font-size: inherit;
}

td{
	padding: 10px; /* defaut,  voir les classes dans tinyMCE */
}

table.tableau-invisible{
	
}
table.tableau-invisible-no-padding > tbody > tr > td{
	padding: 0;
}
td.tableau-cellule-padding{
	padding: 0 8px;
}

table[align="right"]{
	margin-left: 10px;
}
table[align="left"]{
	margin-right: 10px;
}