/***************************************************************************
 * Standard styles formatting with Template Creator
 */

p {
  padding: 0px 0px 5px 0px;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle;
}

.clr {
	clear : both;
}

/* for sidebar(s) */
.column.column1 {
    width: 23.913%;
}

.column.column2 {
    width: 25%;
}

/*that leaves right margin for screens >= 768 (ipad portrait) */
.column.main {
    width: 75%; 
}

.column.center {
    width: 75%;
}

.column.noleft.main {
    width: 100%;
}

.column.noright .column.center {
    width: 100%;
}

.flexiblemodule, .column, .logobloc {
        float: left;
}

/*
 * Specific: banner photo
 */

#breadcrumbs-line, #photo-line {
    background:#005fa0 url("../images/colortheme/default_rcv.png") repeat-y right center;
}


#photo  {
    max-height: 100px;
}
#photo p {
    padding: 0;
}
.banner_img {
    position: relative;
    z-index:1;
    margin: auto;
}

#photo div.custom {
    overflow:hidden;
}

#photo img {
    width: 100%;
    overflow: hidden;
}

/*
 * Specific: breadcrumbs
 */
#breadcrumbs a {
    color: #F5F5F5;
    font-weight:normal;
}
#breadcrumbs a:link {text-decoration: none;}
#breadcrumbs a:visited {text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrumbs a:active {text-decoration: underline;}

#breadcrumbs ul.breadcrumb  {
    padding: 0px 0px 0px 28px;
}

#breadcrumbs li  {
    display: inline;
}


/***************************************************************************
 * All headings and titles
 */
 
/* align all text/titles/headers */
.blog h2 .subheading-category {
    padding: 0px 0px 0px 0px;
}


.contentheading, .componentheading, h1, h2, h3, h4, h5 { line-height: 1.2; }

h1.componentheading, .componentheading { margin: 0; padding: 0 0 4px; font-weight: normal;}

.componentheading { }

h1.contentheading, h2.contentheading, .contentheading { margin: 0; padding: 0 0 5px; font-weight: normal;}

/* Apiness 20120407 Manage size of titles in blog and article 
** In blog, title content smaller than in detail content view
*/
 h1.componentheading { font-size: 210%; }
 h1.contentheading { font-size: 210%; }
 h2.contentheading { font-size: 210%; }
 h2.subheading-category  { font-size: 210%; }
.blog .contentheading { font-size: 140%; }
.blogvert .contentheading { font-size: 140%; }
.blogbleu .contentheading { font-size: 140%; }
.blogbleu_cdf .contentheading { font-size: 140%; }
.blogbrun .contentheading { font-size: 140%; }
.bloggris .contentheading { font-size: 140%; }
.blogjaune .contentheading { font-size: 140%; }
.blogocre .contentheading { font-size: 140%; }
.blogorange .contentheading { font-size: 140%; }
.blogrose .contentheading { font-size: 140%; }
.blogrouge .contentheading { font-size: 140%; }
.blogturquoise .contentheading { font-size: 140%; }
.blogvert_clair .contentheading { font-size: 140%; }
.blogvert .contentheading { font-size: 140%; }
h1, div.componentheading {
    font-size: 22px;
	padding-bottom: 15px;
}
h2, div.contentheading {
    font-size: 20px;
    padding: 11px 0 13px 0;
}
h3 {
    font-size: 18px;
	padding : 9px 0 10px 0;
}
h4 {
    font-size: 16px;
	padding : 9px 0 10px 0;
}
/*************************************************/
#content .items-row ol, #content .item-page ol {list-style-type: decimal;margin-left:20px;}
/* bullet points in content */
#content .items-row ul
,#content .item-page ul
,#content .item-pageturquoise ul 
,#content .item-pagebleu ul
,#content .item-pagebleu_cdf ul
,#content .item-pagegris ul
,#content .item-pagejaune ul
,#content .item-pageocre ul
,#content .item-pageorange ul
,#content .item-pagerose ul
,#content .item-pagerouge ul
,#content .item-pagevert ul
,#content .item-pagevert_clair ul
{
    list-style: disc;
	margin-left:20px;
}

/* Second Level */
 #content .items-row ol ol
,#content .items-row ul ul
,#content .item-page ol ol
,#content .item-page ul ul
{
  margin-left:25px;
}

