/*
rouge #cc0118
jaune #f5c300
bleu #29438a
breves #679B00 #87b32d
*/

* { padding:0px; margin:0px;}

body {
	font-family: 'PT sans', Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-weight:normal;
	color:#333;
}
#bac-a-sable {
	background-color:#eadfba !important;
}
#bac-a-sable #contenu {
	background:transparent url("../img/bac-a-sable.png") 50% 50% no-repeat;
	background-attachment:fixed;
}

/* formulaire recherche google */
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
	font-family: 'PT sans', Verdana, sans-serif;
}
.cse .gsc-control-cse, .gsc-control-cse {
	padding-left:0;
}

#menu #local {display:none;}

/*--------------------------------------------
 * styles principaux
 *--------------------------------------------
*/
img {
	border:none;
}
.page_article #contenu img {
	padding:5px;
}
.page_article #partager img {
	padding:0;
}
#contenu h1 {
	font-family: 'PT Sans narrow', Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	color:#999;
	font-size:300%;
	line-height:100%;
}
#contenu h2 {
	font-family: 'PT Sans narrow', Arial, sans-serif;
	font-size: 150%;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;	
	color:#333;
	margin-bottom:0.5em;
}
#contenu h3 {
	font-family: 'PT Sans narrow', Arial, sans-serif;
	font-size: 200%;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;	
	margin-top:30px;
	margin-bottom:6px;
	color: #999;
}
div.intertitre {
	font-family: 'PT Sans narrow', Arial, sans-serif;	
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;	
	color:#333;
	padding-left:5px;
	margin-bottom:10px;
}

ul {
	list-style-position:inside;
	list-style-type:none;
}
em {
	color: #666;
	font-style:normal;
}
a {
	text-decoration:underline;
}
.adroite {
	text-align:right;
}
.signature {
	text-align:right;
	font-size:0.9em;
}
p.antispam {
	display:none;
}
.erreur {
	color: red;
}
p.boutons {
	font-weight:400;
}
p.boutons intput {
	text-align:center;
}
/*-- affichage microscopique pour protection des adresses e-mail --*/
.z {
	font-size:.001px;
	color:transparent;
}
hr.spip {
	margin-top:2em;
	margin-bottom:1em;
	color:#ccc;
}
img.spip_logos {
	border:none;
}

/*---- page article / rubrique -----*/

#texte-rubrique {
	margin-bottom:2em;
	border-bottom:1px solid #29438a;
}
#texte-article {
	overflow:hidden;
}
#texte-sommaire,
#texte-rubrique p,
#texte-article p {
	font-family: 'PT Sans', Times, serif;
	font-size: 100%;
	line-height: 18px;	
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	margin-bottom:0.5em;
}
#texte-article .texte p,
#texte-article table  {
	margin-left:2em;
}
#texte-article table  {
	margin-left:2em;
	margin-bottom:2em;
}

#plan-rubrique .article img {
	float:left;	
}

/*--------------------------------------------
 * colonne des brèves
 *--------------------------------------------
*/
#colonne-breves h1 {
	font-family: 'PT Sans narrow', Arial, sans-serif;;
	font-size:3em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}
#colonne-breves h2 {
	font-family: 'PT Sans', Arial, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;	
	line-height:110%;
	width:100%;
	color:#FFF;
	text-align:center;
	margin-bottom:0.5em;
}
#colonne-breves .liste-local h2 {
	color:inherit;
}
.contenu-breve {
	overflow:hidden;
}
.contenu-breve p, 
.contenu-breve li.spip
{
	font-size:100%;
	line-height:130%;
	text-align:left;
	color:#FEFEFE;
}
.contenu-breve strong,
.contenu-breve b  {
	font-weight:normal;
	color:#C9F76F;
}
.contenu-breve a
{
	color:#C9F76F;
	text-decoration:underline;
}
.contenu-breve a:hover
{
	color:#9FEE00;
}
.contenu-breve a:active
{
	color:#679B00;
}
.contenu-breve img
{
	max-width:100%;
	margin:0.5em;
	margin-left:auto;
	margin-right:auto;	
	height:auto;
}
#colonne-breves .pub {
	text-align:center;
	width:210px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
