/* switching box model for all elements */
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html { font-size: 16px; }
}
section p
{
	color: #555;
	padding: .8em;
	margin: 0;
	background-image:url(../images/paragraphe-p.png);
	background-repeat:repeat;
	border-radius:0 0 10px 10px;
}
body
{
	margin: auto;
	padding: 10px;
	width: 90%;
	max-width:1000px;
	background-color: #fff;
	color: #000;
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
}
/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, #navigation, section { display: block; }
.header
{
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	margin: auto;
	padding: 10px;
	height: 200px;
	width: 90%;
	max-width:1000px;
	border-radius:10px 10px 0 0;
}
section
{
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1em;
	color: #000;
	margin: auto;
	padding: 4%;
	width: 90%;
	max-width:1000px;
	background-color:#151;
	min-height:1200px;
}
#section
{
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1em;
	color: #000;
	margin: auto;
	padding: 4%;
	width: 90%;
	max-width:1000px;
	background-color:#151;
}
.colcentre
{
	float:left;
	width:75.5%;
	overflow:hidden;
}
.lien_pagination {color:red;}
.article2
{
	width:90%;
	margin:auto;
	overflow:hidden;
}
.article2 table.spip
{
	border: 1px solid #fff;
	width:85%;
	margin:auto;
	text-align:center;
	border-collapse:collapse;
}
.article2 img {border:2px solid #fff;}
.article2 h3 {text-align:center; font-size:1.3em;}
.article2 th { background-color:#093; }
.article2 tr { border: 1px double #fff; }
.article2 td, .article2 th { border: 1px solid #fff; }
.article2 tr.even td { background-color:#060; }
.article2 tr td img{ border:none; }
.article2 caption{color:#fff; background-color:transparent;border: 1px solid white; border-radius: 10px 10px 0 0 ;}
.article2 dl dt a img{border:none;}
.wrapper {margin-bottom:15px;}
#socialtags, .pdf {float:left;}
.pdf img, #socialtags img, img.socialtags-hovers{border:none;}
.pdf img {	opacity: .4;
	filter: alpha(opacity=40);
}
.pdf img:hover{	opacity: 1;
	filter: alpha(opacity=100);
}
.article2 ul li
{
	margin-bottom:10px;
}
.article2 fieldset{
    border:2px solid white;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	padding:15px;
}
.article2 tbody tr:nth-child(even) th,
.article2 tbody tr:nth-child(even) td,
.article2 tbody tr.even th,
.article2 tbody tr.even td { background: transparent; }

h1.surlignable img{border:none;}
article
{
	background-image:url(../images/paragraphe-p.png);
	background-repeat:repeat;
	color:#fff;
	margin-right:4%;
	margin-bottom:2%;
	padding:1em;
	border-radius:10px;
}
article.ie { display:none; }
.article p
{
	max-height:200px;
	overflow:hidden;
}
article:hover, aside:hover { box-shadow: 5px 5px 12px #3b3; }
article h2
{
	text-align:center;
	color:#181;
	background-color:#EEE;
	border-radius:10px;
	box-shadow:2px 2px 2px #000;
	line-height:1.5em;
	font-size:1.5em;
}
article a
{
	color:#FFF;
	text-decoration:underline;
}
article a:hover { color:#F60; }
.coldr
{
	float:right;
	width:24.5%;
}
aside
{
	background-color:#fff;
	padding:5px;
	margin-bottom:5%;
	color:#000;
	text-align:center;
	border-radius:10px;
	box-shadow:2px 2px 2px #000;
}
img, object, embed, canvas, video, audio, picture
{
	max-width: 100%;
	width: auto;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	_width: 100%; /* IE6 seulement */
}
#navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.agenda { clear:both; }
.footer
{
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1em;
	color: #fff;
	margin: auto;
	padding: 4%;
	width: 90%;
	max-width:1000px;
	background-color:#000;
	border-radius:0 0 10px 10px;
	max-height:200px;overflow:hidden;
}
.footer a {text-decoration:none; color:#fff;}
.footer a:hover{color:#f60;}
.formulaire_recherche{ background-color:#000;background-image:url(../images/recherche.png);height:20px; background-repeat:no-repeat;width:177px;margin-bottom:15px;}
.formulaire_recherche label, .formulaire_recherche .submit{display:none;}
.formulaire_recherche input#recherche{ width:152px; border-radius:10px;margin-left:25px;color:#333;}
#formulaire_login{width:300px;margin-top:-20px;}
#formulaire_login tr{background-color:#000;}
#formulaire_login tbody tr:nth-child(even) th,
#formulaire_login tbody tr:nth-child(even) td,
#formulaire_login tbody tr.even th,
#formulaire_login tbody tr.even td { background: transparent; }

.bouton
{
	display:block;
	padding:5px;
	color:#fff;
	border-radius:10px;
	width:100px;
	text-align:center;
	text-shadow: 0 0 1px #000;
	box-shadow:2px 2px 2px #000;
	background: #346e34; /* Old browsers */
	background: -moz-linear-gradient(top, #346e34 0%, #4a9b4d 51%, #346e34 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #346e34), color-stop(51%, #4a9b4d), color-stop(100%, #346e34)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #346e34 0%, #4a9b4d 51%, #346e34 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #346e34 0%, #4a9b4d 51%, #346e34 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #346e34 0%, #4a9b4d 51%, #346e34 100%); /* IE10+ */
	background: linear-gradient(to bottom, #346e34 0%, #4a9b4d 51%, #346e34 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346e34', endColorstr='#346e34', GradientType=0 ); /* IE6-9 */
}
.bouton:hover { box-shadow:none; }
.bouton a
{
	color:#FFF;
	text-decoration:none;
}
@media screen and (max-width: 999px) {
	 .colcentre {
		 float:none;
		 width:100%;
		 min-width:220px;
		 margin-right:0;
		 margin-bottom:2%;
	}
	 .coldr {
		 float:none;
		 width:100%;
		 min-width:180px;
		 margin-bottom:2%;
	}
}
@media screen and (max-width: 479px) {
	 .header {
		 background-image:url(../images/header-background.jpg);
		 background-position:bottom right;
		 background-repeat:no-repeat;
		 text-align:center;
	}
	 img.spip_logos {
		display:none;
	}
}
@media screen and (min-width: 480px) {
	 .header {
		 background-image:url(../images/header2-background.jpg);
		 background-position:bottom right;
		 background-repeat:no-repeat;
	}
}
 @media screen and (max-width: 999px) {
	 header {
		 position: absolute;
		 top: 0;
		 right: 0;
		 left: 0;
		 padding: 1em .8em;
		 background: #2D2D2D;
	}
	 h1 {
		 margin: 0;
		 color: #fff;
		 font-size: 2.3em;
		 text-shadow: 1px 1px 0 #000;
		 -webkit-transition: opacity .8s;
		 -moz-transition: opacity .8s;
		 -ms-transition: opacity .8s;
		 transition: opacity .8s;
	}
		 header a {
		 color: #fff;
		 text-decoration: none;
	}
		
		/* unicode character for menu button */
	[data-icon]:before {
		 content: attr(data-icon);
	}
		
		/* styling menu button */
	#navigation label, #navigation [type=checkbox] {
		cursor: pointer
	}
	 #navigation [type=checkbox] {
		display: none
	}
	 #navigation label {
		 position: absolute;
		 top: 7px;
		 right: 8px;
		 z-index: 1337;
		 padding: 0.1em 0.3em;
		 font-size: 3.8em;
		 font-weight: bold;
		 line-height: .7em;
		 text-shadow: 1px 1px 0 #000;
		 background-color: #555;
		 border-radius: 4px;
		 color: #fff;
	}
	 #navigation div > ul {
		 background: #151;
		 position: absolute;
		 top: 0;
		 left: -80.5%;
		 z-index: 1337;
		 width: 80%;
		 max-width: 300px;
		 border-radius: 0 0 6px 0;
		 border-bottom: 1px solid #121214;
		 border-right: 1px solid #121214;
		 -webkit-transition: left .4s;
		 -moz-transition: left .4s;
		 -ms-transition: left .4s;
		 transition: left .4s;
	}
	 #navigation [contenteditable] {
		outline: none;
	}
		
		/* handling clic with CSS3 target */
	#navigation input:checked + ul {
		 left: 0;
	}
		
		/* styling navigation items */
	#navigation ul {
		 margin: 0;
		 padding: 0;
	}
	 #navigation li {
		 list-style: none;
	}
	 #navigation li a {
		 display: block;
		 padding: .9em .6em;
		 color: #ff0;
		 border-top: 1px solid #424242;
		 border-bottom: 1px solid #121214;
		 font-size: 1.1em;
	}
	 #navigation li a:not(:only-child):after {
		 content: "›";
		 float: right;
		 font-size: 1.2em;
		 color: #fff;
		 margin-right: .4em;
		 line-height: 1;
	}
	 #navigation li:last-child a {
		 border-bottom: 0;
	}
	 #navigation li a:hover, #navigation li a:active {
		 background-color:#346E34;
	}
	
		/* styling submenus */
	#navigation ul ul {
		 max-height: 0;
		 overflow: hidden;
		 background-color:#346E34;
		 width:300px;
		 -webkit-transition: .4s max-height;
		 -moz-transition: .4s max-height;
		 -o-transition: .4s max-height;
		 -ms-transition: .4s max-height;
		 transition: .4s max-height;
	}
	 #navigation li:hover > ul {
		 max-height: 25em;
	}
	 #navigation li:hover a:not(:only-child):after {
		 -webkit-transform: rotate(90deg);
		 -moz-transform: rotate(90deg);
		 -o-transform: rotate(90deg);
		 -ms-transform: rotate(90deg);
		 transform: rotate(90deg);
	}
}
 @media screen and (min-width: 999px) {
	 #navigation {
		width: 90%;
		max-width:1000px;
		background-color:#000;
		border-top:1px solid white;
		height:34px;
		margin:auto;
	}
	 #navigation label, #toggle {
		display: none;
	}
	 #navigation ul {
		 margin:0;
		 padding:0;
		 list-style:none;
		 text-align:center;
		 padding-top:3px;
	}
	 #navigation li {
		 float:left;
		 margin:auto;
		 padding:0;
		 background-color:black;
	}
	 #navigation li a {
		 display:block;
		 width:110px;
		 color:white;
		 text-decoration:none;
		 padding:5px;
	}
	 #navigation li.on a , #navigation li a:hover {
		color:#FFD700;
	}
	 #navigation ul li ul {
		display:none;
	}
	 #navigation ul li:hover ul {
		display:block;
		width:150px;
	}
	 #navigation li:hover ul li {
		float:none;
		height:28px;
	}
	 #navigation li:hover ul li a {
		border:1px solid transparent;
		border-radius:5px;
		box-shadow: 1px 1px 12px transparent;
		width:144px;
		margin-left:3px;
		margin-right:3px;
	}
	 #navigation li:hover ul li a:hover {
		border:1px solid #447733;
		border-radius:5px;
		box-shadow: 2px 2px 2px #447733;
		background-color:#21620e;
		height:25px;
	}
}
@media (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	 body {
		-webkit-text-size-adjust:70%
	}
}
.on {
color:#FF0;
}
/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { width: 10em; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
.formulaire_recherche input.submit {}
.spip_surligne {background-color:#FF0;}
hr {
	background-color:#fff;
    color: #fff;
}