/* Third Level */
 #content .items-row ol ol ol
,#content .items-row ul ul ul
,#content .item-page ol ol ol
,#content .item-page ul ul ul
{
  margin-left:30px;
}

/* li for joomla edit icon/text */
#content ul.dropdown-menu.actions {
	display: block;
	clear: both;
	margin-left: 0px;
}



/* tables in content */
 #content .items-row td {
    vertical-align: middle;
    padding: 5px;
}
#content .item-page td {
    vertical-align: middle;
    padding: 5px;
}
/* except in edit */
#content div.edit.items-row td {
    vertical-align: middle;
    padding: 2px;
}
#content div.edit.item-page td {
    vertical-align: middle;
    padding: 2px;
}

/***************************************************************************
 * Home page, 3 header columns
 */
div.red-title h3{
	color:#FFFFFF;
	background-color: #FF0000;
	background-image: url(../images/colortheme/rouge.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	margin-bottom: 0px;
    padding: 3px 0px 2px 12px
}

div.blue-title h3 {
	color:#FFFFFF;
	background-color: #9FC812;
	background-image: url(../images/colortheme/vert_clair.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	margin-bottom: 0px;
    padding: 3px 0px 2px 12px
}
div.orang-title h3{
	color:#FFFFFF;
	background-color: #FEBE42;
	background-image: url(../images/colortheme/orange.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	margin-bottom: 0px;
    padding: 3px 0px 2px 12px
}

#top_nav {
    font-size: 0.8em;
}
#top_nav ul.menu {
    padding: 10px 0px 0px 0px;
}

#bottom_line {
    font-size: 0.8em;
}

/*font weight lighter is not well understood by Firefox, Apiness 20140326*/
#topsl h3 {
    font-size: 0.9em;
    font-weight:300; 
    text-transform:uppercase;
}
#topsl a {
    font-size: 1em;
}

#topsl p { 
    padding: 0;
    margin: 0;
    border: 0;
}

#topsl ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#topslmod1 {
}
#topslmod2 {
}
#topslmod3 {
}

#topsl .exp-box-left div.je-module{margin:2px  20px 0 0px;}
#topsl .exp-box-right div.je-module{margin:2px  0px 0 20px;}

/*
 * Random image: align with home page box 1 with a border
 */
div.random-image img {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	border: 6px solid #F5F5F5; 
	max-width: 213px;
	width: 100%;
}

/*
 * Ligne grise "menu" box: dégradé depuis à gauche #cccccc et à droite #a6a6a6
 * Use http://www.colorzilla.com/gradient-editor/ to get the code ;-)
 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */


    /*background: #c9cc9c;*/ /* Old browsers */
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(60%,#cccccc), color-stop(100%,#a6a6a6));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(left, #cccccc 0%, #cccccc 60%,#a6a6a6 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -moz-linear-gradient(left, #cccccc 0%, #cccccc 60%, #a6a6a6 100%);*/ /* FF3.6+ */
    /*background: -o-linear-gradient(left, #cccccc 0%, #cccccc 60%, #a6a6a6 100%);*/ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(left, #cccccc 0%, #cccccc 60%, #a6a6a6 100%);*/ /* IE10+ */
    /*background: linear-gradient(to right, #cccccc 0%, #cccccc 60%, #a6a6a6 100%);*/ /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#a6a6a6',GradientType=1 );*/ /* IE6-8 */

	/*border-bottom: 2px solid #FFFFFF;*/
#topsl div ul li {
	border-bottom: 1px solid #cacaca;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-top: 3px;
}

/********************************************************************/

/* Font color for texte in the boxes: same as box header
 */
#topsl div ul li a, #topsl div.je-module a {
    font-weight:normal;
}

#topslmod1 div ul li a, #topslmod1 div.je-module a {
    color: #FF0000;
}
#topslmod2 div ul li a, #topslmod2 div.je-module a {
    color: #FEBE42;
}
#topslmod3 div ul li a, #topslmod3 div.je-module a {
    color: #9FC812;
}


/*
 * #topsl div.red-title p { margin-left: 8px;}
 * #topsl div.red-title img { margin-left: -8px;}
 */


/***************************************************************************
 * Links !
 */
