/*
Theme Name: autre
Theme URI:l'autre ailleurs
Description: Autre est un cristal thème clair et grinçant propre moderne. Il brille avec une mise en page fluide et réactif et porte sous son capot un cadre puissant de lumière et. Tous les graphiques est le thème sont créés en utilisant HTML5, CSS3 et icône polices de sorte qu'il est extrêmement rapide à charger. Il est également SEO prêt, en utilisant les microformats et Google Schema.org lisibles microdonnées. Autre fournit également plus de 100 paramètres de thème de personnalisation qui vous permettent de prendre le contrôle total de votre site. Vous pouvez tout changer en commençant par la mise en page (contenu et jusqu'à 2 sidebars), la largeur du site et la barre latérale, couleurs, (Google) polices et les tailles de police pour tous les éléments importants de votre blog, en vedette des images, poster metas d'information, soumettre des extraits, des commentaires et bien plus. Autre propose également des menus sociaux avec plus de 100 icônes de réseaux sociaux disponibles en 4 emplacements, 3 menus, 6 zones de widget, 8 modèles de page, tous les formats de poste, est la traduction prête, RTL et compatible avec les anciens navigateurs. Si vous voulez aller plus loin par un thème enfant, vous trouverez un code propre, soit des fonctions accrochable ou enfichables avec des descriptions claires et de plus de 25 actions crochets prêts à l'action. Autre - parce solide est tellement surfaite!
Author: l'autre ailleurs
Author URI: https://www.autre-ailleurs.fr/
Version: l'autre ailleurs
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, news, entertainment, photography, portfolio
Text Domain: 


This theme, like WordPress, is licensed under the GPL.
*/

/*
--------------------------------------------------------------
	== IMPORTANT ==
--------------------------------------------------------------

Any changes made to this or any other of the theme's files will be lost at the next update.

To safely make customizations to the theme:
- for CSS-only use the theme's "Custom CSS" field or a CSS plugin;
- for advanced CSS, layout changes and other customizations use a child theme;

--------------------------------------------------------------
	== TABLE OF CONTENTS ==
--------------------------------------------------------------

	# Reset CSS
	# Theme specific defaults
	# Layout
	# Header
		## Main menu
		## Mobile menu
	# Footer
		## Footer menu
		## Footer widget area
	# Content
		## Page titles
		## Post metas
		## Author info
		## Articles
		## Images
		## Page navigation
		## Article animation
	# Post formats
	# Comments
		## Comment form
	# Widget areas
		## Main widget areas
		## Before content and after content
		## Left sidebar menu
		## Callendar widget
		## Tag cloud (normalized)
	# Searchform
	# Socials
	# Miscellaneous
		## Back to top
		## Custom image border
		## Custom captions
		## Breadcrumbs
		## Pagination
		## Continue reading
		## Blockquotes
	# Conditionals
	# Fixes


/*--------------------------------------------------------------
	# RESET CSS
--------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
	
}


html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

menu-search-animated, #sheader, .identity, #nav-toggle {
    left: 10%;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	max-width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------------------
	# THEME SPECIFIC DEFAULTS
--------------------------------------------------------------*/

body {
	font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}


pre {
	padding: 1em;
	max-width: 100%;
	overflow: auto;
	font-family: "Courier 10 Pitch", Courier, monospace;
	border: 1px solid transparent;
}

kbd,
tt,
var,
code {
	padding: 0 5px;
	overflow: auto;
	vertical-align: middle;
	text-indent: 0;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

q,
blockquote {
	font-size: 1.1em;
	font-family: Georgia, "Bitstream Charter", serif;
}

address {
	padding-left: 1em;
}

del {
	text-decoration: line-through;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	border: 0;
}

a img {
	border: none;
	vertical-align: bottom;
}

hr {
	height: 1px;
	/*border: 0;*/
	clear: both;
}

/* Text elements */

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
}

ul {
	list-style: outside disc;
}

ul ul {
	list-style: outside square;
}

ul ul ul {
	list-style: outside circle;
}

ol {
	list-style: outside decimal;
}

ol ol {
	list-style: outside upper-alpha;
}

ol ol ol {
	list-style: outside lower-roman;
}

ol ol ol ol {
	list-style: outside lower-alpha;
}

dl {
	margin: 0 0 2em 0;
}

dt {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

big {
	font-size: 125%;
}

mark,
ins {
	text-decoration: none;
}

abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

sup,
sub {
	position: relative;
	vertical-align: baseline;
	font-size: .8em;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
	max-width: 100%;
	padding: .7em 1em;
	border: 1px solid transparent;
	background: transparent;
	font-size: inherit;
	font-family :  Ubuntu,roboto,Raleway,Tahoma,sans-serif ;/*font-family: inherit;/*/
	-webkit-transition: border-top-color .3s .1s, border-bottom-color .3s .3s, border-left-color .3s 0s, border-right-color .3s .2s;
	transition: border-top-color .3s .1s, border-bottom-color .3s .3s, border-left-color .3s 0s, border-right-color .3s .2s;
	
	border-color :#88ABC2 ; /*AJOUT POUR LA ZONE D'ABONNEMENT*/
	color: #ffffff ;
	background-color:#354651;
	
	
	
}

input[type="file"] {
	font-size: initial;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: .7em 1.5em;
	border: 0;
	font-size: .9em;
	font-family: inherit;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	margin-top: 5px;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

select option {
	padding: .25em .5em;
}

input::-moz-focus-inner { /*Remove button padding in FF*/
	border: 0;
	padding: 0;
}

embed,
iframe,
object {
	max-width: 100%;
}

.fluid-width-video-wrapper {
  max-height: 100vh;
}

a:link,
a:visited {
	text-decoration: none;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/*--------------------------------------------------------------
	# LAYOUT
--------------------------------------------------------------*/

body {
	line-height: 1.8;
}

#container {
	float: none;
	width: 100%;
	margin: 0;
	overflow: hidden;
	
	/*max-width : 1600 px ;*/
	
	
}

.main {
	margin-bottom: 0;
	min-height: 400px;
	clear: both;
	overflow: hidden;
	
	/*min-width : 780px ;*/
}

#content-masonry {
	margin-right: -1%;
	margin-left: -1%;
	
	background-color : #ffffff ;
	    margin-top: 20px;
	
	
}

.sidey {
	display: block;
	float: left;
	padding: 2em;
}

#footer {
	width: 100%;
	clear: both;
}

/*--------------------------------------------------------------
	# HEADER
--------------------------------------------------------------*/
#branding {
	float: left;
}

#branding .identity {
	float: left;
}

a#logo {
	display: inline;
}

a#logo > img {
	max-height: 90%;
	vertical-align: middle;
}

#site-text {
	position: relative;
	top: 50%;
	display: inline-block;
	float: left;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#site-title {
	float: left;
	line-height: 1.5em;
}

#branding .identity + #site-text {
	margin-left: 1em;
	clear: none;
}

#site-title a {
	display: block;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-decoration: none;
}

#site-title a span {
	display: inline-block;
}

#site-title a:hover span {
	/*padding-right: .02em;*/
}

#site-title span a span:first-child {
	width: 1.2em;
	margin-right: .1em;
	text-align: center;
	line-height: 1.2em;
	font-weight: bold;
}

#site-description {
	display: none;
	clear: left;
	font-size: .9em;
	line-height: 1.3;
}

#site-header-main {
	display: inline-block;
	position: relative;
	z-index: 101;
	width: 100%;
	vertical-align: top;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

#site-header-main-inside {
	display: table;
	width: 100%;
	padding: 0 2%;
	box-shadow:4px 4px 4px rgba(53, 70, 81, 0.05) ;
}

#masthead:after {
	display: table;
	clear: both;
	content: "";
}

#site-header-main.header-fixed,
#site-header-main.header-fixed .menu-search-animated,
.header-fixed #sheader,
.header-fixed .identity,
.header-fixed #access div > ul > li > a {
	height: 70px;
	line-height: 70px;
}

.header-fixed #branding {
	height: 70px;
}

#site-header-main,
#site-header-main .menu-search-animated,
#site-header-main #sheader,
#site-header-main .identity,
#site-header-main #access div > ul > li > a,
#site-header-main #site-title > span > a {
	-webkit-transition: .25s line-height ease-in-out, .25s height ease-in-out;
	transition: .25s line-height ease-in-out, .25s height ease-in-out;
}

#header-image-main,
#header-image-main-inside {
	position: relative;
	overflow: hidden;
	/*box-shadow : 4px 4px 4px rgba(53, 70, 81, 0.20) ;*/
	box-shadow: 1px 1px 13px 2px rgba(53, 70, 81, 0.42); 
}

.fluida-responsive-headerimage #masthead div.header-image {
	display: none;
}

.fluida-cropped-headerimage #masthead img.header-image {
	display: none;
}

#masthead .header-image {
	
	display: block;
	width:100% ;
	height:600px;
	margin: 0 auto;
	background-color: #ffffff;

}

@media (max-width: 1024px) {/*@media (max-width: 768px) {*/
#masthead .header-image {
	
	display: block;
	width:100% ;
	height:300px;
	margin: 0 auto;
	background-color: #ffffff;

}
}

#masthead img{

	vertical-align: bottom ;
	text-align : center ;

	
}	


/* Header widget area */
#header-widget-area {
	display: block;
	position: absolute;
	overflow: hidden;
	height: 100%;
	top: 10px;
}


/*--------------------------------------------------------------

					Banniere

----------------------------------------------------------------*/

.banniere {


	height : 120px ;
	background-color : #ffffff ;
	position: relative;
	overflow: hidden;
	box-shadow : 4px 4px 4px rgba(53, 70, 81, 0.20) ;
	


	
}	

.header-image img{

	display:block ;
	height : 130px ;
	vertical-align: bottom ;

	
}	




/*--------------------------------------------------------------

					Barre de menu haut de page
					et bas de page

----------------------------------------------------------------*/

/* Zone de Menus LIGNE 1 Toutes Colonnes
-------------------------------------------------------------- */


.fond-ligne1 {

	background-color :#88ABC2 ;
	vertical-align: initial;
	
}	

.ligne1 {

	border-color : #88ABC2 ;
	border-width :0 px ;
	background-color :#88ABC2 ;
	vertical-align: initial;
	max-width : 100%;
	margin:auto ;
	position:relative;
	
	
}	

.ligne1 td,th {

	border-color : #88ABC2 ;
	border-width :0 px ;
	background-color :#88ABC2 ;
	vertical-align: initial;
	width:33%;
	
}

#before-colophon  a{
	color : #354651 ;
	font-family :  Ubuntu,roboto,Raleway,Tahoma,sans-serif ;
}

#before-colophon  a:hover{
	color : #ffffff ;
}


@media (max-width: 768px) {
	
.ligne1 {

	border-color : #88ABC2 ;
	border-width :0 px ;
	background-color :#88ABC2 ;
	vertical-align: initial;
	max-width : 100%;
	margin:auto ;
	
	
}		
	
.ligne1 td,th {

	border-color : #88ABC2 ;
	border-width :0 px ;
	background-color :#88ABC2 ;
	vertical-align: initial;
	width:33%;
	
}
}


/* Zone de Menus LIGNE 1 Colonne de Gauche
-------------------------------------------------------------- */


.col-menus-b {
 /* position: relative;*/
  min-height: 1px;
  /*padding-right: 15px;
  padding-left: 15px;*/
  /*float: left;*/
  width: 100%;
  margin:auto;
  text-align : left ;

}


.col-menus-b img,src{

	/*border-radius:5px;*/
	

}	

.col-menus-b ul,li{
  text-align : left ;
}


.titre_menus-b {
  
  /*padding: 15px 0 0 ;*/
  margin : auto;
  /*text-align : center ;*/
  background: #354651;/*background: #3D3D3D;MODIFICATION*/
  font-size :17px ;
  line-height : 1em ;
  font-family : Raleway,sans-serif ;
  color : white ;
}

@media (max-width: 768px) {
.titre_menus-b {
  
  padding: 15px 0 0 ;
  margin : auto;
  /*text-align : center ;*/
  background: #354651;/*background: #3D3D3D;MODIFICATION*/
  font-size :12px ;
  line-height : 1.3em ;
  font-family : Raleway,sans-serif ;
  color : white ;
}
}	




.container_menus-b {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;  
  background: #354651; /*MODIFICATION*/
}



.login-remember{

	text-align : left ;
  color :#ADACAC ;	

}	

.menus-b-widget {
  margin: 0 30px 30px; /*margin: 0 0 30px; */
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  text-align:center;
  font-family : Ubuntu,roboto,Raleway,Tahoma,sans-serif;
}



@media (max-width: 1024px) {


.menus-b-widget {
  margin: 0 0 30px;
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  text-align:center;
  font-family : Ubuntu,roboto,Raleway,Tahoma,sans-serif;
}

}

.menus-b-widget img,src{

	width : 150 px ;
	margin-top: 0;

}	


.menus-bg-widget img,src{

  border-color: #0;
    border-radius: 0px;
    border-style: outset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0.9);


}

.menus-bm-widget img,src{

	border-color: #0;
    border-radius: 5px;
    border-style: outset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0.9);
	width : 150px;


}
.menus-bm-widget img:hover{

	border-color: #0;
    border-radius: 5px;
    border-style: inset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0);	
	width:145px;
	height:145px;
	margin-bottom:5px;
}





.menus-bd-widget img,src{

	border-color: #0;
    border-radius: 5px;
    border-style: outset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0.9);


}

.menus-bd-widget img:hover{

	border-color: #0;
    border-radius: 5px;
    border-style: inset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0);	
	width:159px;
	margin-bottom:8px;
}




.menus-b-widget ul,li{
  text-align : left ;
  line-height: 1.9em;
}

.menus-b-widget a{
	
	font-size: 14px;
	color : #354651 ;

}

.menus-b-widget img {



}	


.menus-b-widget a:hover{
	font-size: 14px;
	color : #ffffff ;
	font-family: Ubuntu,roboto,Raleway,Tahoma,sans-serif;

}



.menus-b-widget label{ 
  font-size: 17px;
  line-height: 1.6em;
  text-align:left;
 }

.menus-b-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #354651;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:150px;
	max-width:60%
}


#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {

	clear : right ;
	font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
	

}

.texte_widget {

	font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;

}	

@media (max-width: 768px) {

.menus-b-widget label{ 
  font-size: 12px;
  line-height: 1.6em;
  text-align:left;
 }


.menus-b-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #354651;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:120px;
	max-width:60%
}


.menus-b-widget {
  font-size: 10px;
  line-height: 1.6em;
  
  padding : 10px;
  
}

.menus-g-widget{

  font-size: 10px;
  line-height: 1.6em;
  
  padding : 10px;

}	

#sb_instagram .sb_instagram_header p {

	font-size : 10px;

}	

#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {

	clear : right ;
	font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
	

}


#sb_instagram .sbi_header_text .sbi_bio {
	
	margin : 5px 0 0 2px !important	
	
}	
#sb_instagram .sbi_header_text h3 {

	margin : 45px 0 0 2px !important	

}

#sb_instagram .sb_instagram_header h3  {

	font-size : 12px;

	
}	



.menus-b-widget a{
	
	font-size: 12px;
	color : #354651 ;

}

.menus-b-widget a:hover{
	font-size: 12px;
	color : #ffffff ;

} 
 
.menus-bm-widget img:hover{

	border-color: #0;
    border-radius: 5px;
    border-style: inset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0);	
	max-height:97px;
	margin-bottom:2px;
} 
.menus-bd-widget img:hover{

	border-color: #0;
    border-radius: 5px;
    border-style: inset;
    border-width: 1px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0);	
	max-height:167px;
	margin-bottom:1px;
}  
}


.menus-b-widget-title {
	color: #ffffff;
    font-family: Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 17px;
    margin-bottom: 14px;
    margin-top: 14px;
	text-align:center ;
}

@media (max-width: 768px) {
.menus-b-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 12px;
	line-height :1em ;

}

}	

.menus-b-widget-title a {
  text-decoration: none;
}


/*--------------------------------------------------------------------------------------------------*/

	


/*--------------------------------------------------------------

					Barre de menu haut de page
					et bas de page

----------------------------------------------------------------*/

/* Zone de Menus LIGNE 2 Toutes Colonnes
-------------------------------------------------------------- */


.fond-ligne2 {

	background-color :#354651 ;
	vertical-align: initial;
	border-color:#222222 ;
	padding-left :50px;
	position: relative;
}	

.ligne2 {

		border-color:#222222 ;
	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	max-width : 100%;
	margin:auto ;
	
	
}	

.ligne2 td {

	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	width:33%;
	
}




#last-colophon  a{
	color : #88ABC2 ;
	font-family : Raleway,sans-serif ;
}

#last-colophon  a:hover{
	color : #ffffff ;
}


@media (max-width: 768px) {
	
	
.fond-ligne2 {

	background-color :#354651 ;
	vertical-align: initial;
	border-color:#222222 ;
	padding-left :0px;
	position: relative;
	
}	
	
	
.ligne2 {

	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	max-width : 100%;
	margin:auto ;
	
	
}		
	
.ligne2 td,th {

	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	width:33%;
	
}
}


/* Zone de Menus LIGNE 2 Colonne de Gauche
-------------------------------------------------------------- */


.col-menus-c {

  min-height: 1px;
  width: 100%;
  margin:auto;
  text-align : left ;

}


.col-menus-c img,src{

	/*border-radius:5px;*/

}	

.col-menus-c ul,li{
  text-align : left ;
}


.titre_menus-c {
  
  margin : auto;
  background: #354651;/*background: #3D3D3D;MODIFICATION*/
  font-size :17px ;
  line-height : 1em ;
  font-family : Raleway,sans-serif ;
  color : white ;
}

@media (max-width: 768px) {
.titre_menus-c {
  
  padding: 15px 0 0 ;
  margin : auto;
  background: #354651;/*background: #3D3D3D;MODIFICATION*/
  font-size :12px ;
  line-height : 1.3em ;
  font-family : Raleway,sans-serif ;
  color : white ;
}
}	