#local {
	color:#333;
	background-color:#FFF;
	padding:0.5em;
	border:1px solid #BF3030;
	padding:2px;
}
#local .entete {
	background-color:#BF3030;
}
#local .entete img {
	width:30%;
	height:auto;
	float:left;
	padding:5px;
}
#local .entete h1 {
	color:#FFF;
	font-family: 'PT Sans', Arial, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;	
	line-height:110%;
	padding:0.5em;
	position: relative;
    padding-bottom:1em;
    margin-bottom:1em;
    padding-left:40%;
}
#local .entete h1:after {
    position: absolute;
    bottom: 5px;
    margin-left:0%;
    margin-right:45%;
    content:"";
    display:block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF; 
} 
#local .resultats {
	padding:0.5rem;
	text-align:left;
}
#local .resultats h2 {text-align:left; margin-top:1rem;color:#BF3030;}
#local form {
	text-align:center;
	overflow:hidden;
}
#local .resultats a.btn_modifier,
#local .resultats a.btn_ajouter {
	display:inline-block;
	font-family: "Roboto Condensed", Arial,sans-serif;
	color:#BF3030;
	font-size:.95rem;
	text-decoration:none;
	padding:0.1rem 0.5em;
	margin-top:0.3rem;
	text-transform:uppercase;
}
#local .resultats a.btn_modifier {
	border:1px solid #BF3030;
	}
#local .resultats a.btn_ajouter::before {content: "> ";}
#local .resultats a.btn_modifier:hover,
#local .resultats a.btn_ajouter:hover {
	color:#FFF;
	background-color:#BF3030;
}
#local .resultats a.btn_modifier:active,
#local .resultats a.btn_ajouter:active {
	background-color:#ff3030;
}
#local .resultats a.btn_modifier:active {
	border-color:#ff3030;
}

/*--------------------------------------------
 * liste des documents PDF de l'article
 *--------------------------------------------
*/
#documents_pdf {
	margin-top:20px;
	background-color:#EFEFEF;
	padding:10px;
}
div.document_pdf {
	overflow:hidden;
	margin-bottom:2em;
}
div.document_pdf .logo img {
	padding:0;
	margin-right:0.5em;
}

/*--------------------------------------------
 * compléments de l'article
 *--------------------------------------------
*/
div.complements {
	margin-top:3em;
}
.complements p.titre {
	font-size:130%;
	margin-bottom:1em;
	width:100%;
}
.complements p.titre:before {
	content: "+";
	color:#FFF;
	font-size:100%;
	padding:0 0.25em;
	margin-right:0.5em;
}
.complements ul {
	list-style-type:disc;
	margin-left:2em;
}
.complements a {
	text-decoration: none;
}
/*--------------------------------------------
 * liste des articles archivés dans une rubrique
 *--------------------------------------------
*/
div.archives {
	margin-top:3em;
	background: url("img/bg.png") repeat;
	padding:1em;
	color:#333;
}
div.archives .rubrique {
	background-color:#FFF;
	padding:0.5em;
}
div.archives+div.archives {
	margin-top:0.5em;
}
.archives h2 {
	color:#999;
	font-size:150%;
	font-weight:400;
	padding:0.5em;
	width:100%;
}
.archives p.titre {
	color:#666;
	font-size:150%;
	font-weight:400;
	padding:0.5em;
	width:100%;
}
.archives p.titre:before {
	content: "+";
	font-size:100%;
	padding:0 0.25em;
	margin-right:0.5em;
}
.archives ul,
ul.archives {
	list-style-type:none;
	margin-left:1em;
}
.archives ul li,
ul.archives li {
	margin-bottom:0.5em;
}
.archives a {
	color:#333;
	text-decoration: none;
}
.archives a:hover {
	text-decoration:underline;
}