a {
	color: #005fa0;;
}
a:hover {
	color: #005fa0;;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

/*
 * Links sidebar menu
 */
#sidebar ul li a {
	color: #595959;
}

#sidebar a:link {text-decoration: none;}
#sidebar a:visited {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar a:active {text-decoration: none;}

#sidebar ul li.active.current a {color:#000;font-weight: bold;}
#sidebar ul li.active.current li a {color:#595959;font-weight: normal;}
#sidebar ul li a {color:#595959;}

/* styles for desktop */
.tinynav { display: none }

/* styles for mobile */
@media screen and (max-width: 600px) {
    .tinynav { display: block }
    #nav { display: none }
}

#top-sidebar #top-left {
    width: 20%;
}

#logo p {
	padding: 0;
    max-width: 200px;
}

#logo img {
	max-width: 320px;
	width: 100%;
}

.cdf #logo {
    padding-bottom: 20px;
    padding-top: 56px;
}


/* main menu pratique - loisirs - officielle */
#header-bcd  {
    font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
}
#header-bcd ul {
    padding: 3px 0px 0px 0px;
}
.cdf #header-bcd ul {
    line-height: 15px;
}
#header-bcd h3 {
    padding: 3px 0px 2px 3px;
}

#header-b li, #header-c li, #header-d li {
    padding: 1px 0;
}
#header-b a, #header-c a, #header-d a {
    text-transform: uppercase;
    font-size: 0.7em;
    color: #595959;
    text-decoration: none;
    display: block;
    padding: 0px 0px 0px 3px;
}
#header-b a:hover, #header-b li.active a  {
    background: #BFBFBF;
    color: #FFFFFF;
}
#header-c a:hover, #header-c li.active a {
    background: #999999;
    color: #FFFFFF;
}
#header-d a:hover, #header-d li.active a {
    background: #595959;
    color: #FFFFFF;
}
#header-b h3 {
    background-color: #BFBFBF;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 0.833em;
}
#header-c h3 {
    background-color: #999999;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 0.833em;
}
#header-d h3 {
    background-color: #595959;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 0.833em;
}

#sidebar {
	margin-right: 10%;
	padding: 10%;
	text-align: left;
	width:80%;
}


#sidebar div.moduletable, #sidebar div.module,
#sidebar div.moduletable_menu, #sidebar div.module_menu {
	margin-bottom: 15px;
}

/***************************************************************************
 * Side bar menu tree like
 */
.leftmenu ul {
    margin: 0;
    padding: 0;
    line-height: 1.33em;
}

.leftmenu ul li {
    line-height: 1.33em;
    padding-left: 10px;
}

.leftmenu div.moduletable ul.menu li ,
.leftmenu div.moduletable ul.menu li.active li li,
.leftmenu div.moduletable ul.menu li.active li.active li li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li.active li li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li.active li.active li li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li.active li.active li.active li li
{display:none;overflow:hidden;}

.leftmenu div.moduletable ul.menu li.active,
.leftmenu div.moduletable ul.menu li.active li,
.leftmenu div.moduletable ul.menu li.active li.active li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li.active li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li.active li.active li,
.leftmenu div.moduletable ul.menu li.active li.active li.active li.active li.active li.active li
{display:block;}

.leftmenu ul li.active.current a {
    color:#000;font-weight: bold;
}
.leftmenu ul li.active.current li a {
    color:#595959;
    font-weight: normal;
}
.leftmenu ul li a {
    color:#595959;
} 

.leftmenu ul.menu li.current li {
    display:block!important;
}
.leftmenu ul.menu li.current li  li {
    display:none!important;
} 

.leftmenu ul li.parent.active {
	 background: url("../images/arrowopened.png") no-repeat scroll 0 8px transparent;
}
.leftmenu ul li.parent {
    background: url("../images/arrowclosed.png") no-repeat scroll 0 6px transparent;
}

/***************************************************************************
 * Top menu on one line
 */
#top_nav ul.menu {
    float: right;
}
#top_nav li {
    display: inline;
    float: left;
}
#top_nav li a {
    padding: 0 7px;
    line-height: 1.2em;
    border-left: 1px solid #639EC8;
    color: #1f7098;
}
#top_nav li a:hover {
	color: #639EC8; 
	text-decoration: none; 
}
#top_nav li.active a {
    text-decoration: none;
    background: #005fa0;
    color: #ffffff;
}
/***************************************************************************
 * Bottom menu on one line
 */