.container_menus-c {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;  
  background: #354651; /*MODIFICATION*/
}






.menus-ca-widget {
  margin: 0 15px 30px;
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  text-align:center;
  font-family :Raleway,sans-serif;
  padding-right: 60px;
  padding-left:30px;
}
.menus-cb-widget {
  margin: 0 5px 30px;
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  text-align:center;
  font-family :Raleway,sans-serif;
  padding-right: 60px;
  padding-left:30px;
}
.menus-cc-widget {
  margin: 0 0 30px;
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  /*text-align:center;*/
  font-family :Raleway,sans-serif;
  padding-right: 60px;
  padding-left:30px;
}


.menus-c-widget img,src{

	width : 150 px ;
	margin-top: 0;

}	


.menus-cm-widget img,src{

	width : 150 px ;
	margin-top: 0;
	border-radius : 10px;


}




.menus-c-widget ul,li{
  text-align : left ;
  line-height: 1.9em;
}

.menus-c-widget a{
	
	font-size: 14px;
	color : #88ABC2 ;

}

.menus-c-widget img {



}	


.menus-c-widget a:hover{
	font-size: 14px;
	color : #ffffff ;
	font-family: Ubuntu,roboto,Raleway,Tahoma,sans-serif;

}



.menus-c-widget label{ 
  font-size: 17px;
  line-height: 1.6em;
  text-align:left;
 }

.menus-c-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #354651;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:150px;
	max-width:60%
}



@media (max-width: 768px) {

.menus-c-widget label{ 
  font-size: 12px;
  line-height: 1.6em;
  text-align:left;
 }


.menus-c-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #88ABC2;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:120px;
	max-width:60%
}


.menus-c-widget {
  font-size: 10px;
  line-height: 1.6em;
  
  padding : 10px;
  
}

.menus-cg-widget{

  font-size: 10px;
  line-height: 1.6em;
  
  padding : 10px;



}	


.menus-c-widget a{
	
	font-size: 11px;
	color : #88ABC2 ;

}

.menus-c-widget a:hover{
	font-size: 11px;
	color : #ffffff ;

} 
 
 
 
}


.menus-c-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 17px;
    margin-bottom: 14px;
    margin-top: 14px;
	text-align:left ;
}

@media (max-width: 768px) {
.menus-c-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 11px;
    margin-bottom: 1px;
    margin-top: 12px;
	line-height :1em ;

}

}	

.menus-c-widget-title a {
  text-decoration: none;
}


/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------

				Zone de Menus LIGNE 3 Toutes Colonnes
				
----------------------------------------------------------------- */




.ligne3 {

		border-color:#222222 ;
	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	max-width : 100%;
	margin:auto ;
	
	
}	

.ligne3 td {

	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	width:33%;
	
}




@media (max-width: 768px) {
	
	

	
.ligne3 {

	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	max-width : 100%;
	margin:auto ;
	
	
}		
	
.ligne3 td,th {

	/*border-color : #88ABC2 ;*/
	border-width :0 px ;
	background-color :#354651 ;
	vertical-align: initial;
	width:50%;
	
}
}


/* Zone de Menus LIGNE 3 Colonne de Gauche
-------------------------------------------------------------- */


.col-menus-agb {

  min-height: 1px;
  width: 100%;
  margin:auto;
  text-align : left ;

}


.col-menus-agb img,src{

	/*border-radius:5px;*/

}	

.col-menus-agb ul,li{
  text-align : left ;
}


.col-menus-adb {

  min-height: 1px;
  width: 100%;
  margin:auto;
  text-align : left ;

}


.col-menus-adb img,src{

	/*border-radius:5px;*/

}	

.col-menus-adb ul,li{
  text-align : left ;
}




@media (max-width: 768px) {

}	










.menus-agb-widget {
  margin: 0 15px 30px;
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  /*text-align:center;*/
  font-family :Raleway,sans-serif;
  padding-right: 60px;
  padding-left:30px;
}
.menus-adb-widget {
  margin: 0 5px 30px;
  font-size: 12px;
  line-height: 1.5em;
  color :#ffffff ;	
  width:100%;
  text-align:center;
  font-family :Raleway,sans-serif;
  padding-right: 60px;
  padding-left:30px;
}



.menus-agb-widget img,src{

	width : 150 px ;
	margin-top: 0;

}	




.menus-agb-widget ul,li{
  text-align : left ;
  line-height: 1.9em;
}

.menus-agb-widget a{
	
	font-size: 14px;
	color : #88ABC2 ;

}

.menus-agb-widget img {



}	


.menus-agb-widget a:hover{
	font-size: 14px;
	color : #ffffff ;
	font-family:Raleway,sans-serif;

}



.menus-agb-widget label{ 
  font-size: 17px;
  line-height: 1.6em;
  text-align:left;
 }

.menus-agb-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #354651;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:150px;
	max-width:60%
}

.menus-adb-widget ul,li{
  text-align : left ;
  line-height: 1.9em;	
  font-family: Ubuntu,roboto,Raleway,Tahoma,sans-serif;
}

.menus-adb-widget a{
	
	font-size: 14px;
	color : #88ABC2 ;
	font-family: Ubuntu,roboto,Raleway,Tahoma,sans-serif;
}

.menus-adb-widget img {



}	


.menus-adb-widget a:hover{
	font-size: 14px;
	color : #ffffff ;
	font-family: Ubuntu,roboto,Raleway,Tahoma,sans-serif;

}



.menus-adb-widget label{ 
  font-size: 17px;
  line-height: 1.6em;
  text-align:left;
 }

.menus-adb-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #354651;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:150px;
	max-width:60%
}

.menus-adb-widget img,src{

	width : 150 px ;
	margin-top: 0;
	border-radius : 10px;


}

@media (max-width: 768px) {

.menus-agb-widget label{ 
  font-size: 12px;
  line-height: 1.6em;
  text-align:left;
 }


.menus-agb-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #88ABC2;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:120px;
	max-width:60%
}


.menus-agb-widget {
  font-size: 10px;
  line-height: 1.6em;
  
  padding : 10px;
  
}




.menus-agb-widget a{
	
	font-size: 11px;
	color : #88ABC2 ;

}

.menus-agb-widget a:hover{
	font-size: 11px;
	color : #ffffff ;

} 
 
.menus-adb-widget label{ 
  font-size: 12px;
  line-height: 1.6em;
  text-align:left;
 }


.menus-adb-widget input {
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    color: #88ABC2;
	background-color :#88ABC2;
    font-size: 12px;
    padding: 5px;
	width:120px;
	max-width:60%
}


.menus-adb-widget {
  font-size: 10px;
  line-height: 1.6em;
  
  padding : 10px;
  
}




.menus-adb-widget a{
	
	font-size: 11px;
	color : #88ABC2 ;

}

.menus-adb-widget a:hover{
	font-size: 11px;
	color : #ffffff ;

}  
 
}


.menus-agb-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 17px;
    margin-bottom: 14px;
    margin-top: 14px;
	text-align:left ;
}
.menus-adb-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 17px;
    margin-bottom: 14px;
    margin-top: 14px;
	text-align:left ;
}

@media (max-width: 768px) {
.menus-agb-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 11px;
    margin-bottom: 1px;
    margin-top: 12px;
	line-height :1em ;

}
.menus-adb-widget-title {
	color: #ffffff;
    font-family:  Ubuntu,roboto,Raleway,Tahoma,sans-serif;
    font-size: 11px;
    margin-bottom: 1px;
    margin-top: 12px;
	line-height :1em ;

}
}	

.menus-agb-widget-title a {
  text-decoration: none;
}
.menus-adb-widget-title a {
  text-decoration: none;
}


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------

					TAGS NUAGES

--------------------------------------------------------------------------------------------------*/
.fluida-normalizedtags #content .tagcloud a { 

		color: #354651; 
		background-color: #88ABC2; 
		
}

.fluida-normalizedtags #content .tagcloud a:hover { 
		
		background-color: #51778F; 
		color: #ffffff;

}

/*--------------------------------------------------------------------------------------------------*/



#site-title span a span:first-child 		{ 	
	background-color: #354651;
    color: #fff;
}

#footer a, .page-title strong { 

	/*color: #354651 ; */
	color: #ffffff ;
	
}	


#footer a:hover, #site-title a:hover span 	{ 

	color: #354651;
}	



/*-----Titre et sous-titre ----------------------------------*/

.titre {
	
	font-size : 80px ;
	font-family : times new roman,Raleway,sans-serif;
	color: #ffffff;
    display: table;
    text-decoration: none;
    text-shadow: 3px 3px #354651, -1px 1px #354651, -1px -1px #354651, 1px -1px #354651;
    width: 100%;
	position: absolute;
	padding-top : 100px;
	background:transparent;
	text-align:center ;
		
}	

.titre a{
	
	color: #ffffff;
	
}	

.sous-titre {
	
	font-size :25px ;
	font-family : times new roman,Raleway,sans-serif;
	color: #ffffff;/*color: #354651;*/
    display: table;
    text-decoration: none;
    text-shadow: 3px 3px #354651, -1px 1px #354651, -1px -1px #354651, 1px -1px #354651;/*text-shadow: 1px 1px #ffffff, 1px 1px #ffffff, 1px 1px #ffffff, 1px 1px #ffffff;*/
    width: 100%;
	position: absolute;
	padding-top : 205px;
	background:transparent;
	text-align:center ;
	line-height: 1;
		
}	

.entete-description {

	position: absolute;
	padding-top : 400px;
	background:transparent;
	text-align:center ;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	
	font-family : Raleway,sans-serif;
	font-size: 16px;
	

	
}	


.entete-description span{
	
	background-color:#F6F7F8; 
	padding:1px; 
	border-radius:5px;
	box-shadow: 1px 1px 1px #354651;
	border-style :solid;
	border-color :  #88ABC2 ;
	border-width : 1px ;

	
}


@media (max-width: 1024px) {
.titre {
	
	font-size : 50px ;
	font-family : times new roman,Raleway,sans-serif;
	color: #ffffff;
    display: block;
    text-decoration: none;
    text-shadow: 3px 3px #354651, -1px 1px #354651, -1px -1px #354651, 1px -1px #354651;/*text-shadow: 3px 3px #354651, -1px 1px #354651, -1px -1px #354651, 1px -1px #354651;*/
    width: 100%;
	position: absolute;
	padding-top : 150px;
	background:transparent;
	text-align:center ;
		
}
.sous-titre {
	
	font-size :20px ;
	font-family : times new roman,Raleway,sans-serif;
	color: #ffffff;
    display: block;
    text-decoration: none;
    text-shadow: 3px 3px #354651, -1px 1px #354651, -1px -1px #354651, 1px -1px #354651;
    width: 100%;
	position: absolute;
	padding-top : 225px;
	background:transparent;
	text-align:center ;
	line-height: 1;
		
}	

.entete-description {

	position: absolute;
	padding-top : 400px;
	background:transparent;
	text-align:center ;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	font-family : Raleway,sans-serif;
	font-size: 12px;
}	





}	


/*-----Présentation--------------------------------------------*/




#bulle {
	
	
	
	background-image:  url("wp-content/themes/autre/otavalo.jpg") ; 
	display: table;
	height: auto;
	width : 85% ;

	
	background-repeat: no-repeat ;
	
	border-color : #88ABC2 ;
	border-width : 5px ;
	border-style : solid ;
	border-radius : 0px ;
	
	background-size: 100%;
	
	padding :0px ;
	margin-top : 15px;
	margin: 0px auto;
	
	
	

	
	

	font-family: georgia, palatino, serif; 
	font-size: 16pt;
	color : #ffffff ; 	
	text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;

	
	

	



}	

.bulle_texte {
	

	width : 45% ;	

}	

.ar_plan {
	
		margin-bottom :-500px ;
		margin-top : 15px;
		vertical-align : top;
		width : 100% ;
		background-position: center center ;
		max-width : 95% ;
		text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;
		
		
	/* Rotation du div */
		transform:rotate(359deg);
		-ms-transform:rotate(359deg); /* Internet Explorer */
		-moz-transform:rotate(359deg); /* Firefox */
		-webkit-transform:rotate(359deg); /* Safari et Chrome */
		-o-transform:rotate(359deg); /* Opera */
				
		
		
		
		
}	
.table_ar
{
        
		width: 85%;
		margin : 25px auto ;
		word-break:initial;
		padding: 50px;
		border-color : #354651 ;
		border-width: 5px;
		border-style: solid ;
}
.table_ar td
{
		


		
		vertical-align : top;
		background-image: url('https://www.autre-ailleurs.fr/wp-content/themes/autre/otavalo.jpg') ; /*background-image: url('perou.jpg') ;*/
		background-repeat: no-repeat;
		color :#ffffff ;/*color :#084786 ;*/
		
		
		
		background-size: 100% 100%;/*width: 750px;background-size: 950px;*/
		

		text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;

		word-wrap: break-all;
	    /*border-radius :15px;*/
		
	   
	   
		/*max-width : 59% ;*/
		
		
/*-------------------------------------------------------------------------------------------*/		
		
		
		
		
		
		
	
}

.bulle_presentation 
{
		

		vertical-align : top;
		width : 100% ;
		
		max-width : 95% ;/*max-width : 70% ;*/
		
		text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;
		/*padding: 15px;*/
		margin-top : 70px ;

		background-position: center center ;
		
		margin : 35px auto 0px ;
		
		
	/* Rotation du div
	margin : 70px auto 0px ;
		transform:rotate(1deg);
		-ms-transform:rotate(1deg); 
		-moz-transform:rotate(1deg);
		-webkit-transform:rotate(1deg); 
		-o-transform:rotate(1deg);  */ 
		
		
		
		
		
		
}
.ligne_a {

		font-family: georgia, palatino, serif; 
		font-size: 16pt;
		text-align:left;
		padding-bottom : 90px ;
		padding-left : 25px;
		padding-top : 25px;
}
.ligne_b {

		font-family: georgia, palatino, serif; 
		font-size: 20pt; /*font-size: 12pt;*/
		text-align:left;

		padding-left : 25px;
		padding-right : 25px;
		padding-top : 145px; /*padding-top : 265px;*/
		padding-bottom : 1px;/*padding-bottom : 20px;*/
		
}

.ligne_c {

		font-family: brotherhood_scriptregular,marchand_de_veniseregular,georgia, palatino, serif; 
		font-size: 50pt;
		text-align:center;
		/*padding-bottom : 90px ;*/
		/*padding-left : 25px;
		padding-top : 10px;*/
		
}

.presentation_home  
{
        
		width: 95%;/*width: 85%;*/
		margin : 25px auto ;
		word-break:initial;
		padding: 50px;
		border-color : #ffffff ;
		
		border-width: 5px;
	
		border-style: solid ;
		box-shadow:0px 6px 17px 3px rgba(53, 70, 81, 0.9);
		
		
}
.presentation_texte {
	
	/*font-family:georgia,palatino,serif ;*/
	font-size : 22px;/*font-size : 18px;*/
	text-align:center ;
	/*AJOUT*/
	padding-left: 20px;
    padding-top: 95px; /*padding-top: 24px;*/


}	


.presentation_home  td
{
		


		margin: 25px auto;
		vertical-align : top;
		/* PHOTO DE PAGE D'ACCUEIL*/
		/*background-image: url('https://www.autre-ailleurs.fr/wp-content/themes/autre/perou.jpg') ;/*background-image: url('https://www.autre-ailleurs.fr/wp-content/themes/autre/otavalo.jpg') ; /**/
		background-repeat: no-repeat;
		color :#ffffff ;/*color :#084786 ;*/
		
		
		
		background-size: 100% 100%;/*width: 750px;background-size: 950px;*/
		

		/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/

		word-wrap: break-all;
	    /*border-radius :15px;*/
		
	   	border-color : #ffffff ;
		border-width: 2px;
		border-style: solid ;
	   
		/*max-width : 59% ;*/
	
}
.presentation_home  caption
{
        margin: auto auto 10px;
        padding: 5px;
        font-weight: bold;
        font-size: 1.2em;
		word-break:initial;;
		
}


@media (max-width: 768px) {

.presentation_texte {
	
	font-size : 14px;
	text-align: center ;
	


}	
	
.ligne_a {

		font-family: georgia, palatino, serif; 
		font-size: 13pt;
		text-align:center;
		padding-bottom : 155px;
		padding-left : 0px;
		padding-top : 17px;/*padding-top : 55px;*/

}
.ligne_b {

		
		font-family: fishchips,georgia, palatino, serif; 
		font-size: 14pt;/*font-size: 9pt;*//*font-size: 10pt;*/
		text-align:left;
		
		padding-top : 25px;/*padding-top : 211px;*/
		
}

.ligne_c {


		font-family: brotherhood_scriptregular,brotherhood_scriptregular,georgia, palatino, serif; 
		font-size: 30pt;
		text-align:center;

/*
		font-family: georgia, palatino, serif; 
		font-size: 10pt;
		text-align:left;
		
		padding-top : 1px;
		padding-bottom : 25px;
*/		
		
}
	
.presentation_home  {

		max-width : 100% ;
		padding: 1px;
		margin-top:20px;
		width:99%;

}	

.presentation_home  table
{
        
		
		word-break:initial;
		margin:auto;
		border-color : #ffffff ;
		
		border-radius:20px; 
		max-width : 90% ;
}


.presentation-off td
{
		

		border-color : #ffffff ;
		vertical-align : top;
		border-radius:20px; 
	
		background-image: url('https://www.autre-ailleurs.fr/wp-content/uploads/2016/06/jordanie2.jpg') ; /*background-image: url('perou.jpg') ;*/
			background-position: top center ;
			background-repeat: no-repeat;
		color :#ffffff ;
		
		background-size: 700px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom : 50px ;
		padding-top: 50px ;
		text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;
		/*height:500px;/*height:600px;*/
		word-wrap: break-all;
		width:80%;
	
	
}






}	
/*--------------------------------------------------------------

						ICONES
						
----------------------------------------------------------------*/


.entry-meta .icon-metas:before{ 

	color: #88ABC2 ;
	
}	

