/* palette
------------------------------------------------------------------------------*/
/*
			#FFF		blanc
			#F1F1F1	gris clair
			#DADADA	gris
			#414141	gris fonce
			#000		noir
			#009EE0	bleu
			#0089C2	bleu foncé
*/
/* habillage de la page 
------------------------------------------------------------------------------*/
html
{
	background-color:#414141;
	color:#000
}
body
{
	background-color:#F1F1F1;
	color:#000
}
#page
{
	background-image:url(../img/bg/page.jpg);
	background-repeat:repeat-y;
	background-position:50% 0
}
#tete_fond
{
	background-image:url(../img/bg/tete_fond.jpg);
	background-position:50% 100%;
	background-repeat:repeat-x
}
#tete
{
	background-image:url(../img/bg/tete.jpg);
	background-position:50% 100%;
	font-family:"Trebuchet MS",sans-serif
}
#tete .centrer
{
	background-image:url(../img/bg/tete.jpg);
	background-position:50% 100%;
	font-family:"Trebuchet MS",sans-serif;
	background-color:#74caee;
	color:#FFF
}
#corps .centrer
{
	background-color:#F1F1F1;
	color:inherit
}
#pied
{
	background-image:url(../img/bg/pied.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-color:#414141;
	color:#FFF
}
.centrer
{
	width:776px; /* la page passe en 800×600 */
	margin:auto
}
.marges
{
	padding:10px
}
.accessibilite .marges,
#tete .marges
{
	padding:0 10px
}
label
{
	cursor:pointer
}
abbr.discret,
acronym.discret
{
	border:none /* pour ne pas afficher la bordure sur toutes les abbréviations et les acronymes */
}
a
{
	color:#333;
	background-color:inherit
}
a:visited,
a:hover,
a:focus
{
	color:#666;
	background-color:inherit;
	outline:none
}
/* accessibilite
------------------------------------------------------------------------------*/
.accessibilite .centrer
{
	background-color:#FFF;
	height:1.4em;
	color:inherit
}
.accessibilite
{
	height:1.4em
}
.accessibilite ul
{
	margin-top:0.2em
}
.accessibilite a
{
	color:#414141!important;
	background-color:inherit
}
.accessibilite li
{
	line-height:1
}
.accessibilite .premier
{
	border-right:1px solid #414141;
	padding-right:0.5em;
	margin-right:0.5em
}
/* tete
------------------------------------------------------------------------------*/
#tete .centrer
{
	position:relative
}
#navigation
{
	width:766px
}
#inscription
{
	position:absolute;
	top:-1px;
	right:10px;
	width:240px;
	text-align:center;
	padding:0 0 4em;
	background-color:inherit;
	color:#0089C2;
	font-weight:bold;
	line-height:1.4em
}
#inscription .marges
{
	position:relative;
	display:block;
	padding:5px 0 3.25em 5px;
	background-image:url(../img/bg/inscription.png);
	background-position:0 100%
}
#inscription span span
{
	letter-spacing:-0.06em
}
#inscription strong
{
	font-size:129.5%;
	display:block
}
#inscription a,
#inscription span.lien
{
	letter-spacing:inherit;
	font-size:88.25%;
	display:block;
	color:#414141;
	background-color:inherit;
	position:absolute;
	padding-top:3.25em;
	padding-bottom:25px;
	width:240px;
	z-index:30;
	right:0;
	top:0
}
#inscription a:hover,
#inscription a:focus
{
	outline:none;
	text-decoration:none
}
h1
{
	float:left;
	margin:15px 0 20px
}
h1 a
{
	float:left;
	text-decoration:none;
	padding:5px;
	color:#FFF!important;
	background-color:inherit
}
h1 a:focus
{
	color:#FFF;
	background-color:#009EE0;
	outline:none
}
h1 img,
h1 small
{
	display:block
}
#navigation
{
	clear:both;
	overflow:hidden;
	width:756px
}
#onglets
{
	margin-top:8px;
	position:relative; /* pour safari sur ce coup là */
	min-width:400px /* pour quand on réduit la taille du texte */
}
/*
.msie6 #onglets
{
	padding-left:5px
}
*/
.msie #onglets
{
	width:34em /* pour ne pas provoquer un retour à la ligne sous IE dans les onglets */
}
#onglets li
{
	padding-right:6px;
	font-weight:bold;
	font-size:107.75%
}
#onglets a,
#onglets span.actif
{
	display:block;
	float:left;
	text-decoration:none;
	color:#333;
	background-color:inherit
}
#onglets a span,
#onglets span.actif span
{
	float:left;
	display:block;
	margin-top:6px;
	width:10px;
	padding:5px 0;
	background-image:url(../img/bg/onglet.png);
	background-position:100% 0
}
#onglets a span.onglet,
#onglets span.actif span.onglet
{
	padding-left:10px!important; /* attention au !important lors de la compression */
	width:auto!important;
	background-position:0 0
}
#onglets span.actif span
{
	color:#333;
	background-color:inherit;
	font-size:107.5%;
	margin-top:0;
	padding:8px 0 7px;
	background-position:100% -75px
}
#onglets span.actif span.onglet
{
	background-position:0 -75px
}
#onglets a:focus
{
	outline:none
}
#onglets a:hover span,
#onglets a:focus span
{
	margin-top:4px;
	padding:7px 0 5px
}
.msie6 #onglets span.actif span /* onglet en png 8 pour IE */
{
	background-image:url(../img/bg/onglet.ie.png);
	background-position:100% 0
}
.msie6 #onglets span.actif span.onglet
{
	background-position:0 0
}
.msie6 #onglets a span
{
	color:#000;
	background-color:inherit;
	background-image:url(../img/bg/onglet.ie.png)
}
.msie #onglets a
{
	cursor:pointer
}
.msie6 #onglets a:hover
{
	position:relative
}
#liens
{
	margin-top:8px;
	margin-bottom:5px;
	float:right
}
#liens a
{
	color:#FFF;
	background-color:inherit
}
#liens a:hover,
#liens a:focus
{
	text-decoration:none
}
#liens li
{
	margin-top:0.75em;
	border-left:1px solid #FFF;
	padding-left:1em;
	margin-left:10px
}
#liens li.premier
{
	border:none;
	padding-left:0;
	margin-left:0
}
/* tableaux
------------------------------------------------------------------------------*/
table
{
	background-color:#FFF;
	color:inherit
}
thead td,
thead th
{
	border-color:#333
}
thead
{
	background-color:#414141;
	color:#FFF	
}
tbody th
{
	border-color:#333;
	color:#009EE0;
	background-color:inherit;
	font-weight:normal
}
tfoot
{
	background-color:#F1F1F1;
	color:inherit;
	font-size:85%
}
#tarifs
{
	width:100%
}
#tarifs caption
{
	display:none
}
/* corps
------------------------------------------------------------------------------*/
#corps .centrer
{
	position:relative;
	top:-2px /* tout le corps est remonté de 2 pixels pour masquer un léger décalage (problème d’arrondi) au niveau des onglets lors de l’agrandissement du texte */
}
#corps .marges
{
	padding:0;
	margin-bottom:-2px /* du coup, on corrige la marge en bas en fonction */
}
#corps .marges .marges
{
	padding:0 3px;
	margin-bottom:0
}
#colonne,
#contenu
{
	display:inline; /* pour notre ami IE */
	float:left;
	width:210px;
	margin:0 10px 10px
}
#contenu.sans_colonne
{
	width:760px
}
#corps .encart
{
	background-image:url(../img/bg/colonne.png);
	padding-top:10px;
	margin-top:20px
}
#corps .encart .interieur
{
	background-image:url(../img/bg/colonne.png);
	background-position:0 100%;
	padding:0 4px 0 8px;
	background-color:#FFF;
	color:inherit
}
#contenu .encart
{
	background-image:url(../img/bg/contenu.png)
}
#contenu .encart .interieur
{
	padding:10px;
	background-image:url(../img/bg/contenu.png)
}
#contenu.sans_colonne .encart,
#contenu.sans_colonne .encart .interieur
{
	background-image:url(../img/bg/sans_colonne.png);
}
#contenu
{
	width:526px;
	float:left
}
#contenu .url
{
	color:#000;
	background-color:inherit;
	text-decoration:none;
	cursor:text
}
#corps p
{
	padding-bottom:10px;
	margin:0
}
#corps a:hover,
#corps a:focus
{
	text-decoration:none
}
#corps big
{
	font-family:"Trebuchet MS",sans-serif;
	line-height:1.965em;
	font-size:131%
}
#corps .important
{
	color:#009EE0;
	background-color:inherit
}
#contenu h2
{
	margin-top:1.5em;
	margin-bottom:0.5em;
	color:#1A93D1;
	background-color:inherit;
	font-size:146.5%
}
#contenu .encart h2
{
	margin-top:0.5em
}
#contenu h3
{
	margin-top:0.5em
}
#contenu h3 a
{
	color:#000;
	background-color:inherit
}
#contenu .sous-titre
{
	margin-top:-1.2em;
	color:#414141;
	background-color:inherit
}
#contenu .sous-titre small
{
	font-size:85%
}
#contenu .niveau
{
	display:block;
	margin-top:1.5em
}
#contenu .niveau img
{
	float:right
}
#bandeau
{
	background-color:#DADADA;
	clear:both;
	color:#414141;
	padding:10px 10px 0;
	font-size:92.5%
}
.msie6 #bandeau
{
	height:110px
}
.msie7 #bandeau
{
	min-height:110px
}
.correctif
{
	height:1px;
	overflow:hidden
}
#bandeau h2
{
	margin-top:0.5em;
	font-size:142%
}
ul#partenaires
{
	margin:0 0 1em 0
}
#partenaires ul
{
	margin:0;
	padding:0
}
#partenaires li
{
	list-style-type:none;
	margin-top:5px;
	border-top:1px solid #FFF; /* petit bug étrange sous IE6 */
	border-bottom:1px solid #FFF;
}
ul#partenaires li
{
	margin-right:4px; /* une marge plus importante ne permet pas d’ajouter des partenaires */
	border:none
}
#partenaires a,
#partenaires acronym
{
	display:block
}
ul#partenaires a
{
	float:left
}
#partenaires a:focus
{
	outline:none;
	background-color:#F1F1F1;
	color:inherit
}
#colonne
{
	font-size:92.5%
}
#flux img
{
	float:left;
	margin:-5px 0 5px -5px /* petit décalage sur l’image */
}
.mac.firefox #flux p
{
	padding-right:23px;
	float:right /* nécessaire pour éviter un bug au survol */
}
#flux p a
{
	color:#414141;
	background-color:inherit
}
#flux h2 a
{
	display:block
}
#programme ul
{
	margin-left:0
}
#programme a,
#programme strong
{
	display:block;
	font-weight:bold
}
#programme span,
#programme strong
{
	border-left:4px solid #F1F1F1;
	padding-left:0.5em
}
#programme strong
{
	margin-bottom:-2px;
	padding-bottom:2px
}
#colonne small
{
	font-size:92%
}
#programme small
{
	display:block;
	margin-bottom:0.5em
}
#colonne li
{
	padding-bottom:1em
}
#programme li
{
	list-style-type:none
}
#colonne h2 a
{
	color:#009EE0;
	background-color:inherit
}
#colonne h2 a:hover,
#colonne h2 a:focus
{
	color:#0089C2;
	background-color:inherit
}
#colonne h2 a:visited
{
	color:#0089C2;
	background-color:inherit
}
#colonne a:hover,
#colonne a:focus
{
	text-decoration:none
}
#colonne h2
{
	font-size:125%;
	color:#009EE0;
	background-color:inherit;
	margin:0 0 0.25em 0
}
#corps h2
{
	font-family:"Trebuchet MS",sans-serif
}
#corps h2 span
{
	display:block
}
#corps ul.puces
{
	list-style-type:none;
	margin-left:0
}
#corps h3 img
{
	vertical-align:baseline;
	margin-right:5px
}
#corps ul.puces li
{
	padding-left:13px;
	background-image:url(../img/lib/circular_icons/bullet_blue.png);
	background-position:0 0.35em;
	list-style-type:none
}
#corps ul.puces li li
{
	background-image:url(../img/lib/circular_icons/bullet_black.png)
}
#information form
{
	margin-top:-10px;
	padding-bottom:0.5em
}
#information input.text
{
	margin-right:10px;
	font-size:92%;
	width:110px
}
#information input.submit
{
	font-size:92%
}
.photo
{
	padding:1px!important;
	float:right;
	margin:0 0 1em 1em!important;
	background-color:#FFF;
	color:inherit
}
.photo img
{
	display:block;
	border:2px solid #FFF
}
/*
#contact input.text,
#contact textarea
{
	width:50%;
}
#contact .envoyer
{
	width:34em
}
#contact fieldset
{
	margin-left:15em
}
#contact fieldset p
{
	float:left;
	margin-right:2em
}
#contact fieldset input
{
	margin-left:0.5em
}
*/
#page.lieux .encart img,
#page.lieux .encart iframe
{
	display:block;
	margin:auto
}
#page.lieux .encart h3 img,
#page.lieux .encart p span img
{
	vertical-align:top;
	display:inline
}
#page.flux #contenu .encart img
{
	display:block;
	margin:auto
}
#page.association h3,
#page.editions_precedentes h3,
#page.lieux h3,
#page.statuts h4,
#page.inscription h3
{
	margin-top:2em
}
#page.programme #contenu h3
{
	margin-top:1.5em
}
#page.ateliers #contenu .sommaire li
{
	margin-bottom:0.75em
}
.spip_documents_center
{
	display:block;
	text-align:center;
	margin:2em 0;
}
.trois_colonnes
{
	float:left
}
.trois_colonnes .trois_colonnes
{
	width:235px;
	margin-left:20px
}
.trois_colonnes .premier
{
	margin-left:0
}
.membre
{
	margin:30px 10px
}
.encart .membre
{
	margin:-30px 0 0
}
.membre .photo
{
	margin:0 0 10px 10px!important
}
.encart .membre .photo img
{
	border-color:#F1F1F1
}
#contenu .membre h3
{
	margin-top:2em
}
#page.erreur h2
{
	padding-left:25px;
	background-image:url(../img/lib/circular_icons/minus.png);
	background-position:0 50%
}
.haut_de_page
{
	text-align:right;
	margin:1em 0 0!important
}
form .haut_de_page small
{
	padding-left:0;
	background-image:none;
}
#page.retours form .haut_de_page,
#page.retours form .envoyer
{
	border-top:2px solid #DADADA;
	padding-top:1em;
	/*padding-right:235px;*/
}
#page.retours form .bas_de_page
{
	border-bottom:2px solid #DADADA;
	padding-bottom:1em;
	font-size:107.7%;
	/*padding-right:235px;*/
}

#page.retours form .envoyer
{
	margin-bottom:2em;
}
.haut_de_page a
{
	padding:0.3em 25px;
	background-image:url(../img/lib/circular_icons/arrow_up.png);
	background-position:0 50%
}
#page.actualites #contenu h3
{
	margin-top:2.5em
}
.pause
{
	margin-top:10px!important;
	width:526px;
	margin-left:-6px;
	margin-bottom:1.5em
}
.pause h3
{
	margin:0!important;
/*	float:left*/
}
.pause img
{
	vertical-align:bottom
}
.pause .interieur
{
	padding-top:0!important
}
.pause .description
{
	margin-top:1em
}
/* classes generiques
------------------------------------------------------------------------------*/
.texte_centrer
{
	text-align:center
}
.texte_aligner
{
	text-align:justify
}
.texte_droite
{
	text-align:right
}
.floater_gauche
{
	float:left
}
.floater_droite
{
	float:right
}
/* pied
------------------------------------------------------------------------------*/
#pied p small
{
	font-size:85%
}
#pied p
{
	text-align:justify;
	margin:0
}
/* formulaires
------------------------------------------------------------------------------*/
.js form #message
{
	display:none
}
/*
#recherche.text
{
	background-image:url(../img/lib/circular_icons/magnify.png);
	background-position:1% 50%;
	padding-left:20px
}
*/
input.text,
input.submit,
textarea
{
	margin-top:1px;
	border:1px solid #009EE0;
	padding:2px
}
form small
{
	background-image:url(../img/lib/circular_icons/information.png);
	background-repeat:no-repeat;
	padding:0.3em 20px
}
#page.retours form small
{
	display:block;
}
#page.retours h3 small
{
	display:inline;
	background-image:none;
	padding-left:0;
	color:#666;
	font-weight:normal;
	background-color:inherit;,
}
p.erreur,
legend span.erreur,
#message.erreur
{
	font-weight:bold;
	color:#B01200;
	background-color:inherit
}
#message.erreur p
{
	padding-left:20px;
	background-image:url(../img/lib/circular_icons/no.png)
}
p.erreur input.text
{
	background-image:url(../img/lib/circular_icons/no.png);
	background-position:99% 50%
}
p.erreur textarea
{
	background-image:url(../img/lib/circular_icons/no.png);
	background-position:99% 2%
}
p.erreur input.text,
p.erreur textarea
{
	border-color:#B01200
}
.sans_erreur
{
	font-weight:normal!important;
	color:#000!important;
	background-color:inherit!important
}
.envoyer
{
	text-align:right
}
textarea
{
	overflow:auto
}
.intitule
{
	margin-top:0.2em;
	margin-right:1em;
	text-align:right;
	float:left;
	width:14em
}
#page.apero .intitule
{
	width:20em
}
#page.retours .encart
{
	margin-bottom:2em
}
#page.apero fieldset p,
#page.retours fieldset p
{
	clear:both;
}
#page.apero p.envoyer
{
	padding-right:345px;
}
#page.retours .envoyer span
{
	width:540px;
	display:block;
	float:left;
}
#page.retours .envoyer .intitule
{
	width:10em;
}
#page.retours h3
{
	clear:both;
}
#page.retours .intitule
{
	text-align:left;
	width:550px;
	margin-left:25px;
}

#page.retours input.radio,
#page.retours input.checkbox
{
	position:relative;
	left:-587px;
}
#page.retours #autres_remarques .intitule
{
	width:8em
}
#page.apero legend span,
#page.retours legend span
{
	display:block;
	white-space:normal;
	padding-bottom:1em;
	font-weight:bold
}
#page.retours #contact .intitule
{
	width:125px;
}
#page.retours #contact textarea
{
	width:540px;
}
#page.retours #contact input.text
{
	width:260px;
}
#page.apero .puces
{
	overflow:auto
}
.msie #page.apero .puces
{
	overflow:visible;
	height:1%
}
#page.apero .puces li
{
	float:left;
	width:225px;
}
legend span
{
	display:block
}
legend span.intitule
{
	margin:0 0 0 -15em
}
input.text
{
	padding:3px 2px
}
.safari input.text,  /* petit correctif pour Opera et Safari */
.opera input.text
{
	padding-top:1px
}
.msie input.text  /* petit correctif pour IE */
{
	padding-top:4px
}
input.radio,
input.checkbox
{
	position:relative;
	top:2px
}
input.text:hover,
input.text:focus,
textarea:focus,
textarea:hover
{
	border-color:#0089C2
}
p.erreur input.text:hover,
p.erreur textarea:hover,
p.erreur input.text:focus,
p.erreur textarea:focus
{
	border-color:#930F00
}
input.submit
{
	background-color:#009EE0;
	font-weight:bold;
	color:#FFF;
	cursor:pointer
}
input.submit:hover,
input.submit:focus
{
	background-color:#0089C2;
	color:#FFF
}
.msie6 input.submit /* largeur des boutons sous IE */
{
	width:1%;
	overflow:visible
}
.msie7 input.submit
{
	overflow:visible
}
#page.accueil #contenu textarea
{
	width:380px;
}
#page.accueil #contenu p img
{
	vertical-align:top;
}
#page.croquis #contenu .encart h3,
#page.croquis #contenu .encart h4,
#page.croquis #contenu .encart p,
#page.croquis #contenu .encart img
{
	margin:0;
	padding:0;
	display:block;
}
#page.photos #contenu .encart p
{
	text-align:center;
}
#page.telechargements caption
{
	margin-top:2em;
}
#page.telechargements table
{
	width:100%;
}
#page.telechargements td,
#page.telechargements th
{
	border:1px solid #333!important
}
#page.telechargements tbody th
{
	width:200px;
	color:#000;
	font-weight:bold;
	background-color:inherit;
}
/*
#page.telechargements tbody td a
{
	white-space:nowrap;
}
*/
#page.telechargements tbody ul,
#page.telechargements tbody li
{
	list-style-type:none;
	margin:0;
}


/* lien vers site actuel */
/* ancien
#retour_pw { position:absolute; right:0; top:0; width:135px; background-image:url(../img/trois_colonnes.png); background-position:0 100%; background-repeat:no-repeat; z-index:5000 }
#retour_pw p { line-height:15px; margin:0; padding:10px; font-family:sans-serif; font-size:13px }
#retour_pw p a { font-weight:normal; display:block; padding:0 0 0 25px; background-image:url(../img/turn_left.png); background-position:0 0; background-repeat:no-repeat; color:#000; background-color:inherit; border:none; text-decoration:underline }
*/

/* nouveau */
#retour_pw { background-color:#4A4538;border-bottom:1px solid #FFF; border-left:1px solid #FFF; position:absolute; right:0; top:0; width:160px; background-image:url(../img/texture_noire_opt.jpg); background-position:0 100%; background-repeat:no-repeat; z-index:5000; color:#FFF; }
#retour_pw p { line-height:15px; margin:0; padding:10px; font-family:sans-serif; font-size:13px }
#retour_pw p a { font-weight:normal; display:block; padding:0 0 0 35px; background-image:url(../img/pictos_noir.png); background-position:-1000px 2px; background-repeat:no-repeat; color:#FFF; background-color:inherit; border:none; text-decoration:underline }

/* EOF
------------------------------------------------------------------------------*/