#footer_nav ul.menu {
    float: right;
}
#footer_nav li {
    display: inline;
    float: left;
}
#footer_nav li a {
    padding: 0 10px;
    line-height: 1.2em;
    border-left: 1px solid #639EC8;
    color: #1f7098;
}
#footer_nav li a:hover {
	color: #639EC8; 
	text-decoration: none; 
}
#footer_nav li.active a {
    text-decoration: none;
    background: #005fa0;
    color: #ffffff;
}

#footer_nav li:first-child a {
    border-left: none;
}


/***************************************************************************
 * Format Google search input
 */
#search {
    float: right;
    line-height: 32px;
    height: 32px;
}

#search input.gsc-search-button, #search input.gsc-search-button:hover, #search input.gsc-search-button:focus {
    width: 13px;
    height: 13px;
    padding: 3px 3px 4px 3px;
    margin: 6px -3px 0px 0px;
    border: 0;
    border-color: #005fa0;
    background-color: #005fa0;
    background-image: none;
    filter: none;
}

#search tr, #search td {
    border: none;
}

/* To adjust height of input text to height of search blue box
** margin/padding here moves the box and the input text...
*/
#search div.gsc-input-box  {
	height: 18px;
	width: 130px;
	position: relative;
	top: 3px;
    border: none;
}
/* To set smaller font for input text and align with X*/
#search input.gsc-input {
	font-size: 0.833em !important;
	vertical-align: middle !important;
	padding: 0px 0px 0px 0px !important;
}
/* To position the input search text /google logo inside  */
#search td.gsib_a {
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
#search input.gsc-input {
	margin: 0px 0px 0px 0px !important;
}
/******** END CSS Google Search*************/

/***************************************************************************
 * Side bar menu - slider
 */
/* These styles MUST be included. Do not change. */
/* Specify the width of your pageslide here */
#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    width: 220px;
    padding: 20px;
    
    background-color: #FFFFFF;
    color: #000000;
    -webkit-box-shadow: inset -10px -140px 120px 0px #ccc;
    -moz-shadow: inset -10px -140px 120px 0px #ccc;
    box-shadow: inset -10px -140px 120px 0px #ccc;
}

/***************************************************************************
 * menu tree like for plan du site
 */
#plandusite ul.menu li ul {
    margin: 0 0 0 15px;
    font-size: 100%;
}

/***************************************************************************
 * Side bar menu tree like
 */
#js-open-leftmenubox1 {
    padding: 0px 0px 0px 0px;
}
#js-open-leftmenubox2 {
    padding: 10px 0px 10px 0px;
}
#js-open-leftmenubox3 {
    padding: 10px 0px 10px 0px;
}
#js-open-leftmenubox4 {
    padding: 10px 0px 10px 0px;
}

#pageslide ul {
    margin: 0;
    padding: 0;
    line-height: 1.33em;
}

#pageslide ul li {
    line-height: 1.33em;
    padding: 3px 3px 3px 10px;
}


#pageslide div.moduletable ul.menu li ,
#pageslide div.moduletable ul.menu li.active li li,
#pageslide div.moduletable ul.menu li.active li.active li li,
#pageslide div.moduletable ul.menu li.active li.active li.active li li,
#pageslide div.moduletable ul.menu li.active li.active li.active li.active li li,
#pageslide div.moduletable ul.menu li.active li.active li.active li.active li.active li li,
#pageslide div.moduletable ul.menu li.active li.active li.active li.active li.active li.active li li
{
    display:none;
    overflow:hidden;
}

#pageslide div.moduletable ul.menu li.active,
#pageslide div.moduletable ul.menu li.active li,
#pageslide div.moduletable ul.menu li.active li.active li,
#pageslide div.moduletable ul.menu li.active li.active li.active li,
#pageslide div.moduletable ul.menu li.active li.active li.active li.active li,
#pageslide div.moduletable ul.menu li.active li.active li.active li.active li.active li,
#pageslide div.moduletable ul.menu li.active li.active li.active li.active li.active li.active li
{
    display:block;
}

