/**********************************************************************************************************************************************************************************/
/******************************************************                              TYPO                                 *********************************************************/
/**********************************************************************************************************************************************************************************/
/****     GENERAL     *****************************************************************************************/
* {
    margin:0;
    padding:0;
}
html {
    margin:0;
    padding:0;
    height: 100%;
}
body, div, fieldset, ul, ol, li, table {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 1.2em;
    padding : 0 0 3px;
    margin: 0;
}
h2 {
    font-size: 1.1em;
    padding : 0 0 3px;
    margin: 0;
    color:#2e2722;
}
h3 {
    font-size: 1em;
    padding : 0 0 3px;
    margin: 0;
}
h4 {
    font-size: 0.9em;
    padding : 0 0 3px;
    margin: 0;
}
h5 {
    font-size: 0.8em;
    padding : 0 0 3px;
    margin:0;
}
h6 {
    font-size: 0.7em;
    padding : 0 0 7px;
    margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration:none;
}
p {
    padding : 0 0 7px;
    margin: 0;
    font-size: 0.77em;
}
p.chapo {
    font-weight:bold;
    font-size: 0.97em;
}
div {
    font-size: 1em;
}
span {
    font-size: 1em;
}
ul {
    margin: 0;
}
ol {
    margin: 0 0 0 20px;
}
*+ html ol {
    margin: 0 0 0 22px;
}
li {
    list-style-type: none;
    padding: 0;
    font-size: 0.77em;
    line-height: 1.3;
}
.bloc_contenu ul,
.bloc_contenu ol {
    padding:10px 0;
}
.bloc_contenu ul li {
    background:url(../Images/interface/puces/puce_liste_ronde.png) no-repeat 0 5px transparent;
    padding: 0 0 2px 15px;
}
.bloc_contenu ul li a {
    text-decoration:underline;
}
.bloc_contenu ul ul,
.bloc_contenu ol ol {
    padding: 7px 0;
}
.bloc_contenu ul li li {
    background:url(../Images/interface/puces/puce_liste_carre.png) no-repeat 0 4px transparent;
    padding: 0 0 0 10px;
    font-size: 1em;
}
ol li {
    list-style-type: decimal;
    text-indent: -5px;
}
ol li li {
    font-size: 1em;
}

*+ html li {
    line-height: 1.2;
}
*+ html ol li {
    text-indent: 0;
}
li a {
    text-decoration:none;
    cursor: pointer;
}
li a:hover {
    text-decoration:underline;
}
a, a:link{
    color: #333;
}
a:hover{
    text-decoration: underline;
}
table {
    font-size: 1em;
    border-collapse: separate;
}
.clear{clear: both;}
.contenttable {
    border-collapse: collapse;
    width: 100%;
}
.contenttable td,
.contenttable th {
    margin: 3px;
    padding: 5px;
    font-size: 0.77em;
    color:#333;
    border: 1px solid #fff;
    border-collapse: collapse;/*
    background:#f1f0ef; */
}
.contenttable th {
    background: none repeat scroll 0 0 #dddad8;
}
tr{
    font-size: 1em;
}
th,
td {
    margin: 3px;
    padding: 5px;
    font-size: 1em;
    color:#333;
    border: 1px solid #fff;
    border-collapse: collapse;
    /* background:#f1f0ef; */
}
th {
    background: none repeat scroll 0 0 #dddad8;
}
th p,
td p {
    padding:0;
    font-size: 0.95em;
}
caption {
    background: none repeat scroll 0 0 #0099CC;
    color: #FFF;
    font-size: 0.95em;
    font-weight: bold;
    padding: 5px;
}
form{
    margin: 0;
}
input, select {
    color: #333;
    font-family: verdana;
    font-size: 0.76em;
}

textarea {
    font-family : Arial, Verdana, Helvetica, sans-serif;
    font-size:1em;
}
img {
    border: none;
}
a img {
    border: none;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #999999;
    cursor: help;
}
blockquote {
    background-color: #F6F6F6;
    border: 1px dotted #BBBABB;
    font-style: italic;
    overflow: auto;
    padding: 10px 20px 7px;
}
fieldset {
	border:0;
}
hr{margin-bottom: 10px;}
/****   ALIGN   AND  HIDDEN    ********************************************************************************/
.align-justify {
    text-align : justify;
}
.align-right {
    text-align : right;
}
.align-left {
    text-align : left;
}
.align-center {
    text-align : center;
}
.hidden {
    display: none;
}
/****   FLOAT    ***********************************************************************************************/
.float-left {
    float:left;
}
.float-right {
    float:right;
}
/****     LIENS     *****************************************************************************************/
.lien_puce {
    /*background: url("../Images/pictos/puce_lien_tr.png") no-repeat scroll 0 50% transparent;*/
    font-style: italic;
    padding:0 0 0 10px;
}
p.more-link {
    line-height:1.5;
    clear: both;
}
p.more-link a {
    text-decoration: none;
    color:#7B6D64;
    background:url(../Images/pictos/puce_lien_gris.png) no-repeat 0 0px transparent;
    padding: 0 0 0 11px;
    float: right;
}
p.more-link a:hover {
    text-decoration:underline;
    color:#7B6D64;
}
.bigtexte_ecaroussel p.more-link a {
    background:url(../Images/pictos/puce_lien_gris.png) no-repeat 0 -1px transparent;
    float:none;
    display:inline;
    padding:0 0 0 12px;
}
/****************************************************************************************************/
/****************************************      SPRITE      ******************************************/
/****************************************************************************************************/
#menu_principal,
#nav_principal li.menu1.active,
#nav_principal li.active,
#nav_principal li:hover,
.separateur_menu_haut,
#logo_bezons,
#menu_principal .fleche_bas_noir,
#menu_principal .fleche_bas_hover,
#menu_principal .fleche_bas,
.menuTheme.menu1,
.menuTheme.menu2,
.menuTheme.menu3,
.menuTheme.menu4,
.menuTheme.menu5,
.menuTheme.menu6,
.ombre_pictos,
.picto_plus_recherche,
div.input_recherche {
    background-image: url(../Images/sprite_css.png);
    background-repeat: no-repeat;
}

