@font-face {
	font-family : "arial narrow";
	src         : url("/squelettes/arial-narrow/arial_narrow-webfont.woff2") format("woff2"),
	url("/squelettes/arial-narrow/arial_narrow-webfont.woff") format("woff");
	font-weight : normal;
	font-style  : normal;
}

/* ~~~~~~~~~ body ~~~~~~~~~ */
BODY {
	font-family : arial, geneva, tahoma, sans-serif;
	font-size   : 0.8em;
	line-height : 1.4;
	background  : #FFFFFF url(../pictos/bg.png) top repeat-x;
	margin-top  : -17px;
	COLOR       : #6D6058;
	text-align  : justify;
}


/* ~~~~~~~~~ titres ~~~~~~~~~ */

h1 {
	font-size      : 2em;
	font-family    : "arial narrow", arial, sans serif;
	font-weight    : bold;
	color          : #A19790;
	padding-bottom : 0.5em;
	margin-bottom  : 0.5em;
}

h2 {
	font-size   : 1.8em;
	font-family : "arial narrow", arial, sans serif;
	color       : #81756D;
	text-align  : left;
}

h3 {
	font-size   : 1.5em;
	font-family : "arial narrow", arial, sans serif;
	color       : #A19790;
	font-weight : bold;
	text-align  : left;
}

h3.spip {
	font-size     : 1.5em;
	font-family   : "arial narrow", arial, sans serif;
	text-align    : left;
	font-weight   : bold;
	margin-top    : 0.5em;
	margin-bottom : 0.5em;
}

h4 {
	font-size   : 1.3em;
	font-family : arial, geneva, tahoma, sans serif;
	color       : #6D6058;
	padding-top : 0px;
}


h5 {
	font-size   : 1.5em;
	font-family : "arial narrow", arial, sans serif;
	font-weight : bold;
}

h6 {
	font-size   : 0.95em;
	font-family : "arial narrow", arial, sans serif;
	font-weight : 200;
}

hr {
	clear       : both;
	margin      : 0;
	padding     : 0;
	border      : 1px solid #FFFFFF;
	height      : 0;
	line-height : 0px;
	font-size   : 1px;
}


/* ~~~~~~~~~ liens ~~~~~~~~~ */
a {
	color           : #0066CC;
	text-decoration : none;
}

a:hover {
	color           : #6699FF;
	text-decoration : none;
}


