body {
	font-size: 1em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.8em;
	font-family: Arial, sans-serif;
	color: #3B3B3B
}

.pubColDHome {margin:15px auto 0 auto; width:160px}
.pubColDPage {margin:15px auto 0 auto; width:300px}
.pubColCHome {margin:15px auto 0 auto; width:300px}

#aide, .show_mobile {display:none}

blockquote {
	border-left: solid 3px #45ACB1;
	margin-left: 10px;
	padding-left:15px;
	color: #7F7F7F;
	font-style:italic
}

.popup h3 span {float:right}

.center {text-align:center; margin:10px auto}
.right {text-align:right}
span.disabled {color:grey}

/* Article Amazon */
.amazon {height:270px}
.amazon iframe {margin:15px; border:none}

.telephone {display:none}
.facebookPage {position:relative; vertical-align: middle; margin:auto 5px 24px 0}
.twitterPage {position:relative; vertical-align: middle; margin:auto 5px 15px 0}
.googlePlusPage {position:relative; vertical-align: baseline}

.mailToButton {width:100%; text-align:center; margin-top:0}	
.mailToButton img {display:none}
	
.ok {background-color:#FFFCCD; color:green; padding:10px; margin:10px 0; border:solid 1px #DFDFDF; font-weight:normal}
.alert {background-color:#FFFCCD; color:red; padding:10px; margin:10px 0; border:solid 1px #DFDFDF; font-weight:normal}
.marginTop {margin-top:30px}
.marginBottom {margin-bottom:50px}
.marginFullPage {margin-top:50px; margin-bottom:400px}
.pop {background-color:white; padding-left:20px; padding-right:20px}

iframe {width:100%; height:1000px}
.floatRight {float:right}
.maxWidth {width:100%; text-align:center}
	
ul {margin-left:25px; margin-top:10px}

a {color:#0080FF}
a:hover {color:#0080FF; text-decoration:underline}

/* Auteurs */
table {background-color:#FAFAFA; margin:30px auto; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; width:100%}
table .border {border:solid 1px #CCC}
table td {padding:10px; text-align:left}
table td.border {border-bottom:solid 1px #E8E8E8}
table td.titre {font-weight:bold; background-color:#F1F1F1; border-bottom:solid 1px #CCC}
table td span {font-size:0.8em; color:#8B8B8B}

/* Zone en tête du site */
.containerTop {
	position: relative;
	background:#F2F2F2;
	width:100%
}

/* Zone de Contenu du site */
#containerMiddleHome, #containerMiddlePage {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box
}

/* Zone de bas de page du site */
.containerBottom {
	position: relative;
	float:left;
	width:100%; 
	padding-top:30px;
	padding-bottom:30px
}

#containerMenuHaut {width:100%;  height:38px; background-color:#4A4A4A; margin:0}
#containerMenuHaut div {max-width:1080px; margin:0 auto; padding-top:2px}
#containerMenuHaut div .leftRow {float:left; text-align:left; color:white; font-size:1.4em; padding-top:4px; margin-left:20px}
#containerMenuHaut div .rightRow {float:right; text-align:right; color:white; font-size:0.90em; margin-right:20px}
#containerMenuHaut a {color:#D9D9D9}
#containerMenuHaut img {height:20px; vertical-align:middle; margin-right:8px}

#contenerTitle, #contenerFoot {
	width:100%; 
	max-width:1170px; 
	margin:0 auto; 
	box-sizing: border-box
}

.titleSite, .subTitleSite {font-family:arial; text-align:center}
.titleSite {margin:0 auto 10px 10px; font-size:1.8em; font-weight:bold; padding-top:25px}	
.subTitleSite {margin-left:10px; font-size:0.9em}

.containerBottom a {color:#92DAFF}
.containerBottom a:hover {color:#C4EAFF}
.containerBottom #col1 {float:left; width:34%}
.containerBottom #col2 {float:left; width:33%}
.containerBottom #col3 {float:left; width:33%}

#navdossier {margin:10px 0; font-size:1.2em; color:grey}
#navdossier a {color:grey; text-decoration:none}
#navdossier a:hover {text-decoration:underline}
#navdossier span {font-size:1em; color:#939393}

.lienSommaireTitre {font-weight:bold; font-style:italic; margin-top:25px; margin-bottom:0}
.lienSommaireListe {margin-top:3px}
.lienNavArticles {background-color: #FAFAFA; padding:10px; margin-top:20px}

.titre_nav1 {}
.titre_nav2 {}
	
/* Réseaux Sociaux */
div.socialNetworks {margin:40px auto; padding:10px; padding-bottom:15px; border-radius: 7px}
div.socialNetworks p {margin:0; padding:0; font-size:0.9em}
.social {display: inline-block}
.social iframe {vertical-align: bottom}
.social span {display: inline-block; width: 130px}

/* Affichage des News */
.datenews {}	
.itemnews {}
a.liennews {text-decoration:none}

#article {
	color:#555;
	font-size:1.2em;
}

#article h1 {font-size:1.7em; font-weight:bold; ; line-height: 1.15em}
#article h2 {font-size:1.3em; font-weight:normal; letter-spacing: 1px}
#article h3 {font-size:1.3em; color:#767676; font-weight:normal}
#article h4 {font-size:1.1em; color:#767676; font-weight:normal}
#article h5 {font-size:0.9em; color:#767676; font-weight:normal}
#article ul {margin-left:25px; margin-top:10px}

#dossierNews .itemDossier {margin-bottom:10px}
#dossierNews h1 {font-size:1.4em; font-weight:bold; margin:1px 0; padding:0}
#dossierNews h2 {font-size:1em; font-weight:normal; margin:3px 0; color:#5F5F5F; font-style:italic; padding:0; line-height:1.2em}
#dossierNews h3, #dossierNews h5 {font-size:0.9em; color:#767676; font-weight:normal; margin:2px 0; padding:0; line-height:1.5em}
#dossierNews h4 {font-size:1em; color:#767676; font-weight:normal; margin:3px 0 12px 0; padding:0; line-height:1.5em}
#dossierNews a:hover{text-decoration:underline}

/* Liste des dossiers */
.listDossier {font-size:0.9em; border:solid 1px white; margin-bottom:15px}
.listDossier h1 {margin-bottom:0; padding-bottom:0; line-height: 0.9em}
.listDossier h1 a:hover{text-decoration:underline}
.listDossier h2 {margin-bottom:0; padding-bottom:0; line-height: 1.2em; color:#626262}
.listDossier h3, .listDossier h5 {margin-bottom:0; padding-bottom:0; line-height: 0.9em}
		
#containerMiddleHome ul, #containerMiddlePage ul {margin-left:25px; margin-top:10px}

/* Petites annonces */
#annonceform {margin-bottom:30px; padding-top:0; background-color:#FAFAFA}
#annonceform p label {font-size:0.9em}
#annonceform textarea {height:100px; font-size:18px}
#annonceform select {margin-bottom:15px; font-size:1em}
#annonceform .submit input {margin-right:10px}
.infoUploadImage {font-style:italic; font-size:0.9em}
.annonceImage {vertical-align:middle; margin:20px auto 10px 20px}
.annonceImageThumb {width:24%; margin:1% 0 1% 1%; float:left}
table.petiteAnnonce {background-color:#FAFAFA; margin-bottom:10px; border:solid 1px #CCC; width:100%}
table.petiteAnnonce td {padding:15px; border-bottom:solid 1px #CCC}

#annonceform select, #adresseform select, #voyelleform select
{
    border: 1px solid #CCC;
    border-radius: 7px;
    padding: 2px 10px;
    width: 100%;
    -webkit-appearance: none;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    background-transparency: 0.5;
    background-position: right 7px top 6px;
    background-size: 18px 18px;
}
#annonceform select:active, #adresseform select:actice  {border: 1px solid #000}

/* Plats */
#platform {margin-bottom:30px; padding-top:0; background-color:#FAFAFA}
#platform p label {font-size:0.9em}
#platform textarea {height:100px; font-size:18px}
#platform select {margin-bottom:15px; font-size:1em}
#platform .submit input {margin-right:10px}
.platTitre {font-size:1.3em; font-weight:bold}
.platDesignationFr {font-size:1em; color:grey}
.platDesignationEn {font-size:1em; font-style:italic; color:grey}
.platDescription {font-style:italic}
.platImage {vertical-align:middle; margin:20px auto 10px 20px}
.platImageThumb {width:24%; margin:1% 0 1% 1%; float:left}
.platImageSlideShow {height:90%; margin:1% auto 1% auto}
.slideshow {width: 600px; height: 360px; padding:0px; margin:0 auto 20px}
.slideshow img {border:none; padding:0}
table.plat {background-color:#FAFAFA; margin-bottom:10px; border:solid 1px #CCC; width:100%}
table.plat td {padding:15px; border-bottom:solid 1px #CCC}
table .thumb {margin:7px auto}
table .forcePiment {font-size:1em; color:red; float:right}
table .pimentBig {font-size:1.5em}

a.thaiWord {text-decoration:none; font-size:1.2em}
a.thaiWord:hover {text-decoration:none}

#platform select
{
    border: 1px solid #CCC;
    border-radius: 7px;
    padding: 2px 10px;
    width: 100%;
    -webkit-appearance: none;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    background-transparency: 0.5;
    background-position: right 7px top 6px;
    background-size: 18px 18px;
}
#platform select:active  {border: 1px solid #000}

/* Livre d'or */
table.guestbook {background-color:#FAFAFA; margin-bottom:10px; border:solid 1px #CCC; width:100%}
table.guestbook td {padding:10px; border-bottom:solid 1px #E8E8E8}

/* Bonnes adresses */
#adresseform {margin-bottom:30px; padding-bottom:10px; background-color:#FAFAFA}
#adresseform p label {font-size:0.9em}
#adresseform textarea {height:100px; font-size:18px}
#adresseform select {margin-bottom:15px; font-size:1em}
#adresseform .submit input {margin:10px; float:none}
table.adresses {background-color:#FAFAFA; margin-bottom:20px; border:solid 1px #CCC; width:100%}
table.adresses td {padding:10px; border-bottom:solid 1px #E8E8E8; text-align:left}
table.adresses td.titre {font-weight:bold; background-color:#F1F1F1}
table.adresses td.commentaire {font-style:italic}
table.adresses td span {font-size:1em; font-weight:bold; color:#6C6C6C}


/* Auteurs */
table.auteur {background-color:#FAFAFA; margin:30px auto; border:solid 1px #CCC; width:100%}
table.auteur td {padding:10px; border-bottom:solid 1px #E8E8E8; text-align:left; width:50%}
table.auteur td.titre {font-weight:bold; background-color:#F1F1F1}
table.auteur td span {font-size:0.8em; color:#8B8B8B}

/* inscris */
table.inscris {background-color:#FAFAFA; margin:0 auto 20px auto; border:solid 1px #CCC; width:100%; font-size:0.8em}
table.inscris td {padding:10px; border-bottom:solid 1px #E8E8E8; text-align:left}
table.inscris td.titre {font-weight:bold; background-color:#F1F1F1}
table.inscris td span {color:#8B8B8B}

/* Messagerie */
.messagerie tr td {font-size:0.9em}

/* --------------------------------------------------------------------------------- */
/* Commentaires article des dossiers */
/* --------------------------------------------------------------------------------- */
.commentaires {margin:40px auto 10px auto; border-top:solid 1px #BEBEBE}
.commentaires p {font-size:0.9em}

p.connexion {font-size:0.9em; padding-top:20px; border-top:solid 1px #A9A9A9; margin-top:20px}

/* --------------------------------------------------------------------------------- */
/* Commentaires des news */
/* --------------------------------------------------------------------------------- */
.commentairesNews {margin:0 auto 70px auto; border-top:solid 1px #BEBEBE}
.commentairesNews p {font-size:0.9em}

/* --------------------------------------------------------------------------------- */
/* Dictionnaire */
/* --------------------------------------------------------------------------------- */
#dico {text-align:justify; border:0px; margin:30px auto 0px auto}
#dico p {}
#dico table {border-collapse: collapse; margin:30px auto; border:none; width:90%}
#dico .resultDico {border-collapse: collapse; margin:30px auto; border:none; width:99%; border-bottom:solid 1px grey}
#dico .resultDico td {padding:20px 10px; border:none; border-top:solid 1px grey}
#dico .resultDico .commentaires {font-style:italic}
#dico .resultDico .dicoComment{font-style:italic; border:none; font-size:0.9em; padding-top:0}
#dico tr.titre {color:#3300FF; font-weight:bold}
#dico tr td {padding:10px; border:none}
#dico img {border:none}
#dico img .dicoTon {border:none; vertical-align:middle; width:15px; height:15px}
#dico img .dicoMotContraire {border:none; vertical-align:middle; width:15px; height:15px}
#dico a {text-decoration:none}
#dico a:hover {text-decoration:underline}
#dico .button:hover {text-decoration:none}
#dico div.miniMenu {margin:15px auto; text-align:center; font-size:0.9em}
#dico .player {margin:auto; width:150px; height:15px}
#dico .attentetrad {color:#FF0000; font-weight:bold}
#dico .font1 {color:#4D4D4D; font-weight:bold}
#dico .font2 {color:#0000CC}
#dico a.thaiWord {text-decoration:none; font-size:1.2em}
#dico a.thaiWord:hover {text-decoration:none}

#vols {text-align:center}

/* Barre de navigation */
.pagination {text-align:center; margin:0 auto; padding:20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif}
.pagination a, .pagination .NavSelected {padding:10px; border:solid 1px #DBDBDB; margin:0; border-right:none}
.pagination a {color:#084682; text-decoration:none}
.pagination a:hover {color:#084682; background-color:#F5F5F5; font-weight:normal}
.pagination a.NavUnSelected {}
.pagination .NavSelected {background-color:#3F87D5; color:white}
.pagination .fin {border-right:solid 1px #DBDBDB}
.pagination span {padding:10px; border:solid 1px #DBDBDB; margin:0}
.pagination span.disabled {color:grey}

/* Autres */
.textedito img {margin-right:7px; margin-top:-2px; vertical-align:middle}

/* Partie adaptable à la résolution */
.home {
	float:left; 
	width:49%;
	box-sizing: border-box
}

.home h2 {font-size:1.7em; color:grey}
.home .partenaireAbritel {background-color:#FFFAE0; height:auto; min-height:145px; margin-bottom:20px}
.home .partenaireAbritel p {padding:15px; line-height:1.5em}
.home .partenaireAbritel img {float:left; height:115px; margin:15px}

/* Design général des colonnes */
.leftCol, .rightCol {
	width:100%;
	margin-bottom:15px;
	border:solid 1px #CCC;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
	
}

.leftCol {
	float:left;
	padding:0 20px
}

.rightCol {
	float:right;
	margin-left:1%;
	padding:15px 20px
}

.rightCol hr {margin: 15px; padding: 0; border-color: #DFDFDF; border-style: solid}

/* Pub évaneos en page d'accueil */
.iframeEvaneos {width:100%; text-align:center; margin:10px auto 0 auto}
.iframeEvaneos h3 {margin-bottom:3px; color:grey}

/* Que pour les smartphone */
@media (max-width: 640px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,
    element2 {
        float: none;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }

	.show_mobile {
		display: block !important;
	}
    
    /* Un message personnalisé */

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }

	#containerMenuHaut {display:none}
	.containerBottom #col1 {float:left; width:50%; padding-left:15px}
	.containerBottom #col2 {float:left; width:50%}
}

/* Mode paysage */
@media (max-device-width:768px) and (orientation: landscape) {
  html 	{
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		}
}

/* Plus de 641 px */
@media (min-width: 641px) {
	.titleSite {margin-top:0; padding-top:30px}
	.titleSite {font-size:2.5em}
	.titleSite, .subTitleSite {margin-left:25px; margin-right:25px; text-align:left}
	
	.pubExpat {width:100%; margin:10px auto 0 auto}
}

/* Plus de 641 px */
@media (min-width: 920px) {

}

/* Plus de 1161 px */
@media (min-width: 1161px) {
	#containerMenuHaut div .leftRow {margin-left:0}
	#containerMenuHaut div .rightRow {margin-right:0}
}




/*!
 * froala_editor v2.0.0-rc.3 (https://www.froala.com/wysiwyg-editor/v2.0)
 * License http://editor.froala.com/license
 * Copyright 2014-2015 Froala Labs
 */

.clearfix:after {
  clear: both;
  display: block;
  content: "";
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #dddddd;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border-color: red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view img {
  z-index: 3;
  position: relative;
  overflow: auto;
  cursor: pointer;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file:after {
  position: relative;
  content: "\1F4CE";
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  padding-left: 5px;
  color: #5e35b1;
}
.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
}
.text-gray {
  color: #AAA !important;
}
.text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.text-spaced {
  letter-spacing: 1px;
}
.text-uppercase {
  text-transform: uppercase;
}
/**
 * Image style.
 */
img.fr-dib {
  margin: auto;
  display: block;
  float: none;
  vertical-align: top;
  margin-top: 5px;
  margin-bottom: 5px;
}
img.fr-dib.fr-fil {
  margin: 5px auto 5px 0;
  left: 5px;
}
img.fr-dib.fr-fir {
  margin: 5px 0 5px auto;
  right: 5px;
}
img.fr-dii {
  margin: auto;
  display: inline-block;
  float: none;
  margin-top: 5px;
  margin-bottom: 5px;
}
img.fr-dii.fr-fil {
  margin: 5px 15px 5px 0;
  left: 0;
  float: left;
}
img.fr-dii.fr-fir {
  margin: 5px 0 5px 10px;
  right: 5px;
  float: right;
}
img.fr-rounded {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
img.fr-bordered {
  border: solid 10px #CCC;
}