/************************************************************
 * 	(A FAIRE CORRESPONDRE AVEC EDITOR-STYLES.CSS) 
 ************************************************************/
article{
    color: #424242;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.425;
    text-rendering: optimizeLegibility;
    vertical-align: baseline;
    font-weight:400;
}
/* Titrailles */
article h1, article h2, article h3, article h4, article h5, article h6 {
    font-family: 'Roboto', sans-serif;
    color: #424242;
    margin: 0 0 0.5em;
    text-transform: normal;
    line-height:1;
    font-weight:300;
}
article h3{
  	color: #424242;
    font-size: 32px;
    line-height: 1.2;
}
article h4 {
    color: #424242;
  	font-size: 26px;
    margin-bottom: 20px;
}
article h5{
    color: #424242;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
}
article h6 {
	color: #424242;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
article hr {
    background-color: transparent;
    border: 0;
    height: 1px;
    margin: 1em 0;
    clear:both;
}
/* Textes */
article p, article ul, article ol, article dl, article div{
    font-weight: 400;
}
article div {
    margin: 0;
}
article p {
    margin-top: 0;
    margin-bottom: 2em;
}
article ul, article ol {
    margin: 0 0 1.625em 2.5em;
    padding: 0;
}
article ul {
    list-style: none;
    padding:0; margin:0;
    margin-bottom: 1.625em;
}
article ul li {
    padding-left: 1.5em;
    text-indent: -.7em;
}
article ul li:before {
	display:inline-block;
    font-family: FontAwesome;
   	content: "\f111";
   	font-size:9px;
    color:#435C61;
    margin-right:1em;
    line-height:21.5px;
    vertical-align:top;
    height:9px;
}
article ol {
    list-style-type: decimal;
}
article ol ol {
    list-style: upper-alpha;
}
article ol ol ol {
    list-style: lower-roman;
}
article ol ol ol ol {
    list-style: lower-alpha;
}
article ul ul, article ol ol, article ul ol, article ol ul {
    margin-bottom: 0;
}
article dl {
    margin: 0 1.625em;
}
article dt {
    font-size: 15px;
    font-weight: bold;
}
article dd {
    margin: 0 0 1.625em;
}
article strong {
    font-weight: bold;
}
article cite, article em, article i {
    font-style: italic;
}
article cite {
    border: none;
}
article big {
    font-size: 131.25%;
}
article blockquote{
    clear:both;
    color: #435C61;
    background-color: #D3DEE0;
    padding:0.5em 1em 0.5em 1em; 
    margin:20px 0 20px;
    border-left:solid 3px #435C61;
    line-height:1.5em;
	font-size:14px;
}
article blockquote h3, article blockquote h4, article blockquote h5, article blockquote h6{
    color:#FFF;
}
article blockquote p{
    font-weight: normal;
    margin:0;
    font-size:16px;
}
article blockquote em,
article blockquote i,
article blockquote cite {
    font-style: normal;
}
article blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
article pre {
    background: #f4f4f4;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    padding: 0.75em 1.625em;
}
article code, article kbd, article samp, article var {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
article abbr, article acronym, article dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}
article address {
    display: block;
    margin: 0 0 1.625em;
}
article del {
    color: #333;
}
article ins {
    background: #fff9c0;
    border: none;
    color: #333;
    text-decoration: none;
}
article sup,
article sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
article sup {
    bottom: 1ex;
}
article sub {
    top: .5ex;
}
article h1 sup, article h1 sub,
article h2 sup, article h2 sub,
article h3 sup, article h3 sub,
article h4 sup, article h4 sub,
article h5 sup, article h5 sub,
article h6 sup, article h6 sub{
	font-size:12px;
}
article input[type=text],
article textarea {
    background: #fafafa;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    color: #888;
}
article input[type=text]:focus,
article textarea:focus {
	color: #333;
}
article textarea {
	padding-left: 3px;
	width: 98%;
}
article input[type=text] {
	padding: 3px;
}
/* Liens */
article a,
article a em,
article a strong,
article a:visited,
article a:visited em,
article a:visited strong{
	color: #3E98C5;
	text-decoration: none;
}
article a:focus,
article a:active,
article a:hover{
	color: #327A9E;
	text-decoration: none;
}
/* Alignement */
article .alignleft {
	display: inline;
	float: left;
	vertical-align:middle;
	margin-right:0.5em;
}
article .alignright {
	display: inline;
	float: right;
}
article .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
article .aligntop {
	vertical-align:top;
}
article .alignmiddle {
	vertical-align:middle;
}
article .alignbottom{
	vertical-align:bottom;
}
/* Styles du texte */
article .uppercase{
	text-transform:uppercase;
}
/* Tables */
article table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin: 0 0 1.625em;
	width: 100%;
	border:2px solid #435C61;
}
article table td {
	padding: 6px;
	font-size:13px;
	color:#424242;
}
article table td p{
	margin-bottom:0;
}
article table thead td,
article table thead th,
article table tfoot td,
article table tfoot th{
	color:#FFF;
	background-color: #435C61;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
	padding: 8px 6px;
}
article table tbody tr:nth-child(odd) td{
	background-color:#E9F1F6;
}
/* Galerie */
.gallery {
	margin-bottom: 20px;
}
.gallery .gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.gallery-columns-1 .gallery-item {
	max-width: 100%;
	width: auto;
}
.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 14px);
	max-width:         calc(50% - 14px);
	width: auto;
}
.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 11px);
	max-width:         calc(33.3% - 11px);
	width: auto;
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 9px);
	max-width:         calc(25% - 9px);
	width: auto;
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 8px);
	max-width:         calc(20% - 8px);
	width: auto;
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 7px);
	max-width:         calc(16.7% - 7px);
	width: auto;
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 7px);
	max-width:         calc(14.28% - 7px);
	width: auto;
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 6px);
	max-width:         calc(12.5% - 6px);
	width: auto;
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 6px);
	max-width:         calc(11.1% - 6px);
	width: auto;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery .gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}