/* Couleurs des liens de SPIP */
a.spip_mail { color : #0066CC; }

a.spip_mail:before { content : "\002709"; }

/* liens vers un email */
a.spip_out { color : #0066CC; }

/* liens sortants */
a.spip_url { color : #0066CC; }

/* liens url sortants */
a.spip_glossaire { color : #0066CC; }

/* liens vers encyclopedie */
a.spip_glossaire:hover { text-decoration : underline overline; }

.on { font-weight : bold; }

/* liens exposes */
a:focus, a:hover, a:active { color : #0066CC; text-decoration : underline; }

/*~~~~~~~~~~~ Centrage du site � 995 px + marge droite et gauche auto ~~~~~~~~~~~~~~~*/
#border {
	border     : 0px;
	width      : 995px;
	margin     : 0 auto;
	background : url(../pictos/border.gif) top center no-repeat;
	/* overflow:hidden;*/
}

/* ~~~~~~~~~ Bandeau du site ~~~~~~~~~ */
#header {
	height     : 150px;
	width      : 995px;
	margin-top : 0px;
}

/* ~~~~~~~~~ Recherche (from spip_formulaires.css) ~~~~~~~~~ */

#recher {
	height     : 151px;
	background : #004F9B url(../pictos/recherche_bg.gif) top left repeat-x;
}

#recher h5 {
	margin : 0;
}

/* Formulaires de recherche (site / petitions)  */
.formulaire_recherche {
	margin     : 10px;
	padding    : 0;
	background : none;
	float      : left;
}

.formulaire_recherche * { display : inline; vertical-align : middle; }

.formulaire_recherche label {}

.formulaire_recherche input.text { width : 10em; padding-left : 10px; background : #FFFFFF; }

.formulaire_recherche input.submit {}


/* ~~~~~~~~~ Menu horizontal ~~~~~~~~~ */

.menu {
	font-family    : "arial narrow", arial, sans serif;
	font-size      : 1.2em;
	text-transform : uppercase;
	font-weight    : bold;
}

.menu a {
	color : #FFFFFF;
}

.menu a:hover {
	text-decoration : none;
	color           : #DDDDDD;
}

.menu li a {
	color           : #FFFFFF;
	text-decoration : none;
	DISPLAY         : block;
	CURSOR          : pointer;
}


/* sfrus ADX MENU */

.adxmenu, .adxmenu li {
	background-color : #004F9B;
	border           : none;
	text-align       : left;
}


.adxmenu li a {
	font-family    : "arial narrow", arial, sans serif;
	font-size      : 1.2em;
	text-transform : uppercase !important;
	font-weight    : bold;
	color          : #FFFFFF;
	border         : 0px;
}

.adxmenu li a:hover {
	text-decoration : none;
}

.adxmenu li ul a:hover, .adxmenu li:hover, .adxmenu li.menu-entree:hover {
	/*border:none;
	white-space: none;*/
}

.adxmenu li ul a {
	background-color : #81756D;
	border-top       : 1px #B4ACA6 solid;
	border-right     : 0px;
	border-bottom    : 0px;
	border-left      : 0px;
}

.adxmenu li li { /* create borders around each item */
	border : none;
}

.adxmenu a.on {
	background-color : #E4F0D2;
	font-weight      : bold;
}


/* ~~~~~~~~~ Conteneur : colonne gauche  + contenu ~~~~~~~~~ */


#container {
	width : 995px;
	/* background: #ffffff;
	overflow:hidden;*/
}


/* ~~~~~~~~~  Colonne gauche   ~~~~~~~~~ */

#container > table > tbody > tr > td:first-child {
	background: url(/squelettes/pictos/bg_colonne.png) top center;
}
#ptsvente {
	/*background : #A19790;*/
	/*color      : #FFFFFF;*/
	text-align   : left;
	padding      : 0 10px 0 0;
	width        : 185px;
	border-right : 5px solid transparent;
	/*height       : 100vh; !* calc(100vh - 205px); *!*/
	margin-top   : 15px;
}
#ptsvente h2 {
	margin-top: 0;
}

/* ~~~~~~~~~ Zone contenu texte ACCUEIL ~~~~~~~~~ */
#content_acc {
	width         : 570px;
	padding-left  : 28px;
	float         : right;
	margin-bottom : 20px;
}

/* ~~~~~~~~~ Zone contenu texte ACCUEIL ~~~~~~~~~  */
#content {
	width         : 785px;
	float-right   : right;
	padding-right : 10px;
	padding-bottom: 1.5rem;
}


/* ~~~~~~~~~ fil d'ariane ~~~~~~~~~

#ariane {
	text-align:left;
	}

#ariane a {
	text-align:left;
	color:#a19790;
	text-decoration:none;
	}

#ariane a:hover {
	color:#bfb6b0;
	}	 */


/* ~~~~~~~~~ QUOI DE NEUF ~~~~~~~~~ */


#quoideneuf_container {
	width         : 167px;
	float         : left;
	font-weight   : bold;
	margin-bottom : 20px;
}

#quoideneuf_container .spip_document,
#quoideneuf_container .spip_document > figure,
#content_acc .spip_document,
#content_acc .spip_document > figure,
#content .spip_document,
#content .spip_document > figure {
	margin    : 0 0 .75rem 0;
	float     : none;
	max-width : none;
}

.spip_document_left {
	text-align: left;
}
.spip_document_right {
	text-align: right;
}

#quoideneuf_content {
	width      : 165px;
	padding    : 10px;
	background : #F0EDEB;
	border     : #004F9B 1px solid;
	text-align : justify;
}

.tit_quoideneuf {
	font-size   : 1.5em;
	width       : 167px;
	padding     : 10px;
	font-family : "arial narrow", arial, sans serif;
	color       : #FFFFFF;
	background  : #004F9B;
	text-align  : center;
}



/* ~~~~~~~~~  Bandeau bas   ~~~~~~~~~ */

#prefooter-container {
	background-color: #bcb2ae;
	color: white;
	padding-block: 10px;
}
#prefooter {
	width: calc(995px - 200px);
	margin: 0 auto 0 calc(50% - 303px);
	/*padding: 50px 10px 20px 10px;*/
	/*border-left: 5px solid #a19790;*/
}
.titre-partenaires {
	font-weight: bold;
	margin-block-start: 0;
}
.partenaires {

}
/* ~~~~~~~~~ Pied de page ~~~~~~~~~ */