.entry-meta .icon-metas:before:hover{
	
	color: #354651 ;
	
}	


.socials a:before { 
	
	/*color:#88ABC2 ;*/ /*PROVISOIRE*/

}

.socials a:hover:before {
	
	color: #354651 ;
	
}		




/*--------------------------------------------------------------

						WIDGET DROIT
						
----------------------------------------------------------------*/

#container.three-columns-sided #secondary 	{ 
/*float: right ;*/
} 



#container.three-columns-sided .main  {

    background-color: #ffffff;
  	box-shadow: 1px 1px 13px 2px rgba(53, 70, 81, 0.42); 
	float: right; 
	margin: 25px calc(2% + 397px) 0 -1920px;

}	
.three-columns-sided #breadcrumbs {

    /*background-color: #ffffff;
  	box-shadow: 1px 1px 13px 2px rgba(53, 70, 81, 0.42); 	*/
	float: right; 	
	margin: 25px calc(2% + 397px) 0 -1920px;	
	
	/*display: block;
	width: 100%;
	padding: .7em 0em;
	font-size: .9em;*/
	
}	

/* ## BREADCRUMBS */
#breadcrumbs-container {
	display: block;
	float: none;
	overflow: hidden;
	width: 100%;
	/*margin-bottom: 1em;*/
}



#secondary{ 
	
	/*
	float: right;	
	width:280px;
	box-shadow : none ;
	border-width : 1px ;
	border-color : #88ABC2 ;
	background-color: #ffffff ;
	border-radius : 10px;
	margin :46px calc(2% + 230px) 0 -1920px;
	*/

	
	
	
	
}	
/*--------------------------------------------------------------

						CONTAINERS
						
----------------------------------------------------------------*/
article.hentry .post-thumbnail-container { 
		background-color: #FFFFFF; 
}	

.post-featured-image {
		/*background-size: 150px;*/
		
		width : 100%;
}	


/*--------------------------------------------------------------

						BOUTONS
						
----------------------------------------------------------------*/

a { 
color: #88ABC2 ;
}

a:hover, .entry-meta span a:hover,
.comments-link a:hover { 
color: #354651;
}


button, input[type="button"], input[type="submit"], input[type="reset"]{ 

		background-color: #354651;
		color: #ffffff ; 

}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{ 

		background-color:#88ABC2; 
}






/*--------------------------------------------------------------*/
/*--------------------------------------------------------------

			ZONE D'ABONNEMENT
						
----------------------------------------------------------------*/

.widget_wysija_cont .shortcode_wysija {
	
		/*
		border-style : dashed;
		border-width: 5px ;
		border-color: #88ABC2 ;
		padding : 20px ;
		border-radius :15px;
		*/
	
	
}	

.wysija-input {

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;		

}	

.abonnements-div {


		border-style : dotted;
		border-width: 2px ;
		border-color: #354651 ;
		padding : 7px ;
		padding-bottom : 25px ;
		border-radius :15px;



}	
.abonnements-div_titre {

		text-transform : uppercase;
		text-align: center ;
		font-weight:bold ;
		line-height : 3.5em ;

}	

.abonnements-div_soustitre {

		/*text-transform : uppercase;*/
		text-align: left ;
		font-weight:bold ;
		/*line-height : 1.5em ;*/

}	

.conseils-div {


		border-style : dotted;
		border-width: 2px ;
		border-color: #354651 ;
		padding : 10px ;
		/*padding-bottom : 25px ;*/
		border-radius :15px;
		
		/*background-image :url("wp-content/uploads/2016/11/IMG_2936.jpg") ;
		background-repeat : no-repeat;
		background-size:50% auto ;*/



}	

.conseils-div img{
	
	width:145;
	border-radius:10px;
	box-shadow:0 6px 17px 3px rgba(53, 70, 81, 0.3);	
	border-width:1px;
	border-style:solid;
	border-color: rgba(53, 70, 81, 0.5);
	
}


.conseils-div_titre {

		text-transform : uppercase;
		text-align: center ;
		font-weight:bold ;
		line-height : 3.5em ;

}	

.conseils-div_soustitre {

		/*text-transform : uppercase;*/
		text-align: left ;
		font-weight:bold ;
		/*line-height : 1.5em ;*/

}	

#Global {
	
		padding : 20px 20px 3px ;
		width :90% ;
		margin : 50px auto ;	
		display: block;



}
#Global #gauche {

		
		float:left;
		width:47%;/*
		border-style : dotted;
		border-width: 2px ;
		border-color: #354651 ;
		border-radius :15px;
		padding:15px;		
		height:350px;
		*/
}

#Global #droite {
		
		
		margin-left:49%   ;/*
		border-style : dotted;
		border-width: 2px ;
		border-color: #354651 ;
		border-radius :15px;
		padding:15px;
		height:350px;
		*/
}

.aligncenternomargin {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		padding: 0;
}

.bandeau_conseil{
		
		margin-top:55px;
		margin-bottom:55px;

}	
.conseil_a {
	
		border-color: #ffffff;
		border-style:solid ;
		border-width: 15px;
		width:350px;
		
		
}	
.conseil_b {

		border-color: #ffffff;
		border-style:solid ;
		border-width: 15px;
		width:350px;
		
}	


.conseil_a:hover{

	border-color: #354651;
	border-style:solid ;
    border-width: 15px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0);	

}
.conseil_b:hover{

	border-color: #354651;
	border-style:solid ;
    border-width: 15px;
    margin-top: 0;
    box-shadow: 6px 6px 6px rgba(53, 70, 81, 0);	

}




.conseils-home_tableau {
	
	/*text-align : center ;*/
		border-color: #ffffff ;
}	
.conseils-home_tableau  td{
	
	width : 50% ;
	border-color: #ffffff ;
	
	
}	


.conseils-home {


		border-style : dotted;
		border-width: 2px ;
		border-color: #354651 ;
		padding : 20px 20px 3px ;
		
		border-radius :15px;
		width :85% ;
		margin : 50px auto ;	



}	
.conseils-home_titre {

		text-transform : uppercase;
		text-align: center ;
		font-weight:bold ;
		line-height : 3.5em ;

}	

.conseils-home_soustitre {

		/*text-transform : uppercase;*/
		text-align: left ;
		font-weight:bold ;
		/*line-height : 1.5em ;*/

}	


.nouveautes {
	
	margin-top:50px;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight : bold ;
	color :#354651 ;
	/*background-color:#F3F3F3;*/
	padding-top : 15px;
	padding-bottom:15px;
	border-color:#F3F3F3;
	border-width:3px ;
	font-family : Raleway,sans-serif ;
	font-size :35px; /*font-size :20px;*/
}

@media (max-width: 768px) {
	
.nouveautes {
	
	margin-top:50px;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight : bold ;
	color :#354651 ;
	/*background-color:#F3F3F3;*/
	padding-top : 15px;
	padding-bottom:15px;
	border-color:#F3F3F3;
	border-width:3px ;
	font-family : Raleway,sans-serif ;
	font-size :20px;/*font-size :13px;*/
}	
	
	
}	
/*--------------------------------------------------------------*/

/*-------------------------------------------------------------------------------

		Ajout
		
----------------------------------------------------------------------------------*/		


select, input[type], textarea {
	
	/*color : #ffffff ;*/
}	




/* ## CONTINUE READING */
footer.post-continue-container {}



.continue-reading-link {

	background-color: #354651;
    color: #fff;
	float: right;
	
	
}	

.continue-reading-link:before { 
	background-color:  #354651 ;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;

}

.continue-reading-link:hover { 
	color:  #35465;
	background-color:  #88ABC2 ;	
}

.continue-reading-link span {
	position: relative;
	z-index: 10;
}

.continue-reading-link span:after {
	position: absolute;
	right: -1.5em;
	opacity: 0;
	content: "...";
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	color:  #35465;
}

a.continue-reading-link {
	display: block;
	float: right;
	position: relative;
	overflow: hidden;
	padding: 0 0.5em;
	font-size: 1em;
	line-height: 2;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
		
}

a.continue-reading-link:hover:before {
	left: 100%;
	color:  #35465;
}

a.continue-reading-link i.icon-right-dir {
	position: relative;
	left: 0;
	z-index: 10;
	margin-left: .5em;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

a.continue-reading-link:hover i.icon-right-dir {
	left: 2em;
	opacity: 0;
	color:  #35465;
}

a.continue-reading-link:hover span:after {
	opacity: 1;
	color:  #35465;

}

a:link, a:visited {
    text-decoration: none;
	/*color:  white;*/
}

/*
.onDate {
    text-decoration: none;
	color:  #88ABC2;
}

onDate:link, onDate:visited {
    text-decoration: none;
	color:  #88ABC2;
}
*/

a.continue-reading-link:hover{
	
	color:  #35465;
}


/*-------------------------------------------------------------

					WIDGET D'AVANT BAS DE PAGE

-------------------------------------------------------------*/

.before-footer-center .before-footer-widget-inside {
	display: table;
	margin: 0 auto;
}


.avbdp {

	background-color : #354651;

}	


#before-colophon {
	width: 100%;
}

#before-colophon  a{
	/*color : #88ABC2 ;*/
}

#before-colophon  a:hover{
	/*color : #D7EAF7 ;*/
}


#before-colophon-inside {
	display: block;
	float: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	height: 100%;
	overflow: hidden;
	min-height: 100%;
	margin: 2em auto 0;
	max-width: 100%;
}

#before-colophon .widget-container {
	display: block;
	float: left; /**/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	position: relative;
	padding: 2em;
	
	color :#ffffff ;
	
	/*align-items: center;*/
}

#before-colophon .widget-container:after {
	position: absolute;
	top: 25%;
	right: 0;
	height: 50%;
	width: 0px; /*width: 1px;MODIFICATION*/
	content: "";
}

#before-colophon .widget-container:last-child:after {
	display: none;
}

/*-------------------------------------------------------------*/












/*--------------------------------------------------------------
	## MAIN MENU
--------------------------------------------------------------*/

#access {
	display: inline;
	float: right;
}

.fluida-menu-left #access {
	float: left;
	margin-left: 1.5em;
}

.fluida-menu-center #access {
	display: table;
	float: none;
	margin: 0 auto;
}

#access:after {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}

#access ul {}
#access ul > li > a{
	border-top: 2px solid transparent;
}

#access ul ul li a {
	border-top: 0;
}

#access ul.sub-menu > li.current_page_item > a,
#access ul.sub-menu > li.current-menu-item > a,
#access ul.sub-menu > li.current_page_ancestor > a,
#access ul.sub-menu > li.current-menu-ancestor > a,
#access ul.children > li.current_page_item > a,
#access ul.children > li.current-menu-item > a,
#access ul.children > li.current_page_ancestor > a,
#access ul.children > li.current-menu-ancestor > a {
	border-top: 0;
	border-left: 1px solid transparent;
}

#access a {
	display: block;
	padding: 0 1.5em;
	text-decoration: none;
	line-height: 3.5;
}

#access a span {
	display: block;
	text-transform: uppercase;
}

#access > div ul li a:not([href]) { /* Default cursor for menu items with no link */
	cursor: default;
}

#access a:hover {}

#access > div > ul > li > a {
	position: relative;
	z-index: 9999;
}

#access ul.children {
	z-index: -1;
}

#access > div > ul li > a:not(:only-child) span:after {
	position: absolute;
	z-index: 251;
	right: .3em;
	content: '\e80a';
	font-family: "Elusive";
}

#access > div > ul li:hover > a:not(:only-child) span:after {
	top: .5em;
	opacity: 0;
	filter: alpha(opacity=0);
}

#access > div > ul ul > li a:not(:only-child) span:after {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

#access > div > ul ul > li:hover > a:not(:only-child) span:after {
	top: initial;
	right: -0.5em;
	opacity: 0;
	filter: alpha(opacity=0);
}

#access > div > ul li > a:not(:only-child) span {
	/*padding-right: 1.5em;*/
}

#access ul li {
	display: block;
	float: left;
	position: relative;
	white-space: nowrap;
}

#access > div > ul > li:hover {}

#access .sub-menu,
#access .children {
}

#access ul ul {
	display: none;
	position: absolute;
	z-index: -1;
	clear: both;
	margin-left: 0;
	min-width: 125%;
	border-top: 2px solid transparent;
	box-shadow: 0 0 .5em .1em rgba(0, 0, 0, .05);
}

#access ul li a{
}

#access ul ul li { /* level 2 */
	display: table;
	position: relative;
	float: left;
	clear: both;
	width: 100%; /* submenu width fix */
	margin: 0;
}

#access ul ul li:last-child {}
#access ul ul ul li:last-child {}

#access ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	min-width: 150px;
	border-top: 0;
	border-left: 1px solid transparent;
}

#access ul ul ul li { /* level 3 */
	display: block;
	float: none;
	width: 100%;
}

#access ul ul ul ul li { /* level 4 */}

#access ul ul a,
#access ul ul ul a {
	display: table;
	float: none;
	min-width: 150px;
	width: 100%;
}

#access ul ul li:hover,
#access ul ul ul li:hover {}

#access li,
#access ul ul li {
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
	transition: background .3s ease-in-out, color .3s ease-in-out;
}

#access ul ul :hover > a {}
#access ul li:hover > ul {
	display: block;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-item > a{}

#access ul ul li.current_page_item ,
#access ul ul li.current-menu-ancestor,
#access ul ul li.current-menu-item ,
#access ul ul li.current-menu-parent {}

#access ul li.current_page_item a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item a,
#access ul li.current-menu-parent a,
#access ul li a:hover {}


/*--------------------------------------------------------------
	## MOBILE MENU
--------------------------------------------------------------*/
.noscroll { /* to be added to body on mobile */
	overflow: hidden;
}

#nav-toggle { /* Mobile nav toggle will only be visible on mobile */
	display: none;
	float: right;
	position: absolute;
	top: 0;
	right: 1em;
	cursor: pointer;
}

#nav-toggle span:before {
	content: "\e820";
	font-family: "elusive";
	font-size: inherit;
}

#mobile-menu > div {
	max-width: 90%;
	margin: 6em auto 0;
}

#mobile-menu #nav-cancel {
	display: inline-block;
	position: absolute;
	top: 0;
/*	right: 0;*/
	width: auto;
/*	padding: 2em; */
	font-size: 1.3em;
	cursor: pointer;
	top:40px;
	left:25px;
}

#mobile-menu .menu-main-search { /* Searchbar in main menu will always be top */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 70%;
	max-width: 500px;
}

#mobile-menu .searchform .searchsubmit,
#mobile-menu .searchform:hover input[type="search"],
#mobile-menu .searchform input[type="search"]:focus {
	background: transparent;
	color: inherit;
}

#mobile-menu .searchform::after {
	display: none;
}

#mobile-menu .menu-main-search .searchform{
	max-width: 100%;
}

nav#mobile-menu { /* Actual mobile menu */
	/*display: none;*/
	position: fixed;
	z-index: auto; /*z-index: 999999;*/
	overflow-y: scroll;
	top: 0;
	right: 0;
	bottom: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	line-height: 2em;
}

nav#mobile-menu ul {
	list-style: none;
}

nav#mobile-menu > div > li,
nav#mobile-menu > div > ul > li {
	display: block;
	float: none;
	margin: .5em auto;
	width: 100%;
	max-width: 500px;
	padding: 1em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8;
	text-align: left;/*text-align: center;*/
	text-transform: uppercase;
}

nav#mobile-menu > div > li ul {
	padding: .5em;
}

nav#mobile-menu ul ul {
	font-size: 95%;
}

nav#mobile-menu li a span {
	word-wrap: break-word;
}

#mobile-menu .mobile-arrow { /* Added with JS and is clickable */
	position: relative;
	padding: 1em;
	color: inherit;
	line-height: inherit;
	cursor: pointer;
}

#mobile-menu .mopen {
	border-bottom: 1px solid transparent;
}

#mobile-menu .mobile-arrow:after {
	position: absolute;
	z-index: 251;
	top: 22%;
	right: 0;
	content: '\e80a';
	font-family:"Elusive";
	font-style: normal;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

nav#mobile-menu .sub-menu,
nav#mobile-menu .children {
	display: none;
}

nav#smobile {
	display: table;
	margin: 2em auto 1em;
}

nav#smobile a {
	margin: 0 .5em;
	font-size: 1.2em;
}

/*--------------------------------------------------------------
	# FOOTER
--------------------------------------------------------------*/

#footer {
	display: block;
	overflow: visible;
	width: 100%;
	border-color:#222222 ;
	border-top: 0px solid transparent;
}

#footer-inside {
	display: block;
	float: none;
	position: relative;
	overflow: hidden;
	padding: 2em;
	background-color : #222222 ;
	border-color:#222222 ;
}

#footer:after {
	display: table;
	clear: both;
	content: "";
}


.socialsfooter a:before { 
	
	color:#ffffff ;

}

.socialsfooter a:hover:before {
	
	color: #354651 ;
	
}		

#colophon a,
#footer a {
	-webkit-transition: color .2s;
	transition: color .2s;
}

#site-copyright {
	display: block;
	float: left;
	clear: left;
	/*font-style: italic;*/
	font-size: .9em;
	/*line-height: 1.5;*/
}

#footer a,#footer a:hover{
	text-decoration: none;
}

img#wpstats {
	display: block;
	margin: 0 auto .5em;
}

/*--------------------------------------------------------------
	## FOOTER MENU
--------------------------------------------------------------*/
.footermenu {
	display: block;
	float: left;
	margin-bottom: 1em;
}

.footermenu > ul {}

.footermenu ul li {
	display: block;
	float: left;
	white-space: nowrap;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.footermenu ul li span.sep {
	margin: 0 1em;
	font-size: .6em;
}

.footermenu ul li:last-child span.sep {
	display: none;
}

.footermenu ul li a {
	font-size: .9em;
	font-weight: 400;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
	## FOOTER WIDGET AREA
--------------------------------------------------------------*/
#colophon {
	width: 100%;
}

#colophon-inside {
	display: block;
	float: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	height: 100%;
	overflow: hidden;
	min-height: 100%;
	margin: 2em auto 0;
	max-width: 100%;
}