/* texte général
 *--------------------------------------------
*/
p.spip, p.texte {
	padding:0.5em 1.5em;
	margin-bottom:0.5em;
	line-height:1.3em;
	font-size:12px;
}
p.descriptif {
	padding:0.5em 1em;
	font-size:0.75em;
}
ul.spip {
	margin-bottom:1em;
	margin-top:0.5em;
	margin-left:2em;
}
ul.spip li { 
	margin-left:1em; 
	margin-bottom:0.3em;
	line-height:1.4em;
	list-style-position: outside; 
	list-style-type:circle; 
	padding-left:0.5em;
}
ul.spip ul li {
	list-style-position: outside; 
	list-style-type:disc; 
	background-image:none;
	padding-left:5px;
}
/*--------------------------------------------
 * tableaux
 *--------------------------------------------
*/
table.texte {
	margin:20px;
	border-collapse:separate;
	border:3px solid #fff;
}
table.texte td {
	background-color: #C9F76F;
	font-size:12px;
	padding:5px;
	vertical-align:top;
}
table.trombi {
	margin:20px;
	border-collapse:collapse;
	border:none;
}
table.trombi td {
	height:60px;
	vertical-align:middle;
	background-color:white;
	font-size:12px;
	padding:0 10px;
}
table.trombi td.photo {
	width:60px;
}
table.trombi img {
	padding:0.5em;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
}

table.spip {
	margin:0;
	border: 1px solid #CCC;
	border-collapse: collapse; 
	font-size:95%;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 0.5em;
	font-weight: bold; 
}
tr.row_first { background: #CCC; }
tr.row_odd, tr.clair {background: #EEE; border:1px solid #CCC}
tr.row_even, tr.fonce {
	background: #FFF; 
	border:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	}
tr.row_even td, 
tr.fonce td, 
tr.row_odd td,
tr.clair td {
	border:1px solid #CCC;
}
table.spip th, table.spip td { 
	padding:0.5em;
	text-align: center; 
	vertical-align: top; 
	border:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

table.spip td {
	text-align:left;
	padding:0.5em;
}
table.spip p {
	margin-top:0.25em;
}
table.spip span {
	padding:0;
	margin:0;
}
td.prix,
td.nombre {
	text-align:right;
}
/*--------------------------------------------
 * entete
 *--------------------------------------------
*/
#entete img.spip_logos {
	padding-top:5px;
	padding-left:5px;
	float:left;
}
#langues {
	margin-bottom:2px;
	margin-right:8em;
	text-align:right;
}
#langues div {
	color:#999;
	background-color:#FFF;
	font-family: 'Open sans', Verdana, sans-serif;
	font-weight:300;
	font-size: 140%;
	display: inline-block;
	margin-right: .4em;
	line-height: 1.25;
}
#langues a {
	display: inline-block;
	position: relative;
	bottom:0.1em;
	padding: 0.1em 0.5em;
	border: 1px solid transparent;
	text-decoration: none;
	font-size: 60%;
	color: #fff;
}
#langues .site-fr {
	color:#BF3030;
}
#langues .site-eo {
	color:#099;
}
#langues .lien-fr a {
	background-color:#BF3030;
}
#langues .lien-fr a:hover {
	background-color:#FF7373;
}
#langues .lien-fr a:active {
	background-color:#FF4040;
}
#langues .lien-eo a {
	background-color:#099;
}
#langues .lien-eo a:hover {
	background-color:#5CCCCC;
}
#langues .lien-eo a:active {
	background-color:#33CCCC;
}

/*-----  entete : suivi du site -----*/
#flux {
	margin:5px;
	padding:5px;
	font-size:100%;
	display: inline-block;
	margin-left: 8em;
	line-height: 1.25;
	margin-right:3em;
	display:none;
}
#flux a {
	text-decoration:none;
	color:#41B7D8;
	display:inline-block;
	padding:5px;
}
#flux a:hover {
	color:#004A99;
}
/*--------------------------------------------
 * barre de navigation
 *--------------------------------------------
*/

div#barrenav {
	width:100%;
	height:1.5em;
}
div#barrenav ul {
	display:inline;
}
div#barrenav ul.nav li {
	float:left;
}
div#barrenav ul.nav a {
	display:block;
	color:#fff;
	font-family: 'PT Sans', Arial, sans-serif;
	font-size:100%;
	font-style: normal;
	font-weight: 400;
	text-decoration:none;
	border:none;
	border-right:1px solid #fff;
	text-transform: uppercase;
	vertical-align:middle;
	line-height:1.5em;
	padding: 0 1em;
	margin:0;
}
.gsc-control-wrapper-cse:before {
	content: "Rechercher dans le site : "
}
/*--------------------------------------------
 * formulaire de recherche
 *--------------------------------------------
*/
#formulaire_recherche {
	width:30%;
}

