@charset "UTF-8";
/* CSS Document */
/* SPECIFIC CSS JDM */

body {
	background-color: #3370a7;
	background-image: url(/images/background.jpg);
	
	background-repeat: repeat-x;
	background-position: center top;
	line-height:normal;
}
.wrapper {
	padding-top:15px;
}
h1.logo {
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:280px;
	height:89px;
	text-indent:-4000px;
	margin-bottom:0px;
	display:block;
}

h1.logo a {
	width:280px;
	height:89px;
	text-decoration:none;
	display:block;
}
.twocollefta {
	background-image: url(/images/back-menu.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.inputsrch {
	border:0;
	background-color:#f8fcfe;
	width:200px;
	color:#999;
	padding:2px;
}
.btnsrch {
	vertical-align:bottom;
}
#form_srch {
	margin-top:5px;
}
.newredac {
	display:block;
	height:35px;
	background-image: url(/images/new-redaction.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:50px;
	color:#FFF;
}
.identite {
	display:block;
	height:35px;
	background-image: url(/images/in-redaction.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:50px;
	color:#FFF;
}
.stuffhead {
	margin-top:20px;
	padding-left:60px;
}
#menu {
	clear:both;
	margin-bottom:0px;
}
#menu li {
	display:inline;
}
#menu li a {
	display:block;
	float:left;
	padding-right:8px;
	padding-left:6px;
	color:#FFF;
	padding-top:7px;
	padding-bottom:5px;
	margin-top:2px;
	text-transform:uppercase;
}
#menu li a:hover {
	background-color:#236eb9;
}
.mainone {
	background-color:#FFF;
	background-image: url(/images/ombre.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:15px;
}
.news {
	background-color:#FFF;
	border-bottom:2px solid #666;
	border-top:2px solid #666;
	background-image: url(/images/newsband.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
}

.ici{
	background-color:#FFF;
	border-bottom:2px solid #666;
	border-top:2px solid #666;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

.others {
	background-color:#FFF;
	padding-top:10px;
	font-size:10px;
}
.others h2 {
	text-transform:uppercase;
	padding-bottom:3px;
	margin-bottom:3px;
	background-image: url(/images/plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top:5px;
}


.others h2 a {
	display:block;
	background-color:#f7f7f7;
	background-image: url(/images/plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.services {
	background-color:#036;
	color:#fff;
}
#submenu {
	clear:both;
	margin-bottom:0px;
	margin-right:15px;
}
#submenu li {
	display:inline;
}
#submenu li a {
	display:block;
	float:right;
	padding-right:8px;
	padding-left:6px;
	color:#FFF;
	padding-top:3px;
	padding-bottom:6px;
	text-transform:uppercase;
}
#submenu li a:hover {
	background-color: #06C;
	text-decoration:none;
	background-image: url(/images/up.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.artbig {
	padding-left:6px;
}
.justy {
	text-align:justify;
	width:290px;
	font-size:10px;
	line-height:normal;
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	width: 940px;
	height: 18px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 95px;
	top: 0px;
	width: 940px;
	overflow: hidden;
	padding-bottom:5px;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: auto;
	font: bold 10px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	font: bold 10px;
	margin: 0 50px 0 0;
}
ul.newsticker span {
	margin: 0 0 0 0;
}
/* tabs jquery */


UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
UL.tabNavigation LI {
	display: inline;
}
UL.tabNavigation LI A {
	padding: 3px 5px;
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}
UL.tabNavigation LI A.selected, UL.tabNavigation LI A:hover {
	background-color: #333;
	color: #fff;
	padding-top: 7px;
}
UL.tabNavigation LI A:focus {
	outline: 0;
}
div.tabs > div {
	padding: 5px;
	margin-top: 3px;
	border: 5px solid #333;
	margin-right:8px;
	margin-bottom:10px;
}
div.tabs > div h2 {
	margin-top: 0;
}
#first {
}
#second {
}
#third {
}
#toparticles {
	border-top:3px solid #333;
	border-bottom:3px solid #333;
	padding-top:10px;
	margin-right:8px;
}
#toparticles h2 {
	text-indent:-4000px;
	height:20px;
	background-image: url(/images/art-populaire.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#toparticles p {
	font-size:10px;
	line-height: normal;
}
.nextart {
	font-size:10px;
	line-height:normal; 
}
.nextart h3 { line-height:normal; margin-top:0px; padding-top:0; text-transform:lowercase; text-transform:capitalize; padding-top:4px;}
.leftpad {
	padding-left:6px;
	line-height:normal;
}
.padlist {
	line-height:normal;
}
ul.artlist {
	margin-top:10px;
	border-top:1px solid #999;
}
ul.artlist li {
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #999;
}
.alireaussi {
	border-top:3px solid #666;
	padding-left:8px;
}
.banpublarge {
	text-align:center;
	padding:4px;
	background-image: url(/images/bakc-banner.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.blanc {
	background-color:#FFF;
	text-indent:-4000px;
}

.footer{
	margin-top:15px;
	background-color:#f3f3f3;

	text-align:right;
	background-image: url(/images/back-footer.gif);
	background-repeat: repeat-x;
	background-position: left top;	
}

.footercontent{ padding-right:15px; padding-top:8px; 	background-image: url(/images/logo-small.gif);
	background-repeat: no-repeat;
	background-position: left top;	height: 35px;}
	
.footerstuffs{	background-color:#f3f3f3;}
.line{ border-right:1px solid #CCC;}
.hierar ul { margin-left:10px;}
.archives{ padding-left:8px;}
.spacer{ display:block; border-bottom:1px solid #CCC; margin-bottom:6px;}

.spip_logos{ padding:0 10px 10px 0; }
.darkgrey{ color:#666;}

#commentaireart{ padding-top:10px; margin-top:5px; }
.fond-gris{ background-color: #FCFCFC; padding-bottom:3px;padding-top:3px; padding-left:10px; padding-right:10px;}
.fond-bleu{ background-color:#E3F5FE; padding-bottom:3px; padding-top:3px;padding-left:10px; padding-right:10px;}

.titrerubrique{ padding-left:10px; font-size:18px; font-weight:bold; color:#039; border-bottom:1px solid #666; text-transform: uppercase;}
.article{ background-color:#FFF; }
.therarticle{ padding-left:10px;}



.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right; z-index:12; position: absolute; right:0;}
.formulaire_login  { color:#FFF;}


.formulaire_login  input.submit

{
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 4px 0;
		width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#formulaire_inscription form fieldset legend { font-weight: bold; background:none; font-size:14px;  color: #fff; } 
#formulaire_inscription form fieldset p.explication{ color: #CCC;}

#formulaire_inscription form fieldset ul li label{	float: left;
	padding-top: 2px;
	clear: both;
	width: 280px;
	display: block;
		color: #999999;}
		
		
#formulaire_inscription form fieldset ul li input{				border: 1px #1A1A1A solid;
	margin-right: 5px;
	margin-top: 3px;
	width: 170px;
	color: white;
	height: 16px;
	background-color: #666;}
	
#formulaire_inscription form p input.submit
	{
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 3px 0;
		width: 98px;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
	color:#FFF;
}

#formulaire_login  legend { font-weight: bold; background:none; font-size:14px;  color: #fff; } /* Preciser la couleur des legend et du fond pour IE/Win */
.editer_login label, .editer_password label {
	padding-top: 4px;
	width: 280px;
		color: #999999;
}

#var_login, #password{
	border: 1px #1A1A1A solid;
	margin-right: 5px;
	margin-top: 4px;
	width: 170px;
	color: white;
	height: 16px;
	background-color: #666;
}

.editer_session label{ 	
		color: #999999;}
		
.formulaire_login form fieldset ul li.editer_session input.checkbox{ float:left;}
.formulaire_login form fieldset ul li.editer_session  label{
	float:left;
	width:200px;
	color:#CCC;
	padding-left:10px;
}

#panel .content input:focus.field {
	background: #545454;
}



.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

.sreachingdiv{ padding-bottom:10px; padding-top:2px; padding-left:20px;}


.lineupp{ border-top: 1px #CCC solid;}

#toolsuser ul li{
	background-image: url(../images/back-menu-user.png);
	background-repeat: no-repeat;
	background-position: left center;
	width:232px; height:36px;
	margin-bottom:3px;
}

#toolsuser ul{ margin-left:20px;}

#toolsuser ul li a{ width:190px; height:26px; display:block;}

#toolsuser ul li a.addart, #toolsuser ul li a.modart, #toolsuser ul li a.modprof, #toolsuser ul li a.ecrire, #toolsuser ul li a.logout{

	background-repeat: no-repeat;
	background-position: left top;
	padding-left:45px;
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
}
#toolsuser ul li a.addart{
	background-image: url(../images/add-article.png);}

#toolsuser ul li a.modart{
	background-image: url(../images/edit-art.png);
}

#toolsuser ul li a.modprof{
	background-image: url(../images/mod-profil.png);
}

#toolsuser ul li a.ecrire{
	background-image: url(../images/ecrire.png);
	padding-top:4px; padding-bottom:6px;
}

#toolsuser ul li a.logout{
	background-image: url(../images/logout.png);
}

#myprofile{background-color: #272727;}

.listville a{ display:block; padding:3px; background-color: #E7F1FD; margin:2px; width:90px; float:left;}

a.agendardv{
	display:block;
	padding:4px;
	height:45px;
	background-image: url(../images/agenda.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size:14px;
	color:#333;
}

#listagenda li{
	padding-left:15px;
}

#listagenda li { background-color:#f1f8fc; margin-bottom:7px; padding:2px; }

#archives-an{ width:auto; border-bottom:1px solid #CCC; clear:both; margin-top:10px; }
#archives-an a{ display:block; float:left; padding:3px; margin-right:4px; background-color:#CCC; color:#036;}

#archives-moi{ margin-top:10px; border-bottom:1px solid #036; clear:both; padding-top:10px; padding-bottom:20px;}
#archives-moi a{ display:block; float:left; padding:3px; margin-right:5px; background-color:#036; color:#FFF;   }

#oubli_form input.submit
	{
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 3px 0;
		width: 98px;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
	color:#FFF;
}

#formulaire_contact form fieldset ul li label{ font-size:10px; color:#333;}
#formulaire_contact{ padding-left:20px;}

#introformulaire {  text-align:center; border:1px solid #CCC; margin:40px;}

#formulaire_contact form fieldset ul li label strong { color:#093;}
#introformulaire p{ padding:20px;}