#pageslide ul li.active.current a {
    color:#000;font-weight: bold;
}
#pageslide ul li.active.current li a {
    color:#595959;
    font-weight: normal;
}
#pageslide ul li a {
    color:#595959;
} 

#pageslide ul.menu li.current li {
    display:block!important;
}
#pageslide ul.menu li.current li  li {
    display:none!important;
} 

#pageslide ul li.parent.active {
	 background: url("../images/arrowopened.png") no-repeat scroll 0 8px transparent;
}
#pageslide ul li.parent {
    background: url("../images/arrowclosed.png") no-repeat scroll 0 6px transparent;
}

/*
 * style for menu slider
 */

.open-leftmenu {
    display: block;
    width: 36px;
    height: 46px;
    float: left;
    background: url(../images/icon_openmenu.png) center no-repeat; 
    background-size: 36px 46px;
    text-indent: -999em;
}

.open-mainmenu {
    display: block;
    width: 36px;
    height: 46px;
    float: left;
    padding-top: 4px;
    background: url(../images/icon_openmenumain.png) center no-repeat;
    background-size: 36px 46px;
    text-indent: -999em;
}


/*
 * Hide elements, will be displayed on larger screens
 */
.menu { display: none; }
#plandusite .menu { display: block;} /* except plan du site*/
#js-open-menu_commerciaux .menu { display: block; } /*except for this one!*/
#js-open-menu_commerciaux li:last-child { padding-bottom: 12px }
.minimize_lt1024 {display: none; }
.minimize_lt768 {display: none; }
#js-open-leftmenu {display: none; }


#pageslide {
    overflow-y: auto;
}
#pageslide .menu { display: block; }
#pageslide .menu a {
    float: none; 
    display: block; 
    width: 100%; 
    color: #000000; 
    border-bottom: none;
    border-radius: 0; 
    background: none;
    text-align: left;  
}

#pageslide img {
    margin-top: 12px;
    margin-left: 10px;
}

/* STYLES THAT WERE AVAILABLE IN JCE EDITOR STYLES BEFORE NEW TEMPLATE */
/*Class for doc officiels, reglementation communale */
table.regcom_table {
    width:100%;
    margin:1em auto;
}

/* for row that are titles*/
tr.regcom_titre {
    font-weight: bold;
    font-size: 1em;
    vertical-align:top;
}

/* for row that are items*/
tr.regcom_item {
    vertical-align:top;
}


/*Class for seances conseil general*/
#cg_s.cg_titre {
	font-weight: bold;
}
#cg_s.cg_arretes {
	color: #ff0000;	
	font-weight: bold;
}
#cg_s.cg_text { 
}
#cg_s.cg_doc {
}

/*Class for CdF*/
p.cdfs_titre {
	color:#FFFFFF;
	background-color: #005fa0;
	background-image: url(../images/colortheme/bleu_cdf.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 8px;
	margin-right: 0px;
}

#je-content .blog span.cdfs_titre {
	font-size: 140%;
	font-weight: normal;
}

#je-content .blog span.cdfs_titre a {
	font-weight: bold;
}