.formulaire_recherche_test input.text {
	border:1px solid #CCC;
	font-family: 'PT Sans', Arial, sans-serif;
	font-size:100%;
	font-style: normal;
	font-weight: 300;
}
.formulaire_recherche_test input.submit {
	font-family: 'PT sans', Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration:none;
	background-color:#CCC;
	background-image:none;
	color:#FFF;
	padding:0.2em 0.5em;
}
/*--------------------------------------------
 * menu
 *--------------------------------------------
*/
#menu ul.niv1 {
	padding-left:0.5em;
}

#menu ul.niv1 > li {
	line-height:150%;
	margin-bottom:1.5em;
}

#menu ul.niv1 > li > a {
	display: block;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
}
#menu ul.niv2 {
	border-top:1px solid #ccc;
	padding-top:0.25em;
}
#menu ul.niv2 > li {
	line-height:normal;
}
#menu ul.niv2 > li > a {
	display: block;
	text-decoration:none;
	text-transform:none;
	font-weight:300;
	font-size:90%;
	color:#999;
}

/*--------------------------------------------
 * corps de la page
 *--------------------------------------------*/

/*---- page sommaire -----*/
{
	padding-left:210px;
	padding-right:230px;
}

.hierarchie {
	margin:3px 0 0 0;
	font-size:95%;
	color: #999;
}
.hierarchie a {
	color: #999;
	text-decoration:none;
}
.impression {
	background: url(img/bg.png) repeat-x;
	display: block;
	width: 100%;
	float: left;
	margin-top:1em;
	margin-bottom:0.5em;
}
.impression a {
	font-family: 'PT sans', Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;
	display:inline-block;
	height:16px;
	padding-left:20px;
	float:right;
	background-color:#CCC;
	color:#FFF;
	padding:0.1em 0.5em;
	text-decoration:none;
}

.cartouche {
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-top:0.2em;
}

span.texteEO {
	color: #099;
}
/*--------------------------------------------
 * zone principale
 *--------------------------------------------
*/
.chapo {
	margin-bottom:2em;
	color: #999;
	font-family: 'PT Sans', Arial, sans-serif;
	font-size:110%;
}

.ps {
	margin-top:20px;
	background-color:#EFEFEF;
	padding:10px;
	overflow:hidden;
}
.ps h2 {
	font-size:110%;
	color:#666;
	font-weight:normal;
}

/*--------------------------------------------
 * images et vignettes dans le texte
 *--------------------------------------------
*/
.spip_documents {
	clear:none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#contenu .spip_documents img {
	padding:0;
	text-align:center;
	max-width:100%;
	height:auto;
}
/* limitation en largeur des images flottant à gauche ou à droite du texte */

.spip_documents_right,
.spip_documents_left {
	max-width:50%;
}
.spip_doc_titre,
.spip_doc_descriptif {
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-weight:normal;
	font-size:80%;
}
.contenu-breve .spip_doc_titre
.contenu-breve .spip_doc_descriptif {
	display:none;
}

/*--------------------------------------------
 * corps de page : notes
 *--------------------------------------------
*/
div.notes {
	border-top:1px dashed #999;
	padding-bottom:10px;
}

.liste-accueil h3 {
	padding-left:3em;
}
.liste-accueil h2 {
	font-size:1em;
}

/* pages du LME */
.page_article_lme .images_lme {max-width:25%;max-width:200px;float:right;margin-left:1em;}
.page_article_lme .images_lme .spip_documents img {width:100%;height:auto;}
.page_article_lme iframe {float:none;margin-top:20px;}

/*--------------------------------------------
 * sommaire : liste des articles à la Une
 *--------------------------------------------
*/
.plan-rubrique-article {
	overflow-y:auto;
}
.plan-rubrique-article .article,
.plan-rubrique-article .rubrique {
	margin-top:3em;
	overflow:hidden;
}

.plan-rubrique-article h2 {
	font-family: 'PT sans', Arial, sans-serif;
	font-size: 200%;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;	
	color:#000;
	margin-bottom:0.25em;
}