#footer {
	clear      : both;
	width      : 100%;
	font-size  : 0.8em;
	background : #F0EDEB;
	text-align : center;
}


/*~~~~~~~~~~~ styles ~~~~~~~~~~~~~~~*/

.adroite {
	float : right;
}

.agauche {
	float : left;
}

.nettoyeur {
	clear       : both;
	margin      : 0;
	padding     : 0;
	border      : none;
	height      : 0;
	line-height : 1px;
	font-size   : 1px;
}

.dashed {
	clear               : both;
	height              : 0;
	line-height         : 1px;
	border-bottom-style : dashed;
	border-width        : 1px;
	border-color        : #C3C3C3;
}


.blanc {
	color : #FFFFFF;
}

.retrait {
	padding : 10px
}

/*~~~~~~~~~~~ Pour affichage vignettes plugin Thickbox v2 ~~~~~~~~~~~~~~~ */

/* Portfolio */
#documents_portfolio {
	clear      : both;
	margin     : 2em auto;
	font-style : italic;
	font-size  : 0.9em;
	color      : #969696;
	text-align : left;
}

#documents_portfolio .spip_logos {
	margin  : 0 3px 3px 0; /* gere espacement entre vignettes */
	padding : 0;
	border  : 4px solid #FFFFFF;
}

#documents_portfolio a.on .spip_logos { border-color : #48A5FF; }

#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color : #DDDDDD; }


/*~~~~~~~~~~~  Tableaux SPIP ~~~~~~~~~~~ */
table.spip {
	margin          : auto;
	margin-bottom   : 1em;
	border-collapse : collapse;
	border          : 1px solid;
	border-color    : #CDCDCD;
	margin-left     : 0px;
}

table.spip caption {
	caption-side : top;
	text-align   : left;
	margin       : auto;
	padding      : 5px;
	font-weight  : bold; }

table.spip tr.row_first {
	background  : none;
	font-size   : 120%;
	color       : #666666;
	font-weight : bold;
}

table.spip tr.row_odd {
	background : none;
}

table.spip tr.row_even {
	background : none;
}

table.spip th, table.spip td {
	padding        : 15px;
	text-align     : left;
	vertical-align : top;
	border         : 1px solid;
	border-color   : #CDCDCD;
}


/*~~~~~~~~~~~  diaporama ~~~~~~~~~~~ */

.diaporama2 {
	margin                           : 0 auto;
	width                            : 785px;
	height                           : 300px;
	/*border: 3px solid #333;*/
	background-image                 : url("../pictos/image123.jpg");
	position                         : relative;

	webkit-animation-name            : diapo2;
	webkit-animation-duration        : 22s;
	webkit-animation-timing-function : linear;
	webkit-animation-iteration-count : infinite;
	webkit-animation-direction       : normal;

	moz-animation-name               : diapo2;
	moz-animation-duration           : 22s;
	moz-animation-timing-function    : linear;
	moz-animation-iteration-count    : infinite;
	moz-animation-direction          : normal;

	animation-name                   : diapo2;
	animation-duration               : 22s;
	animation-timing-function        : linear;
	animation-iteration-count        : infinite;
	animation-direction              : normal;
}

@-webkit-keyframes diapo2 {
	0% {background-position : 0px 0px;}
	9% {background-position : 0px 0px;}
	31% {background-position : -785px 0px;}
	40% {background-position : -785px 0px;}
	64% {background-position : -1570px 0px;}
	73% {background-position : -1570px 0px;}
	91% {background-position : -2355px 0px;}
	100% {background-position : -2355px 0px;}
}

@-moz-keyframes diapo2 {
	0% {background-position : 0px 0px;}
	9% {background-position : 0px 0px;}
	31% {background-position : -785px 0px;}
	40% {background-position : -785px 0px;}
	64% {background-position : -1570px 0px;}
	73% {background-position : -1570px 0px;}
	91% {background-position : -2355px 0px;}
	100% {background-position : -2355px 0px;}
}

@keyframes diapo2 {
	0% {background-position : 0px 0px;}
	9% {background-position : 0px 0px;}
	31% {background-position : -785px 0px;}
	40% {background-position : -785px 0px;}
	64% {background-position : -1570px 0px;}
	73% {background-position : -1570px 0px;}
	91% {background-position : -2355px 0px;}
	100% {background-position : -2355px 0px;}
}