#colophon .widget-container {
	display: block;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	position: relative;
	padding: 2em;
	/*align-items: center;*/
}

#colophon .widget-container:after {
	position: absolute;
	top: 25%;
	right: 0;
	height: 50%;
	width: 0px; /*width: 1px;MODIFICATION*/
	content: "";
}

#colophon .widget-container:last-child:after {
	display: none;
}

.footer-center .footer-widget-inside {
	display: table;
	margin: 0 auto;
}

.footer-four .widget-container {
	width: 25%;
}

.footer-four .widget-container:nth-child(4n+1) {
	clear: both;
}

.footer-three .widget-container {
	width: 33%;
}

.footer-three .widget-container:nth-child(3n+1) {
	clear: both;
}

.footer-two .widget-container {
	width: 50%;
}

.footer-two .widget-container:nth-child(2n+1) {
	clear: both;
}

.footer-one .widget-container {
	width: 100%;
	clear: both;
}

#colophon-inside.footer-all {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.footer-all .widget-container {
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}


/*--------------------------------------------------------------
	# CONTENT
--------------------------------------------------------------*/

.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
	margin: 1em 0 .5em;
}

.main ul,
.main ol {
	margin-left: 2em;
}

.main table {
	max-width: 100%;
	/*margin: 0 0 2em 0;*/
	/*border: 0;*/
	vertical-align: top;
}

.main tr {
	vertical-align: top;
}

.main .alternate {}

.main th{
	font-weight: 600;
}

.main th,
.main td {
	padding: .5em;
}

.fluida-clean-table .main td,
.fluida-stripped-table .main td {
	border-top: 1px solid transparent;
}

.fluida-stripped-table .main tr.even {
	background-color: transparent;
}

.fluida-bordered-table .main th,
.fluida-bordered-table .main td {
	border: 1px solid transparent;
}

.fluida-clean-table .main th,
.fluida-stripped-table .main th,
.fluida-bordered-table .main th {
	border-bottom: 2px solid transparent;
}


.entry-content,
.entry-summary {
	clear: both;
	padding-top: 2em;
	word-wrap: break-word;
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
}

.entry-content p,li {

	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size:14pt;

}	
.mce-content-body p,li {

	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size: 16px;
    line-height: 1.5em;
}	

.fluida-magazine-two .entry-content,
.fluida-magazine-two .entry-summary,
.fluida-magazine-three .entry-content,
.fluida-magazine-three .entry-summary {
	padding-top: 1.3em;
}

.main .entry-summary p:last-child {
	margin-bottom: 1em;
}

.entry-content h1, .entry-summary h1,
.entry-content h2, .entry-summary h2,
.entry-content h3, .entry-summary h3,
.entry-content h4, .entry-summary h4,
.entry-content h5, .entry-summary h5,
.entry-content h6, .entry-summary h6 {
	line-height: 1;
}

.entry-content fieldset {
	border: 1px solid transparent;
	margin: 0 0 2em 0;
}

.entry-content fieldset legend {
	font-weight: bold;
}

.entry-content blockquote.left {
	float: left;
	width: 33%;
	margin-right: 2em;
	margin-left: 0;
	text-align: right;
}
.entry-content blockquote.right {
	float: right;
	width: 33%;
	margin-right: 0;
	margin-left: 2em;
	text-align: left;
}

/*--------------------------------------------------------------
	## PAGE TITLES
--------------------------------------------------------------*/
.main .page-title {
	display: block;
	float: none;
	margin: 0;
	padding-bottom: 1em;
	font-size: 1.3em;
}

.main .page-title:only-child {
	padding: 0;
	
	border-color:#354651;
	border-radius: 10px;
    border-style: dotted;
    border-width: 2px;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px;
    text-align: center;
    width: -moz-max-content;
}

.main .pad-container p:last-child {
	margin: 0;
}

.page-title strong {
	//*text-decoration: underline;font-weight: 400;*/
	
	font-family :  Ubuntu,roboto,Raleway,Tahoma,sans-serif ;
	  font-size: 20px;
    font-weight: normal;
}

.entry-title {
	margin: 0;
	padding: .1em 0;
	font-weight: 300;
	line-height: 1.4;
	word-wrap: break-word;
}

.entry-title a {
	border-bottom: 1px solid transparent;
	font-weight: 300;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	font-size: 25px;/*font-size: 30px;MODIFICATION du 02/04/2017*/	
	font-family:amarilloregular,Raleway,sans-serif ;/*AJOUT du 02/04/2017*/
}

.entry-title a:link,
.entry-title a:visited {
	color: inherit;
	text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover {
	/*border-bottom: 1px solid;MODIFICATION du 02/04/2017*/
	text-decoration:underline ;/*AJOUT du 02/04/2017*/
	color:#88ABC2;/*AJOUT du 02/04/2017*/
}

.main .entry-title,
.main #comments-title {
	margin: 0;
	font-size:32px;
	font-family :  Ubuntu,roboto,Raleway,Tahoma,sans-serif ;
	color:#354651;
}

/*--------------------------------------------------------------
	## POST METAS
--------------------------------------------------------------*/
.entry-meta {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.entry-meta .author {
	display: block;
	float: none;
	width: 100%;
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid transparent;
}

.entry-meta .author em {
	font-style: normal;
}

.entry-meta span,
.entry-utility span {
	/*display: contents;*/
	display: block;
	float: left;
	margin-right: 1em;
	font-size: .9em;
	line-height: 2;
	text-align:center;
}

.entry-meta span a{
	padding-left: .2em;
	font-size: 1em;
	-webkit-transition: .4s color ease;
	transition: .4s color ease;
}

.entry-meta .updated {
	display: none;
}

.entry-utility {
	clear: both;
}

.entry-utility span.bl_bookmark {
	display: inline;
	float: none;
	padding: 0;
}

.comments-link {
	float: right;
	font-size: 1em;
}

.comments-link strong {
	font-weight: 300;
}

.entry-meta abbr,
.entry-utility abbr {
	border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted transparent;
}

.entry-meta span i:before {
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: .6s all ease-in-out .2s;
	transition: .6s all ease-in-out .2s;
}

.entry-meta span:hover i:before {
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.tag-links {
	margin-left: 2em;
}

span.edit-link {
	display: block;
	position: absolute;
	right: .5em;
	bottom: .5em;
	padding: 0;
	font-size: .9em;
	text-decoration: underline;
	opacity: .5;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
}

span.edit-link a.post-edit-link,
span.edit-link a.post-edit-link:hover,
span.edit-link .icon-edit:before {
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

span.edit-link:hover {
	opacity: 1;
}

/*--------------------------------------------------------------
	## AUTHOR INFO
--------------------------------------------------------------*/
#author-info {
	
	background-color: rgba(54, 107, 200, 0.04);
    border-color: rgba(37, 37, 37, 1);
	box-shadow: 0px 6px 17px 3px rgba(53, 70, 81, 0.3);
    border-radius: 0px;
    border-style: solid;
    border-width: 2px;
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 14pt ;

	
	display: block;
	clear: both;
	overflow: hidden;
}

#author-info #author-avatar {
	float: right;
	height: 80px;
	margin: 0 0  -100px;
}
#author-avatar img{ /*AJOUT*/
	
	margin-right:16px;
	
}	


#author-info #author-description {
	
	
	padding-left:10px;
	padding-bottom :20px;
	
	
	float: left;
	margin-right: 100px;
	
}

article #author-info {
	clear: both;
	overflow: hidden;
	margin: 2.5em 0 0;
	padding: 1.5em 0;
	border-top: 1px solid transparent;
}

#author-avatar .avatar {
	border-radius: 4px;
}

#author-info #author-link {
	margin-top: .5em;
}

/*--------------------------------------------------------------
	## ARTICLES
--------------------------------------------------------------*/

article.sticky {
	position: relative;
	padding-top: 5px;
}

article.sticky:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 100%;
	content: "";
}

article.sticky .date {
	display: none;
}

article.hentry,
.main .content-widget {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 2em;
}

article.hentry .article-inner {
	display: block;
	overflow: hidden;
	padding: 2em;
}

#content-masonry article.hentry {
	display: block;
	overflow: hidden;
	margin: 0;
	margin-right: 1%;
	margin-bottom: 2em;
	margin-left: 1%;
}

#content-masonry article.hentry .article-inner {
	padding: 1em 2em 2em;
}

.pad-container {
	display: block;
	overflow: hidden;
	margin: 0;
	margin-bottom: 2em;
	padding: 2em;
	padding-bottom: 2.5em;
	padding-top: 2.5em;
	border-top: 5px solid transparent;
}

article.hentry .post-thumbnail-container {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom: -.5em;
		border-radius : 10px;
		box-shadow:6px 6px 6px rgba(53, 70, 81, 0.9);
		background-size: 750px;
		
}

article.hentry .post-thumbnail-container > a {
	display: table;
	margin: 0 auto;
}

article.hentry .post-thumbnail-container > a.responsive-featured-image {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	
}

.fluida-cropped-featured .main .post-thumbnail-container img.post-featured-image {
	display: none;
}

.fluida-responsive-featured .main .post-thumbnail-container a.post-featured-image {
	display: none;
}

.fluida-magazine-one #content-masonry article.hentry {
	width: 98%;
}

.fluida-magazine-two #content-masonry article.hentry {
	float: left;
	width: 48%;
	margin-bottom: 1.5em;
}

.fluida-magazine-two #content-masonry article.hentry:nth-child(2n+1) {
	clear: both;
}

.fluida-magazine-three #content-masonry article.hentry {
	float: left;
	width: 31.333333333%;
	margin-bottom: 1.5em;
}

.fluida-magazine-three #content-masonry article.hentry:nth-child(3n+1) {
	clear: both;
}

.fluida-elementborder #site-header-main,
.fluida-elementborder .pad-container,
.fluida-elementborder .sidey,
.fluida-elementborder #colophon,
.fluida-elementborder .page-numbers:not(.dots) {
	border: 1px solid rgba(0, 0, 0, .07);
}

.fluida-elementborder article.hentry {
}





.fluida-elementborder #colophon {
	border-width: 1px 0 0 0;
}

.fluida-elementborder #branding {
	border-width: 0 0 1px 0;
}

.fluida-elementshadow #site-header-main,
.fluida-elementshadow .pad-container,
.fluida-elementshadow .sidey,
.fluida-elementshadow .page-numbers:not(.dots) {
	/*box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.03);*/
}

.fluida-elementborder article.hentry,
}

.fluida-elementradius article,
.fluida-elementradius .sidey,
.fluida-elementradius .page-numbers {
	border-radius: 5px;
}

.fluida-elementradius .page-header {
	border-radius: 0 0 5px 5px;
}

.fluida-elementradius a.continue-reading-link,
.fluida-elementradius span.entry-format {
	border-radius: 3px;
}

.fluida-elementradius #toTop {
	border-radius: 5px 5px 0 0;
}




/*--------------------------------------------------------------
	## IMAGES
--------------------------------------------------------------*/

/* Prevent overlfow */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.main a.post-featured-image {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.main a.post-featured-image:hover {
	background-position: 50% 0%;
}

.main a.post-featured-image::before {
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	content: "";
	border-bottom: 1px solid rgba(255,255,255,.4);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.main a.post-featured-image:hover::before {
	bottom: -1px;
}

.main .alignleft,
.main img.alignleft {
	display: inline;
	float: left;
	margin-right: 2em;
}

.main .alignright,
.main img.alignright {
	display: inline;
	float: right;
	margin-left: 2em;
}

.main .aligncenter,
.main img.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.main img.alignleft,
.main img.alignright,
.main img.aligncenter {
	/*margin-bottom: 1em;*/
}

.main img.alignleft,
.main img.alignright,
.main img.aligncenter,
.main img.alignnone,
.main .wp-caption img {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main img.alignleft:hover,
.main img.alignright:hover,
.main img.aligncenter:hover,
.main img.alignnone:hover,
.main .wp-caption img:hover {}

.main .wp-caption {
	max-width: 100%;
	margin-bottom: 1em;
	text-align: center;
}

body .main .wp-caption > a {
	display: block;
}

.main .wp-caption img {
	display: block;
	width: 100%;
	border: none;
	padding: 10px;
	box-shadow: none;
	border-width :0px ;
	box-shadow:0px 6px 17px 3px rgba(53, 70, 81, 0.9);/*AJOUT*/
	
}
.no_contour {
	display: block;
	width: 100%;
	border: none;
	padding: 10px;
	box-shadow: none;
	border-width :0px ;
	box-shadow:0px 0px 0px 0px rgba(53, 70, 81, 0.01);/*AJOUT*/
}


.main .wp-caption .wp-caption-text {
	/*padding: .7em .5em;*/ /*MODIFICATION 02/11/2017 */
	text-align: center;
	font-style: italic;
}

.main .wp-smiley {
	width: auto;
	margin: 0;
	border: 0;
	vertical-align: middle;
	background: none;
	box-shadow: none;
}

.main .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
	## PAGE NAVIGATION
--------------------------------------------------------------*/

/* Multiple page navigation */
.page-link {
	clear: both;
	margin: .7em 0;
}

.page-link a,
.page-link > span > em {
	display: inline-block;
	position: relative;
	top: -1px;
	padding: 0 .3em;
	border-top: 1px solid transparent;
	line-height: 2.5;
	font-weight: 300;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.page-link > span {
	display: inline-block;
	border-top: 1px solid transparent;
}

.page-link a:hover {}

.page-link em {
	font-style: normal;
}

.page-link a:last-child,
.page-link > span > em:last-child {
	border-right: none;
}

.page-link a:hover {}

/* Single Previous/Next Post Navigation */
#nav-below {
	display: block;
	float: none;
	clear: both;
	margin-top: 2em;
}

#nav-below:after {
	display: block;
	clear: both;
	content: "";
}

#nav-below .nav-previous {
	display: block;
	float: left;
	position: relative;
	
	
	background-color: #354651;
    color: #ffffff;
    display: block;
    float: left;
    position: relative;
	
	
	
}

#nav-below .nav-previous a {
	display: block;
	position: relative;
	padding: .5em 2em .5em 1em;    
	color: #ffffff;
}

#nav-below .nav-next {
	display: block;
	float: right;
	position: relative;
	clear: both;
	
	background-color: #354651;
    color: #ffffff;

	
}

#nav-below .nav-next a {
	display: block;
	position: relative;
	padding: .5em 1em .5em 2em;
	color: #ffffff;
}

#nav-below .nav-next  :hover{
	
	background-color:#88ABC2;
	color: #354651;
}
#nav-below .nav-previous  :hover{
	
	background-color:#88ABC2;
	color: #354651;
}



#nav-below .nav-previous a:before,
#nav-below .nav-next a:before {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: content-box;
	width: 100%;
	height: 1px;
	content: "";
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
}

#nav-below .nav-next a:before {
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
}

#nav-below .nav-previous a:hover:before {
	left: -10em;
	padding-right: 10em;
}

#nav-below .nav-next a:hover:before {
	right: -10em;
	padding-left: 10em;
}

#nav-below .nav-previous a {
	float: left;
}

#nav-below .nav-next a{
	float: right;
	text-align: right;
}

/* Blog, Archive Pages Previous/Next Posts Pagination */
#nav-old-below {
	display: table;
	float: none;
	clear: both;
	margin: 1em auto;
	text-align: center;
}

#nav-old-below .nav-previous,
#nav-old-below .nav-next {
	float: left;
	margin-right: 2px;
}

#nav-old-below .nav-previous a,
#nav-old-below .nav-next a {
	display: block;
	padding: 1em;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
}

#nav-old-below .nav-previous a:hover,
#nav-old-below .nav-next a:hover {
	padding: 1em 2em;
}

#nav-old-below i:before {
	margin: 0 .5em;
}

/*--------------------------------------------------------------
	## ARTICLE ANIMATION
--------------------------------------------------------------*/

/* Article Animation - Fade */
.fluida-article-animation-fade .animated-article {
	opacity: 0;
	-webkit-animation: article-animation-fade 0.8s ease forwards;
	animation: article-animation-fade 0.8s ease forwards;
}

/* Article Animation - Slide */
.fluida-article-animation-slide .animated-article {
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	-webkit-animation: article-animation-slide 0.8s ease forwards;
	animation: article-animation-slide 0.8s ease forwards;
}

/* Article Animation - Grow */
.fluida-article-animation-grow .animated-article {
	-webkit-transform: scale(0.85, 0.85);
	-ms-transform: scale(0.85, 0.85);
	transform: scale(0.85, 0.85);
	-webkit-animation: article-animation-grow 0.8s ease forwards;
	animation: article-animation-grow 0.8s ease forwards;
}

@-webkit-keyframes article-animation-fade  {
	to {
		opacity: 1;
	}
}

@keyframes article-animation-fade {
	to {
		opacity: 1;
	}
}