/****************************************************************************************************/
/*********************************      STRUCTURE GENERALE      *************************************/
/****************************************************************************************************/

body {
    height: 100%;
    background-color:#fff;
    color:#333;
    font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size:0.9em;
    background:url(../Images/interface/bg_body.jpg) repeat 0 0;
}
.magikBG {
    left: 0;
    position: absolute;
    top: 0;
    min-width: 100%;
    width: auto;
    height:100%;
}
#BackgroundZone {
    left: 0;
    position: fixed;
    top: 0;
    height:100%;
    min-width: 100%;
    width: auto;
}
.magikBG div, .magikBG figure{height: 100%;min-width: 100%;width: auto;}
.magikBG .ce-outer, .magikBG .ce-inner, .magikBG .ce-column{min-width: 100%;width: auto;}
.magikBG img{height: 100%;min-width: 100%;width: auto;}
#bar_menu_top {
    background: url(../Images/interface/bg_bar_top.jpg) repeat-x #000;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
#global {
    height: 800px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width:970px;margin:0 auto;
}
#content {
    width:970px;
}
#haut {
    height:200px;
}
#menu_top {
    position: relative;
    float: left;
    height: 30px;
    width: 100%;
    z-index: 10;
}
#recherche {
    float:right;
}
#logo {
    height:104px;
    margin:16px 0 0;
    float:left;
}
#logo_bezons{
    position: relative;
	width:274px;
	height:96px;
	background-position: 0 -753px;
	text-indent:-9999px;
    z-index: 10;
}
#logo_bezons a{
	width:274px;
	height:96px;
	float:left;
}
#logo_print {
    display:none;
}
#burger{
    position: relative;
    display: none;
    background: url("../Images/pictos/burger.png") no-repeat scroll 0 0 transparent;
    width: 51px;
    height: 60px;
    text-indent: -9999px;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    cursor: pointer;
    z-index: 10;
}
#burger.active{
    background: url("../Images/pictos/burger_active.png") no-repeat scroll 0 0 transparent;
}
#menu_mobile {
    position: absolute;
    display: none;
    background: #272626;
    z-index: 2;
    width: 100%;
    top: 0;
    padding-top: 150px;
}
#menu_mobile .content {
    width: 80%;
    margin:0 auto;
}

#menu_mobile #menu_principal_mobile{
    display: inline-block;
    background:#fff;
    padding: 5px;
    margin: 10px;
    width: 60%;
    height: 455px;
}

#menu_mobile #menu_principal_mobile #nav_principal>li{
    background: url("../Images/bgmenu.png") no-repeat scroll 0 0 transparent;
    width: 30%;
    margin: 5px 0;
    color: #000;
}
#menu_mobile #menu_principal_mobile li.active{
    color: #000;
}

#menu_mobile #menu_principal_mobile #nav_principal .clicked,
#menu_mobile #menu_principal_mobile #nav_principal>li:hover
{
    background: url("../Images/bgclicked.png") no-repeat scroll 0 0 transparent;
    width: 32%;
    color: #fff;
}

#menu_mobile #menu_principal_mobile #nav_principal .clicked ul{
    display: block;
    margin: 20px 0 0 20px;
}

#menu_mobile #menu_principal_mobile #nav_principal .clicked ul li{
    margin: 10px 0;
    border: transparent;
}

#menu_mobile #menu_principal_mobile #nav_principal .clicked ul li:before{
    content: "";
    display: inline-block;
    height: 10px;
    width: 12px;
    background: url("../Images/puce.png") no-repeat scroll 0 0 transparent;
}

#menu_mobile #menu_principal_mobile .menu1.active{
    width: 120px;
}
#menu_mobile #menu_principal_mobile ul li.active{background-position: -273px -789px;}
#menu_mobile #menu_principal_mobile ul li ul li{width: 100%;}
#menu_mobile #menu_principal_mobile ul li ul a{
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    width: 85%;
}
#menu_mobile #menu_principal_mobile ul{
    float: none;
}
#menu_mobile #menu_principal_mobile ul li{
    float: none;
    display: block;
}

#menu_mobile #menu_principal_mobile ul li ul{
    position: absolute;
    left: 100%;
    border: transparent;
    color: #000;
}

#menu_mobile .planmobile{
    display: inline-block;
    background:#fff;
    padding: 5px;
    margin: 10px;
    float: right;
}