.plan-rubrique-article h2 a {
	text-decoration:none;
	color:#000;
}

.plan-rubrique-article .spip_logos {
	margin:0px 5px 0px 0px;
	padding:0;
	text-align:center;
	border:1px solid #DDD;
	max-width:30%;
	height:auto;
}

.plan-rubrique-article snippet {
	text-align:justify;
}

.plan-rubrique-article ul.spip {
	margin:0 5px;
	}

.plan-rubrique-article  li {
	margin-left:5px;
	padding-left:15px;
}

.plan-rubrique-article .separation {
	background: url(img/bg.png) repeat-x;
	display: block;
	width: 100%;
	float: left;
}

/*--------------------------------------------
 * contenu principal: article
 *--------------------------------------------
*/
div.cartouche {
	padding-bottom:0.5em;
	padding-top:2em;
}
div.cartouche img.spip_logos {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
p.surtitre,
p.soustitre {
	font-family: 'PT Sans narrow', Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	color:#999;
	font-size:200%;
	line-height:100%;
	margin-bottom:0.5em;
}
p.soustitre {
	font-size:180%;
}

h3.titre {
	font-variant: small-caps;
	text-transform:lowercase;
	font-size:1.1em;
	font-weight:normal;
}
h3.sous-titre {
	font-variant: normal;
	font-size:1em;
	font-weight:normal;
}
h3.sous-titre a {
	font-weight:normal;
}
h3.spip {
	margin-top: 1.5em; 
	margin-bottom:0.5em;
	font-size: 200%;  
	color:#999;
	text-align:left;
}
.texte h2 {
	padding-bottom:1em;
}
p.lien {
	font-size:0.66em;
}
.texte-article img.spip_logos {
	float: right;
	margin: 5px;
	padding:2px;
}

/*--------------------------------------------
 * contenu principal: traductions de l'article
 * (utilisé dans le modèle article_traductions
 *--------------------------------------------
*/
.traductions {
	text-align: right;
	margin-top:2em;
}
.traductions li {
	display: inline;
}
.traductions li:before {
	content:" > ";
}

/*--------------------------------------------
 * sommaire de l'article
 *--------------------------------------------
*/

/*--------------------------------------------
 * corps de page : lien vers l'article ou la rubrique
 *--------------------------------------------
*/

a.suite {
	font-family: 'PT sans', Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;
	/* text-align:right;*/
	display: inline-block;
	text-decoration:none;
	float:right;
	/* color:#999;*/
	/* width:100%; */
	/* border-bottom:1px solid #CCC;*/
	background-color:#CCC;
	color:#FFF;
	padding:0.1em 0.5em;
}

/*--------------------------------------------
 * pied de page
 *--------------------------------------------
*/
#pied {
	margin-top:0.5em;
	border-top:1px solid #CCC;
	padding:1em;
	font-size:75%;
	color:#999;
	text-align:center;
	width:100%;
	clear:both;
}
#pied a {
	color: #999;
}
#pied a:hover {
	color: #CCC;
}
/*--------------------------------------------
 * boutons
 *--------------------------------------------
*/
/* adhesion 2011-2012 */
a.bouton-adherer {
	display: inline-block;
	float:right;
	width:150px;
	height:100px;
	padding: 10px 14px;
	text-decoration:none;
	font-size:20px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	text-align:center;
	vertical-align:middle;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #a2a2a2;
	border:1px solid #BBB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);	
	/* background: url(../img/boutons/bouton-adherer-2011.png) 0 0 no-repeat; */
}
a.bouton-adherer:hover {
	color: #ffffff;
	background-color: #499249;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#499249));
	background-image: -webkit-linear-gradient(top, #51a351, #499249);
	background-image: -o-linear-gradient(top, #51a351, #499249);
	background-image: linear-gradient(to bottom, #51a351, #499249);
	background-image: -moz-linear-gradient(top, #51a351, #499249);
	/*background: url(../img/boutons/bouton-adherer-2011-over.png) 0 0 no-repeat;*/
}
a.bouton-adherer:active {
	background-color: #408140;
	/*background: url(../img/boutons/bouton-adherer-2011-clicked.png) 0 0 no-repeat;*/
}
/*a.bouton-adherer span {
	display:none;
}*/
/* bouton aligixlo */
a.bouton-aligxilo {
	display:block;
	text-align:center;
	width:150px;
	height:120px;
	background: url(../img/boutons/aligxilo.png) 0 0 no-repeat;
}
a.bouton-aligxilo:hover {
	background: url(../img/boutons/aligxilo-over.png) 0 0 no-repeat;
}
a.bouton-aligxilo:active {
	background: url(../img/boutons/aligxilo-pressed.png) 0 0 no-repeat;
}
a.bouton-aligxilo span {
	display:none;
}
/* contact */
a.bouton-contact {
	display:block;
	float:right;
	width:453px;
	height:62px;
	background: url(../img/boutons/bouton-contact.jpg) 0 0 no-repeat;
}
a.bouton-contact:hover {
	background: url(../img/boutons/bouton-contact-over.jpg) 0 0 no-repeat;
}
a.bouton-contact:active {
	background: url(../img/boutons/bouton-contact-click.jpg) 0 0 no-repeat;
}
a.bouton-contact span {
	display:none;
}

/*--------------------------------------------
 * formulaires
 *--------------------------------------------
*/
#ombre
{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index:10;
  opacity:0.5;
  filter: alpha(opacity=50);
}
.form-contact {
	background: url(img/bg.png) repeat;
	padding:1em;
}
.form-contact fieldset {
	background-color:#FFF;
	margin:0.5em 0;
	padding:0.25em;
	border:none;
}
.form-contact .control-group {
	margin-bottom:0.5em;
}
.form-contact label {
	display:inline;
	text-align:left;
	font-weight:300;
}
.form-contact input,
.form-contact textarea {
	border:1px solid #CCC;
	padding:0.5em;
}
.formulaire p.boutons,
.modal p.boutons {
	text-align:right;
}
.modal {
  	position: fixed;
	background: url(img/bg.png) repeat;
	padding:1em;
}
.previsu,
.popupinfo {
  	width:80%;
  	height:85%;
	top:2%;
	margin:0 auto;
	background-color:#FFF;
	z-index:99;
}
.modal-header h2 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #0074CC;
	font-size:20px;
	line-height:normal;
	text-align:center;
}
.modal-header p,
.modal-body p {
	margin-bottom:1em;
	text-align:center;
}
.modal-body {
	font-weight:normal;
	background-color:#FFF;
	padding:1em;
}
.previsu .modal-body,
.popupinfo .modal-body {
	height:13em;
	overflow:scroll;
}
.modal-footer {
	padding:0.5em;
}
.lienSuite {
	text-align:right;
	cursor:pointer;
	}
/*--------------------------------------*/
/*		image page 404                 	*/
/*--------------------------------------*/
img.404 {
	width:100%;
}
/*--------------------------------------*/
/*		plan                        	*/
/*--------------------------------------*/

.page_plan h2 {
	margin-top:1em;
	font-size:150%;
	color:#999;
}
.plan ul {
	margin-left:1em;
	margin-top:0.25em;
}
.plan a {
	color:#666;
	text-decoration:none;
}

/*-------- media queries ----------*/
@media screen and (max-width: 1200px) {
	aside#menu {
		width:15%;
		height:100%;
	}
	aside#colonne-breves {
		width:23%;
	}
}

@media screen and (max-width: 980px) {
	aside#menu {
		width:25%;
	}
	main#contenu {
		width:70%;
		margin:20px 0 20px 3%;
	}
	aside#colonne-breves {
		float:none;
		width:95%;
		padding: 2rem 0 0 1rem;
		margin:0 auto;
		background-color:#FFF;
		color: #999;
		overflow:hidden;
	}
	aside#colonne-breves #local {
		width:25%;
		float:left;
		margin:0 3% 0 0;
		padding:0;
		overflow:hidden;
	}
	#local .entete img {
		width:8%;
		padding:5px;
	}
	#local .entete h1 {
		padding-left:15%;
	}

	aside#colonne-breves .breves {
		width:99%;
	}
	aside#colonne-breves .breves {
		-moz-columns:3;
		-webkit-columns:3;
		columns:3;
		text-align:left;
		background-color:#FFF;
		color: #999;
		border-top:1px dashed #999;
		padding:0.25em;
	}
	#colonne-breves .contenu-breve {
		background-color:#FFF;
		margin-right:0.25em;
		text-align:left;
	}
	.contenu-breve p, 
	.contenu-breve li.spip
	{
		color: #333;
		font-size:90%;
		line-height:110%;
		padding:0.25em;
	}

	#colonne-breves .breves h2 {
		display:block;
		text-align:left;
		font-size:1.2em;
		line-height:110%;
		padding:0;
		color:#87b32d;
		margin:1rem 0 0.5rem 0;
		border-bottom: 1px solid #87b32d;
	}
	#colonne-breves  .breves strong {
		color: #333;
	}
	#colonne-breves  .breves a {
		color: #86B32D;
		text-decoration: underline;
	}
	#colonne-breves .spip_documents {
		float:left;
	}
	#colonne-breves  .breves .spip_documents {
		width:100px;
		margin-bottom:0;
	}
	#menu #local {display:block;}
	#colonne-breves #local {display:none;}
	
	#local .entete img {
		width:25%;
		padding:5px;
	}
	#local .entete h1 {
		padding-left:35%;
	}
	#local p {
		text-align:center;
	}

}

