/* Greg 22/05/2014 : Les styles commentés sont les styles remontés dans le sass du gabarit */


/************************************************
*	                BOUTON						*
************************************************/
/*
.esm-btn, .esm-button 												{ display: inline-block; margin: 12px 0px;}
.esm-btn:hover span.btn-holder 										{ color: #ffffff !important; text-decoration: none; }
.esm-btn.align-left 												{ margin-right: 12px;}
.esm-btn.align-right 												{ float: right;margin-left: 12px;}
.btn-container.align-center,.modal-btn.align-center  				{ text-align: center;}

/************** Bouton charté ****************/
/*
.esm-btn-charte														{ background-color:#3CC; padding:10px 20px; border-radius:3px; }
.esm-btn-charte	.btn-holder											{ color:#fff;}


/************** Bouton modal ****************/
.esm-modal 															{ display: none;max-width: 400px;background: #FFFFFF;padding: 24px;}
.modal-btn a span:after 											{ content:"\f196"; font-family:FontAwesome; opacity:0.5; margin:0.2rem 0 0 0.5rem; display:block; float:right; font-weight:400; font-size:130%; }
.modal-btn 															{ display: block;width: 100%;overflow: hidden;}
.modal-btn.align-right .esm-btn 									{ float: right; margin-left: 12px; }
.modal-btn.align-left .esm-btn										{ float: left; margin-right: 12px; }



/************** Bouton couleur ****************/
/*
.content-area a.black-btn 											{ background-color:#191919;}
.content-area a.dark-blue-btn 										{ background-color:#091d31;}
.content-area a.blue-btn 											{ background-color:#00a8ff;}
.content-area a.cyan-btn 											{ background-color:#6ae1ec;}
.content-area a.green-btn 											{ background-color:#00bb88;}
.content-area a.pink-btn 											{ background-color:#fd4671;}
.content-area a.dark-red-btn 										{ background-color:#9f0e23;}
.content-area a.red-btn 											{ background-color:#fd2828;}
.content-area a.orange-btn 											{ background-color:#fc5419;}
.content-area a.yellow-btn 											{ background-color:#fcdf19;}
.content-area a.white-btn 											{ background-color:#fff;}

.content-area a.yellow-btn span.btn-holder,
.content-area a.white-btn span.btn-holder							{ color:#333 !important;}

.content-area a.small-btn 											{font-size: 0.8rem; padding: 0.6rem 1.0rem;}
.content-area a.medium-btn 											{font-size: 1rem; padding: 0.8rem 1.4rem;}
.content-area a.large-btn 											{font-size: 1.3rem;padding: 1rem 1.6rem;}


/************************************************
*	              BOITES ET CADRES				*
************************************************/

.esm-note:before													{ content:'\f0c6'; font-family:FontAwesome; background: none; position:absolute; top:-19px; left:5%; font-size:40px; color:#CCC; text-shadow:1px 1px rgba(51,51,51,0.3)}
.esm-note															{ position:relative; display:inline-block;}
.esm-note-shell														{ padding :25px 25px 15px 25px}
.esm-note 															{ margin: 1.5em 0 1.5em 0;  }


.esm-box-title														{ background:none; font-weight:normal; text-transform:uppercase;}

.box-esm															{ position:relative; }
.box-esm .box-content												{ box-shadow:none; border:none; padding:20px; position:relative; margin:20px 0}
.box-esm.red-box  .box-content										{ color:#fd2828}
.box-esm.red-box 													{ background-color:#fec9c9}
.box-esm.blue-box  .box-content										{ color:#00A8FF}
.box-esm.blue-box 													{ background-color:#BFE9FF}
.box-esm.green-box  .box-content									{ color:#0B8}
.box-esm.green-box 													{ background-color:#BFEEE1;}
.box-esm.white-box  .box-content									{ color:#999}
.box-esm.white-box 													{ background-color:#fff; box-shadow:0px 0px 5px rgba(51,51,51,0.1)}
.box-esm.yellow-box  .box-content									{ color:#faca08}
.box-esm.yellow-box 												{ background-color:#FEF7C5}
.box-esm a.close													{ background:none; font-size:16px; top:10px; right:10px; height:inherit; position:absolute; padding:0; width:inherit; z-index:2; }
.box-esm a.close:hover												{ background:none;}

/************************************************
*	              ELEMENTS GRAPHIQUES		    *
************************************************/


/************** icones ****************/
/*
i.icone																{ margin:0 0.5rem; vertical-align:middle;}
*/
.fa-1{}
.fa-2{font-size:2em !important}
.fa-3{font-size:4em !important}
.fa-4{font-size:7em !important}
.fa-5{font-size:12em !important}



/************************************************
*	              Structures statiques	        *
************************************************/

/************** Tableau ****************/

/* Table */
/*
.esm-table															{ width: 100% !important; margin: 0 0 1.5em 0 !important; border-collapse: collapse !important; font-size: 1em !important; }
.esm-table th 														{ text-align: center !important; padding: 10px !important; font-size: 1em !important; font-weight: normal !important; color: #333 !important;}
.esm-table td 														{ padding: 10px 15px !important; }
.esm-table-style-1 table 											{ border: 1px solid #ccc !important; }
.esm-table-style-1 th            									{ border: 1px solid #ccc !important; background: #f0f0f0 !important; }
.esm-table-style-1 td 												{ border: 1px solid #ccc !important; background: #fff !important; }
.esm-table-style-1 .esm-even td 									{ background: #f7f7f7 !important; }
.esm-table-style-2 table 											{ border: none !important; }
.esm-table-style-2 th 												{ border: none !important; background: #f0f0f0 !important; }
.esm-table-style-2 td 												{ border: none !important; background: #fff !important; }
.esm-table-style-2 .esm-even td 									{ background: #f7f7f7 !important; }
.esm-table-style-3 table 											{ border: none !important; }
.esm-table-style-3 th 												{ border: none !important; border-bottom: 2px solid #666 !important; background: #fff !important; }
.esm-table-style-3 td 												{ border: none !important; background: #fff !important; }
.esm-table-style-3 .esm-even td 									{ background: #fff !important; }

/************** Carte de visite ****************/

.esm-service 								{ border:1px solid #CCC; border-radius:10px; padding:20px 40px 30px 30px; display:inline-block}
.esm-service-title img 						{ top:30px; left:30px}	
.esm-service-title							{ text-transform:uppercase; margin-bottom:20px; }
.esm-service-content						{ font-size:16px; line-height:120%}			

/************************************************
*	   	         EFFET DE TEXTE		   		    *
************************************************/

/************** Label ****************/

span.esm-label												{ display: inline-block; padding:10px 15px 20px 15px; text-transform:none; font-size:1rem}
.esm-label-style-default									{ background-color:#beb4a6}
.esm-label-style-success									{ background-color:#0B8}
.esm-label-style-warning									{ background-color:#FC5419}
.esm-label-style-important									{ background-color:#FD2828}
.esm-label-style-info										{ background-color:#6AE1EC}

/************** Lettrine ****************/

.esm-dropcap												{ border-radius:none;}
.esm-dropcap.esm-dropcap-style-1 							{ background:none; color: inherit; text-shadow:none; margin:0px 0.6rem 0 0; text-align:left; width: inherit; height: inherit; line-height:90%;   border-radius: 0; padding:0;}
.esm-dropcap.esm-dropcap-style-2 							{ background: #333; color:#fff; text-shadow:none; margin:0.4rem 0.6rem 0 0; text-align:left; width: inherit; height: inherit; line-height:90%;   border-radius: 0; padding:0.5rem; }
.esm-dropcap.esm-dropcap-style-3 							{ border-left:2px solid #CCC; background:none; color: inherit; text-shadow:none; margin:0px 0.6rem 0 0; text-align:left; width: inherit; height: inherit; line-height:75%;   border-radius: 0; padding:0 0 0 5px ;}

/************************************************
*	              Structures animées	        *
************************************************/

/****Toggle Box**********/
/*
.toggle-box-esm 											{ margin: 6px 0px;padding: 0px;}

.toggle-trigger-esm.active 									{ border-bottom: none; }
p.toggle-trigger-esm:before 						  		{ font-family: 'FontAwesome'; font-weight: normal; content: ""; margin-right: 8px; }
p.toggle-trigger-esm.active:before 							{ content: ""; }
.toggle-trigger-esm a:hover 								{ text-decoration: none; }
.toggle-section-esm,  .esm-spoiler-content, .ui-accordion .ui-accordion-content										{ display: none; background: #FFFFFF; margin: 0px; padding: 12px 24px 12px 24px; overflow: hidden; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}

.esm-spoiler-title:before  									{ font-family: 'FontAwesome'; font-weight: normal; content: "\f00e"; margin-right: 8px; }
.esm-spoiler-open .esm-spoiler-title:before  				{ font-family: 'FontAwesome'; font-weight: normal; content: "\f010"; margin-right: 8px; }
.tabs-esm                                                   { display:block; position:relative;}

/************************************************
*	      Structures accès restreint	        *
************************************************/
/* content private */
.esm-private 												{ margin: 0 0 1.5em 0; }

/************************************************
*	     Structures visibilité restreinte	    *
************************************************/