#menu_principal {
    float: left;
	background-position:0 -849px;
    height: 50px;
    width: 970px;
    clear:both;
    position:relative;
    z-index:300;
}
#milieu {
    background: #fff;
    clear: both;
    float: left;
    margin: 0;
    padding: 15px 20px 30px;
    width: 970px;
}
#news_une_home{
	float:left;
	width:100%;
	margin:0 0 20px;
}
#home_gauche {
    float: left;
    width: 70%;
    margin:8px 0 0 0;
}
#home_milieu {
    float: left;
    margin: 15px 0 0 20px;
    width: 180px;
}
.droite {
    float:left;
    margin: -48px 0 0 20px;
    width: 240px;
}
.droite_home {
    margin: 8px 0 0 3%;
    width: 240px;
	float: right;
}
.hidden_item{
	display:none;
}
/****** PICTOS DE  NAVIGATION ******/
.liste_pictos_header {
	float: right;
	margin: 46px 15px 0 0;
	position:relative;
    z-index: 10;
}
.ombre_pictos{
	width: 366px;
	height : 8px;
	position:absolute;
	background-position: -436px -818px;
	left: -22px;
}
.liste_pictos_header li {
	display: inline-block;
	float:left;
}
.picto_facebook,
.picto_twitter,
.picto_carto,
.picto_mobile,
.picto_timeline{
	width: 43px;
	height: 43px;
	margin:0 0 0 10px;
}
.link_pictos_header{
	width: 43px;
	height: 43px;
	float:left;
}
/****************************************************************************************************/
/***********************************      COLONNE MILIEU      ***************************************/
/****************************************************************************************************/
#inter_milieu .bloc_contenu {
    padding: 0 0 15px;
    clear: both;
}
.bloc_demi {
    float: left;
    width: 50%;
    width: 234px;
}
.demi_gauche {
    margin: 0;
}
#inter_milieu .bloc_demi  {
    width: 48%;
}
#inter_milieu .demi_gauche  {
    margin:0 4% 0 0;
}
.bloc_demi .entete {
    border-bottom:1px dotted #AEA6A2;
    margin: 0 0 10px;
}
.alaune {
    margin: 0 0 30px;
}
.alaune_image {
    height: 319px;
    margin: 8px 0 0 1px;
    position: relative;
    width: 469px;
}
.alaune_resume {
    background: url("../Images/interface/bg_noir_transparent.png") repeat scroll 0 0 transparent;
    position: absolute;
    bottom:0px;
    left:0;
    height:32px;
    width: 439px;
    z-index:0;
    padding:15px 15px 0;
    margin: 0 0 0 1px;
}
.alaune_resume h3 {
    color:#fff;
    padding:0;
    font-size: 1.25em;
    line-height: 1;
}
.alaune_resume h3 a {
    color:#fff;
}
.nav_alaune {
    height:20px;
    background:#000;
    padding:0 10px;
    width: 449px;
    float:left;
}
.commandes {
    float: left;
}
.commandes img {
    padding: 0 15px 0 0;
}
ul.nav_alaune_menu {
    margin:0;
    float:right;
    padding:0;
}
ul.nav_alaune_menu li {
    list-style-type:none;
    display:inline;
    font-weight:bold;
    font-size: 0.85em;
    padding: 0 0 0 10px;
    background:none;
}
ul.nav_alaune_menu li a {
    color:#999;
    text-decoration: none;
}
ul.nav_alaune_menu li a:hover {
    text-decoration: underline;
}
.nav_alaune .lientoutelactu {
   font-size:0.85em;
}
.nav_alaune .lientoutelactu a {
    color:#fff;
    text-decoration: none;
    background: url("../Images/pictos/puce_lien_blanc.png") no-repeat scroll 0 0 transparent;
    padding:0 0 0 12px;
}
.nav_alaune .lientoutelactu a:hover {
    text-decoration: underline;
}
ul.nav_alaune_menu li.active a {
        color:#fff;
	border: 1px solid #FFF;
	text-decoration: none;
	padding: 0 2px;
}
.menu_acces_direct {
    margin: 0 0 20px;
}
.liste_acces_direct {
	border: 1px solid #e8e8e8;
	padding: 15px;
	background-color: #f6f5f5;
}
.fond_gris_top {
    background: url("../Images/interface/bg_gris_arrondi_top.jpg") no-repeat scroll 0 0 transparent;
    width:180px;
    height:5px;
}
.fond_gris_top_240 {
    background: url("../Images/interface/bg_gris_arrondi_top_240.jpg") no-repeat scroll 0 0 transparent;
    width:240px;
    height:5px;
}
.fond_blanc_top_240 {
    background: url("../Images/interface/bg_blanc_arrondi_top_240.jpg") no-repeat scroll 0 0 transparent;
    width:240px;
    height:5px;
}
.fond_marron_top_240 {
    background: url("../Images/interface/bg_marron_arrondi_top_240.jpg") no-repeat scroll 0 0 transparent;
    width:240px;
    height:5px;
}
.fond_gris_bas {
    background: url("../Images/interface/bg_gris_arrondi_bas.jpg") no-repeat scroll 0 0 transparent;
    width:180px;
    height:5px;
}
.fond_gris_bas_240 {
    background: url("../Images/interface/bg_gris_arrondi_bas_240.jpg") no-repeat scroll 0 0 transparent;
    width:240px;
    height:5px;
}
.fond_blanc_bas_240 {
    background: url("../Images/interface/bg_blanc_arrondi_bas_240.jpg") no-repeat scroll 0 0 transparent;
    width:240px;
    height:5px;
}
.fond_marron_bas_240 {
    background: url("../Images/interface/bg_marron_arrondi_bas_240.jpg") no-repeat scroll 0 0 transparent;
    width:240px;
    height:5px;
}
.fond_gris_contenu {
    background:#f6f5f5;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    padding:0 10px;
}
.fond_blanc_contenu {
    background:#fff;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    padding:0 10px;
}
.fond_marron_contenu {
    background:#685c53;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:0 10px;
    color: #FFF;
}
.fond_marron_contenu a, .fond_marron_contenu strong{
    color: #FFF;
}
ul#nav_acces_direct {
    margin:0;
    padding: 0;
}
ul#nav_acces_direct li {
    font-size: 0.83em;
    line-height: 1.3;
    list-style: none outside none;
    background: transparent;
    margin: 0;
    padding: 4px 0;
}
ul#nav_acces_direct li a {
    color:#2e2722;
    text-decoration: none;
}
ul#nav_acces_direct li a:hover{ text-decoration: underline;}
.bloc_publications_home{
	float:left;
	width:100%;
}
.bloc_magazine {
	float: left;
	width: 48%;
}
.bloc_feuillete > h2,
.bloc_magazine > h2{
	font-weight:normal;
	font-family: 'Avenir45BookRegular';
	font-size:1.67em;
}
.bloc_feuillete {
	float: right;
	width: 48%;
}
.content_bloc_magazine{
	float: left;
	// width:90%;
	border: solid 1px #e8e8e8;
	padding:15px 5%;
}
.content_bloc_feuillete{
	// float: right;
	// width:90%;
	border: solid 1px #e8e8e8;
	padding:15px 5%;
	background-color:#f6f5f5;
}
/** Styles du RTE **/
p.tte_publi a{
	color:#7b6d64;
	text-decoration:none;
	font-size:1.1em;
}
p.fond_noir{
	background-color: #272626;
	color: #fff;
	padding: 5px;
	position: relative;
	top: -15px;
	font-family:arial;
	font-weight:bold;
}
p.fond_noir a{
	color:#fff;
	text-decoration: none;
}
p.fond_noir a:hover{
	text-decoration: underline;
}
/****************************************************************************************************/
/*******************************      NAVIGATION PRINCIPALE      ************************************/
/****************************************************************************************************/
ul#nav_principal {
    margin:0 0 0 20px;
}
#nav_principal, #nav_principal ul {
    float: left;
    font-size: 0.99em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav_principal li {
    float: left;
    background-color:transparent;
    padding: 0;
    list-style: none outside none;
    font-size: 0.99em;
    width: 120px;
    height:50px;
    text-transform:uppercase;
    position:relative;
    line-height: 1.2;
    font-family:'DINSchriftAlternate';
}
/*
#nav_principal > li.menu1.active+li+li+li+li+li+li+li{
	width:121px;
}*/
#nav_principal li+li+li+li+li+li+li+li{
	width:120px;
}
#nav_principal li.menu1 {
    width: 110px;
}
#nav_principal li.menu1.active {
	width:109px;
	background-position:-274px -729px;
    color: #FFF;
}
#menu_principal #nav_principal>li:hover {
	background-position: -273px -789px;
    color:#fff;
}
#menu_principal #nav_principal li.menu1.active:hover,
#nav_principal li.active {
	background-position: -274px -789px;
    color:#fff;
}
#nav_principal li.active a,
#nav_principal li.menu1.active a,
#nav_principal li:hover a {
    color:#fff;
}
#nav_principal li span {
   position:absolute;
   bottom:0;
   display:block;
   left: 0;
   padding: 7px 12px;cursor:pointer;
}
ul#nav_principal li a {
    color: #333;
    display: block;
    cursor:pointer;
}
#nav_principal a {
    color: #FFF;
    display: block;
    text-decoration: none;
	cursor:pointer;
}
#nav_principal li ul {
		background: #FFF;
    display:none;
    border:6px solid #e7e7e7;
    margin: 50px 0 0;
    // width: 180px;
    position: relative;
    z-index:100;
}
#menu_principal .fleche_bas_noir,
#menu_principal .fleche_bas_hover,
#menu_principal .fleche_bas{
	width:10px;
	height:10px;
	background-position:-285px -779px;
	position: absolute;
	bottom: -10px;
	left: 10px;
}
#menu_principal .fleche_bas_hover{
	background-position:0 -395px;
	display:none;
	z-index:10000;
}
#nav_principal li:hover ul+.fleche_bas_noir,
#nav_principal li:hover ul+.fleche_bas{
	background-position:0 -395px;
	z-index:10000;
}
#nav_principal li:hover ul+.fleche_bas_hover{
	display:block;
}
#menu_principal .fleche_bas{
	background-position: 0px -395px;
}
#menu_principal #nav_principal li:hover ul {
    display:block;
}
#nav_principal li ul li {
    font-family: Arial;
    font-size: 0.85em;
    height: auto;
    line-height: 1;
    text-transform: none;
    width: auto;
    border-bottom:1px solid #e7e7e7;
    width: 180px;
}
#nav_principal li ul li a {
    background-color:#fff;
    padding: 6px;
    color:#333;
}
#nav_principal li ul li a:hover {
    text-decoration:underline;
}
#menu_principal #nav_principal li:hover li a {
    color:#333333;
}
/****************************************************************************************************/
/*******************************      NAVIGATION HAUTE      *****************************************/
/****************************************************************************************************/
ul#nav_top {
    margin: 0;
    padding: 7px 0 0;
    float: left;
}
ul#nav_top li {
    background: url("../Images/interface/barre_menu_top.jpg") no-repeat scroll right 4px transparent;
    float: left;
    list-style: none outside none;
    padding: 0;

}
ul#nav_top li a {
    color: #cccccc;
    display: block;
    padding: 0 10px;
}
/****************************************************************************************************/
/***************************      NAVIGATION HOME DROITE      ***************************************/
/****************************************************************************************************/
#menu_droite {
    margin: 0;
    position: relative;
    z-index: 20;
    clear: both;
}
.menu_ville_pour_tous{
    float: right;
	margin:0 0 25px;
}
.entete_menu {
    clear: both;
    float: left;
    height: 47px;
    width: 240px;
}
ul#nav_droite {
    clear: both;
    float: left;
}
ul#nav_droite li {
    padding:0;
    list-style:none;
    display: block;
    height: 58px;
}
*+ html ul#nav_droite li {
    height: 55px;
}
ul#nav_droite li a {
    display: block;
    position: relative;
    z-index: 1000;
}
.menuTheme{
	width: 240px;
	height: 58px;
	text-indent:-9999px;
	margin:0 0 8px;
}
.link-theme{
	width: 240px;
	height: 58px;
	float:left;
}
.menuTheme.menu1{
	background-position:0 -405px;
}
.menuTheme.menu2{
	background-position:0 -463px;
}
.menuTheme.menu3{
	background-position:0 -521px;
}
.menuTheme.menu4{
	background-position:0 -579px;
}
.menuTheme.menu5{
	background-position:0 -637px;
}
.menuTheme.menu6{
	background-position:0 -695px;
}
.bloc_le_maire {
    float:left;
    position:relative;
    width:447px;
    z-index:30;
    padding:10px;
}
.bloc_le_maire h3 {
    font-size:1.75em;
    padding:0 0 10px;
}
.bloc_le_maire p {
    padding:0;
    font-size: 1.1em;
}
.photo_le_maire {
    float: right;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 20;
}
.sous_menu_menu  {
    position: absolute;
    right: 10px;
    top: 6px;
    width:190px;
}
.sous_menu_menu div {
   padding: 0 0 20px;
}
.alaune_theme_image {
    float: left;
    margin: 1px 0 0 1px;
    width: 471px;
}
.alaune_theme_contenu {
    float: left;
    left: 10px;
    position: relative;
    top: 187px;
    width: 188px;
}
.sous_menu_theme h3 {
    font-size: 1.62em;
}
.cadre2 .alaune_theme_contenu h3,
.cadre2 h3{
    color:#669900;
}
.cadre3 .alaune_theme_contenu h3,
.cadre3 h3 {
    color:#ff3600;
}
.cadre4 .alaune_theme_contenu h3,
.cadre4 h3 {
    color:#cd0067;
}
.cadre5 .alaune_theme_contenu h3,
.cadre5 h3 {
    color:#68009d;
}
.cadre6 .alaune_theme_contenu h3,
.cadre6 h3 {
    color:#7c0000;
}
.sous_menu_menu ul {
    margin: 0;
    width: 186px;
}
ul#nav_droite .sous_menu_menu ul li {
    border-bottom: 1px dotted #AEA6A2;
    font-size: 1.27em;
    font-weight: bold;
    list-style: none outside none;
    padding: 3px 0;
    line-height: 1.2;
    height:auto;
}
ul#nav_droite .sous_menu_menu ul li a {
    position: relative;
}
.alaune_theme_contenu p {
    font-size: 1.08em;
}
/****************************************************************************************************/
/****************************************      TITRES      ******************************************/
/****************************************************************************************************/
h1.titre_page {
    color: #2E2722;
    font-family: 'AvenirBookRegular';
    font-size: 1.75em;
    font-weight: normal;
    padding: 0 0 17px;
}
h1.entete {
    font-size: 1.75em;
}
h2.entete {
    font-size: 1.6em;
}
h3.entete {
    font-size: 1.5em;
}
h4.entete {
    font-size: 1.4em;
}
h5.entete {
    font-size: 1.3em;
}
h6.entete {
    font-size: 1.2em;
}
h1.entete,
h2.entete,
h3.entete,
h4.entete,
h5.entete,
h6.entete,
.onglets h2,
.fond_bleu h2 {
    padding: 0 0 10px;
    font-weight:normal;
    font-family: 'Avenir45BookRegular';
}
h1.entete strong,
h2.entete strong,
h3.entete strong,
h4.entete strong,
h5.entete strong,
h6.entete strong,
.onglets h2 strong,
.fond_bleu h2 strong {
    font-family: 'Avenir85HeavyRegular';
    font-weight:normal;
}
h1.picto_rss,
h2.picto_rss,
h3.picto_rss,
h4.picto_rss,
h5.picto_rss,
h6.picto_rss {
    background: url("../Images/pictos/picto_rss.jpg") no-repeat scroll right 50% transparent;
    display:block;
    float:left;
    width:100%;
}
.picto_rss a {
    display: block;
}
.picto_rss a:hover {
    text-decoration:none;
}
.droite .fond_gris .entete,
.droite .fond_blanc .entete {
    border-bottom:1px dotted #aea6a2;
    margin: 0 0 5px;
    padding: 5px 0;
}
.droite .fond_marron .entete {
    border-bottom:1px dotted #fff;
    margin: 0 0 5px;
    padding: 5px 0;
    color:#fff;
}
// .droite_home .bloc_contenu h2.entete {
//     border-bottom:1px dotted #aea6a2;
//     margin: 0 0 10px;
// }
.fond_bleu h2 {
    color:#fff;
    font-size: 1.2em;
    padding: 0 0 2px;
}
#inter_milieu h2.entete {
    font-family:Verdana;
    color:#0099cc;
    font-weight:bold;
    font-size: 1.15em;
}
#inter_milieu h3.entete {
    font-family:Verdana;
    font-size: 1em;
    font-weight: bold;
    border-bottom:1px solid #bab4b1;
    margin: 0 0 10px;
    padding: 0 0 7px;
}
#inter_milieu h4.entete {
    font-family:Verdana;
    font-size: 0.85em;
    font-weight: bold;
    border-bottom:1px dotted #bab4b1;
    margin: 0 0 10px;
    padding: 0 0 7px;
}
#inter_milieu h5.entete {
    font-family:Verdana;
    font-size: 0.8em;
    font-weight: bold;
}
#inter_milieu h6.entete {
    font-family:Verdana;
    font-size: 0.75em;
    font-weight: bold;
}
/****************************************************************************************************/
/****************************************      FOOTER      ******************************************/
/****************************************************************************************************/
#bas {
    float:left;
    border-top:1px solid #c1c1c1;
    background-color:#f6f5f6;
    width: 970px;
}
#infos {
    background-color:#f6f5f6;
    border-top:1px solid #fff;
    float: left;
    padding: 0 0 20px;
}
#infos_gauche {
    float: left;
    margin: 0 20px 0 20px;
    width: 670px;
}
#infos_gauche img {
    float:left;
}
#infos_droite {
    float:left;
    width: 240px;
    margin:0 20px 0 0;
}
#infos_droite .ce-gallery {
    float:left;
    margin:0 15px 0 0;
}
#infos_droite .ce-bodytext {
    clear: none;
}
#outils {
    float: left;
    width: 970px;
	border-top:dotted 1px #000;
}
ul#nav_menu_outils {
    float: left;
    margin: 0;
    padding: 20px;
}
ul#nav_menu_outils li {
    display: block;
    float: left;
    font-size: 0.77em;
    list-style: none outside none;
    padding: 0 30px 0 0;
}
ul#nav_menu_outils li a {
    font-weight: bold;
}
#infos h2.entete {
    border-bottom:1px dotted #bbbabb;
    padding: 10px 0;
    margin: 0 0 20px;
}
#plan_site {
    float: left;
    width: 970px;
}
#plan_site h2.entete,
#outils h2.entete{
    background-color:#685c53;
    color:#fff;
    padding: 7px 20px;
}
ul#nav_plan_site {
    clear: both;
    float: left;
	width: 98%;
	padding: 10px 1%;
}
ul#nav_plan_site li {
    display: block;
    float: left;
    font-size: 0.6em;
    line-height: 2;
    list-style: none outside none;
    padding: 0 0 0 4px;
}
ul#nav_plan_site li a {
    background-color: #F6F5F6;
    display: block;
    text-transform: uppercase;
	font-weight: bold;
}
ul#nav_plan_site li ul {
    margin: 0;
    min-height: 110px;
    z-index: 0;
}
ul#nav_plan_site li ul li {
    float: none;
    font-size: 1em;
    line-height: 1.5;
    padding: 0;
    text-transform: none;
    width: auto;
}
ul#nav_plan_site li ul li a {
   color:#666;
   font-weight:normal;
   padding: 0 5px;
   text-transform: none;
}
/****************************************************************************************************/
/*******************************      BLOCS COLONNE DROITE      *************************************/
/****************************************************************************************************/
.conteneur_droite {
    float: right;
    padding: 94px 0 0;
}
.bloc_top_droite {
    margin: -46px 0 0;
}
.droite .fond_gris,
.droite .fond_blanc,
.droite .fond_marron {
    padding: 0 0 20px;
}
.droite .bloc_contenu {
    clear: both;
    float: left;
    width: 240px;
    padding: 0;
}
.droite_home .bloc_contenu {
    padding: 0 0 20px 0;
}
.doite .bloc_contenu ul li{background: transparent;}
.fond_bleu {
    clear: both;
    float: left;
    padding: 48px 0 30px;
}
.droite_home .fond_bleu {
    padding: 20px 0 30px;
}
.fond_bleu p {
    line-height:1.5;
}
.fond_bleu a {
    color:#fff;
    text-decoration:none;
}
.fond_bleu a:hover {
    text-decoration:underline;
}
.fond_bleu_contenu {
    background: url("../Images/interface/bg_fond_bleu.jpg") repeat-y scroll 0 0 transparent;
    color:#fff;
    padding: 10px 0 10px 10px;
    width: 230px;
    height: 42px;
    float: left;
}
.fond_bleu img {
    float: left;
}
.links_networks {
    float:right;
    margin:-15px 0 0 0;
}
/****************************************************************************************************/
/********************************      MOTEUR DE RECHERCHE      *************************************/
/****************************************************************************************************/
#moteur_recherche {
    float: right;
    width: 450px;
    padding:5px 0 0 0;
    width: 338px;
}
form.recherche {
    float:left;
}
form.recherche div {
    float:left;
}
form.recherche label {
    color: #FFF;
    font-family: DINSchriftAlternate;
    font-size: 0.97em;
    text-transform: uppercase;
    float:left;
    padding:0 7px 0 0;
}
div.input_recherche {
    width: 211px;
	height: 19px;
	background-position:-478px -828px;
}
#moteur_recherche .picto_plus_recherche{
	width: 19px;
	height: 19px;
	padding:0;
	background-position: -459px -828px;
	text-indent:-9999px;
	margin:0 0 0 9px;
}
#moteur_recherche .picto_plus_recherche a{
	float:left;
	width: 19px;
	height: 19px;
}
form.recherche input.submit_only_texte {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: left;
    padding: 2px 4px;
    width: 170px;
}
form.recherche input.bouton_ok {
    color:#333;
    background-color:transparent;
    font-family: DINSchriftAlternate;
    border:0;
    font-size: 0.97em;
    padding: 0 0 0 15px;
    cursor:pointer;
}
#moteur_recherche span {
    float: left;
    padding: 0 0 0 10px;
}

