/* CSS Document */
body {
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
h1 {
	font-size: 2em;
	text-transform: uppercase;
}
h2 {
	font-size: 1.5em;
	margin-top: 0;
	text-align: center;
}
h3 {
	margin-top: 0;
	font-size: 1.3em;
}
img {
	max-width: 100%;
	height: auto;
	width: auto; /* avoid ie8 bug */
}
div {
	box-sizing: border-box;
}
.section {
	padding:80px 0;
}
.section.header, .section.menu_haut, .section.main, .section.footer {
	padding:0;
}
.header__logo {
	min-width:128px;
}
.header__banniere {
	min-width:280px;
}
.wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	margin:0 auto;
	max-width:1200px;
	padding:0 5%;
}
.wrapper > * {
	padding: 5px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 100%;
	    -ms-flex: 1 100%;
	        flex: 1 100%;
}
.flex-container, .flex-container2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	display: flex;
}
.header {
/* background: tomato;*/
}
.header img {
/*	min-width:100px;
 background: tomato;*/
}

img + hr {
	margin-top:0px;
	margin-bottom:4px;
}
.drapeaux {
	margin-left: 5px;
	margin-top: -25px;
	position: absolute;
	width: 60px;
}
.drapeaux-xs {
	display:none;
}
.footer {
	/* background: lightgreen;*/
  color: #666;
	text-align:center;
}
.main {
	text-align: left;/*background: deepskyblue;*/
}
.aside-1 {
/* background: gold;*/
}
.aside-2 {
/*background: hotpink;*/
}
.f1, .f2, .f3 {
	margin: 6px;
}
.f1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.f2 {
	-webkit-box-flex:2;
	-webkit-flex:2;
	    -ms-flex:2;
	        flex:2;
}
.f3 {
	-webkit-box-flex: 3;
	-webkit-flex: 3;
	    -ms-flex: 3;
	        flex: 3;
}
.reset_list {
	list-style-type: none;	
	margin:0;
	padding:0;
}
.reset_list > li {
	margin:0;
	padding:0;
}
.img_border {
	border: 1px solid #000;
}
.no_border {
	border:none;
}
.img_size {
	box-sizing: border-box;
	width:100%;
}
.flex_middle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
/* Nav Haut*/

