/* @override 
	http://www.egliseverte.fr/wp-content/themes/ev-theme/editor-style-shared.css */

/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these.   */

/* Suggested general non-tag-specific visual styles (for all websites) */

.list       { margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }

.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }

.beforelist { margin-bottom: 0.3rem; }

.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; }

/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }

.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }

/* Append your site-specific styles here */



/* @group Fontes */

h1 {
	font-family: Spectral, "Times New Roman", Times, serif;
	font-weight: 700;
	color: #453f3c;
	letter-spacing: -1px;
}

h2 {
	font: 1.7em/1.1em Spectral, "Times New Roman", Times, serif !important;
	font-weight: 600 !important;
	margin: 0.5em 0 !important;
	color: #726861;
}



h3 {
	font: 1.5em/1.1em Spectral, "Times New Roman", Times, serif !important;
	font-weight: 700 !important;
	margin: 0.5em 0 !important;
	color: #98c254;
}




h5 {
	font-size: 1em  !important;
	line-height: inherit !important;
	font-weight: 700 !important;
	font-style: italic;
	margin: 0 0 !important;
	padding: 0 !important;
	text-transform: none !important;
	letter-spacing: inherit !important;
}

.check-list{
	margin-top: 20px;
	margin-bottom: 20px;
}

.check-list li{
	list-style: none;
	padding-left: 25px;
}

.check-list li:before{
	font-family: FontAwesome;
	font-weight: normal;
	margin-left: -25px;
	margin-right: 10px;
	content: "\f05d";
}

blockquote {
	border: none !important;
	margin-left: 25px !important;
	padding: 0 0 0 20px !important;
	font-style: inherit !important;
	position: relative;
	
}

	blockquote:before {
		font: 3em Georgia, "Times New Roman", Times, serif;
		margin-left: -25px;
		/*content: "\275D";*/
		content: "«";
		color: #dedcd4;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0px;
		
	}

blockquote.blockquote-center {
	margin-right: 25px !important;
	text-align: center;
}



blockquote.blockquote-center:after {
	font: 3em Georgia, "Times New Roman", Times, serif;
	margin-right: -35px;
	content: "»";
	color: #dedcd4;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0px;
}

/* @end */

/* @group List OL */

#main ol {
	margin-left: inherit;
}






ol.number-list {
	margin-top: 20px !important;
	margin-left: 0 !important;
	margin-bottom: 20px !important;
  list-style-type: none;
  counter-reset: compteListe;
	font-style: italic;
	color: #726861;
}

ol.number-list li{
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #e5e3dc;
}

ol.number-list li::before {
  counter-increment: compteListe;
  content: counter(compteListe) " ";
  display: inline-block;background: #c9c1bc;
  width: 28px; height: 28px;
  margin-right: 10px;
  text-align: center;
   -webkit-border-radius: 50%;
  border-radius: 50%;
	color: #fff;
	line-height: 28px;
}


/* @end */

/* @group Petite-ligne */

.tiny-hr {
	margin: 40px auto;
	max-width:150px;
	border: 0;
	border-top: 6px solid #edece3;
}

/* @end */

/* @group Bouton Underline */

a.btn-big-under {
	font-weight: bold;
	font-size: 1.15em;
	text-decoration: none;
	padding: 10px;
	border-bottom: 4px solid #636363;
	-moz-transition: all 0.3s ease-out; 
	 -o-transition: all 0.3s ease-out; 
	 transition: all 0.3s ease-out;
}

a.btn-big-under i {
	margin: 0 5px;
}


a.btn-big-under:hover {
	color: #FFF;
}


a.btn-big-under.green{
	border-bottom-color: #8dc548;
	color: #8dc548;
}

a.btn-big-under.green:hover{
	background-color: #8dc548;
	color: #FFF;
	
}

/* @end */

/* @group H2 smaller */

.h2-smaller{
	font-size: 1.3em !important;
}

/* @end */

/* @group Bouton Color */

a.btn-color,
a:visited.btn-color {
	font-weight: bold;
	text-decoration: none;
	padding: 12px 15px;
	-moz-transition: all 0.3s ease-out; 
	 -o-transition: all 0.3s ease-out; 
	 transition: all 0.3s ease-out;
	 color: #FFF !important;
	 display: inline-block;
	 margin: 5px 0; vertical-align: middle;
}

a.btn-color i {
	margin: 0 5px;
}

a.btn-color:hover {
	color: #FFF;
	background-color: #504945 !important;
}


a.btn-color.green{
	background-color: #8dc548;
	color: #FFF !important;
}

a.btn-color.blue{
	background-color: #2398cc;
	color: #FFF !important;
}



/* @end */

/* @group Bloc Blanc */

.bloc-niveau{
	background-color: rgba(255, 255, 255, 0.5);
	padding: 15px;
	margin: 0 0 20px;
}


.bloc-niveau h4{
	font: italic 1.7em/1em Spectral, "Times New Roman", Times, serif !important;
	margin: 10px 0 20px;
	letter-spacing: -1px;
}

.bloc-niveau h4 em{
	font: 0.45em Spectral, "Times New Roman", Times, serif !important;
	font-weight: 700 !important;
	margin: 10px 0 0;
	letter-spacing: 1px;display: inline-block;
	background-color: #8dc548;
	padding: 2px 5px;
	color: #FFF;
	 -webkit-border-radius: 3px;
	border-radius: 3px;
}

/* @end */