/****************************************************************************************************/
/*********************************      MENU DEROULANT      *****************************************/
/****************************************************************************************************/
form.menu_deroulant div {
    float: left;
}
form.menu_deroulant div.menu_deroulant_select {
   /*background: url("../Images/interface/bg_input_recherche.jpg") no-repeat scroll 0 0 transparent;*/
    height:30px;
}
form.menu_deroulant select {
    padding: 7px 6px;
    width: 249px;
    border:0;
    background-color:transparent;
}
*+ html form.menu_deroulant select {
    margin:6px 0 0 0;
    border:1px solid #fff;
    width: 248px;
}
.demarches {
    padding: 0;
    position: relative;
    width: 290px;
}
.bloc_droite ul {
    margin:0;
    padding: 5px 0;
}
.bloc_droite ul li {
    list-style-type: none;
    padding: 2px 0;
}
*+ html .bloc_droite ul li {
    padding: 3px 0;
}
.bloc_droite ul li a {
   /*background: url("../Images/pictos/puce_lien.jpg") no-repeat scroll 0 50% transparent;*/
   padding: 0 0 0 12px;
}
.fond_visuel_espace_perso {
   /*background: url("../Images/photos/visuel_espace_perso.jpg") no-repeat scroll right bottom transparent;*/
    margin: -6px 0;
    position: relative;
    z-index: 30;
    padding: 5px 0;
}
.fond_visuel_demarches {
    /*background: url("../Images/photos/visuel_demarches.jpg") no-repeat scroll right bottom #ffffff;*/
    margin: -6px 0;
    position: relative;
    z-index: 30;
    padding: 5px 0;
}
.fond_visuel_arriver {
    /*background: url("../Images/photos/visuel_arriver.jpg") no-repeat scroll right bottom #ffffff;*/
    margin: -6px 0;
    position: relative;
    z-index: 30;
    padding: 5px 0;
    min-height: 105px;
}

