/* ------------------------- */
/* -------- RESET ---------- */
/* ------------------------- */

/* Normalisation de marges et des réserves */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquotte, th, td {margin:0;padding:0;}

/* Normalisation des tailles des polices pour les en-têtes */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

/* Normalisation des listes */
ol, ul {list-style:none; }

/* Normalisation des graisses des fontes */
adress, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}

/* Supression des bordures et des réserves dans les tableaux */
table {border-collapse:collapse; width:100%; font-size:12px;  }
thead tr.row_first { background-color:#aaa; color:white; }
tr:nth-child(even) { background-color:white; border:solid 2px #fff;}
tbody > tr:last-child { border-bottom:solid 2px #fff; }
th { font-weight:bold; }
th, td { padding:5px; text-align:center; color#666; }
tr > th:first-child, tr > td:first-child { text-align:left;}

/* Supression des bordures dans les éléments fieldset et img */
fieldset, img {border:0;}




/* ------------------------- */
/* ------- POLICES --------- */
/* ------------------------- */

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family:"StRydeRegular";
	src:url("fonts/StRyde-Regular.eot?") format("eot"),url("fonts/StRyde-Regular.woff") format("woff"),url("fonts/StRyde-Regular.ttf") format("truetype"),url("fonts/StRyde-Regular.svg#StRydeRegular") format("svg");font-weight:normal;font-style:normal;}

/* ---------------------------- */
/* ------- TRANSITION --------- */
/* ---------------------------- */
.transition { 
	-webkit-transition-property:all; -webkit-transition-duration:500ms; -webkit-transition-timing-function:ease-out; 
	-moz-transition-property:all; -moz-transition-duration:500ms; -moz-transition-timing-function:ease;
	transition-property:all; transition-timing-function:ease; transition-duration:500ms;
}

/* ------------------------- */
/* -------- COMMUN --------- */
/* ------------------------- */
a {
	text-decoration:none;
	color:#76c0e3;
}
a:hover,
a.active {
	color:#bbe3ef;
}
a.spip_out 				{ background: url("img/web_out.png") no-repeat scroll right -1px transparent; color:#76c0e3; padding-right:20px; }
a.spip_out:hover	{ background: url("img/web_out.png") no-repeat scroll right -21px transparent; color:#76c0e3;}


.right	{ float:right; margin-left:10px;}
.left		{ float:left; margin-right:10px; }
span.on { font-weight:bold; }
hr			{ height: 1px; border: 0; color: #44AAC1; background-color:#44AAC1; }

.last, .last a 	{ margin-right:0; padding-right:0; border:0 none !important; }
.static 			{ position:fixed; }
.clear			{ clear:both; }
.bold				{ font-weight:bold; }
.last 			{ margin-right:0; }
.st_ryde		{ font-family:"StRydeRegular",Helvetica,Arial,sans-serif; }
.date				{ color:white; }
.capitale		{ text-transform:uppercase; }
a.hover_couleur:hover { text-decoration:none !important; color:#8DEDFF !important; }
.puce_lien 				{ color:#76c0e3 !important; }
.lire_suite { font-size:10px; text-transform:uppercase; }


.menu-entree { display:inline; }

p, h2, h3, h4 { margin-bottom:1rem; }
ul, ul ul			{ margin:1rem 0; }
p {
	font-size:18px;
	line-height:25px;
	color:#8DEDFF;
}
dt { display:inline-block; vertical-align:middle; }

/* ------------------------- */
/* -------- BLOC	 --------- */
/* ------------------------- */
body {
	background:url(img/fond_body.png) center 0 no-repeat #225E7A;
	font-family:Arial, Helvetica, sans-serif;
}

#page {
	position:relative;
	max-width:1040px;
	margin:0 auto;
	padding-left:60px; 
	min-height:300px;
}
#entete 			{ position:relative; height:86px; background: url(img/fond_entete.png) center 0 repeat-x transparent; }
#nav				{ height:40px; margin:3rem 0; }
#fil_de_news	{ width:560px; height:14px; margin-bottom:20px; font-size:12px; color:#8dedff;}						
#conteneur		{}
#contenu			{ width:560px; }
#extra				{ width:240px; }
#partenaires	{ width:820px; }
#pied 				{ height:50px; background:url(img/fond_pied.png) 0 0 repeat-x; } 

/* ------------------------- */
/* --------  ICON  --------- */
.icon_accueil 			{ background: url(img/icon_accueil.png) 0 0 no-repeat; }
.icon_accueil:hover { background-position:0 -32px; }
.icon_accueil.on		{ background-position:0 -66px; }

.icon_qsn				{ padding-left:10px; background: url(img/icon_qsn.png) 0 0 no-repeat; }
.icon_qsn:hover { background-position:0 -32px; }
.icon_qsn.on		{ background-position:0 -66px; }

.icon_contact 	{ background: url(img/icon_contact.png) 0 0 no-repeat; }
.icon_contact:hover { background-position:0 -32px; }
.icon_contact.on		{ background-position:0 -64px; }

.restreint a		{ background: url(img/icon_cadenas.png) right 0 no-repeat; }
.connecte .restreint a	{ background-position:  right -30px; }
.acces_membres	{ position:absolute; top:-20px; left:95px; width:48px; height:43px; background:url(img/icon_acces_membres.png) 0 0  no-repeat; }





/* ------------------------- */
/* -------- ENTETE --------- */
#logo { position:absolute; left:-90px; top:15px; }


/*menu top */
#entete .menu-liste 				{ position:absolute; top:0; right:0; }
#entete .menu-liste li			{ display:inline-block; margin-right:25px; line-height:32px; }
#entete .menu-liste a				{ display:inline-block; padding-left:30px; font-size:12px; font-weight:bold; color:#3d8aa4; }
#entete .menu-liste a:hover { color:#76c0e3; }
#entete .menu-liste li.on	a	{ color:#225e7a; text-shadow:0 0 10px white; }

/* ------------------------- */
/* -------- 	PIED --------- */
#pied 								{ font-size:12px; color:#8DEDFF; }
#pied .menu-liste li	{ display:inline-block; margin-right:25px; line-height:32px;  }
#pied a 							{ display:inline-block; padding-left:30px; font-weight:bold; color:#3d8aa4; }
#pied a:hover					{ color:#76c0e3; }
#pied li.on	a					{ color:#225e7a; text-shadow:0 0 10px white;}
#pied span 						{ margin: 1.17em 0; line-height:32px; letter-spacing:2px; text-shadow:0 1px black; }


/* ------------------------- */
/* -------- 	NAV	 --------- */
#nav li	{ 
	margin-right:10px;
}
#nav li:hover	{
} 
#nav li.on {
}

#nav a 	{
	padding:10px 20px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.005em; color:#225e7a;
	background:url(img/fond_btn_menu_principal.png) 0 center repeat-x white;
	text-shadow:0 1px 0 white;
	border-radius:5px;
}
#nav li:hover a {
	background:url(img/fond_btn_menu_principal_hover.png) 0 center repeat-x #a7c6da;
} 
#nav li.on a {
	color:white;
	text-shadow: 0 1px #57859b;
} 
#nav li.restreint a {
	margin-right:0;
	padding-right:30px;
}