.gallery .gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
/** Boutons **/
article .button_primary, article .button_secondary, article .button_thirdary{
	display:inline-block;
	font-weight:normal;
	font-size:20px;
	padding:15px;
	text-align:center;
	text-transform:none;
	border:1px solid transparent;	
}
article .button_primary a, article .button_secondary a, article .button_thirdary a{
	margin:-15px; padding:15px;
}
article .button_primary:hover,
article .button_primary:active,
article .button_primary:focus,
article .button_primary:hover a,
article .button_primary a:hover,
article .button_primary a:active,
article .button_primary a:focus{
	text-decoration:none;
    -webkit-transition: 	background-color 300ms ease-in-out, color 300ms ease-in-out;
    -moz-transition: 		background-color 300ms ease-in-out, color 300ms ease-in-out;
    -ms-transition: 		background-color 300ms ease-in-out, color 300ms ease-in-out;
    -o-transition: 			background-color 300ms ease-in-out, color 300ms ease-in-out;
    transition: 			background-color 300ms ease-in-out, color 300ms ease-in-out;
}
article .button_primary{
	background-color:#FFF;
    color:#2696C0;
    border-color:#2696C0; 	
}
article .button_primary a{
	display:block;
 	color:#000;
}
article .button_primary:hover,
article .button_primary:active,
article .button_primary:focus{
    background-color:#2696C0;
    color:#FFF;
}
article .button_secondary:hover,
article .button_secondary:active,
article .button_secondary:focus,
article .button_secondary:hover a,
article .button_secondary a:hover,
article .button_secondary a:active,
article .button_secondary a:focus{
	text-decoration:none;
   	-webkit-transition: 	background-color 300ms ease-in-out, color 300ms ease-in-out;
    -moz-transition: 		background-color 300ms ease-in-out, color 300ms ease-in-out;
    -ms-transition: 		background-color 300ms ease-in-out, color 300ms ease-in-out;
    -o-transition: 			background-color 300ms ease-in-out, color 300ms ease-in-out;
    transition: 			background-color 300ms ease-in-out, color 300ms ease-in-out;
}
article .button_secondary{
	background-color:#FFF;
    color:#87B756;
    border-color:#87B756;
}
article .button_secondary a{
	color:#000;
}
article .button_secondary:hover,
article .button_secondary:active,
article .button_secondary:focus{
    background-color:#87B756;
	color:#FFF;
}
article .button_thirdary:hover,
article .button_thirdary:active,
article .button_thirdary:focus,
article .button_thirdary:hover a,
article .button_thirdary a:hover,
article .button_thirdary a:active,
article .button_thirdary a:focus{
	text-decoration:none;
    -webkit-transition: 	background-color 300ms ease-in-out, color 300ms ease-in-out;
    -moz-transition: 		background-color 300ms ease-in-out, color 300ms ease-in-out;
    -ms-transition: 		background-color 300ms ease-in-out, color 300ms ease-in-out;
    -o-transition: 			background-color 300ms ease-in-out, color 300ms ease-in-out;
    transition: 			background-color 300ms ease-in-out, color 300ms ease-in-out;
}
article .button_thirdary{
	background-color:#FFF;
    color:#622F7A;
    border-color:#622F7A;
}
article .button_thirdary a{
	color:#000;
}
article .button_thirdary:hover,
article .button_thirdary:active,
article .button_thirdary:focus{
    background-color:#622F7A;
	color:#FFF;
}
/** Affichage en colonnes */
article .half-columns,
article .third-columns,
article .three-third-columns,
article .quarter-columns{
    width:100%;
    *zoom: 1;
    margin-left:-15px;
    margin-right:-15px;
}
article .half-columns:before,
article .half-columns:after,
article .third-columns:before,
article .third-columns:after,
article .three-third-columns:before,
article .three-third-columns:after,
article .quarter-columns:before,
article .quarter-columns:after {
    display: table;
    line-height: 0;
    content: "";
}
article .half-columns:after,
article .third-columns:after,
article .three-third-columns:after,
article .quarter-columns:after{
    clear: both;
}
article .half-column,
article .third-column,
article .third-column-double,
article .quarter-column,
article .quarter-column-triple{
    float:left;
    margin:0;
    padding:0 15px;
}
article .half-column{
    width:50%;    
}
article .third-column{
    width:33.333333%;   
}
article .third-column-double{
    width:66.666666%;
}
article .quarter-column{
    width:25%;
}
article .quarter-column-triple{
    width:75%;
}