/****************************************************************************************************/
/*******************************      BLOC MEDIAS ONGLETS      **************************************/
/****************************************************************************************************/
.droite .onglets {
    position: relative;
    width: 240px;
    margin: -11px 0 0;
}
.onglets a {
    color: #FFF;
    text-decoration:none;
}
.onglets .csc-textpic-caption , .onglets figcaption{
    color: #e7e7e7;
}
.onglets a:hover {
    color: #FFF;
    text-decoration:underline;
}
.onglets h2 {
    font-size: 1.4em;
    padding:0;
}
.onglets h2 a {
    color: #000;
    display: block;
    padding: 10px 5px 10px 8px;
    text-decoration: none;
    width: 107px;
}
#onglet_1 {
    background-color:#ccc;
}
#onglet_2 {
    background-color: #CCC;
    position: absolute;
    right: 0;
    top: 0;
}
#onglet_1.active h2 a,
#onglet_2.active h2 a {
    color:#fff;
}
#onglet_1.active, .display_onglet_1 #onglet_1 {
    background:#000;
}
#onglet_2.active, .display_onglet_2 #onglet_2 {
    background:#000;
}
#onglet_1 h2, #onglet_2 h2 {
    border: 0 none;
    margin: 0;
}
.visible {
    display: block;
}
.invisible {
    display: none;
}
#content_2 {
    background: none repeat scroll 0 0 #000;
    color: #FFF;
    padding: 10px;
}