p.cdfs_paragraphe  {
	margin-bottom: 0pt;
	margin-top: 0pt;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
img.cdfs_vignettes {
	margin: 0px;
	padding: 0px;
	width: 213px;
	height: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.cdfs_vignettes img {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
    width: 100%;
}

img.cdfs_vignettes_articles {
	padding: 0px;
	width: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

img.cdfs_vignettes_texte {
	padding: 0px;
	width: 100px;
	float: left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.contentpaneopen p  {
	margin-bottom: 0pt;
	margin-top: 0pt;
	line-height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;

}


h1.componentheading  {
	margin-left: 0px;
}

/*actualites*/	

p.cdfs_actualites_titre {
	color:#FFFFFF;
	background-color: #FF0000;
	background-image: url(../images/colortheme/rouge.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 8px;
	width: 205px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p.cdfs_actualites_titre_rouge  {
	background-color: #ccc;
	color: #FF0000;
	padding-left: 8px;
	width: 205px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p.cdfs_actualites_paragraphe  {
	background-color: #ccc;
	color: #595959;
	padding-left: 8px;	
	width: 205px;
}

a.cdfs_actualites_liens {
	display: block;
	text-decoration: none;
	background-color: #ccc;
	color: #595959;
	padding-left: 8px;	
	width: 205px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*saison*/	

p.cdfs_saison_titre {
	color:#FFFFFF;
	background-color: #FEBE42;
	background-image: url(../images/colortheme/orange.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 8px;
	width: 205px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p.cdfs_saison_paragraphe  {
	background-color: #ccc;
	color: #595959;
	padding-left: 8px;	
	width: 205px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

a.cdfs_saison_liens {
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #db7431;
	text-decoration: none;
	padding-left: 8px;
	background-color: #ccc;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 205px;
	
}


/*pages_plus_vues*/	

p.cdfs_plus_vues_titre {
	color:#FFFFFF;
	background-color: #9FC812;
	background-image: url(../images/colortheme/vert_clair.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 8px;
	width: 205px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p.cdfs_plus_vues_paragraphe  {
	background-color: #ccc;
	color: #595959;
	padding-left: 8px;	
	width: 205px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

a.cdfs_plus_vues_liens {
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #669933;
	text-decoration: none;
	padding-left: 8px;
	background-color: #ccc;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 205px;
}
/*musées - mba*/

p.cdfs_mba_titre {
    font-size: 0.9em;
	color:#FFFFFF;
	background-color: #819BA4;
	background-image: url(../images/colortheme/turquoise.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p.cdfs_mba_paragraphe_1  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #819BA4;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.cdfs_mba_paragraphe  {
	background-color: #819BA4;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

a.cdfs_mba_liens {
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #1D2729;
	text-decoration: none;
	padding-left: 8px;
	background-color: #819BA4;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/*musÈes - mih*/	

p.cdfs_mih_titre {
	background-color: #855424;
	color:#FFFFFF;
	background-image: url(../images/colortheme/brun.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.cdfs_mih_paragraphe_1  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #855424;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.cdfs_mih_paragraphe  {
	background-color: #855424;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

a.cdfs_mih_liens {
	background-color: #855424;
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #1D2729;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*musÈes - mhn*/	

p.cdfs_mhn_titre {
	background-color: #949F6D;
	color:#FFFFFF;
	background-image: url(../images/colortheme/vert.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p.cdfs_mhn_paragraphe_1  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #949F6D;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
p.cdfs_mhn_paragraphe  {
	background-color: #949F6D;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

a.cdfs_mhn_liens {
	background-color: #949F6D;
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #1D2729;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*musÈes - mh*/	

p.cdfs_mh_titre {
	color:#FFFFFF;
	background-color: #939393;
	background-image: url(../images/colortheme/gris.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.cdfs_mh_paragraphe_1  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #939393;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
p.cdfs_mh_paragraphe  {
	background-color: #939393;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

a.cdfs_mh_liens {
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #1D2729;
	text-decoration: none;
	padding-left: 8px;
	background-color: #939393;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*musÈes - mpa*/
p.cdfs_mpa_titre a:link,
p.cdfs_mpa_titre a:visited,
p.cdfs_mpa_titre a:hover,
p.cdfs_mpa_titre a:active {
    color: #ffffff;
}

p.cdfs_mpa_titre {
	color:#333;
	background-color: #D9C4A1;
	background-image: url(../images/colortheme/ocre.png);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.cdfs_mpa_paragraphe_1  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #D9C4A1;
	color: #333;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
p.cdfs_mpa_paragraphe  {
	background-color: #D9C4A1;
	color: #333;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

a.cdfs_mpa_liens {
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #1D2729;
	text-decoration: none;
	padding-left: 8px;
	background-color: #D9C4A1;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Styles for cdf_col1 and cdf_col2 setup. It allows to input two columns format with JCE. JCE config styles cdf_Col1 per profile! */
div.cdf_col1 {
	width: 40%;
	float: left;
	margin: 0px 0px 0px 20px;
	
}
div.cdf_col2 {
	width: 40%;
	float: left;
	margin: 0px 0px 0px 20px;
}

/* styles for logo unesco */
#copyright img.logounesco {
	width: 115px;
	transition: all 150ms linear;
}
#copyright img.logounesco:hover {
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-o-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
}

.template {
   display: none;
   visibility: hidden;
}