@-webkit-keyframes article-animation-slide  {
	to {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes article-animation-slide {
	to {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes article-animation-grow  {
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes article-animation-grow {
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

/*--------------------------------------------------------------
	# POST FORMATS
--------------------------------------------------------------*/

span.entry-format {
	display: block;
	position: absolute;
	top: .5em;
	right: .5em;
	width: 2em;
	height: 2em;
	border: 1px solid rgba(0, 0, 0, .05);
	font-size: 1.2em;
	text-align: center;
	line-height: 2;
	background: rgba(0, 0, 0, .03);
}

span.entry-format a {
	-webkit-transition: .4s all ease;
	transition: .4s all ease;
}

.entry-format > i:before {
	cursor: default;
}

/* ## ASIDES */
.format-aside {
	border-top: 7px dashed transparent;
}

.format-aside .entry-title,
.format-aside .author,
.format-aside .bl_categ {
	display: none;
}

.trait {
	
background-color: #EEEEEE;
height: 1px;
width: 100%;

}	



/* ## GALLERIES */
.gallery {
	margin: 0 -1% 1.75em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	max-width: 33.33%;
	padding: 0 1% 2%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	display: block;
	padding-top: 0.5em;
	font-size: .8em;
	line-height: 1.5;
	font-style: italic;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* ## CHAT */
.format-chat p {
	font-family: Monaco, "Courier New", monospace;
}

/* ## QUOTE */
.format-quote blockquote,
.format-quote blockquote p{
	font-size: 1.1em;
	font-family: Georgia, "Bitstream Charter", serif;
}

/* ## STATUS */
.format-status .entry-title {
	/*display:none;*/
}

.format-status .avatar {
	display: block;
	float: left;
	width: auto;
	margin-top: .5em;
	margin-right: 1em;
}

/* ## ATTACHMENT PAGES */
.attachment .entry-content .entry-caption {
	margin-top: 2em;
	font-size: 1.4em;
}

/*--------------------------------------------------------------
	# COMMENTS
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding-top: 2em;
}

.comment-navigation {
	padding: 0 0 1.5em 0;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: block;
	float: left;
	margin-right: 1em;
}

#comments-title,
#reply-title {
	font-size: 1.8em;
}

#reply-title small {
	font-size: 50%;
}

.main #comments-title {
	margin-bottom: 1.5em;
	line-height: 1.5;
}

#comments-title span {
	font-weight: 300;
}

.commentlist > li {
	list-style: none;
}

.commentlist .comment-body {
	clear: both;
	overflow: hidden;
	padding: 1em;
	border: 1px solid transparent;
	line-height: 1.7;
}

.commentlist .pingback {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid transparent;
}

.main .commentlist .pingback p {
	margin: 0;
}

.commentlist .pingback .url {
	font-style: italic;
}

.commentlist li:last-child {}

#comments .comment-body p:last-child {
	margin-bottom: 0;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 1em;
}

.main .commentlist img.avatar {
	float: left;
	overflow: hidden;
	height: 60px;
	width: 60px;
	padding: 5px;
	border-radius: 100%;
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.main .commentlist .comment-header:hover img.avatar {
	padding: 0;
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.comment-header {
	display: block;
	float: none;
	overflow: hidden;
	padding: 0 1em;
}

.comment-author {
	display: inline;
	float: left;
	line-height: 65px;
}

.comment-author .author-name {
	padding: 0 .8em;
	font-size: 1.2em;
}

.commentlist .author-name,
.commentlist .author-name a {
	font-weight: 300;
	text-decoration: underline;
}

.comment-meta {
	display: inline;
	float: left;
	font-size: .9em;
	line-height: 65px;
}

.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {}

.comment-date {
	display: none;
}

.fluida-comment-date-published .comment-date {
	display: inline;
}

.fluida-comment-date-published .comment-timediff {
	display: none;
}

.commentlist .even {}

.commentlist .bypostauthor {}

.comment-await {
	margin-left: 2em;
}

.comment .reply {
	display: block;
	overflow: hidden;
}

.comment article {
	display: block;
	margin-bottom: 2em;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.comment .reply a{
	display: inline-block;
	float: right;
	position: relative;
	width: auto;
	padding: 0;
	font-size: 1em;
	text-align: right;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.comment .reply a:hover {}

.comment .reply a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.comment .reply a:hover:after {
	bottom: 100%;
}

.comment .reply a,
a.comment-edit-link {}

.comment .reply a:hover,
a.comment-edit-link:hover {}

.commentlist .children {
	margin: 0;
	margin-left: 1.5em;
	background-image: none;
	list-style: none;
}
.commentlist .children li {
	margin: 0;
	border: none;
}

.main .nocomments, .main .nocomments2 {
	margin-bottom: 0;
}

.hideme {
	display:none;
}

/*--------------------------------------------------------------
	## COMMENTS FORM
--------------------------------------------------------------*/
#respond {
	margin-top: 2em;
}

#respond .comment-notes {
	margin-bottom: 1.5em;
	font-size: 0.8em;
}

.form-allowed-tags {
	line-height: 1em;
}

.children #respond {
	min-width: 400px;
	margin: 0 4em 0 0;
}

#reply-title {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-weight: 300;
}

#comments-list #respond {
	margin: 0 0 1.5em 0;
}

#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
}

#respond .required {}

#commentform {
	display: block;
}

.fluida-comment-placeholder #respond label {
	display:none;
}

#respond input {
	width: 100%;
}

.comment-form-comment textarea {
	display: block;
	float: none;
	width: 100%;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	display: block;
	float: none;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
	display: block;
	float: none;
}

#respond input:hover, #respond textarea:hover {}

#respond .form-allowed-tags {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	font-size: 1em;
	line-height: 1.5;
}

#respond .form-allowed-tags code {
	font-size: 1em;
}

#respond .form-submit {
	margin: 1em 0;
	clear: both;
	text-align: right;
}

#respond .form-submit input {
	width: auto;
}

#respond .form-submit input[type="submit"],
#respond .form-submit input[type="reset"] {
}

#respond .form-submit input#submit:hover {
	cursor: pointer;
}

.button {
	padding: 4px 7px;
	border: 1px solid transparent;
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease;
}

.button:hover {
	cursor: pointer;
}

/*--------------------------------------------------------------
	# WIDGET AREAS
--------------------------------------------------------------*/

/* ## MAIN WIDGETS AREAS */
.widget-area ul,
.widget-area ul ul,
.yoyo > .widget-container {
	padding: 0;
	border: none;
	list-style: none;
	list-style-image: none;
}

.widget-container {
	margin: 0 0 1.5em 0;
}

.widget-container > * {
	max-width: 100%;
}

.widget-container ul ul {
	margin-left: 1em;
}

.widget-container ul li {
	display: block;
	float: none;
	margin-bottom: 0.5em;
	word-wrap: break-word;
}

.widget-title {
	margin-bottom: 1em;
	text-align: center;
	text-transform: uppercase;
}

.widget-title span {
	line-height: 2.2;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
	word-wrap: break-word;
	font-size:12pt;
}

.widget-area a:active,
.widget-area a:hover {}

.widget-area .entry-meta {
	font-size: 1em;
}

/* ## BEFORE CONTENT AND AFTER CONTENT WIDGET AREAS */
.yoyo .widget-title {
	background: none;
	padding: 0;
	margin: 0;
}

/* ## LEFT SIDEBAR MENU */
nav.sidebarmenu {
	display: block;
	width: calc(100% + 4em);
	margin: 0.5em 0 2em -2em;
	border-bottom: 1px solid transparent;
}

nav.sidebarmenu li a {
	display: block;
	float: none;
	padding: .6em 2em;
	border-top: 1px solid transparent;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: .3s ease-in;
	transition: .3s ease-in;
}

nav.sidebarmenu li a:hover {
	padding-left: 2.3em;
	text-decoration: underline;
}

/* ## CALLENDAR WIDGET */
#wp-calendar {
	width: 100%;
	font-size: .9em;
}

#wp-calendar caption {
	padding-bottom: .3em;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

#wp-calendar tbody td {
	border: 1px solid transparent;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar tbody td:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#wp-calendar tbody td a{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#wp-tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

/* ## TAG CLOUD WIDGET */
.fluida-normalizedtags #content .tagcloud a {
	display: inline-block;
	margin: 5px 5px 5px 0;
	padding: 2px 10px;
	font-size: .9em;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.fluida-normalizedtags #content .tagcloud a:hover {}

/*--------------------------------------------------------------
	# SEARCHFORM
--------------------------------------------------------------*/

.searchform {
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
	max-width: 300px;
	border: 1px solid transparent;
}

.content-search {}

.no-results .content-search {
	padding: 0;
}

/* ## SIDEBAR SEARCH */
.searchform input[type="search"] {
	display: block;
	float: left;
	position: relative;
	z-index: 7;
	height: 3em;
	width: 100%;
	padding: 0 3.5em 0 .5em;
	border: 0;
	font-size: 1em;
	background: transparent;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

.searchform::after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 3em;
	height: 100%;
	content: "";
	-webkit-transition: width .3s ease;
	transition: width .3s ease;
}

.searchform:hover::after {
	width: 100%;
}

.searchform:hover input[type="search"] {}

.sidey .widget_search {
	padding: 0;
}

.widget_search label {
	display: none;
}

.searchform .searchsubmit {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 8;
	height: 3em;
	width: 3em;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-family: "Fontello";
	background: transparent;
	vertical-align: middle;
	cursor: pointer;
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.searchform:hover .searchsubmit {
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* ## HEADER SEARCHFORM */
#access > div > ul > li.menu-search-animated {
	text-align: center;
}

#access .menu-search-animated {
	padding: 0 .3em;
}

#access .menu-search-animated .searchform {
	display: none;
	position: absolute;
	right: 0;
	z-index: 10;
	top: 100%;
	border-width: 7px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	background-color:#ffffff;
}

#access .menu-search-animated .searchform:after,
#access .menu-search-animated .searchsubmit {
	display: none;
}

#access .menu-search-animated .searchform input[type="search"] {
	width: 260px;
	padding: 0 10px;
	border: 0;
	font-size: 1em;
}

#access .menu-search-animated .searchform input[type="search"]:hover,
#access .menu-search-animated .searchform input[type="search"]:focus {
	color: inherit;
}

#access .menu-main-search .searchform input[type="search"]:focus {
	background: transparent;
}

#access .menu-main-search i.search-icon {
	display: inline-block;
	padding-right: .5em;
	padding-left: .5em;
}

#access i.search-icon {
	position: relative;
	z-index: 11;
	cursor: pointer;
}

#access i.search-icon:before {
	display:	block;
	content: '\e854';
	font-size: .8em;
	font-family: "Fontello";
	font-style:	normal;
	font-size:	inherit;
}

#access li.menu-main-search {
	float: right;
	max-width: 200px;
	padding: 0 .4em;
}

.menu-main-search .search-icon:before {}

/* ## FOOTER MENU SEARCHFORM */
li.menu-footer-search {
	position: relative;
	top: -.5em;
	max-width: 10em;
}

li.menu-footer-search .searchform {
	border: 0;
}

li.menu-footer-search .s {
	border-width: 0 0 1px 0;
}

li.menu-footer-search .searchform .s,
li.menu-footer-search .searchform .searchsubmit{
}

.widget_rss a.rsswidget {}
.widget_rss a.rsswidget:hover {}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/*--------------------------------------------------------------
	# SOCIALS
--------------------------------------------------------------*/

/* ## GENERAL */
.socials {
	position: relative;
	float: initial;
}

.sidey .socials {
	display: table;
	float: none;
	margin: 0 auto 2em;
	font-size: .9em;
}
.socials a {
	display: block;
	float: left;
	position: relative;
	z-index: 99;
	overflow: hidden;
	padding: 0 .7em;
}

.socials a span {
	display: none;
}

.socials a:before {
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform .3s ease-in-out, color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, color .3s ease-in-out;
	transition: transform .3s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.socials a:hover:before {
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* ## HEADER SOCIALS */
#sheader {
	float: right;
	margin-left: .5em;
}

#sheader a:before {
	font-size: .8em;
}

/* ## SIDEBAR SOCIALS */
#socials-left .socials,
#socials-right .socials{
	display: table;
	margin: 0 auto;
}

/* ## FOOTER SOCIALS */
#sfooter {
	display: block;
	float: right;
	clear: right;
}


/*--------------------------------------------------------------
	# MISCELLANEOUS
--------------------------------------------------------------*/

#toTop 	{ 

	background-color: #354651;


}

#toTop 	{ 

	border-color: #ffffff;
	border-width : 3px;


}


#toTop .icon-back2top:before { 
	
	color: #88ABC2 ;
}

#toTop:hover .icon-back2top:before{ 

	color: #ffffff ;
	
}

/* ## BACK TO TOP */
#toTop {
	display: block;
	position: fixed;
	right: 2em;
	bottom: 100px;
	z-index: 251;
	width: auto;
	height: auto;
	padding: .3em 1.2em;
	border: 2px solid #88ABC2;/*border: 1px solid rgba(0, 0, 0, .1);MODIFICATION*/
	font-size: .9em;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	/*border-radius: 5px 5px 0 0;*/
	box-shadow: 0 0 1px rgba(255, 255, 255, .1) inset;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.fluida-totop-normal #toTop {}
.fluida-totop-fixed #toTop { position: absolute; }
.fluida-totop-disabled #toTop { display: none; }

#toTop:hover {}