.texte-encadre {
    background:#766a63;
    color:#fff;
    font-weight:bold;
    font-style:italic;
    padding: 10px 10px 3px;
    margin: 0 0 10px;
}

/****************************************************************************************************/
/************************************      PAGE INTERIEUR    ****************************************/
/****************************************************************************************************/
#fil_ariane {
    float: left;
    height: auto;
    padding: 0 0 10px;
    width: 100%;
}
#fil_ariane span {
    display: block;
    float: left;
    font-size: 0.7em;
    line-height:1;
    padding: 12px 5px 2px 0;
}
ul#nav_fil {
    font-size: 0.85em;
    margin: 0;
    padding: 9px 0 0;
}
ul#nav_fil li {
    display: inline;
    line-height: 1.2;
}
/****************************************************************************************************/
/************************************      NAVIGATION GAUCHE    *************************************/
/****************************************************************************************************/
#inter_gauche {
    float: left;
    margin: 0 0 0 -20px;
    width: 200px;
    clear:both;
}
p.rubrique {
    font-family: 'AvenirHeavyRegular';
    font-size: 1.67em;
    padding: 0 0 18px 20px;
}
ul#nav_gauche {
    margin: 0 0 20px;
}
ul#nav_gauche li .deployer{
    display: none;
    height: 24px;
    float: right;
    width: 24px;
    text-align: center;
    color: #000;
    background: #f6f5f5;
    font-size: 1.2em;
    padding: 3px 6px;
}
ul#nav_gauche li {
    clear: both;
    font-size: 0.78em;
    line-height: 1.2;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-left:20px solid #daf8ff;
    border-top:1px solid #eae9e7;
}
ul#nav_gauche li.active {
    border-left: 20px solid #00CCFF;
}
ul#nav_gauche li a {
    display: inline-block;
    min-height: 24px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
}
ul#nav_gauche li ul {
    margin: 0 0 -1px -20px;
    border-top:1px solid #eae9e7;
    display:none;
}
ul#nav_gauche li.active ul {
    display:block;
}
ul#nav_gauche li ul li {
    border-left: 20px solid #FFF;
    margin: 0;
    background: url("../Images/interface/menu/border_menu.jpg") no-repeat 0 bottom transparent;
    border-bottom:0;
    border-top: 0 none;
    font-size: 1em;
}
ul#nav_gauche li ul li.active {
    background: url("../Images/interface/menu/border_menu.jpg") no-repeat 20px bottom #ffffff;
    border-left: 0 none;
    margin: 0;
    width: 200px;
}
ul#nav_gauche li ul.niv_2 li ul.niv_3 {
    display:none;
}
ul#nav_gauche li ul.niv_2 li.active ul.niv_3 {
    display:block;
}
ul#nav_gauche ul.niv_2 {clear: both;}
ul#nav_gauche ul.niv_3 {
    padding-left: 0px;
    clear: both;
}
ul#nav_gauche li ul li.active img {
    float:left;
    height: 24px;
}
ul#nav_gauche li ul li.active a {
    padding: 5px 0 5px 30px;
}
ul#nav_gauche li ul li a {
    font-weight: normal;
}
ul#nav_gauche li ul ul.niv_3 {
    margin: 0;
    background: none repeat scroll 0 0 #F6F5F5;
}
ul#nav_gauche li ul ul li.active {
    background: url("../Images/interface/menu/border_menu.jpg") no-repeat scroll 20px bottom #DAF8FF;
    border-left: 20px solid #FFF;
    width: 180px;
}
ul#nav_gauche li ul ul li.active a {
    font-weight:bold;
}
ul#nav_gauche li ul li.active ul.niv_3 li a {
    padding: 5px 0 5px 10px;
}
ul#nav_gauche li ul li.active ul.niv_3 li.active a {
    padding: 5px 0 5px 20px;
}
#inter_milieu {
    float: left;
    margin: 0 0 0 20px;
    width: 470px;
}
.inter_milieu_large #inter_milieu {
        width: 730px;
}
#inter_milieu .bloc_contenu .ce-gallery,
.droite_home .bloc_contenu .ce-gallery{
    margin-bottom: 0;
}
#inter_gauche .bloc_contenu {
    margin: 0 0 0 20px;
}
.csc-textpic-caption, figcaption{
    font-size:0.77em;
    color: #9C8F7F;
    padding-bottom:10px;
}
// table.csc-uploads {
//     width:100%;
//     border-collapse:collapse;
// }
// table.csc-uploads td {
//     border:0;
//     background-color:transparent;
// }
// table.csc-uploads td p {
//     font-size:0.8em;
// }
// table.csc-uploads td p a {
//     text-decoration:none;
// }
// table.csc-uploads td p a:hover {
//     text-decoration:underline;
// }
// tr.tr-odd {
//     background-color:#f1eff0;
// }
// tr.tr-even {
//     background-color:#FFF;
// }