/* ------------------------- */
/* ----- FILS de NEWS ------ */
#fil_de_news { }

/* ------------------------- */
/* -------- FONTS --------- */

h1, .h1	{
	font-family:"StRydeRegular",Helvetica,Arial,sans-serif;
	font-size:50px;
	text-shadow: 0 1px black;
	color:#8DEDFF;
}

.accueil h1	{ 
	position:absolute;
	top:40px;
	left:0;
	font-size:54px;
	text-shadow: 0 1px 2px white;
	color:#112F4C;
}

h1 > a 	{
	font-family:"StRydeRegular";
	font-size:54px;
	text-shadow:0 1px white;
	color:#112F4C;
}

h1 > a > span	{ color:#ED0612; }
h1 a + span		{ font-size:25px; color:#ED0612; }

h2, .h2	{
	font-family:"StRydeRegular",Helvetica,Arial,sans-serif;
	font-size:30px;
	text-shadow: 0 1px black; color:#8DEDFF;
}
h3, .h3 {
	letter-spacing:1px;
	font-size:18px;
	margin-bottom:.5rem;

	color:white;
}
h4, .h4 {
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
}

#conteneur	{ color:#bbe3ef;  }


/* -------- 	PAGE -> CONTENU 	--------- */
h2 span.rss a { display:inline-block; width:26px; height:28px; padding-left:15px; background:url(img/icon_rss.png) 15px 4px no-repeat; }
#contenu { margin-top:18px; font-size:18px; }

#contenu p { clear:both; }
ul.spip li { list-style-type:disc; list-style-position:outside; }
ul.spip li  li { list-style-type: circle;}
#contenu .bloc_doc { margin:1.17em 0; }

/* --------  PAGE -> EXTRA --------- */
.bloc_ttig { position:relative; margin:30px 0; padding:10px 20px; border:solid 1px #44AAC1; border-radius:20px; font-size:16px;  }
.bloc_ttig strong.titre { display:block; margin-top:20px; font-size:16px; text-align:center; color:white; }
.bloc_ttig p,
.bloc_ttig li { list-style-position:inside!important; margin:4px 0; font-size:16px; line-height:18px; color:white; }
.bloc_ttig a.on { color:white !important; }
.bloc_ttig form label { display:none; }
.bloc_ttig form ul { margin:0; }

/* --------  PAGE -> FORUM --------- */

ul ul {margin-left:20px; }
.comment-reply { font-size:10px; text-transform:uppercase; }

/* ------------------------- */
/* ----- 	PARTENAIRES ------ */
#partenaires		{ margin:20px 0; padding:15px 30px; border:solid 1px #44AAC1; border-radius:20px; background-image:url(img/fond_partnaires_top.png), url(img/fond_partnaires_bottom.png); background-position:0 top, 0 bottom; background-repeat:repeat-x; background-color:white; }
#partenaires a { display:inline-block; margin:10px; line-height:50px; }
#partenaires img { display:inline; vertical-align:middle; }



/* ------------------------- */
/* -------- 	SPIP	-------- */
ul.spip li 	{ list-style:square; list-style-position:outside;  margin:0 0 5px 15px; }
.chapo, .chapo > p	{ font-size:16px; line-height:24px; }
dl.spip_documents		{ margin-bottom:16px; }
#contenu dl img { border:none; }

a[type^="application"] > img { border:none; margin:0; }

.explication.saisie_texte_info{
	display:none;
}

/* Pagination */

.pagination .pagination-items {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    border-radius: inherit;
}

.pagination .pagination-item {
    margin: 0;
    flex-basis: 2em;
    align-items: center;
}


/* ------------------------------- */
/* --------- FORMULAIRE ---------- */
/* ------------------------------- */
form li, legend, table { margin-bottom:18px; list-style:none !important; }

#contact ul ul { padding:0; }

fieldset	{ }
fieldset.previsu { border:solid 1px #44AAC1; border-radius:20px; }
form legend	{ display:none; }
form #pass_securise { display:none; }
form .editer_session { display:none; }
form span.details { display:none; }
input, textarea	{ border: solid 1px #7faabb; }

form .choix		{ display:inline; margin-right:50px; }
form .entete	{ display:block; }
form .info 		{ font-size:11px; margin:0; }
form .note		{ font-size:10px; }
form thead		{ background-color:#EFE1B2; color:white; }
form td			{ padding:5px 3px; }

form li				{ float:left; }
form .w15		{ width:75px; margin-right:60px; }
form .w85		{ width:340px; margin-right:60px; }

form .w20		{ width:100px; margin-right:60px; }
form .w25		{ width:125px; margin-right:60px; }
form .w80		{ width:400px; margin-right:60px; }

form .w50		{ width:250px; margin-right:60px; }
form .w100	{ width:560px; margin-right:0; }
form .w_extra	{ width:175px; margin-right:0; }

form li.first	{ clear:both; }
form li.last	{ margin-right:0; }


input[type=text],
input[type=password],
textarea	{ display:block; width:100%; min-height:25px; padding:3px 10px; background:url(img/fond_input.png) 0 0 repeat-x white; color:#3d8aa4; }
textarea  { height:100px; }
input[type=text]:focus	{ background-color:white; }
input[type=radio]				{ position:relative; top:2px; padding-right:20px; }

/* les boutons */
p.boutons { margin-top:16px; }
input[type=submit], span.bouton, p.boutons a	{ padding:5px 40px; background:url(img/fond_btn_submit.png) 0 0 transparent; font-size:14px; border:solid 1px #76c0e3; border-radius:4px;color:#76c0e3;  cursor:pointer; }
span.bouton a { color:white; }
input[type=submit]:hover, p.boutons a:hover	{ color:white !important; text-decoration:none !important; }

/* formulaire de recherche */
#formulaire_recherche input[type=text] { background-image:url(img/fond_input.png),url(img/icon_loupe.png);
															background-position: 0 0, 95% center;
															background-repeat:repeat-x, no-repeat; }

/* les retours d'erreurs */
form .erreur_message { color: #FF6600; }
.nav_prec_suiv { padding:18px 0; margin:18px 0; border-top:solid 1px #EDE9E1; }
.suivant, .precedent { text-transform:uppercase; cursor:pointer; }
.recapitulatif	{ width:445px; margin-top:18px; padding-bottom:18px;  border-top:solid 1px #EDE9E1; }