/*
BASE COLOR
-------------
width 950px (160px + 790px)
image 320x225px, 980x595px

blue #226375
red #822D2B
brown #916B46
green #427069

2014 bronze: 7a6441
2015 violet: 2693ce
2016 bleu  : 2693ce
2017 turquoise: 589398
2018 orange : ee5712
2019 bleu : 3990bf
2020 bleu : 3e93b2
2021 vert : 84979d
2022 beige : 7a6441
2023 bleu-gris : 61819f
2024 bronze: 7a6441
2025 orange: db8400
*/

@import url('normalize.css') all;
@import url('typography.css') all;
@import url('colorbox.css') all;


* {margin:0;padding:0;}

html
	{
	color:#000000;font-family:helvetica,arial,verdana, sans-serif;font-size:12px;line-height:1.3;
  	height:100%;
  	}
body
	{
	color:#000000;font-family:open_sansregular,helvetica,arial,verdana, sans-serif;font-size:12px;line-height:1.3;
  	height:100%;
  	}
img.background
	{position:fixed;top:0;left:0;z-index:-1;}

nav,
header,
footer,
section,
article
	{position:relative;}
address
	{font-style:normal;}

.print{display: none;}

/* MAIN BLOCK */
#header_print,
#footer_print{display: none;}

#container
	{position:relative;width:100%;margin:0 auto;}