.icon-back2top:before {
	content: '\e812';
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#toTop:hover .icon-back2top:before {}

/* ## CUSTOM IMAGE BORDER */
.fluida-image-none .entry-content img[class*='align'],
.fluida-image-none .entry-summary img[class*='align'] {}

.fluida-image-one .entry-content img[class*='align'],
.fluida-image-one .entry-summary img[class*='align'] {
	padding: 5px;
	border-bottom: 5px solid transparent;
}
.fluida-image-two .entry-content img[class*='align'],
.fluida-image-two .entry-summary img[class*='align'] {
	border: 1em solid transparent;
}
.fluida-image-three .entry-content img[class*='align'],
.fluida-image-three .entry-summary img[class*='align'] {
	padding: 0;
	border: 1px solid #222;
	box-shadow: 0 0 15px #ccc;
}
.fluida-image-four .entry-content img[class*='align'],
.fluida-image-four .entry-summary img[class*='align'] {
	/*padding: .7em;*/
	/*border: 1px solid #DDD;
	box-shadow: 0 0 2px #CCC;*/
}

.fluida-image-five .entry-content img[class*='align'],
.fluida-image-five .entry-summary img[class*='align'] {
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* ## CUSTOM CAPTION LOOK */
.fluida-caption-zero .main .wp-caption .wp-caption-text {}

.fluida-caption-one .main .wp-caption .wp-caption-text {
	/*margin-top: .7em;*//*MODIFICATION 02/11/2017 */
	/*border-bottom: 1px solid transparent;*/
	border-color: #88ABC2; 
	/*border-width : 1px;
	border-style:solid ;
	box-shadow:3px 3px 3px rgba(53, 70, 81, 0.5);*/
	font-size:14px ;/*font-size:12px ;*/
	/*background-color :#354651 ;
	color:#ffffff ;*/
	margin-top: 10px;/*AJOUT*/
}

.fluida-caption-two .main .wp-caption .wp-caption-text {
	margin-top: .7em;
	padding: .5em;
}


/*------------------------------------------------------------------------------------------------------

                          LEGENDE DE L'IIMAGE
				  
------------------------------------------------------------------------------------------------------*/						  

/*-----------------------------------------------------------------------------------------------------*/





.icon-homebread:before {
	content: '\e81f';
	font-size: 1em;
	cursor: pointer;
}

#breadcrumbs-nav .icon-angle-right:before {
	padding: 0 .8em;
}

/* ## PAGINATION */
.pagination {
	display: table;
	/*float:right; /*float: none; MODIFICATION*/
	clear: both;
	margin: 1.5em auto;
	border: 1px solid transparent;
	text-align: center;
}

.pagination span,
.pagination a {
	display: block;
	position: relative;
	float: left;
	height: 2.2em;
	width: 2.2em;
	margin-right: 1px;
	text-align: center;
	font-size: 1.4em;
	line-height: 2.2;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pagination .dots {
	width: 3em;
	border: 0;
	background: none;
}

.pagination a:hover,
.pagination span:hover {
	width: 3em;
}

.pagination .current{}




/* ## BLOCKQUOTES */
.entry-content blockquote {
	display: table;
	float: none;
	clear: both;
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 2em;
	font-style: italic;
	font-weight: 400;
}

.entry-content blockquote:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	content: '\e80f';
	font-size: 1.5em;
	font-family: 'elusive';
}

.entry-content blockquote:after {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	content: '\e80f';
	font-size: 1.5em;
	font-family: 'elusive';
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.main blockquote p{
	margin-bottom: 0;
}


/*--------------------------------------------------------------
	# CONDITIONALS
--------------------------------------------------------------*/
.single-post.fluida-comhide-in-posts .nocomments { display: none; }
.page.fluida-comhide-in-pages .nocomments { display: none; }
.fluida-hide-page-title .page h1.entry-title, .home.fluida-hide-page-title .page h2.entry-title { display: none; }
.fluida-hide-cat-title .page-header { display: none; }

/*--------------------------------------------------------------
	# FIXES
-------------------------------------------------------------- */

/* woocommerce fix*/
.woocommerce .product .entry-summary {
	clear: none;
}

/*-------------------------------------------------------------------------

		CONTENU
		
---------------------------------------------------------------------------*/
/*------------------------- POLICES ADDITIONNELLES ---------------------------*/

/*AJOUT DU 15-12-2017*/

@font-face {
    font-family: 'police-yougotobesomean';
    src: url('fonts/yougotobesomean/yougotobesomean.woff2') format('woff2'),
         url('fonts/yougotobesomean/yougotobesomean.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-yougotobesomean {
	font-family: police-yougotobesomean ;
}	

@font-face {
    font-family: 'police-vampirecalligraphy';
    src: url('fonts/vampirecalligraphy/vampirecalligraphy.woff2') format('woff2'),
         url('fonts/vampirecalligraphy/vampirecalligraphy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-vampirecalligraphy {
	font-family: police-vampirecalligraphy ;
}	

@font-face {
    font-family: 'police-vacationsinphuket';
    src: url('fonts/vacationsinphuket/vacationsinphuket.woff2') format('woff2'),
         url('fonts/vacationsinphuket/vacationsinphuket.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-vacationsinphuket {
	font-family: police-vacationsinphuket ;
}	

@font-face {
    font-family: 'police-travelingtypewriter';
    src: url('fonts/travelingtypewriter/travelingtypewriter.woff2') format('woff2'),
         url('fonts/travelingtypewriter/travelingtypewriter.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-travelingtypewriter {
	font-family: police-travelingtypewriter ;
}	

@font-face {
    font-family: 'police-surfingcapital';
    src: url('fonts/surfingcapital/surfingcapital.woff2') format('woff2'),
         url('fonts/surfingcapital/surfingcapital.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-surfingcapita {
	font-family: police-surfingcapital ;
}	

@font-face {
    font-family: 'police-saturdaynights';
    src: url('fonts/saturdaynights/saturdaynights.woff2') format('woff2'),
         url('fonts/saturdaynights/saturdaynights.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-saturdaynights {
	font-family: police-saturdaynights ;
}	


@font-face {
    font-family: 'police-redvelvet';
    src: url('fonts/redvelvet/redvelvet.woff2') format('woff2'),
         url('fonts/redvelvet/redvelvet.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-redvelvet {
	font-family: police-redvelvet ;
}	


@font-face {
    font-family: 'police-moonstar';
    src: url('fonts/moonstar/moonstar.woff2') format('woff2'),
         url('fonts/moonstar/moonstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-moonstar {
	font-family: police-moonstar ;
}	

@font-face {
    font-family: 'police-lovelyhome';
    src: url('fonts/lovelyhome/lovelyhome.woff2') format('woff2'),
         url('fonts/lovelyhome/lovelyhome.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-lovelyhome {
	font-family: police-lovelyhome ;
}	


@font-face {
    font-family: 'police-luna';
    src: url('fonts/luna/luna.woff2') format('woff2'),
         url('fonts/luna/luna.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-luna {
	font-family: police-luna ;
}	

@font-face {
    font-family: 'police-louisgeorgecafe';
    src: url('fonts/louisgeorgecafe/louisgeorgecafe.woff2') format('woff2'),
         url('fonts/louisgeorgecafe/louisgeorgecafe.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-louisgeorgecafe {
	font-family: police-louisgeorgecafe ;
}	

@font-face {
    font-family: 'police-louisgeorgecafelight';
    src: url('fonts/louisgeorgecafelight/louisgeorgecafelight.woff2') format('woff2'),
         url('fonts/louisgeorgecafelight/louisgeorgecafelight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-louisgeorgecafelight {
	font-family: police-louisgeorgecafelight ;
}	

@font-face {
    font-family: 'police-louisgeorgecafelightitalic';
    src: url('fonts/louisgeorgecafelightitalic/louisgeorgecafelightitalic.woff2') format('woff2'),
         url('fonts/louisgeorgecafelightitalic/louisgeorgecafelightitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-louisgeorgecafelightitalic {
	font-family: police-louisgeorgecafelightitalic ;
}	

@font-face {
    font-family: 'police-louisgeorgecafeitalic';
    src: url('fonts/louisgeorgecafeitalic/louisgeorgecafeitalic.woff2') format('woff2'),
         url('fonts/louisgeorgecafeitalic/louisgeorgecafeitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-louisgeorgecafeitalic {
	font-family: police-louisgeorgecafeitalic ;
}	

@font-face {
    font-family: 'police-louisgeorgecafebold';
    src: url('fonts/louisgeorgecafebold/louisgeorgecafebold.woff2') format('woff2'),
         url('fonts/louisgeorgecafebold/louisgeorgecafebold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-louisgeorgecafebold {
	font-family: police-louisgeorgecafebold ;
}	

@font-face {
    font-family: 'police-louisgeorgecafebolditalic';
    src: url('fonts/louisgeorgecafebolditalic/louisgeorgecafebolditalic.woff2') format('woff2'),
         url('fonts/louisgeorgecafebolditalic/louisgeorgecafebolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-louisgeorgecafebolditalic {
	font-family: police-louisgeorgecafebolditalic ;
}	

@font-face {
    font-family: 'police-gujarsb';
    src: url('fonts/gujarsb/gujarsb.woff2') format('woff2'),
         url('fonts/gujarsb/gujarsb.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-gujarsb {
	font-family: police-gujarsb ;
}	

@font-face {
    font-family: 'police-gujars';
    src: url('fonts/gujars/gujars.woff2') format('woff2'),
         url('fonts/gujars/gujars.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-gujars {
	font-family: police-gujars ;
}	


@font-face {
    font-family: 'police-christmasday';
    src: url('fonts/christmasday/christmasday.woff2') format('woff2'),
         url('fonts/christmasday/christmasday.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-christmasday {
	font-family: police-christmasday ;
}	


@font-face {
    font-family: 'police-chinesewatchshop';
    src: url('fonts/chinesewatchshop/chinesewatchshop.woff2') format('woff2'),
         url('fonts/chinesewatchshop/chinesewatchshop.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-chinesewatchshop {
	font-family: police-chinesewatchshop ;
}	


@font-face {
    font-family: 'police-chiangmaihostel';
    src: url('fonts/chiangmaihostel/chiangmaihostel.woff2') format('woff2'),
         url('fonts/chiangmaihostel/chiangmaihostel.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-chiangmaihostel {
	font-family: police-chiangmaihostel ;
}	


@font-face {
    font-family: 'police-cheveuxdange';
    src: url('fonts/cheveuxdange/cheveuxdange.woff2') format('woff2'),
         url('fonts/cheveuxdange/cheveuxdange.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-cheveuxdange {
	font-family: police-cheveuxdange ;
}	


@font-face {
    font-family: 'police-chasingembers';
    src: url('fonts/chasingembers/chasingembers.woff2') format('woff2'),
         url('fonts/chasingembers/chasingembers.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-chasingembers {
	font-family: police-chasingembers ;
}	


@font-face {
    font-family: 'police-celticmd';
    src: url('fonts/celticmd/celticmd.woff2') format('woff2'),
         url('fonts/celticmd/celticmd.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-celticmd {
	font-family: police-celticmd ;
}	


@font-face {
    font-family: 'police-cafem';
    src: url('fonts/cafem/cafem.woff2') format('woff2'),
         url('fonts/cafem/cafem.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-cafem {
	font-family: police-cafem ;
}	


@font-face {
    font-family: 'police-cafe_brewery';
    src: url('fonts/cafe_brewery/cafe_brewery.woff2') format('woff2'),
         url('fonts/cafe_brewery/cafe_brewery.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-cafe_brewery {
	font-family: police-cafe_brewery ;
}	

@font-face {
    font-family: 'police-bromello';
    src: url('fonts/bromello/bromello.woff2') format('woff2'),
         url('fonts/bromello/bromello.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-bromello {
	font-family: police-bromello ;
}	

@font-face {
    font-family: 'police-blessed';
    src: url('fonts/blessed/blessed.woff2') format('woff2'),
         url('fonts/blessed/blessed.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-blessed {
	font-family: police-blessed ;
}	


@font-face {
    font-family: 'police-beauty';
    src: url('fonts/beauty/beauty.woff2') format('woff2'),
         url('fonts/beauty/beauty.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-beauty {
	font-family: police-beauty ;
}	

@font-face {
    font-family: 'police-aubrey1';
    src: url('fonts/aubrey1/aubrey1.woff2') format('woff2'),
         url('fonts/aubrey1/aubrey1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-aubrey1 {
	font-family: police-aubrey1 ;
}	


@font-face {
    font-family: 'police-aquino';
    src: url('fonts/aquino/aquino.woff2') format('woff2'),
         url('fonts/aquino/aquino.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-aquino {
	font-family: police-aquino ;
}	

@font-face {
    font-family: 'police-amadeus';
    src: url('fonts/amadeus/amadeus.woff2') format('woff2'),
         url('fonts/amadeus/amadeus.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-amadeus {
	font-family: police-amadeus ;
}	


@font-face {
    font-family: 'police-aliens_and_cowsl';
    src: url('fonts/aliens_and_cowsl/aliens_and_cowsl.woff2') format('woff2'),
         url('fonts/aliens_and_cowsl/aliens_and_cowsl.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-aliens_and_cowsl {
	font-family: police-aliens_and_cowsl ;
}	

@font-face {
    font-family: 'police-actionj';
    src: url('fonts/actionj/actionj.woff2') format('woff2'),
         url('fonts/actionj/actionj.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-actionj {
	font-family: police-actionj ;
}

@font-face {
    font-family: 'police-murder';
    src: url('fonts/murder/murder.woff2') format('woff2'),
         url('fonts/murder/murder.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-murder {
	font-family: police-murder ;
}
@font-face {
    font-family: 'police-kingarthur';
    src: url('fonts/kingarthur/kingarthur.woff2') format('woff2'),
         url('fonts/kingarthur/kingarthur.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.police-kingarthur {
	font-family: police-kingarthur ;
}
@font-face {
    font-family: 'police-top_secret';
    src: url('fonts/top_secret/top_secret.woff2') format('woff2'),
         url('fonts/top_secret/top_secret.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-topsecret {
	font-family: top_secret ;
}
/*--------------------------------------------------------------------------------------------------------------*/

/*AJOUT DU 12-12-2017*/
@font-face {
    font-family: 'wcmanonegra';
    src: url('fonts/wcmanonegra/wcmanonegrabta.woff2') format('woff2'),
         url('fonts/wcmanonegra/wcmanonegrabta.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-manonegra {
	font-family: wcmanonegra ;
}
@font-face {
    font-family: 'wcmanonegrabold';
    src: url('fonts/wcmanonegra/wcmanonegraboldbta.woff2') format('woff2'),
         url('fonts/wcmanonegra/wcmanonegraboldbta.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-manonegrabold {
	font-family: wcmanonegrabold ;
}

/*--------------------------------------------------------------------------------------------------------------*/

/*AJOUT DU 17-06-2017*/
@font-face {
    font-family: 'pacifico';
    src: url('fonts/pacifico/pacifico.woff2') format('woff2'),
         url('fonts/pacifico/pacifico.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-pacifico {
	font-family: pacifico ;
}

/*--------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'arabdancesregular';
    src: url('fonts/arab_dances/arabdances-webfont.woff2') format('woff2'),
         url('fonts/arab_dances/arabdances-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.police-arabdancesregular{
	font-family: arabdancesregular ;
}
/*--------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'arabic_magicregular';
    src: url('fonts/arabic_magic/arabic_magic-webfont.woff2') format('woff2'),
         url('fonts/arabic_magic/arabic_magic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.police-arabic_magicregular {
	font-family: arabic_magicregular ;
}
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'amarilloregular';
    src: url('fonts/amarillo-webfont.woff2') format('woff2'),
         url('fonts/amarillo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amontilladoregular';
    src: url('fonts/amontillado-webfont.woff2') format('woff2'),
         url('fonts/amontillado-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amontilladosregular';
    src: url('fonts/amontillados-webfont.woff2') format('woff2'),
         url('fonts/amontillados-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vtks_blackhairregular';
    src: url('fonts/blackhair-webfont.woff2') format('woff2'),
         url('fonts/blackhair-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dry_brushregular';
    src: url('fonts/dry_brush-webfont.woff2') format('woff2'),
         url('fonts/dry_brush-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marchand_de_veniseregular';
    src: url('fonts/venise-webfont.woff2') format('woff2'),
         url('fonts/venise-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marchand_de_veniseitalic';
    src: url('fonts/venise_italic-webfont.woff2') format('woff2'),
         url('fonts/venise_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marguaritasregular';
    src: url('fonts/marguaritas-webfont.woff2') format('woff2'),
         url('fonts/marguaritas-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'margueriteregular';
    src: url('fonts/marguerite-webfont.woff2') format('woff2'),
         url('fonts/marguerite-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nazeefascript';
    src: url('fonts/nazeefa-webfont.woff2') format('woff2'),
         url('fonts/nazeefa-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nimesregular';
    src: url('fonts/nimes-webfont.woff2') format('woff2'),
         url('fonts/nimes-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'acceleration___reaction_Rg';
    src: url('fonts/acceleration_reaction-webfont.woff2') format('woff2'),
         url('fonts/acceleration_reaction-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blackswordregular';
    src: url('fonts/blacksword-webfont.woff2') format('woff2'),
         url('fonts/blacksword-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brotherhood_scriptregular';
    src: url('fonts/brotherhood_script-webfont.woff2') format('woff2'),
         url('fonts/brotherhood_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hijrnotes';
    src: url('fonts/hijrnote-webfont.woff2') format('woff2'),
         url('fonts/hijrnote-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'adventure_of_the_old_giantRg';
    src: url('fonts/adventure_of_the_old_giant-webfont.woff2') format('woff2'),
         url('fonts/adventure_of_the_old_giant-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.police-adventure_of_the_old_giantRg {
	font-family: adventure_of_the_old_giantRg ;
}
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'acceleration_reaction';
    src: url('fonts/acceleration_reaction-webfont.woff2') format('woff2'),
         url('fonts/acceleration_reaction-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-acceleration_reaction{
	font-family: acceleration_reaction ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'airplanes_in_the_night';
    src: url('fonts/airplanes_in_the_night_sky-webfont.woff2') format('woff2'),
         url('fonts/airplanes_in_the_night_sky-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.police-airplanes_in_the_night {
	font-family: airplanes_in_the_night ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'blackhair';
    src: url('fonts/blackhair-webfont.woff2') format('woff2'),
         url('fonts/blackhair-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.police-blackhair {
	font-family: blackhair ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'brotherhood';
    src: url('fonts/brotherhood_script-webfont.woff2') format('woff2'),
         url('fonts/brotherhood_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.police-brotherhood {
	font-family:  brotherhood;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'chinchan';
    src: url('fonts/chinchan-webfont.woff2') format('woff2'),
         url('fonts/chinchan-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.police-chinchan {
	font-family: chinchan ;
}	

/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'chinese_calligraphy';
    src: url('fonts/chinese_calligraphy-webfont.woff2') format('woff2'),
         url('fonts/chinese_calligraphy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-chinese_calligraphy {
	font-family: chinese_calligraphy ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'chowfun';
    src: url('fonts/chowfun_-webfont.woff2') format('woff2'),
         url('fonts/chowfun_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-chowfun {
	font-family: chowfun ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'djb_jacked';
    src: url('fonts/djb_jacked_up_kinda_luv-webfont.woff2') format('woff2'),
         url('fonts/djb_jacked_up_kinda_luv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-djb_jacked {
	font-family: djb_jacked ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'finition_personal';
    src: url('fonts/finition_personal_use_only-webfont.woff2') format('woff2'),
         url('fonts/finition_personal_use_only-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-finition_personal {
	font-family: finition_personal ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'fishchips';
    src: url('fonts/fishchips-regular-webfont.woff2') format('woff2'),
         url('fonts/fishchips-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-fishchips {
	font-family:  fishchips;
}	

/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'hanged_letters';
    src: url('fonts/hanged_letters-webfont.woff2') format('woff2'),
         url('fonts/hanged_letters-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-hanged_letters {
	font-family:  hanged_letters;
}	
/*--------------------------------------------------------------------------------------------------------------*//*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'indierock';
    src: url('fonts/indierock-webfont.woff2') format('woff2'),
         url('fonts/indierock-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-indierock {
	font-family:  indierock;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'jlr_chinese_love_letters';
    src: url('fonts/jlr_chinese_love_letters-webfont.woff2') format('woff2'),
         url('fonts/jlr_chinese_love_letters-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-jlr_chinese_love_letters {
	font-family:  jlr_chinese_love_letters;
}	

/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'kgalittleswag';
    src: url('fonts/kgalittleswag-webfont.woff2') format('woff2'),
         url('fonts/kgalittleswag-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-kgalittleswag {
	font-family:  kgalittleswag;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'mgs4_brush';
    src: url('fonts/mgs4_brush-webfont.woff2') format('woff2'),
         url('fonts/mgs4_brush-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-mgs4_brush {
	font-family: mgs4_brush ;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'orange_juice';
    src: url('fonts/orange_juice_2.0-webfont.woff2') format('woff2'),
         url('fonts/orange_juice_2.0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-orange_juice {
	font-family:  orange_juice;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'rfx_splatz';
    src: url('fonts/rfx_splatz-webfont.woff2') format('woff2'),
         url('fonts/rfx_splatz-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-rfx_splatz {
	font-family:  rfx_splatz;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'riesling';
    src: url('fonts/riesling-webfont.woff2') format('woff2'),
         url('fonts/riesling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-riesling {
	font-family:  riesling;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'social_logos';
    src: url('fonts/social_logos-webfont.woff2') format('woff2'),
         url('fonts/social_logos-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-social_logos {
	font-family:  social_logos;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'social_shapes';
    src: url('fonts/social_shapes-webfont.woff2') format('woff2'),
         url('fonts/social_shapes-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-social_shapes {
	font-family:  social_shapes;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'socialtype';
    src: url('fonts/socialtype-webfont.woff2') format('woff2'),
         url('fonts/socialtype-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-socialtype {
	font-family:  socialtype;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'the_black_box';
    src: url('fonts/the_black_box-ffp-webfont.woff') format('woff2'),
         url('fonts/the_black_box-ffp-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police- the_black_box{
	font-family:  the_black_box;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'travelingtypewriter';
    src: url('fonts/travelingtypewriter-webfont.woff2') format('woff2'),
         url('fonts/travelingtypewriter-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-travelingtypewriter {
	font-family:  travelingtypewriter;
}	
/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'underwood_etendu_1913';
    src: url('fonts/underwood_etendu_1913-webfont.woff2') format('woff2'),
         url('fonts/underwood_etendu_1913-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-underwood_etendu_1913 {
	font-family:  underwood_etendu_1913;
}	

/*--------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'wifi';
    src: url('fonts/wifi-webfont.woff2') format('woff2'),
         url('fonts/wifi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.police-wifi {
	font-family:  wifi;
}	

/*--------------------------------------------------------------------------------------------------------------*/

	
.police-amarilloregular {
    font-family: amarilloregular,Raleway,sans-serif;
}	
.police-amontilladoregular {
	font-family: amontilladoregular,Raleway,sans-serif;
}	
.police-amontilladosregular {
	font-family: amontilladosregular,Raleway,sans-serif;
}	
.police-vtks_blackhairregular {
	font-family: vtks_blackhairregular,Raleway,sans-serif;	
}
.police-dry_brushregular {
	font-family: dry_brushregular,Raleway,sans-serif;	
}
.police-marchand_de_veniseregular {
	font-family: marchand_de_veniseregular,Raleway,sans-serif;	
}	
.police-marchand_de_veniseregularitalic {
	font-family: marchand_de_veniseitalic,Raleway,sans-serif;	
}	
.police-marguaritasregular {
	font-family: marguaritasregular,Raleway,sans-serif;		
}
.police-margueriteregular{
	font-family: margueriteregular,Raleway,sans-serif;		
}	
.police-nazeefascript{
	font-family: nazeefascript,Raleway,sans-serif;		
}	
.police-nimesregular{
	font-family: nimesregular,Raleway,sans-serif;		
}	

.police-acceleration_reaction{
	font-family: acceleration___reaction_Rg,Raleway,sans-serif;		
}	
.police-blackswordregular{
	font-family: blackswordregular,Raleway,sans-serif;		
}	
.police-brotherhood_scriptregular{
	font-family: brotherhood_scriptregular,Raleway,sans-serif;		
}	
.police-hijrnotes{
	font-family: hijrnotes,Raleway,sans-serif;		
}	
/*
.police-{
	font-family: ,Raleway,sans-serif;		
}	
.police-{
	font-family: ,Raleway,sans-serif;		
}	
.police-{
	font-family: ,Raleway,sans-serif;		
}	
.police-{
	font-family: ,Raleway,sans-serif;		
}	
*/

/*PA--------------------------------------------------------------------------------------*/
/*--------------------ARTICLE EN VEDETTE--------------------------------------*/

.vedette {

	
    border-color: rgba(54, 107, 200, 0.4);
    border-radius: 8px;
    border-style: groove;
    border-width: 1px;
    color: #354651;
    font-family: Raleway,sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
	padding-bottom:50px;
		
	/*width: 90% ;margin-left : 5% ;*/
	width: 94% ;margin-left : 3% ;
	
	position:relative ;
background-color: rgba(54, 107, 200, 0.03);

  margin-top: 50px;

}	

@media (max-width: 768px) {
	
	.vedette {	
	padding: 10px 10px 50px;
	}	
	
}


.vedette h1{

	font-family : amarilloregular,Ubuntu,roboto,Raleway,Tahoma,sans-serif ;
	font-size : 36px;
	/*color:#4D5F6B;*/
	margin:0;

}	


.vedette h1 a{

	font-family : amarilloregular,Ubuntu,roboto,Raleway,Tahoma,sans-serif ;
	font-size : 36px;
	color:#657D8D;
	margin:0;
	/*transition:all 0.5s ease-in 0s;*/
	border-bottom:0px solid transparent;
}	



.vedette h1 a:hover{
	/*border-bottom : 1px solid ;*/
	text-decoration:none;
	color: #354651;
}

.vedette h1 a:active {
	/*border-bottom : 1px solid ;*/
	text-decoration:none;
	color: #354651;
}




.vedette a:link a:visited{
	color:inherit ;
	text-decoration:none;
}	

.vedette h2{

	font-family : Ubuntu,Roboto,Tahoma,Arial;
	font-size : 14px;
	/*line-height :0.8em ;*/
	/*background-color:#f00000;*/
	font-weight:lighter;
	
}	

.vedette h3 a{
	
	font-family : Ubuntu,Roboto,Tahoma,Arial;
	font-size : 18px;
	background-color: #354651;
    color: #fff;
	padding-top :10 px;
	text-align:center;
	border-radius:3px;
}

@media (max-width: 768px) {

.vedette h3 a{

	font-size : 14px;

}	

}	

.vedette h3 a:hover { 
	color:  #35465;
	background-color:  #88ABC2 ;	
	padding :10 px;	
		-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}	
.vedette h3 a:link {
			
			padding:5px ;
			margin-top:5px;
			
}
.vedette h3 a:visited{
			
			
}


.vedette img{

	border-radius: 8px;

	border-color: rgba(54, 107, 200, 0.4);
	border-width:1px;
	border-style:solid;
	display: block;
	overflow: hidden;

	margin-bottom: -.5em;
	border-radius : 10px;
	box-shadow:6px 6px 6px rgba(53, 70, 81, 0.9);
	background-size: 750px;
		
	width: 100%;
	
	/*position:absolute ;*/
	z-index:1;
	

	 

}	

.photo_une{

	 display:block;
	 margin:auto;
	 

}	
#texte {

	text-align:center;
	position:absolute ;
	z-index:2;
	top:360px;


}	

.titre_vedette{

	font-family :  airplanes_in_the_night ;
	font-size : 40px;
	text-align:center;
	color:#354651;
	margin-top:30px;
	/*border-color: rgba(54, 107, 200, 0.4);border-radius: 8px;border-style: groove;border-width: 1px;*/
  


}	

.sep_vedette{
	color:rgba(54, 107, 200, 0.16);
	height :1px;
}

.entree-meta .icon-metas:before{ 

	color: #88ABC2 ;
	
}	

.entree-meta .icon-metas:before:hover{
	
	color: #354651 ;
	
}	
.descriptif_sous_titre {

	color :#354651;
	font-size:14px;
	font-family:airplanes_in_the_night,ubuntu;

}	
.descriptif {

/*	display: contents; /*display: block;*/
	color :rgba(54, 107, 200, 0.35);
	font-size:14px;
	font-family:ubuntu;
	text-align:center;

	

}	


.bouton_suite {

	color : white ;

}	




/*-----------------------------------------------------------------------------------------------------------------------*/
/*----DESIGN TITRE------------------------------------------------------------------------------*/


.bandeau_haut {
    background: #354651 none repeat scroll 0 0;
    bottom: 0;
    color: white;
    display: block;
    height: 10px;
    left: 0;
    line-height: 1.4em;
    margin: 0;
    opacity: 0.90;
    /*position: fixed;*/
	width: 100%;
}	


.a_titre {

   position: absolute;
   bottom: 50%;
    left: 0;
  /*  background: black;*/
    color: white;
    
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;


}
.a_texte {
	
	font-family:amarilloregular,Raleway,sans-serif ;
	font-size : 48px;
	text-align:center ;
	color : #ffffff ;
	/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
	text-shadow: rgba(53, 70, 81, 0.9) 1px 1px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;

}

.a_texte a {
	

	color : #ffffff ;
	/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/

}


.b_titre {

   position: absolute;
   bottom: 45%;
    left: 0;
  /*  background: black;*/
    color: white;
    
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;


}
.b_texte {
	
	font-family:dry_brushregular ;
	font-size : 30px;
	text-align:center ;
	color : #ffffff ;
	/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
	text-shadow: rgba(53, 70, 81, 0.9) 1px 1px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;

}
/*-----------------------MAJ 27/11/201/----------------------------------------------------------------------------------*/
.debuter {

		position: absolute;
		bottom: 30%;
		color: white;
		line-height: 1.4em;
		border-style:solid;
		padding :20px;
		border: 2px solid #354651;
		color: #fff;
		font-weight: normal;
		padding: 10px 25px;
		display: inline-block;
		background-color: rgba(53, 70, 81, 0.65) ;
		cursor: pointer;
		/*text-shadow: 1px 1px #FC0303, 1px 1px #FC0303, 1px 1px #FC0303, 1px 1px #FC0303;*/
		text-align:center ;   
		border-radius:10px;
			
		-webkit-animation: fadeHeader 1 1s ease-in;
		-moz-animation: fadeHeader 1 1s ease-in;
		-o-animation: fadeHeader 1 1s ease-in;
		animation: fadeHeader 1 1s ease-in;	
	
		
		
}

.titre_suite {

	background-image : url('terre.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	overflow:hidden;
	display:block;
	
	margin-top :0px !important;
	margin-bottom :0px !important;
	padding-bottom :0px !important;
	border-width:0px !important;
	

}	


.a_texte_suite {

	font-family:amarilloregular,Raleway,sans-serif ;
	font-size : 48px;
	text-align:center ;
	margin-top :100px;
	/*background-color : #000000 ;*/
	vertical-align: text-bottom ;
	line-height:0.8em;
	color:#354651;
	text-shadow: rgba(136, 171, 194, 0.6) 1px 1px, rgba(136, 171, 194, 0.6) -1px 1px, rgba(136, 171, 194, 0.6) -1px -1px, rgba(136, 171, 194, 0.6) 1px -1px;


}	

.b_texte_suite {

	font-family:dry_brushregular ;
	font-size : 30px;
	text-align:center ;
	vertical-align: text-top ;
	color:#88ABC2;
	text-shadow: rgba(53, 70, 81, 0.3) 5px 5px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;


}
@media (max-width: 1024px) {

	.debuter {
		
			visibility: hidden;

	}
	.a_texte_suite {
	
			margin-top :70px;
			font-size : 30px;
	
	}	
		
	.b_texte_suite {
		
			font-size : 20px;		
	}	
		
}	
/*-----------------------MAJ 27/11/201/----------------------------------------------------------------------------------*/

.bandeau_legende {
    background: #354651 none repeat scroll 0 0;
    bottom: 0;
    color: white;
    display: block;
    height: 30px;
    left: 0;
    line-height: 1.4em;
    margin: 0;
    opacity: 0.80;
    position: absolute;
	width: 100%;
}	
.c_titre {
}	
.c_texte {
	font-family: Ubuntu;
    overflow-wrap: break-word;
    padding: 2px;
    text-align: center;
	opacity: 1;	
}	





@media (max-width: 1024px) {/*@media (max-width: 768px) {*/
	
	.bandeau_haut {
    background: #354651 none repeat scroll 0 0;
    bottom: 0;
    color: white;
    display: block;
    height: 3px;
    left: 0;
    line-height: 1.4em;
    margin: 0;
    opacity: 0.90;
    /*position: fixed;*/
	width: 100%;
}	
	
	.a_texte {
	
	font-family:amarilloregular,Raleway,sans-serif ;
	font-size : 24px;
	text-align:center ;
	color : #ffffff ;
	/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
	text-shadow: rgba(53, 70, 81, 0.9) 1px 1px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;

}
	.a_titre {

   position: absolute;
   bottom: 50%;
    left: 0;
  /*  background: black;*/
    color: white;
    
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;


	}
	
	.b_titre {

   position: absolute;
   bottom: 45%;
    left: 0;
  /*  background: black;*/
    color: white;
    
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;


}
.b_texte {
	
	font-family:dry_brushregular ;
	font-size : 18px;
	text-align:center ;
	color : #ffffff ;
	/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
	text-shadow: rgba(53, 70, 81, 0.9) 1px 1px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;

}

.c_texte {
	font-family: Ubuntu;
    overflow-wrap: break-word;
    padding: 2px;
    text-align: center;
	opacity: 1;	
	font-size:10px;
}	

	
	}	


/*----------------------------------------------------------------------------------------------*/
/*----DESIGN FLASH------------------------------------------------------------------------------*/

.p_home  
{
        
		width: 92%;/*width: 85%;*/
		margin : 25px auto ;
		word-break:initial;
		padding: 50px;
		border-color : #ffffff ;
		
		border-width: 5px;
	
		border-style: solid ;
		box-shadow:0px 6px 17px 3px rgba(53, 70, 81, 0.9);
		
		
}

@media (max-width: 768px) {
	
	.p_home  {
	
	width : 100% ;
	
	}	
	
}
.p_home  td
{
		margin: 25px auto;
		vertical-align : top;
		background-repeat: no-repeat;
		color :#ffffff ;
		background-size: 100% 100%;
		/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
		word-wrap: break-all;
	   	border-color : #ffffff ;
		border-width: 2px;
		border-style: solid ;
	
}
.p_home  caption
{
        margin: auto auto 10px;
        padding: 5px;
        font-weight: bold;
        font-size: 1.2em;
		word-break:initial;
		
}

.p_texte {
	
	font-family:amarilloregular,Raleway,sans-serif ;
	font-size : 36px;
	text-align:center ;
	padding-top:17px;
	/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
	text-shadow: rgba(53, 70, 81, 0.9) 1px 1px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;

}	
.p_texte a{
	
	color:#ffffff ;
	
}
.p_texte a:hover{

		/*color: rgba(53, 70, 81, 0.9) ;*/
		color:#88ABC2 ;/*color: rgba(223, 12, 19, 0.9);*/
		
}

@media (max-width: 768px) {
	.p_texte {	
			font-size : 17px;
	}		
}	

.p_ligne_a {

		font-family: tahoma,georgia, palatino, serif; 
		font-size: 10pt;
		text-align:center;
		padding-top:10px;
		color :#ffffff;/*color:#000000;*/
		/*text-shadow: #084786 1px 1px, #084786 -1px 1px, #084786 -1px -1px, #084786 1px -1px;*/
		/*text-shadow: rgba(53, 70, 81, 0.5) 1px 1px, rgba(53, 70, 81, 0.5) -1px 1px, rgba(53, 70, 81, 0.5) -1px -1px, rgba(53, 70, 81, 0.5) 1px -1px;*/

}

.p_ligne_a  a:link{

		/*color: rgba(255, 255, 255, 0.5) ;*/
		color :#ffffff;/*color :#000000;*/
		/*text-shadow: rgba(255, 255, 255, 0.5) 1px 1px, rgba(255, 255, 255, 0.5) -1px 1px, rgba(53, 70, 81, 0.5) -1px -1px, rgba(53, 70, 81, 0.5) 1px -1px;*/
}
.p_ligne_a  a:hover{

		/*color: rgba(53, 70, 81, 0.9) ;
		text-shadow: rgba(255, 255, 255, 0.5) 0px 0px, rgba(255, 255, 255, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px;*/
		color:rgb(136,171,194);/*color:#88ABC2;*/
}
.p_ligne_a a:visited{

		/*color :#ffffff;/*color: rgba(255, 255, 255, 0.5) ;*/
		text-decoration:none; 
}
.p_ligne_b {

		font-family: georgia, palatino, serif; 
		font-size: 9pt;
		text-align:center;
		padding-top:150px;
		/*font-style:italic;*/
		color: rgba(255, 255, 255, 0.88) ;/*color: rgba(255, 255, 255, 0.5) ;*/
			
}
.p_ligne_c {

		font-family: tahoma,georgia, palatino, serif; 
		font-size: 10pt;
		text-align:center;
		padding-top:150px;
		line-height:1.2em;
		padding-bottom:10px;
		color: rgba(255, 255, 255, 0.5) ;
		/*text-shadow: rgba(255, 255, 255, 0.5) 1px 1px, rgba(255, 255, 255, 0.5) -1px 1px, rgba(255, 255, 255, 0.5) -1px -1px, rgba(255, 255, 255, 0.5) 1px -1px;*/

		
}
	
.p_ligne_c  a:link{

		/*color: rgba(255, 255, 255, 0.5) ;*/
		color :#ffffff;/*color :#000000;*/
		/*text-shadow: rgba(255, 255, 255, 0.5) 1px 1px, rgba(255, 255, 255, 0.5) -1px 1px, rgba(53, 70, 81, 0.5) -1px -1px, rgba(53, 70, 81, 0.5) 1px -1px;*/
}
.p_ligne_c  a:hover{

		/*color: rgba(53, 70, 81, 0.9) ;
		text-shadow: rgba(255, 255, 255, 0.5) 0px 0px, rgba(255, 255, 255, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px;*/
		color:rgb(136,171,194);/*color:#88ABC2;*/
}
.p_ligne_c a:visited{

		/*color :#ffffff;/*color: rgba(255, 255, 255, 0.5) ;*/
		text-decoration:none; 
}


.p_ligne_d {

		font-family: tahoma,georgia, palatino, serif; 
		font-size: 10pt;
		text-align:center;
		padding-top:10px;
		line-height:1.2em;
		padding-bottom:10px;
		color: rgba(255, 255, 255, 0.5) ;
		color:#ffffff;
}

@media (max-width: 768px) {

.p_ligne_b {

		padding-top:60px;

}	
.p_ligne_c {

		padding-top:20px;

}
.p_ligne_d  acronym:before{
		content: "\d";
		}

.p_ligne_d {

		font-size: 8pt;

}
		
}
	


/*
.p_ligne_d  a:link{

		text-shadow: rgba(0, 0, 0, 0.5) 1px 1px, rgba(0, 0, 0, 0.5) 0px 0px, rgba(0, 0, 0, 0.5) -1px -1px, rgba(0, 0, 0, 0.5) 1px -1px;
}
.p_ligne_d  a:hover{

		text-shadow: rgba(255, 255, 255, 0.5) 0px 0px, rgba(255, 255, 255, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px;
}
.p_ligne_d a:visited{


}
*/

.p_ligne_d  a:link{

		/*color: rgba(255, 255, 255, 0.5) ;*/
		color :#ffffff;/*color :#000000;*/
		/*text-shadow: rgba(255, 255, 255, 0.5) 1px 1px, rgba(255, 255, 255, 0.5) -1px 1px, rgba(53, 70, 81, 0.5) -1px -1px, rgba(53, 70, 81, 0.5) 1px -1px;*/
}
.p_ligne_d  a:hover{

		/*color: rgba(53, 70, 81, 0.9) ;
		text-shadow: rgba(255, 255, 255, 0.5) 0px 0px, rgba(255, 255, 255, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px, rgba(53, 70, 81, 0.5) 0px 0px;*/
		color:rgb(136,171,194);/*color:#88ABC2;*/
}
.p_ligne_d a:visited{

		/*color :#ffffff;/*color: rgba(255, 255, 255, 0.5) ;*/
		text-decoration:none; 
}






.p_home_titre {

		font-family: georgia, palatino, serif; 
		font-size: 12pt;
		text-align:left;

		padding-left : 25px;
		padding-right : 25px;
		padding-top : 2px;
		padding-bottom : 20px;
		
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*----DESIGN CONSOLE DE TEST------------------------------------------------------------------------------*/
.console {
	
	text-align : left ;
	margin :20px ;
	border-color : #354651;
	border-style:solid ;
	border-width :1px;
	padding : 10px;
}

.console_titre {
	
	font-weight : bold ;
	text-align: center ;
	padding-top : 10px;
	
}	

.console_soustitre {
	
	font-weight : bold ;
		
}

.console #item_info{
	
	padding : 10px;	
	
}	

/*--------------------------------------------------------------------------------------------------------*/
/*----DESIGN ENTETE ARTICLE------------------------------------------------------------------------------*/
.entete_titre {

	font-family: amarilloregular,Raleway,sans-serif;
    font-size: 36px;
	text-align:center;
	padding-bottom:20px;

}
.entete_home  
{        
		width: 100%;
		margin : 25px auto ;
		word-break:initial;
		padding: 50px;
		border-color : #ffffff ;
		border-width: 5px;
		border-style: solid ;
		box-shadow:0px 6px 17px 3px rgba(53, 70, 81, 0.9);
				
}
.opacite_presentation
{
		background-color: rgba(34, 34, 34, 0.5);
		border-color: #ffffff;
		border-style: solid;
		border-width: 0px;
		margin:-10px;
}
.opacite
{
		background-color: rgba(34, 34, 34, 0.5);
		border-color: #ffffff;
		border-style: solid;
		border-width: 1px;
		margin: -10px;
				
}
.entete_voile
{
		/*opacity:0.90;*/
		
}

.entete_home  td
{
	
		/*background: linear-gradient(rgba(86, 192, 224, 0.01), rgba(86, 192, 224, 0.01)) ; background-size:cover;*/
		
		margin: 25px auto;
		vertical-align : top;
		background-repeat: no-repeat;
		color :#ffffff ;
		background-size: 100% 100%;
		word-wrap: break-all;
	   	border-color : #ffffff ;
		border-width: 2px;
		border-style: solid ;
				
		
		
}

.entete_home  caption
{
        margin: auto auto 10px;
        padding: 5px;
        font-weight: bold;
        font-size: 1.2em;
		word-break:initial;
}

.entete_texte {
	
	font-family:amarilloregular,Raleway,sans-serif ;
	font-size : 36px;
	text-align:center ;
	padding-top:17px;
	text-shadow: rgba(53, 70, 81, 0.9) 1px 1px, rgba(53, 70, 81, 0.9) -1px 1px, rgba(53, 70, 81, 0.9) -1px -1px, rgba(53, 70, 81, 0.9) 1px -1px;
}	



.entete_texte a:hover{

		color: rgba(223, 12, 19, 0.9);
		
}

.entete_ligne_a {

		font-family: tahoma,georgia, palatino, serif; 
		font-size: 10pt;
		text-align:center;
		/*padding-top:10px;*/
		margin-top:10px;
		color:#ffffff;
		vertical-align:middle;
		/*background-color:rgba(34, 34, 34, 0.1) ;*/
}

.entete_ligne_a  a:link{

		color :#ffffff;
		background-color:transparent;
		
}
.entete_ligne_a  a:hover{

		color :#354651;
		

}
.entete_ligne_a a:visited{
}
.entete_ligne_b {

		font-family: georgia, palatino, serif; 
		font-size: 9pt;
		text-align:center;
		/*adding-top:150px;*/
		margin-top:150px;
		color: rgba(255, 255, 255, 0.5) ;
			
}
.entete_ligne_c {

		font-family: tahoma,georgia, palatino, serif; 
		font-size: 10pt;
		text-align:center;
		margin-top:150px;
		/*padding-top:150px;*/
		line-height:1.2em;
		padding-bottom:10px;
		color: rgba(255, 255, 255, 0.5) ;

}
.entete_ligne_c  a:link{

		color :#000000;

		}
.entete_ligne_c  a:hover{

		color :#88ABC2;
		
}


.entete_ligne_d {

		font-family: tahoma,georgia, palatino, serif; 
		font-size: 10pt;
		text-align:center;
		/*padding-top:10px;*/
		margin-top:10px;
		line-height:1.2em;
		padding-bottom:10px;
		color :#88ABC2;
}
.entete_ligne_d  a:link{

		color :#88ABC2;

}
.entete_ligne_d  a:hover{

		color :#ffffff;

}
.entete_ligne_d a:visited{
}


.entete_home_titre {

		font-family: georgia, palatino, serif; 
		font-size: 12pt;
		text-align:left;

		padding-left : 25px;
		padding-right : 25px;
		padding-top : 2px;
		padding-bottom : 20px;
		
}

/*-----------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------*/
.titre-bleu {
	
    /*
	background-color: rgba(54, 107, 200, 0.09);
    border-color: rgba(54, 107, 200, 0.4);
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
	*/
    color: #354651;

/*    font-size: 16px;*/
    /*margin-bottom: 20px;*/
   /* padding: 10px;*/
    text-align: center;
	/*
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	*/
}


.note {
    background-color: #88abc2;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    padding: 25px;
    /*text-align: left;*/
	
	float: left;
    margin-right: 15px;
	
}
.police_encart {
	font-family :  Ubuntu,roboto,Raleway,Tahoma,sans-serif ;
	font-size:18px;
}
.pointilles-bleus {
    background-color: rgba(54, 107, 200, 0.09);
    border-color: rgba(54, 107, 200, 0.4);
    border-radius: 5px;
    border-style: dashed;
    border-width: 2px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	padding-bottom :10px;
	
}
.pointilles-bleus_blanc {
    background-color:#ffffff;
    border-color: rgba(54, 107, 200, 0.4);
    border-radius: 5px;
    border-style: dashed;
    border-width: 2px;
    
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14t;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	padding-bottom :10px;
	
}
.pointilles_astuce {
    /*background-color: rgba(54, 107, 200, 0.09);*/
    border-color: rgba(54, 107, 200, 0.4);
	background-image: url("https://www.autre-ailleurs.fr/images/astuce.gif");
	background-repeat :	no-repeat ;
    border-radius: 24px;
    border-style: dashed;
    border-width: 10px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	padding-bottom :10px;
	background-position-x: right;
    background-position-y: top;
	
}
.pointilles-verts {
    background-color: rgba(8, 238, 30, 0.09);
    border-color: rgba(8, 238, 30, 0.4);
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #000000;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
}


.pointilles-verts a{

	color : #0DC133;

}	
.pointilles-verts a:hover{

	color : #0EF23E;

}	

.pointilles-podcast {
    
	background-color: #88ABC2;
    border-color: #354651;
    border-style: solid;
    border-width: 30px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
	 /*display: table;margin: 0px auto;*/
	 display:inline-block ;
	 float:right;
	 margin-bottom: 20px;
	  margin-left: 20px;
}


.pointilles-podcast a{
	color : #354651;
}	
.pointilles-podcast a:hover{
	color : #ffffff;
}	

@media (max-width: 768px) {
	
.pointilles-podcast {
    
	background-color: #88ABC2;
    border-color: #354651;
    border-style: solid;
    border-width: 10px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
	 /*display: table;margin: 0px auto;*/
	 /*display:inline-block ;*/
	 /*float:right;*/
	 margin-bottom: 20px;
	 margin-left: 20px;
	 
	 width:100% ;
	  
}	
	
	
}


.pointilles-podcast  img {
	display: block;
	width: 100%;
	padding: 0;
	box-shadow: none;
	border-width :0px ;
	border:1px solid;
	border-radius : 0px;
	box-shadow:3px 3px 3px rgba(53, 70, 81, 0.9);
	height:217px;
	width:auto;
}

.pointilles-rouges {
    background-color: rgba(198, 16, 12, 0.09);
    border-color: rgba(198, 16, 12, 0.4);
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	padding-bottom:0px;
}

.pointilles-rouges a{

	color : #C6100C;

}	
.pointilles-rouges a:hover{

	color : #3E1919;

}	

.pointilles-jaunes {
    background-color: rgba(250, 188, 147, 0.09);
    border-color: rgba(250, 188, 147, 0.4);
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
}

.pointilles-jaunes a{

	color : #DA9E79;

}	
.pointilles-jaunes a:hover{

	color : #A04A29;

}	
.pointilles-jaunes_forts {
    background-color: rgba(251, 232, 5, 0.09);
    border-color: rgba(198, 16, 12, 0.9);/*border-color: rgba(251, 232, 5, 0.4);*/
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.pointilles-jaunes_forts a{

	color : #F80205;

}	
.pointilles-jaunes_forts a:hover{

	color : #5F0304;

}	

.pointilles-jaunes_bleus {
    background-color: rgba(254, 204, 0, 0.6);
    border-color: rgba(0, 106, 167, 0.9);/*border-color: rgba(251, 232, 5, 0.4);*/
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
}

.pointilles-jaunes_bleus a{

	color : #006AA7;

}	
.pointilles-jaunes_bleus a:hover{

	color : #032F48;

}	
.pointilles-nrv {
    background-color: rgba(255, 255, 255, 0.6);
    border-color: rgba(223, 12, 19, 0.9);/*border-color: rgba(251, 232, 5, 0.4);*/
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    /*margin-bottom: 20px; padding-top: 10px;*/
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
   
}

.pointilles-nrv a{

	color : #6EA928;

}	
.pointilles-nrv a:hover{

	color : #000000;

}	

.pointilles-rvj {
    background-color: rgba(254, 223, 0, 0.6);
    border-color: rgba(223, 12, 19, 0.9);/*border-color: rgba(251, 232, 5, 0.4);*/
    border-radius: 5px;
    border-style: dashed;
    border-width: 3px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
}

.pointilles-rvj a{

	color : #002776;

}	
.pointilles-rvj a:hover{

	color : #6EA928;

}	

.note_bc {
    background-color: rgba(54, 107, 200, 0.09);
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
    /*text-align: -moz-center;*/
	padding: 10px;
	display: inline-block;
	border-color: #354651;
    border-style: solid;
    border-width: 1px;
	text-align:center ;
	overflow:auto;
	margin:0 auto;
	
	
}   


.note_bc_centre {
    background-color: rgba(54, 107, 200, 0.09);
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;

	padding: 10px;
	display: inline-block;
	border-color: #354651;
    border-style: solid;
    border-width: 1px;
	text-align:center ;
	overflow:auto;
	margin:0 auto;
	
	 display: table;margin: 0px auto;
	 /*display:inline-block ;*/
	 /*float:right;*/
	
	
}  

.style_solid {

    border-style: solid;
    border-width: 1px;


}	

.ligne_hr {

    color: #354651;
	size:3px;


}

.cnx {

     background-color: rgba(54, 107, 200, 0.09);
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;

	padding: 10px;
	display: inline-block;
	border-color: #354651;
    border-style: solid;
    border-width: 1px;
	text-align:center ;
	overflow:auto;
	margin:50px auto;
	
	 display: table;
}

.login-password {

	text-align : right ;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;


}	
.login-remember {
	text-align : center ;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
}	


.encart-gris {
    background-color: rgba(37, 37, 37, 0.02);
    border-color: rgba(37, 37, 37, 0.2);
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    /*margin-bottom: 20px;*/
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	padding-bottom:10px;
}

.encart-gris img{
	
	padding : 0px;
	
	
}	



/*----ENQUETE----------------*/

.enquete {

	
    border-color: rgba(54, 107, 200, 0.4);
    
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
	
    border-style: groove;
    border-width: 1px;
    color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
   /* padding: 10px;*/
    /*text-align: -moz-center;*/
	padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
	padding-bottom:50px;
	line-height : 1.3em ;	
	/*width: 90% ;margin-left : 5% ;*/
	width: 94% ;margin-left : 3% ;
	
	position:relative ;
background-color: rgba(54, 107, 200, 0.03);

  /*margin-top: 50px;*/

}	

.titre_enquete {


	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 94% ;margin-left : 3% ;
	background-color : #88ABC2 ;
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 16pt;
	color : #ffffff ;
	padding-left :5px;
	border-color: rgba(54, 107, 200, 0.4);
	padding-top: 5px;
	
}	

.titre_enquete img {

	vertical-align: top;
	padding-top: 5px;

}

/*
.bouton_enquete  {
	
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 16pt;
	color : #ffffff ;
	padding : 10px;
	background-color : #354651 ;
	width:max-content;
	border-radius :10px;
	margin-left : 3% + 30px;
	margin-right : 3% + 30px;
}	
*/


.bouton_enquete  a{
	
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 16pt;
	color : #ffffff ;
	padding : 10px;*
	background-color : #354651 ;
	width:max-content;
	border-radius :10px;
	
}	

.bouton_enquete  a:link{

	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 16pt;
	color : #ffffff ;
	padding : 10px;
	background-color : #354651 ;
	width:max-content;
	

	
	

}	
.bouton_enquete  a:hover{

	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 16pt;
	color : #ffffff ;
	padding : 10px;
	background-color : #88ABC2 ;
	width:max-content;
	transition : background-color .3s ease-in-out ;
	
	
	

}	




@media (max-width: 768px) {
	
	.enquete {	
	padding: 10px 10px 50px;
	}	
	
	
	.bouton_enquete  a{
	
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 12pt;
	color : #ffffff ;
	padding : 10px;
	background-color : #354651 ;
	width:max-content;
	border-radius :10px;

}		
	
	.bouton_enquete  a:link{
	
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 12pt;
	color : #ffffff ;
	padding : 10px;
	background-color : #354651 ;
	width:max-content;
	border-radius :10px;

}
	.bouton_enquete  a:hover{
	
	font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
	font-size : 12pt;
	color : #ffffff ;
	padding : 10px;
	background-color : #88ABC2 ;
	width:max-content;
	transition : background-color .3s ease-in-out ;

}
	
}



/*---------------------------*/


article.hentry .article-inner, #breadcrumbs-nav,
#content-masonry article.hentry .article-inner, .pad-container  {
		padding-left:5%;
		padding-right:5%;
		padding-top:5%;
}		

.Style5 {
	background-position:center center;
	position:absolute; 
	margin: auto;
   left: 10%; 
   top: 30%;
	/*position:center center ;*/
    font-family: Gabriola, "Gentium Basic", Georgia;
    font-size: 36px;
    color:#354651;
	background-color:#ffffff;
	padding:50px;
	text-align:center;

	}
.main .wp-caption  .image_sc   {
	
	display: block;
    width: 100%;
    /* border: none; */
    padding: 0;
    box-shadow: none;
    border-width: 0px;
    border: 1px solid;
    border-radius: 0px;
    /* border-color: #88ABC2; */
    box-shadow: 3px 3px 3px rgba(53, 70, 81, 0.9);
	
}
.post-date {

	font-size : 12px;


}	
.comment-author-link  {
		font-size : 14px;
		line-height : 1.9em;
}	
.recentcomments {
		font-size : 12px;
		line-height : 1.9em;
}
.alignright {
    float: right;
    margin: 0; 
}	
.encart_abonnement_news {
    
	background-color: rgba(54, 107, 200, 0.09);
 	color: #354651;
    font-family: droid sans-serif,roboto,arial, helvetica, sans-serif;
    font-size: 14pt;
    margin-bottom: 20px;
	padding: 20px;
	border-color: #354651;
    border-style: solid;
    border-width: 1px;
	line-height:1.5em;
	box-shadow: 0px 6px 17px 3px rgba(53, 70, 81, 0.9);
	border-radius :15px;
	border-style: solid;
    border-width: 1px;
	
	
	
}	
.image_arrondie {

	border-radius:10px;

}


.image_bouton {

	border-color: #354651;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0px 6px 17px 3px rgba(53, 70, 81, 0.9);
	border-radius :15px;
	border-style: solid;
    border-width: 1px;

}

.image_bouton:hover{

	border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
	box-shadow: 0px 0px 0px 0px rgba(53, 70, 81, 0.9);
	border-radius :15px;
	border-style: inset;
    border-width: 2px;

}
.bords_image {

	padding-right :10px ;
}	
/*------------- AJOUT DU 29/11/2017---------------------------------------------------------------*/

.photo_scotch.rotation1 {
	
    -moz-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	
}
.photo_scotch.rotation2 {
	
    -moz-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	
}
.photo_scotch img.photo_sb {
 	
	display: block;
	background-color: white;
	box-sizing: border-box;
	box-shadow: 0 6px 17px 3px rgba(53, 70, 81, 1);
	
}

.photo_scotch img.scotch {
	
    position: relative;
    display: block;
    margin: 0px auto -55px;
    max-width: 115px;
	z-index:2;
	
}

.photo_scotch img.punaise {
	
    position: relative;
    display: block;
    margin: 0px auto -45px;
    max-width: 115px;
	z-index:6;
			
}


.photo_scotch span{

	font-family: Arial!important;
	font-size : 10pt !important;
	position: relative;
	z-index:4;
	color:#ffffff;
	top:-60px;
	display: inline-block;
    background-color: rgba(53, 70, 81, 0.35);
	white-space: nowrap;
	padding:3px;
	border-radius:5px;
	text-align:center;
}

	
@media (max-width: 768px) {
	
	
	.photo_scotch img.scotch {
		
		position: relative;
		display: block;
		margin: 0px auto -40px;
		max-width: 75px;
		z-index:2;
		
	}

	
	.photo_scotch img.punaise {
		
		position: relative;
		display: block;
		margin: 0px auto -45px;
		max-width: 115px;
		z-index:6;
				
	}	
	
	.photo_scotch span{

		font-family: Arial!important;
		font-size : 8pt !important;
		position: relative;
		z-index:4;
		color:#ffffff;
		top:-50px;
		display: inline-block;
		background-color: rgba(53, 70, 81, 0.35);
		white-space: nowrap;
		padding:1px;
		border-radius:5px;
		text-align:center;
		
	}	
		
	
	.post-date {
		font-size: 10px;
	}
	
}

/* ## pages */
.pages {
	display: table;
	clear: both;
	margin: 1.5em auto;
	text-align: center;
}

.pages span,
.pages a {
	display: block;
	position: relative;
	float: left;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
}


.wp-my-instagram .wpmi-me a {
    font-size: 12px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #354651;
    opacity: 0.95;
    color: #FFFFFF!important;
    margin-top: 15px !important;
    border-color: #FFFFFF!important;
    border-width: 1px;
    border-style: solid;
}

.wp-my-instagram .wpmi-me {
    position: initial;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 24px;
}

#toc_container p.toc_title+ul.toc_list h5 {
    
    font-weight: bold!important;
        text-align: left!important;
}

#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li h5 {

    font-weight: bold!important;
        text-align: left!important;
}

.elementor-widget-container h5 {

    font-weight: bold!important;
        text-align: left!important;

}


#toc_container p.toc_title {
    text-align: left!important;
}

.yotu-button-prs {
	background: #000000!important;
	color: #ffffff!important;
}
.yotu-button-prs:hover{
	background: #ffffff!important;
	color: #000000!important;
}


/* FIN! */