#milieu .ce-uploads li{list-style: none; background: transparent; padding: 5px;margin: 0;}
#milieu .ce-uploads li:nth-of-type(odd){background-color:#f1eff0;}
#milieu .ce-uploads li:nth-of-type(even){background-color:#FFF;}

.outils {
    position: relative;
    padding: 10px 0 0;
    text-align: right;
    width: 100%;
}
// .outils a {
//     display: block;
//     float: left;
// }
// .outils img {
//     width: 40px;
//     height:40px;
// }
// .addthis_toolbox {
//    padding: 15px 5px 0;
// }
// .outils .addthis_toolbox img {
//     width: auto;
//     height: auto;
// }
.outils li{display: inline-block;}
.socialShare{display: none;}
.share, .print{
    display: block;
    height: 32px;
    width: 30px;
    margin: 0 5px;
}
.print{background: url(../Images/social-print.png);}
.share{background: url(../Images/social-share.png);}
.header_large .outils {
    padding: 0;
    height:auto;
}
.reseaux {
    float: left;
}
.twrss_bodytext {
    clear:both;
}
#twrss_table .twrss_item_content {
    font-size:11px;
    border-bottom: 1px dotted #CCCBB7;
    border-left: 0;
    padding:0 0 10px 0;
}
#twrss_table .twrss_item_link a,
#twrss_table .twrss_item_link a:hover {
    border:0;
    padding:0;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
    border: 1px solid #9E8863;
}
.container_kb {
    clear: both;
    float: left;
}
.tx-comments-pi1 {
    clear:both;
    font-size:0.77em;
    width: 472px;
}
.tx-comments-comment-form {
    padding: 10px;
}
.tx-comments-no-comments {
    padding: 5px;
}
.tx-comments-comment-form legend {
    font-weight:bold;
}
.tx-comments-comment-form label {
    clear: both;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    text-align: right;
    width: 120px;
}
.tx-comments-comment-form p {
    font-size: 1em;
    padding: 10px;
}
.tx-comments-required-mark {
    color: red;
    font-weight: bold;
}
.tx-comments-comment-form input {
    margin: 0 0 10px;
    width: 250px;
}
.tx-comments-comment-form textarea {
    width: 250px;
}
.tx-comments-comment-form input[type=submit] {
    width: auto;
    background: none repeat scroll 0 0 #F6F5F6;
    border: 1px solid #CCC;
    cursor: pointer;
    font-family: 'AvenirHeavyRegular';
    font-size: 1.3em;
    height: 24px;
    line-height: 1;
    margin: 10px 10px 0 0;
    padding: 0 10px;
}
.tx-comments-comment-form input[type=reset] {
    width: auto;
    background: none repeat scroll 0 0 #F6F5F6;
    border: 1px solid #CCC;
    cursor: pointer;
    font-family: 'AvenirHeavyRegular';
    font-size: 1.3em;
    height: 24px;
    line-height: 1;
     margin: 10px 0 0 0;
    padding: 0 10px;
}
.tx-comments-comments {
    border: 1px solid #BBBABB;
    width: 470px;
}
.tx-comments-comment-2,
.tx-comments-comment-1 {
    padding: 5px 10px;
    width: 450px;
}
.tx-comments-comment-1 {
     background-color: #F6F5F6;
}
.tx-comments-comment-2 hr,
.tx-comments-comment-1 hr {
    border-top: 1px solid #BBBABB;
    color: #FFF;
    display: block;
    margin: 5px 0 0;
    padding: 0;
}
.tx-comments-comment-name a {
    color: #0099CC;
    text-decoration: none;
}
.tx-comments-comment-name a:hover {
    text-decoration: underline;
}
.tx-comments-comment-content {
    font-style:italic;
}
.tx-comments-comment-name {
    color: #888;
    font-size: 1.2em;
    font-family: 'AvenirHeavyRegular';
}
.tx-comments-captcha img {
    margin:0;
}
.tx-comments-captcha input {
    margin: 0 0 10px 130px;
}
.tx-comments-captcha span.tx-srfreecap-pi2-cant-read {
    padding: 0 0 5px 35px;
}
#comments_click {
    background: none repeat scroll 0 0 #F6F5F6;
    padding: 3px 0 3px 10px;
}
#comments_click p.comments_open {
    background: url("../Images/pictos/add_comment.png") no-repeat 0 0 transparent;
    font-weight: bold;
    padding: 7px 0 5px 30px;
}
#comments_click p a {
    text-decoration:none;
}
#comments_content p.more_link {
    float: right;
    line-height: 1.8;
}
div.tx_dcdgooglemap_maincategory {
height: 35px;
}
label.tx_dcdgooglemap_labeltext {
	padding-left: 45px;
}
div.emenuderoulant_formulaireRecherche_select {
	float: left;
	padding-right: 10px;
}
div.emenuderoulant_formulaireRecherche_submit input {
	height: 18px;
}
.tx-ratings-vote-bar DIV A {
    color:transparent;
}
/****************************************************************************************************/
/*********************************      AJOUT CSS VIDEO ACCUEIL   ***********************************/
/****************************************************************************************************/
/** Youtube, Dailymotion **/
.info_video {
	width: 232px;
	height: auto;
	font-size: 12px;
	background: #000;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
}
/** Plugin video **/
.ewebtvaccess_detail {
	width: auto;
	height: auto;
	font-size: 12px;
	background: #000;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
}
.ewebtvaccess_detail p {
    padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.ewebtvaccess_detail h2 {
    border-bottom: 1px solid #C1C1C1;
    font-family: 'AvenirHeavyRegular';
    font-weight: normal;
	font-size: 12px;
	color: #FFF;
	padding: 0 0 2px;
	margin: 0 0 2px;
}
.ewebtvaccess_detail h2 span.document_theme {
    color: #888;
    display: block;
    float: right;
    font-size: 0.85em;
    font-weight: normal;
    line-height: 1.5;
    padding: 0 0 0 10px;
}


/***************/
#cookie-banner a{
  color: inherit;
}

#inform-and-consent button{
  padding: 10px 15px;
  margin: 10px 10px 0;

  font-size: 1em;
  color: white;

  background-color: #282627;
  border: none;

}

#cookie-banner,
#inform-and-consent{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;

  padding: 15px;

  color: white;
  text-align: center;

  background-color: #685c53;
}