#login
	{
	padding:5px 0;
	color:#606060;
	background-color:#F0F0F0;
	background-image:-moz-linear-gradient(top, #FFFFFF, #EAEAE8);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAE8));
    background-image:-webkit-linear-gradient(top, #FFFFFF, #EAEAE8);
	background-image:-ms-linear-gradient(top, #FFFFFF, #EAEAE8);
    background-image:-o-linear-gradient(top, #FFFFFF, #EAEAE8);
	background-image:linear-gradient(top, #FFFFFF, #EAEAE8);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
	}
#header
	{
	position:relative;width:100%;clear:both;
	margin:0 0 10px 0;
	background-color:#FFFFFF;
	position:absolute;top:0;left:0;position:fixed;z-index:10;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);

	}
#header .nav_block{padding-top: 25px;}
#footer
	{
	position:relative;width:100%;clear:both;
	position:absolute;bottom:0;left:0;position:fixed;z-index:10;
	}
#content
	{min-height:400px;height:auto !important;height:400px;padding:160px 0 80px 0;width:980px;margin:auto;}
#side
	{position:relative;margin:auto;clear:both;}
.wrapper
	{position:relative;width:960px;margin:auto;padding:0;}
.clearfix
	{
	display:block;visibility:hidden;clear:both;margin:0;padding:0;
	font-size:0;height:0;
	}

.right
	{float:right;}
.left
	{float:left;}
.evidence{background-color: #ffff00;}

#logo
	{
    cursor:pointer;
	position:absolute;bottom: 10px;
	font-family:open_sansregular;font-size:20px;padding:0;line-height:1.2;
	}

.copyright
	{
	display:block;float:left;
	font-size:11px;color:#FFFFFF;line-height:30px;height:30px;
	padding:10px;margin:0;
	}
.copyright a
	{color:#FFFFFF;text-decoration:none;}
.copyright a:hover
	{color:#FFFFFF;text-decoration:underline;}
.partners
	{display:block;float:left;height:30px;padding:10px;}
.partners a img
	{border:0;width:68px;height:30px;}


/* NAV */

#main
	{
	float: right;
	padding:10px 0;height:30px;
    margin-right: 10px;
	}
#main ul
	{
	position:relative;display:block;float:right;list-style:none;
	margin:0;padding:0;
	}
#main ul li
	{
	position:relative;display:block;float:left;
	margin:0 0 0 30px;padding:0;line-height:25px;height:25px;
	}
#main ul li a
	{
	position:relative;display:block;
	padding:0;margin:0;
	font-size:15px;color:#606060;font-family:open_sansregular;
	text-decoration:none;text-transform:uppercase;
	border-bottom:3px solid #FFFFFF;
	}
#main ul li.active a
	{border-bottom:3px solid black;}
#main ul li:hover a
	{border-bottom:3px solid #EAEAE8;}



/* SEARCH */

.searchbox
	{
	display:block;float:right;
	border:0;
	padding:0;margin:10px 0;
	background-color:#FFFFFF;
	width:auto;height:25px;
	}
.searchbox .button
	{
	position:relative;
	float:right;
	display:inline-block;
  	*display:inline;
	padding:0;line-height:25px;height:25px;width:25px;text-align:center;
	font-size:13px;text-decoration:none;font-family:websymbols;
	border:0;
	background-color:#FFFFFF;
	background-image:none;
	}
.searchbox .button:hover
	{
	color:#404040;
	border:0;
	background-color:#EAEAE8;
	background-image:none;
	}


/* STANDARD DEFINITION */

h1,h2, h3,h4,h5,h6
	{margin:10px 0;}
p
	{margin:10px 0 20px 0;}
h1
	{font-size:35px;font-weight:normal;font-family:open_sansbold;text-transform:uppercase;}
h2
	{font-size:22px;font-weight:normal;font-family:open_sansbold;text-transform:uppercase;}
h3
	{font-size:15px;font-weight:normal;font-family:open_sansbold;text-transform:uppercase;}
h4
	{font-size:15px;font-weight:normal;}
h5
	{font-size:12px;font-weight:normal;font-style: normal;}
div,p
	{font-size:13px;}
ul,ol
	{margin:10px 15px;}
li
	{list-style-type:square;padding:2px 0;}

a
	{color:#000000;text-decoration:underline;}
a:hover,
a.active
	{color:#808080;text-decoration:none;}
img
	{border:0;}
img.responsive
	{
  	max-width:100%;
  	width:auto\9;height:auto;
  	vertical-align:middle;
  	border:0;
  	-ms-interpolation-mode: bicubic;
	}
hr
	{
  	margin:10px 0;
  	border:0;
  	border-top: 1px solid #F0F0F0;
	}

small, .small{font-size: .85em;}

.align_right
	{text-align:right;}
.align_left
	{text-align:left;}
.align_center
	{text-align:center;}







/* BUTTONS */


.button
	{
	position:relative;
	display:inline-block;
  	*display:inline;
	padding:0 10px;line-height:25px;
	color:#646464;font-size:13px;text-decoration:none;text-align:center;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	}
.button:hover
	{
	color:#FFFFFF;
	border:1px solid #000000;
	background-color:#000000;
	}

.button_plus
	{
	position:relative;display:block;
	margin:0;padding:0;
	line-height:25px;
	color:#000000;font-size:12px;text-decoration:none;
	border-top:1px solid #000000;
	background-color:#FFFFFF;
    text-align: right;
	}

.button_plus .icon
	{float:right;display:block;padding:0 5px 0 15px;font-weight:normal;font-family:websymbols;}

.button_ressource
	{
	position:relative;
	display:block;
	margin:00;padding:0;
	padding:0;line-height:25px;height:25px;
	color:#000000;font-size:12px;text-decoration:none;text-align:right;
	border:0;
	background-color:#FFFFFF;
	}
.button_ressource legend
	{
	float:right;display:block;padding:0 10px;
	}
.button_ressource .icon
	{float:right;display:block;padding:0 5px;font-weight:normal;font-family:websymbols;}

.button_commande
	{
	display:block;
    margin:10px;
	padding: 4px 10px;
	color:#ffffff; font-size:12px;text-decoration:none;text-align:right;
	border:0;
	background-color:#db8400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
	}
.button_commande .legend
	{padding:0 10px;}
.button_commande .icon
	{display: none;}

.button_next
	{
	position:relative;
	display:block;
	padding:0;line-height:40px;height:40px;
	color:#000000;font-size:15px;text-decoration:none;text-align:center;
	border:0;
	background-color:#FFFFFF;
	}
.button_next .legend
	{
	float:left;display:block;padding:0 10px;
	}
.button_next .icon
	{
	float:left;display:block;padding:0 5px;
	border-left:1px solid #000000;
	font-family:websymbols;
	}


.button_abo
    {float: right;color:white; text-decoration: none;display: block;margin-top: 10px;}
.button_abo .legend
	{float:left;display:block;padding:0;}
.button_abo .icon
	{
	float:left;display:block;padding:0 5px;
	font-family:websymbols;
	}

.button_back
    {color:white; text-decoration: none;display: block;font-size: 10px;text-transform: uppercase;height:20px;margin: -20px 0 0 0;}

.button_back .icon
	{
	float:left;display:block;padding:0 5px;
	font-family:websymbols;
	}
.button_plus.margin,
.button_ressource.margin,
.button_commande.margin
	{margin:10px 0 0 0;padding:0;}

.zoom_image
    {display: block;
    position:relative;}

.zoom_image .icon
	{
        position: absolute;
        font-family:websymbols;
        top:20px; left:10px;
        color: white;
        text-shadow: 0 0 5px #000000;
	}
.copy_image{text-align: left; padding: 5px 20px; font-style: italic;font-size: .9em; margin-bottom: 20px;}
.copy_image:before{content: "© ";}
.copy_image.print:before{content: "";}


.link
	{margin:2px 0;}


.navig
	{position:relative;height:20px;line-height:20px;}
.navig a
	{float:left;display:block;text-decoration:none;color:#FFFFFF;}
.navig .select
	{position:relative;float:left;display:block;padding:0 5px;color:#FFFFFF;}
.navig .select .bt
	{float:left;display:block;height:20px;cursor:pointer;}
.navig .select .bt .label
	{float:left;display:block;width:160px;text-align:center;}
.navig .select .bt .icon
	{
	float:left;display:block;padding:0 5px;
	font-family:websymbols;
	border-left:1px solid #FFFFFF;
	}

.navig .options
	{
	display:none;text-decoration:none;color:#000000;
	position:absolute;z-index:2;top:25px;left:0px;width:200px;
	white-space:nowrap;
	background-color:#FFFFFF;
    box-shadow: 0px 5px 10px 0 #000000;
    -moz-box-shadow: 0px 5px 10px 0 #000000;
    -webkit-box-shadow: 0px 5px 10px 0 #000000;
	}
.navig .select .options .item
	{padding:2px 5px;cursor:pointer;}
.navig .select .options .item.active,
.navig .select .options .item:hover
	{background-color:#F0F0F0;}
.navig .select .options .item img{border:0 none; width: 20px;}
.navig .next.icon
	{
	padding:0 5px;height:20px;line-height:20px;
	font-family:websymbols;
	}
.navig .prev.icon
	{
	padding:0 5px;height:20px;line-height:20px;
	font-family:websymbols;
	}



/* CMS BLOCK */

img.right
	{float:right;margin:0 0 20px 20px;}
img.center
	{margin:0 0 30px 0;}

.item_thumbnail
	{background-color:#FFFFFF;margin:10px;}
.item_thumbnail .caption h1,
.item_thumbnail .caption h2,
.item_thumbnail .caption h3,
.item_thumbnail .caption h4,
.item_thumbnail .caption p
	{margin:2px 0;}
.item_thumbnail .caption
	{position:relative;padding:10px;}
.item_thumbnail .caption.main
	{padding:10px 0 0 0;}
.item_thumbnail img
	{border-top:10px solid #FFFFFF;}
.item_thumbnail .caption.symbol h3
	{padding:2px 0 2px 36px;margin-bottom:10px;}
.item_thumbnail .caption.symbol.large h3
	{
	padding:8px 0 10px 70px;margin-bottom:0px;
	border-bottom:1px solid #000000;
	font-size:20px;font-weight:normal;font-family:open_sansbold;text-transform:none;
	}
.item_thumbnail .caption.symbol img
	{float:left;border:0;margin-left: 10px;}

.item_fiche
	{float:left;}
.item_fiche .title
	{margin:0 10px;}
.item_fiche .title h1
	{text-align:right;color:#FFFFFF;font-family:open_sansregular;margin:0 0 20px 0;}
.item_fiche .title img,
.item_fiche .item_thumbnail img
	{border-top:15px solid #FFFFFF;}
.item_fiche .text
	{background-color:#FFFFFF;margin:10px;padding:10px 20px;}
.item_fiche .text h2
	{font-family:open_sansregular;}

.item_fiche .text h2.mail
	{
		text-transform: none;font-size: 16px;
		border-bottom: 1px solid #bfac99;
		padding-bottom: 7px;
	}

	/* CONTENT SUP */
	#contents{position: relative;}
	#contents .text{display: none;}
	#contents .text.active{display: block;}

	#images{position: relative;}
	#images .image{display: none;}
	#images .image.active{display: block;}

	#contents .nav-content{
		position: absolute;
		top: 0;
		left:565px;
		z-index: 9;
		transform-origin: top left;
		transform: rotate(90deg);
	}
	#images .nav-content.main{
		position: absolute;
		top: 0;
		left:0;
		z-index: 9;
		transform-origin: bottom left;
		transform: rotate(-90deg);
	}
	#images .nav-content.responsive{
		padding: 15px 0 0 25px;
		display: none;
	}
	#images .nav-content.responsive ul li{
		box-shadow: 0 2px 7px rgba(0,0,0,.5);
	}
	.nav-content{
		color:#822D2B;
	}
	.nav-content ul{
		display: block;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	.nav-content ul li{
		display: inline-block;
		background-color: #ddd;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		padding: 0;
		font-weight: bold;
		background-image: linear-gradient(#f0f0f0 75%, rgba(0,0,0,.25));
		height:25px;
	}
	.nav-content ul li:hover{
		background-image: linear-gradient(white 95%,rgba(0,0,0,.25));
	}
	#images .nav-content ul li{
		background-image: linear-gradient(#f0f0f0 65%, rgba(0,0,0,.5));
	}
	#images .nav-content.responsive ul li{
		background-image: linear-gradient(#f0f0f0 75%, rgba(0,0,0,.25));
	}
	#images .nav-content ul li:hover{
		background-image: linear-gradient(white 85%,rgba(0,0,0,.5));
	}
	.nav-content ul li.active,
	.nav-content ul li:hover.active
	{
		background-color: white;
		background-image: none !important;
	}


	.nav-content ul li a{
		color:inherit;
		text-decoration: none !important;
		display: block;
		padding: 5px 15px 0 15px;
	}

	.item_fiche .item_thumbnail #images img
		{border-top:0 none;}

	/* IMAGES COL */
	.item_thumbnail.image_col .caption.main
		{padding: 10px 10px 0 10px;}
	.item_thumbnail.image_col .caption.main h4
		{font-weight:bold;}


ul.tabs
	{
	display:block;float:left;clear:both;
	margin:0;padding:0;
	list-style:none;
	height:41px;overflow:hidden;
	}
ul.tabs li
	{display:block;float:left;margin:0;padding:0;}
ul.tabs li a
	{
	position:relative;
	display:block;float:left;text-align:center;
	padding:0 15px;margin-right:4px;
	line-height:15px;height:40px;
	text-decoration:none;
	font-size:14px;font-weight:normal;font-family:open_sansbold;
	background-color:#FFFFFF;
	}
ul.tabs li a span.date_long
	{display:none;}
ul.tabs li a span.date_small
	{display:block;padding:5px 0;}
ul.tabs li a.icon
	{
	float:none;line-height:40px;padding:0 5px;
	position:absolute;right:-1px;
    font-weight:normal;
    font-family:open_sansregular;
	}
ul.tabs li a.icon span.icon{font-family:websymbols;}
ul.tabs li a.active
	{height:41px;line-height:40px;}
ul.tabs li a.active span.date_long
	{display:block;}
ul.tabs li a.active span.date_small
	{display:none;}
.tab_content
	{
	display:block;clear:both;
	background-color:#FFFFFF;
	padding: 5px 10px;margin:0;
	}
.tab_content h3,
.tab_content h4,
.tab_content p
	{margin:2px 0;}


dl.legend
	{
	display:inline-block;
	*display:inline;
	*zoom: 1;
	width:100%;
	}
dl.legend dt
	{
	float:left;clear:left;display:block;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	width:40px;
	font-family:open_sansregular;
	}
dl.legend dd
	{margin-left:45px;padding:1px 0;clear:right;}
dl.legend.small dt
	{width:30px;}
dl.legend.small dd
	{margin-left:35px;clear:right;}
dl.legend.medium dt
	{width:100px;text-align:left;}
dl.legend.medium dd
	{margin-left:105px;}
dl.legend.large dt
	{width:150px;font-weight:bold;}
dl.legend.large dd
	{margin-left:155px;}

.item_note
	{float:left;margin:0 10px;color:#FFFFFF;padding:0;}
.item_note cite.caption
	{
	display:block;font-size:15px;font-weight:normal;
	border-left:1px solid #FFFFFF;
	padding:0 15px;margin:2px 0;
	}
.item_note cite.caption .note
	{
	font-size: 11px;
	font-style: normal;
	}
.item_note .evidence{background-color: #0000ff;}



/* COLORS AND SIZES */


/* ACCUEIL */

.accueil #logo
	{color:#db8400;}
.accueil,
.accueil #footer
	{background-color:#db8400; background-color: rgba(219, 132, 0, 0.95);}
.accueil #main ul li a
	{color:#db8400;}
.accueil #main ul li.active a
	{border-bottom:3px solid #db8400;}
.accueil .col_1 .button_plus
	{color:#db8400;border-top:1px solid #db8400; font-weight: bold;margin-top:15px;padding-top: 2px;}
.accueil .col_1 .button_plus .icon
	{font-weight: bold;}
.accueil .col_1 .button_commande
	{background-color:#db8400;
    position:absolute;
    top:0;
    right: 0;
	}
.accueil .col_2 .button_plus
	{color:#db8400;border-top:1px solid #db8400;}

.accueil .col_1
	{float:left;width:430px;color:#db8400;}
.accueil .col_1 .item_thumbnail
	{color:#db8400;height: 450px;}
.accueil .col_2
	{float:left;width:550px;}
.accueil .col_2 .text
	{color:#db8400;}
.accueil .col_2 .text.fixe
	{height: 250px;}

.accueil .col_3
	{float:left;width:490px;color:#db8400;}
.accueil .col_4
	{float:left;width:480px;color:#db8400;}

.accueil .col_item
	{float:left;width:240px;color:#db8400;}

.accueil .col_item.big
	{float:left;width:480px; height: 484px; color:#db8400;}


.accueil .col_item h3
	{margin:7px 0 0 0; font-size: 12px;line-height: 135%;}
.accueil .col_item h3 sup{text-transform: none;}
.accueil .col_item p.legend
	{margin:0;}

.accueil .dates
	{margin:10px; margin-top: 0;}
.accueil .dates h2
	{color:#FFFFFF;font-family:open_sansregular;font-size:15px;margin-top:20px;}
.accueil .dates h4
	{font-family:open_sansbold;}
.accueil .dates h4 .info
	{font-family:open_sansregular;font-size:12px;white-space: nowrap;}

.accueil .dates p.note
	{font-size:11px;padding-top: 2px;}

.accueil .items_listing .button_next
	{margin:10px;}
.accueil .items_listing
	{float:left;width:980px;}
.accueil .items_listing .item_thumbnail
	{float:left;width:245px;}
.accueil .dates .tab_content
	{width:508px;min-height: 80px;}


/* THEMES */

.themes #logo
	{color:#822D2B;}
.themes,
.themes #footer
	{background-color:#822D2B;background-color: rgba(129, 45, 43, .95);}
.themes #main ul li a
	{color:#822D2B;}
.themes #main ul li.active a
	{border-bottom:3px solid #822D2B;}
.themes .text
	{color:#822D2B;}
.themes .text .button_plus
	{color:#822D2B;border-top:1px solid #822D2B;}
.themes .text .button_ressource
	{color:#822D2B;}
.themes .text .button_plus
	{color:#822D2B;border-top:1px solid #822D2B;}

.themes .level_1 .col_1
	{float:right;width:490px;}
.themes .level_1 .col_2
	{float:left;width:490px;}
.themes .level_2 .col_1,
.themes .level_3 .col_1
	{float:left;width:430px;}
.themes .level_2 .col_2,
.themes .level_3 .col_2
	{float:left;width:550px;}

.themes .items_listing.shifted
	{float:left;padding:10px 20px;width:940px;}
.themes .items_listing .item_thumbnail
	{float:left;width:225px;}
.themes .items_listing .item_thumbnail:nth-child(odd)
	{clear:both;}
.themes .items_listing.shifted .item_thumbnail
	{float:left;width:215px;}
.themes .items_listing.shifted .item_thumbnail:nth-child(odd)
	{clear:none;}
.themes .items_listing.shifted .item_thumbnail:nth-child(2n+1)
	{margin-top:100px;}
.themes .items_listing.shifted .item_thumbnail:nth-child(4n+1)
	{clear:both;}


/* FETES DATES */

.fetes #logo
	{color:#916B46;}
.fetes,
.fetes #footer
	{background-color:#916B46;background-color: rgba(144, 107, 70, .95);}
.fetes #main ul li a
	{color:#916B46;}
.fetes #main ul li.active a
	{border-bottom:3px solid #916B46;}
.fetes .text
	{color:#916B46;}
.fetes .text .button_plus
	{color:#916B46;border-top:1px solid #916B46;}
.fetes .text .button_ressource
	{color:#916B46;}
.fetes .text .button_plus
	{color:#916B46;border-top:1px solid #916B46;}


.fetes .level_1 .col_1
	{float:left;width:225px;}
.fetes .level_1 .col_2
	{float:right;width:755px;}
.fetes .level_1 .col_3
	{float:left;width:376px;}

.fetes .level_1 .col_1 a
	{text-transform: uppercase; color:#916B46;text-decoration: none;font-size: 14px;}

.fetes .level_1 .col_1 ul {margin:5px 15px;}
.fetes .level_1 .col_1 ul li{padding: 0;}
.fetes .level_1 .col_1 ul a
	{text-transform: none; color:black;}
.fetes .level_1 .col_1 ul a.active
    {text-decoration: underline}
.fetes .level_1 .col_1 ul>li a
	{font-size: 13px;}
.fetes .level_1 .col_1 ul>li>ul>li a
	{font-size: 12px;}


.fetes .level_1 .col_1 ul.trad {margin:5px 0;}
.fetes .level_1 .col_1 ul.trad ul{margin:5px 0 5px 30px;}
.fetes .level_1 .col_1 ul.trad>li{list-style-type: none;padding:3px 0;}

.fetes .level_1 .col_1 ul.trad img{vertical-align: middle;margin-top: -2px; margin-right: 1px;}

.fetes .items_listing
	{background-color:#FFFFFF;margin:10px;padding:10px 20px;}

.fetes .items_listing h2
    {color:#916B46;}

.fetes .items_listing .item_liste
    {margin: 0 0 15px 0;}
.fetes .items_listing .item_liste .cal_jour
        {float: left;}
.fetes .items_listing .item_liste .jour
    {
        float:left;width: 60px;
        font-size: 20px;
        line-height: 100%;
        font-family:open_sansbold;
        text-align: left;
        padding:4px;
        background-color:#916B46;
        color: white;
        text-align: right;
    }
.fetes .items_listing .item_liste .jour.small{}
.fetes .items_listing .item_liste .jour .nom_jour
    {
        display: block;
        float: left;
        width: 20px;
        font-family:open_sansregular;
        font-size: 11px;
        text-transform: none;
    }
.fetes .items_listing .item_liste .tradition
    {
        float:left;width: 80px;
        font-size:11px;
        text-align: center;
    }
.fetes .items_listing .item_liste .tradition img
    {vertical-align:middle;}
.fetes .items_listing .item_liste .fete
    {float:left;width: 520px;}

.fetes .items_listing .item_liste .nom
    {font-family:open_sansbold;font-size:14px;}
.fetes .items_listing .item_liste .nom .info
    {font-family:open_sansregular;font-size:11px;}
.fetes .items_listing .item_liste .description
    {padding: 3px 0;}
.fetes .items_listing .item_liste .note
    {font-size:11px;}

.fetes .items_listing .item_liste .more
    {}

.fetes .items_listing .item_liste .more .info_cont
    {border-top: 1px solid #916B46;border-bottom: 1px solid #916B46; padding: 7px 0; margin: 7px 0;}

.fetes .items_listing .item_liste .more p
    {margin:0;}

.fetes .items_listing .item_liste .more * a
    {font-size:11px;text-decoration: none;}

.fetes .items_listing .item_thumbnail
	{float:left;width:150px;text-align: center;font-size: 14px;cursor: pointer;}

.fetes .list_traditions .item
    {padding-bottom: 7px;float:left; width: 150px;}
.fetes .list_traditions .item:last-child{width: auto;}
.fetes .list_traditions .item img
    {vertical-align: middle;margin-top:-3px;}
.inputbox
	{
	display:block;float:left;clear:both;
	border:0;
	padding:0;margin:10px 0;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width:310px;height:25px;
	}
.inputbox input[type="text"]
	{
	float:left;
	-webkit-border-radius:0;
	position:relative;
	display:inline-block;
	vertical-align:top;
	border:0;
	height:25px;width:285px;
	background-color:#FFFFFF;
	}
.inputbox .button
	{
	position:relative;
	float:right;
	display:inline-block;
  	display:inline;
	padding:0;line-height:25px;height:25px;width:25px;text-align:center;
	font-size:13px;text-decoration:none;font-family:websymbols;
	border:0;
	background-color:#FFFFFF;
	background-image:none;
	}
.inputbox .button:hover
	{
	color:#404040;
	border:0;
	background-color:#EAEAE8;
	background-image:none;
	}

/* RESSOURCES */

#ressources{}
#ressources_nav{clear: both; background-color: white; background-color: rgba(255,255,255,.9);}
#ressources_nav ul{padding:0; margin:0; display:block;}
#ressources_nav li{list-style: none;margin:0; display:inline-block;}
#ressources_nav li button
	{
		border: 0 none;
		background-color: #427069;
		background-size: 100% 100%;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		padding: 7px 18px;
		font-family: open_sansbold;
		color: white;
		text-transform: uppercase;
		font-size: 12px;
		margin: 7px 0;
	}
#ressources_nav.small li button
	{padding: 2px 18px;margin-top: 14px;margin-bottom: 0;}
.ressources #logo
	{color:#427069;}
.ressources,
.ressources #footer
	{background-color:#427069;background-color: rgba(66, 112, 105, .95);}
.ressources #main ul li a
	{color:#427069;}
.ressources #main ul li.active a
	{border-bottom:3px solid #427069;}
.ressources .text
	{color:#427069;}
.ressources .text .button_plus
	{color:#427069;border-top:1px solid #427069;}
.ressources .text .button_ressource
	{color:#427069;}
.ressources .text .button_plus
	{color:#427069;border-top:1px solid #427069;}

.ressources .level_1 .col_1
	{float:left;width:675px;}
.ressources .level_1 .col_2
	{float:left;width:305px;}

.ressources .level_1 .col_full
	{float:left;width:100%;}
.ressources .items_listing .item_thumbnail
	{float:left;width:225px;}
.ressources .items_listing .item_thumbnail:nth-child(odd)
	{clear:both;}


.ressources h2 {padding: 10px 0;clear: both;}
.ressources .ressources_cont {padding: 10px 0 20px 0; color:black; clear: both;}

.ressources .ressources_cont .types{float:left; width: 40px;}
.ressources .ressources_cont .cont{float:left; width: 580px;}
.ressources .ressources_cont .links{float:left; width: 250px;margin-left: 50px;margin-top:-15px;}
.ressources .ressources_cont p{margin:0;}

.ressources .ressources_cont .titre{font-size: 15px;font-weight: bold;color:#427069}
.ressources .ressources_cont .descriptif{font-size: 14px;}
.ressources .ressources_cont .descriptif_res{font-size: 14px;}
.ressources .ressources_cont .label{margin-top: 7px; font-weight: bold; color:#427069;}

.ressources .ressources_cont .more_content,
.ressources .ressources_cont .links .link{display: none;}

.ressources .ressources_cont.active .more_content,
.ressources .ressources_cont.active .links .link{display: block;}

.ressources .ressources_cont .thumb{}
.ressources .ressources_cont .thumb img{width:100%;}

.ressources .ressources_cont .more{display: block;}
.ressources .ressources_cont .less{display: none;}

.ressources .ressources_cont.active .more{display: none;}
.ressources .ressources_cont.active .less{display: block;}
.ressources .ressources_cont.active .descriptif_res{display: none;}

.ressources .ressources_cont .more,
.ressources .ressources_cont .less
	{float:right;}
.ressources .ressources_cont .more button,
.ressources .ressources_cont .less button
	{
		border: 0 none;
		background-color: #427069;
		background-size: 100% 100%;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 2px 15px;
		font-weight: bold;
		color: white;
		text-transform: uppercase;
		font-size: 16px;
		margin: 14px 0;
	}

.ressources .ressources_cont .types .type{
  width:25px; height:25px;
  overflow: hidden;
  background: #427069 url(img/types/image.png) left top no-repeat;
  background-size: 100% 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 4px;
}

.ressources .ressources_cont .types .type .label{display: none;}

.ressources .ressources_cont .types .type.image{background-image: url(img/types/image.png);}
.ressources .ressources_cont .types .type.txt_info{background-image: url(img/types/txt_info.png);}
.ressources .ressources_cont .types .type.video{background-image: url(img/types/video.png);}
.ressources .ressources_cont .types .type.fiche_activite{background-image: url(img/types/fiche_activite.png);}
.ressources .ressources_cont .types .type.cartes_infographies{background-image: url(img/types/cartes_infographies.png);}
.ressources .ressources_cont .types .type.musique{background-image: url(img/types/musique.png);}
.ressources .ressources_cont .types .type.bricolage{background-image: url(img/types/bricolage.png);}
.ressources .ressources_cont .types .type.cuisine{background-image: url(img/types/cuisine.png);}
.ressources .ressources_cont .types .type.audio{background-image: url(img/types/audio.png);}



.ressources .ressources_cont .link{}
.ressources .ressources_cont .link .titre{font-size: 15px;font-weight:bold;text-transform: uppercase; margin: 15px 0 0 0;}
.ressources .ressources_cont .link .bt{
  display: block;
  text-decoration: none;
  padding: 1px 0;
}

.ressources .ressources_cont .link .bt.file:before{content: "» ";}
.ressources .ressources_cont .link .bt.link:after{content: " »";}


/* CONNECTION, LOGIN, INSCRIPTION */
div.form table{width: 100%;}
div.form table td{padding-bottom: 4px;}
div.form table .label{width: 30%; vertical-align: top;}

div.form input[type="text"],
div.form input[type="password"]{border: 1px solid #999;}

/* FROMATED TEXT */
.formated h1,
.formated h2
	{margin: 10px 0;clear: both;}
.formated h3,
.formated h4,
.formated h5,
.formated h6,
.formated p
	{margin: 5px 0;}
.formated h1
	{font-size:16px;font-weight:normal;font-family:open_sansbold;text-transform:uppercase;}
.formated h2
	{font-size:15px;font-weight:normal;font-family:open_sansbold;text-transform:uppercase;}
.formated h3
	{font-size:14px;font-weight:normal;text-transform:none;}
.formated h4
	{font-size:13px;font-weight:normal;font-style: normal;}

/* MISE EN FORME IMAGES*/
.img-cont .legend,
p.legend{
	font-size: 11px;
	color: #555;
}

#content.accueil .img-cont .legend,
p.legend{
	color: #db8400;
}

.img-cont.default{
	float: none;
}
.img-cont.left{
	float: left;
	margin: 0 10px 10px 0;
}
.img-cont.right{
	float: right;
	margin: 0 0 10px 10px;
}
.img-cont.block{
	float: none;
}
/* FIN - MISE EN FORME IMAGES*/

/* Responsive */
@media all and (max-width:1020px){
    html,
    body,
    div,p
	{font-size:14px;}
    h1{font-size: 30px;}
    h2{font-size: 20px;}

    .inputbox {width: 100%;}
    .inputbox input[type="text"] {width:89%;}
    .inputbox .button {width:10%;}

    .button_next,
    .button_abo,
    .button_commande,
    .button_plus,
    .button_back{font-size: 16px;}
    .button_abo{margin-top: 7px;}
    .button_commande,
    .button_plus,
    .button_plus.margin,
    .button_back{padding: 10px 0;}

    #logo{left:10px;}
    #content{width: 100%;}
    .wrapper
        {width:100%;}


    .accueil .col_2 .text.fixe
        {height: auto;}

    #main ul li {margin-left: 20px;}
    #main ul li a {font-size: 14px;}

    .accueil .col_1 {width:40%;}
    .accueil .col_2 {width:60%;}

    .accueil .col_1 .item_thumbnail
        {height: auto;}
    .accueil .col_2 .text
        {height: auto;}
    .accueil .dates .tab_content {
        width: 100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        }

    .accueil .items_listing {width: 100%;}
    .accueil .items_listing h3{font-size: 13px;}
    .accueil .items_listing .item_thumbnail {width: 28%;}
    .accueil .items_listing .button_next.right {clear: both;}

    .compte .col_1 {width:100%;float: none:}
    .compte .col_2 {width:100%;float: none:}

    .ressources .level_1 .col_1 {width: 80%}

    .fetes .level_1 .col_1
        {width:32%;}
    .fetes .level_1 .col_2
        {width:68%;}
    .fetes .level_1 .col_3
        {width:30%;}
    .fetes .items_listing .item_liste .fete
        {width: 100%; margin: 10px 0;}

    .fetes .items_listing .item_thumbnail {width: 28%}

    .fetes .level_1 .col_1 a
        {text-transform: uppercase; color:#916B46;text-decoration: none;font-size: 15px;}

    .fetes .level_1 .col_1 ul {margin:5px 5px 0 15px;}
    .fetes .level_1 .col_1 ul li{padding-bottom: 3px;}
    .fetes .level_1 .col_1 ul.trad li{padding:5px 0;}

    .fetes .level_1 .col_1 ul>li a
        {font-size: 14px;}
    .fetes .level_1 .col_1 ul>li>ul>li a
        {font-size: 13px;}


    .themes .level_1 .col_1{width: 65%}
    .themes .level_1 .col_2{width: 30%}
    .themes .level_1 .col_2 .item_thumbnail{width: 100%}

    .themes .level_2 .col_1{width: 40%}
    .themes .level_2 .col_2{width: 60%}

    .themes .items_listing.shifted
        {width:100%;margin:0 -10px;}
    .themes .items_listing .item_thumbnail
        {float:left;width:190px;}
    .themes .items_listing .item_thumbnail:nth-child(odd)
        {clear:both;}

    .themes .items_listing.shifted .item_thumbnail
        {width:180px;margin: 10px 5px;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(odd)
        {clear:none;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(2n+1)
        {margin-top:100px;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(4n+1)
        {clear:both;}

    .themes .item_fiche {width:100%;}



    .themes .level_3 .col_1,
    .themes .level_3 .col_2{float:none; width: 100%;clear: both}
    .themes .level_3 .col_2 .item_thumbnail{width: 100%}



    .navig
        {position:relative;height:20px;line-height:20px;}
    .navig a
        {font-size: 16px;}


    .navig .select .options .item
        {padding:5px; font-size: 15px;}

    .navig .select .bt .label
        {font-size: 16px;}


    .navig .prev.icon,
    .navig .next.icon,
    .navig .icon
	{
        font-size: 20px;
        padding-left:20px;
	}

	#images .nav-content.main{
		display: none;
	}
	#images .nav-content.responsive{
		display: block;
	}

	#contents .nav-content{
		display: none;
	}
	#contents .text {
	  display: block;
	}
}
@media all and (max-width:780px){
    .accueil .col_2.col_100{width:100%;}


    .themes .items_listing.shifted
        {width:100%;margin:0;}
    .themes .items_listing.shifted .item_thumbnail
        {width:225px;margin: 10px;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(odd)
        {clear:none;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(2n+1)
        {margin-top:50px;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(4n+1)
        {clear:none;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(3n+1)
        {clear:both;}
}

@media all and (max-width:750px){
    .themes .items_listing.shifted .item_thumbnail
        {width:200px;}
}
@media all and (max-width:680px){
    #logo{font-size: 16px;}
    #main ul li {margin-left: 10px;}
    #main ul li a {font-size: 12px;}
    #footer{position: static;}


    .themes .items_listing.shifted .item_thumbnail
        {width:45%;}

    .themes .items_listing.shifted .item_thumbnail:nth-child(4n+1)
        {clear:none;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(3n+1)
        {clear:none;}

    .themes .items_listing.shifted .item_thumbnail:nth-child(odd)
        {clear:both; float:left;}
    .themes .items_listing.shifted .item_thumbnail:nth-child(even)
        {clear:none; float:right;margin-right: 20px;margin-left: 0;}

    .fetes .items_listing .item_thumbnail {width: 40%}
}

@media all and (max-width:560px){
    #content,
    #header,
    body,
    .wrapper{width:560px;}

    .copyright{font-size:10px;}
}

@media print{
    .print{display: block;}
    .screen{display: none;}

    #header_print{display: block; border-bottom: .25pt solid black;padding-bottom: 10px;margin-bottom: 10px;}
    #header_print h1{float: right;font-size: 20px;margin: 0;}
    #header_print .logo,
    #header_print .url
        {font-family:open_sansregular;font-size:20px;padding:0;line-height:1.2;}
    #header_print .url{font-size: 10px;margin-top: 7px;}

    #footer_print
        {
            display: block;
        clear:both;
        border-top: .25pt solid black;
        padding-top: 10px;
        margin-top: 10px;
        }

    body, html{background: transparent none;}
    img.background {display: none;}

    #content
        {min-height: 0; height:auto;padding:0 0;width:100%;margin:auto;}
    .wrapper{width: 100%;}

    .accueil .col_2 .text.fixe
        {height: auto;}

    .accueil,
    .accueil #footer,
    .themes,
    .themes #footer,
    .fetes,
    .fetes #footer,
    .ressources,
    .ressources #footer
	{background: transparent none;}

    .accueil *,
    .themes *,
    .fetes *,
    .ressources *
	{color:black;border-color:black;}

    .item_fiche .title h1 {color: black;text-align: left;}

    #header,
    nav#login,
    nav#main,
    div.nav_block{display: none;}


    .button_plus,
    .button_commande,
    .button_abo,
    .button_next,
    .button_back,
    .navig,
    ul.tabs li a.icon{display: none;}

    .zoom_image{width: 75%;}
    .zoom_image .icon{display: none;}
    #content * .col_1,
    #content * .col_2,
    #content * .col_3,
    #content * .col_4{clear: both; float: none; width: 100%;}

    .home ul.tabs li a span.date_small{display:none;}

    .fetes .level_1 .col_1 {display: none;}
    .fetes .level_1 .col_2,
    .fetes .level_1 .col_3{float: none; width: 100%;}


    .fetes .items_listing
        {}

    .fetes .items_listing .item_liste
        {}
    .fetes .items_listing h2 {color:black;}

    .fetes .items_listing .item_liste .cal_jour
        {float: left; width: 23%;}
    .fetes .items_listing .item_liste .jour
        {
            width: 60px;
            font-size: 20px;
            color:black;
            background-color: transparent;
        }
    .fetes .items_listing .item_liste .jour.small{}

    .fetes .items_listing .item_liste .jour .nom_jour
        {font-size: 11px;}
    .fetes .items_listing .item_liste .tradition
        {width: auto; float: right;padding-right: 10px;}

    .fetes .items_listing .item_liste .fete
        {float:left;width: 75%;margin: 4px 0;}


    .fetes .items_listing .item_thumbnail
        {float:left;width:150px;text-align: center;font-size: 14px;cursor: pointer;}

    .themes .items_listing.shifted
        {width:100%;}
    .themes .items_listing.shifted .item_thumbnail,
    .themes .items_listing.shifted .item_thumbnail:nth-child(odd),
    .themes .items_listing.shifted .item_thumbnail:nth-child(2n+1),
    .themes .items_listing.shifted .item_thumbnail:nth-child(4n+1)
        {float:none;clear:both; width: 100%;margin: 0 0 10px 0;}

    .themes .items_listing.shifted img.responsive{float:left; width: 200px;}
    .themes .items_listing.shifted blockquote{float:left;margin: 20px 0 0 0;}


    .themes blockquote.caption h4 {font-size:13px;}
    .themes blockquote.caption p {font-size:11px;}

    .item_note cite.caption{border-left:1px solid #000000;}
    .accueil .col_1,
    .accueil .col_2{float: none; width: 100%;}

    .accueil .col_1 .item_thumbnail,
    .accueil .col_2 .text {height: auto;}

    .item_fiche .text {padding:10px;}

    .item_note .evidence {background-color: #ffff00;}

    #footer
        {display: none;}


		#contents .nav-content,
		#images .nav-content.main,
		#images .nav-content.responsive,
		#images .nav-content
		{
			display: none !important;
		}
		#contents .text,
		#images .image{
			display: block;
			padding-bottom: 15px;
			margin-bottom: 25px;
			border-bottom: 1px solid black;

		}
		#contents .text:last-child{
			margin-bottom: 0;
			border-bottom: 0 none;
		}
		#contents #content-1{
			padding-top: 15px;
			margin-top: 25px;
			border-top: 1px solid black;
		}

}



/* FETES MOBILE */
.fetes.mobile #content,
.fetes.mobile #header,
body.fetes.mobile,
body.fetes.mobile .wrapper{width:100%;}

body.fetes.mobile .welcome{
    margin: 10px 7px;
    margin-bottom: 20px;
    padding: 5px 10px;
    border: 3px solid white;
    color: white;
}
body.fetes.mobile .welcome p{font-size: 1.15em;}

body.fetes.mobile .box .close{text-align: center; text-transform: uppercase; font-size: .8em;}
body.fetes.mobile .box .close:before{content: '[ ';}
body.fetes.mobile .box .close:after{content: ' ]';}

.fetes.mobile #content{padding-top: 100px; padding-bottom: 20px;}

.fetes.mobile .wrapper{width:100%}
.fetes.mobile .level_1 .col_1
    {width:100%;}
.fetes.mobile .level_1 .col_2
    {width:100%;}
.fetes.mobile .level_1 .col_3
    {width:100%;}
.fetes.mobile .items_listing .item_liste .fete
    {width: 100%; margin: 10px 0;}


.fetes.mobile .items_listing .item_thumbnail {width: 100%}

.fetes.mobile .col_2 .items_listing .item_thumbnail {width: 32%;margin:10px 0;}

.fetes.mobile .item_fiche .title h1,
.fetes.mobile  h1{
    text-align: left;
    color: #FFF;
    font-family: open_sansregular;
    margin: 10px 0px 20px 0;
    font-size: 25px;
}
.fetes.mobile  .col_2>h1{margin: 10px;}

.fetes.mobile #logo{bottom: auto; top:10px; z-index: 999;}
.fetes.mobile #header figure.partners{position: absolute; top: 0px; right: 0;}
.fetes.mobile nav#main{padding-top:35px; padding-bottom: 5px; text-transform: uppercase;float: left;}
.fetes.mobile nav#main a{text-decoration: none; font-size: 11px; color:#916B46;}
.fetes.mobile nav#main a.active{text-decoration: underline;}


.fetes.mobile div.submenu .text{
    margin: 10px;
    padding: 0;
    padding-top: 2px;
    padding-left: 40px;
    background: transparent url(../images/submenu.white.png) 0 0 no-repeat;
    min-height: 25px;
    cursor: pointer;
}
.fetes.mobile div.submenu a{display: block; background-color: white;padding: 2px 10px; text-decoration: none;font-family: open_sansbold;text-transform: uppercase;color:#916B46;}

.fetes.mobile div.submenu nav{display: none;}
.fetes.mobile div.submenu nav{margin:10px;padding:0;padding-left: 40px;}
.fetes.mobile div.submenu nav a{padding:5px 10px;}
.fetes.mobile div.submenu nav ul,
.fetes.mobile div.submenu nav ul li{display: block;margin:0;padding:0;clear: both;}

.fetes.mobile div.submenu nav ul.trad{background-color: white;}
.fetes.mobile div.submenu nav ul.trad li{padding:5px 10px;}
.fetes.mobile div.submenu nav ul.trad img{vertical-align: middle;}
.fetes.mobile div.submenu nav ul.trad a{display: inline;background: transparent none; padding: 0; margin:0;}
.fetes.mobile div.submenu nav ul.trad ul li{padding:0;margin:10px 0;text-align: center;}

.fetes.mobile div.submenu nav ul ul{background-color: white;display: none}
.fetes.mobile div.submenu nav ul li.active ul{display: block;}
.fetes.mobile div.submenu nav ul ul li{float: left;clear: none;width: 33%;}
.fetes.mobile div.submenu nav ul ul li:nth-child(3n){width: 34%;}
.fetes.mobile div.submenu nav ul ul li a{text-transform: none;font-family: open_sansregular;margin:0;font-size: 13px;}
.fetes.mobile div.submenu nav ul ul li a.active{text-decoration: underline;}

.fetes.mobile div.submenu nav ul.trad ul li{float: left;clear: none;width: 25%;}

.fetes.mobile nav#main .item_fiche .text{float:left;padding:10px 0 2px 15px;margin:0;background-color: transparent;}
.fetes.mobile nav#main .item_fiche .text:first-child{padding-left: 10px;}