@media screen and (max-width: 750px) {
	div#barrenav ul.nav a {
		padding: 0 0.5em;
	}
	div#barrenav li {
		margin-bottom:1px;
	}
	aside {
		width:100%;
		float:none;
		padding-left:0.5em;
		margin-top:0.5em;
		overflow:hidden;
	}
	aside#colonne-breves .breves {
		-moz-columns:1;
		-webkit-columns:1;
		columns:1;
	}
	aside#menu {width:100%;}	

	main {
		width:100%;
		float:none;
	}
	#menu ul.niv1 {
		padding-left:0.25em;
		display:inline;
	}
	#menu ul.niv1 > li {
		line-height: none;
		margin-top: 0;
		margin-right:0.25em;
		display:inline-block;
		margin-bottom:0.25em;
	}
	#menu ul.niv1 > li > a {
		text-transform:none;
	}
	#menu ul.niv1 > li>a:after {
		content: "   |";
	}
	#menu ul.niv2 {
		display:none;
	}
	#colonne-breves .contenu-breve p, 
	#colonne-breves .contenu-breve li.spip
	{
		color:#666;
	}
	#colonne-breves h2 {
		text-align:left;
		border-bottom: none;
	}
	.contenu-breve p, 
	.contenu-breve li.spip
	{
		text-align:left;
	}
	
	main#contenu,
	#contenu-principal {
		padding-left:1em;
		margin:10px 0 10px 0;
	}
	#formulaire_recherche {
		display:block;
		float:none;
		width: 70%;
	}
	div#barrenav {
		width:100%;
		overflow:auto;
	}
	aside#colonne-breves #local {
		width:95%;
		float:none;
		margin:0 auto;
	}
	aside#colonne-breves .breves {
		width:95%;
		float:none;
		margin:1rem auto 1rem auto;
	}

	#barrenav {
		display:block;
		float:none;
		overflow:auto;
	}
	#formulaire_recherche {
		display:block;
		float:none;
		width: 70%;
	}
	aside#menu {width:100%;}
	main#contenu,
	#contenu-principal {
		width:95%;
		float:none;
		margin-top:1rem;
		padding-left:1rem;
		padding-right:1rem;
		clear:both;
	}
	aside#colonne-breves {
		width:95%;
		float:none;
		margin:0 auto;
		padding:0;
	}
	.plan-rubrique-article .article, 
	.plan-rubrique-article .rubrique {
		margin-top: 2em;
	}
	#menu > ul,
	#menu > ul li {
		display:inline;
	}
	#menu #local {display:none;}
	#colonne-breves #local {display:block; margin-top:2rem;}
	
	#local .entete {
		height:15%;
	}
	#local .entete img {
		width:9%;
		padding:5px;
	}
	#local .entete h1 {
		padding-left:15%;
	}
	#local p {
		text-align:center;
		padding:0;margin:0;
	}
	.page_article_lme .images_lme {display:none;}

}

@media screen and (max-width: 600px) {

}