.toggleMenu {
	display:  none;
	padding: 10px 15px;
	color: #d4021d;
}
.nav {
	margin:0;
	padding:0;
	list-style: none;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav > ul {
	list-style: none;
	/*width: 9em;*/
}
.nav a {
	color:#d4021d;
	text-transform: uppercase;
	padding-top: 1px;
	padding-right: 11px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.nav li {
	position: relative;
}
.nav > li {
	float: left;
	height: 2.5em;
	line-height: 2.5em;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right:5px;
}
.nav > li.noborder {
	border-right-width: 0px;
	padding-right:0px;
}
.nav > li.two_lines {
	line-height: 1.25em;
}
.nav > li > .parent {
	background-image: url(../images/downArrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > a {
	display: block;
	text-decoration:none;
	font-weight:bold;
}
.nav > li > a > img {
	vertical-align: middle;
}
.nav li ul {
	list-style: none;
	position: absolute;
	left: -9999px;
}
.nav > li.hover > ul {
	left: 0;
	padding:0;
	margin:0;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	min-width:150px;
	height: 1.3em;
	line-height: 1.3em;
	display: block;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	opacity:0.9;
	filter:alpha(opacity=90);
	white-space:nowrap;
	background: #fff;
	position: relative;
	z-index:100;
	text-align:left;
}
/*Widget*/
.widget {
	margin-bottom:10px;
}
.widget ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.widget ul li {
	display:block;
	padding-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.widget ul li:last-child {
	border:none;
}
.widget ul li a {
	font-size:0.97em;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin-left: 5px;
}
.widget .widget__pub ul {
	width:100%;
}
.widget .widget__pub ul li {
	padding-bottom:0px;
	border:none;
}
.widget .widget__pub ul li a {
	text-align:center;
	margin-left: 0px;
}
.widget__titre {
	font-size:1.2em;
	height:70px;
	line-height:70px;
	text-align:center;
	color:#FFFFFF;
	text-transform: uppercase;
}
.widget__titre a {
	text-decoration:none;
	color:#FFFFFF;
}
.widget .widget__photos ul li {
	margin-bottom: 4px;
	padding-bottom:0px;
}
.widget__meteo {
}
.widget__meteo > .widget__titre {
	background-image: url(../images/icone_meteo.png);
	background-color:#f7931e;
	background-repeat: no-repeat;
	background-position: right center;
	text-align:left;
	padding-left:15px;
}
.widget__meteo > .widget__content {
	border: 1px solid #f7931e;
	width:100%;
	display:inline-block;
}
.widget__meteo > .widget__content .widget__meteo_temps {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#333;
}
.widget__meteo > .widget__content .widget__meteo_wind, .widget__meteo > .widget__content .widget__meteo_humid {
	display:block;
	text-align:center;
}
.widget__meteo > .widget__content .widget__meteo_wind {
	color:#FF0000;
}
.widget__meteo > .widget__content .widget__meteo_humid {
	color:#0066FF;
}
.widget__newsletter {
}
.widget__newsletter > .widget__titre {
	background-color:#da2128;
}
.widget__newsletter > .widget__content {
	border: 1px solid #da2128;
	padding:3px;
}
.widget__newsletter > .widget__content input {
	border: 1px solid #aeaeae;
	background-color:#dbdbdb;
	border-radius:3px;
	padding:3px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.widget__contact {
}
.widget__contact > .widget__titre {
	background-color:#f7931e;
}
.widget__pub {
}
.widget__reportages {
}
.widget__reportages > .widget__titre {
	background-color:#da2128;
}
.widget__archives {
}
.widget__archives > .widget__titre {
	background-color:#8a9194;
}
.widget__agenda {
}
.widget__agenda > .widget__titre {
	background-color:#f7931e;
}
.widget__le_mag {
}
.widget__le_mag > .widget__titre {
	background-color:#da2128;
}
.widget__le_mag > .widget__content {
	padding-top:5px;
}
/*/widget*/
.liste_item {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.liste_item li {
	display:block;
	padding-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.liste_item li:last-child {
	border:none;
}
.liste_item li a {
	font-size:1.2em;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin-left: 5px;
}

.liste_item2 {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.liste_item2 li {
	margin: 2px;
	padding: 2px;
	border: 1px solid #999;
}
.liste_item2 li a {
	font-size:1.1em;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin-left: 5px;
}
.titre_page {
	font-weight:bold;
	text-transform:uppercase;
	color:#da2128;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;	
	margin-bottom: 5px;
}

.carte_visite_multimedia {
	border: 1px solid #6d7779;
	background-color:#e8e8e7;
	padding:3px;
	display:inline-table;
	margin-bottom:5px;
}
.ticker_carte_visite > ul > li {
	display:block;
}
.carte_visite_multimedia p {
	margin-top:0px;
}
.carte_visite_multimedia_image {
	float:left;
	margin-right: 5px;
}
.carte_visite_multimedia_texte {
	font-size:0.8em;
}
.flex-container_liste {
    display: -moz-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.flex-item_liste {
  font-size:1.1em;
  border-radius:4px;
  padding:5px;
  margin:4px;
  background-color:#f29503;
  -moz-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.flex-item_liste a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

/* STYLE CKEDITOR */
.txt-color1,.txt-color1 a {
	color:#f7931e;
}
.txt-color2, .txt-color2 a {
	color:#da2128;
}

.img_right {
	float:right;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:8px;
}
.img_left {
	float:left;
	padding-bottom:8px;
	padding-top:8px;
	padding-right:8px;
}
.justify {
	text-align:justify;
}
.link_reset a{
	color:#000;
	color:inherit;
}
.bold {
	text-transform:uppercase;
	font-weight:bold;
}

/* /STYLE CKEDITOR */

/*TEST*/

/*Fin TEST*/
@media all and (min-width: 600px) {
.aside {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0;
	    -ms-flex: 1 0;
	        flex: 1 0;
}
.widget__titre {
	font-size:1.2em;
}
}
 @media all and (min-width: 800px) {
.main {
	-webkit-box-flex: 3;
	-webkit-flex: 3 0px;
	    -ms-flex: 3 0px;
	        flex: 3 0px;
}
.aside-1 {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
}
.main {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}
.aside-2 {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	    -ms-flex-order: 3;
	        order: 3;
}
.footer {
	-webkit-box-ordinal-group: 5;
	-webkit-order: 4;
	    -ms-flex-order: 4;
	        order: 4;
}
.widget__titre {
	font-size:1em;
}


}
 @media all and (min-width: 990px) {
.widget__titre {
	font-size:1.2em;
}
}
 @media all and (max-width: 1120px) {
.nav > li > .parent {
  background-position: 50% 90%;
}
.nav > li {
  padding-right: 5px;
  padding-left: 5px;
}
.nav > li > a {
  font-size: 1em;
}
.nav a {
  padding : 1px;
}

}
 @media all and (max-width: 980px) {
.nav > li > a {
  font-size: 0.89em;
}
.nav > li {
  padding-right: 3px;
  padding-left: 3px;
}
.nav a {
  padding : 0px;
}


}
@media all and (max-width: 820px) {

/* Nav Haut*/

.nav > li {
	width:100%;
	border-right:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
}

.nav > li > ul {
	width:100%;
	
}

.toggleMenu {
	text-transform:uppercase;
	text-decoration:none;
	width:100%;
	font-size:1.1em;
	border-radius:4px;
	padding:5px;
	margin:4px;
	background-color:#FFD5AA;
}
.bar_menu {
	float:right;
}
.drapeaux {
	display:none;
}
.drapeaux-xs {
	display:block;
}


}

@media all and (max-width: 480px) {
	.flex-container2 {
		display:block;
		
	}
	.toggleMenu {
	width:inherit;
}
	.flex-container {
		-webkit-box-orient :vertical;
		-webkit-box-direction :normal;
		-webkit-flex-direction :column;
		    -ms-flex-direction :column;
		        flex-direction :column;
	}
}
.cc-revoke, .cc-window {
        z-index: 20000;
}