/*
** id : styles.css
** v 1.0 ECEDI / JEN
** t4clichymontfermeil.com
** SPIP 2.1.10
*/

body {
background:#EDE8F0 url(images/bk.gif) repeat-x center 267px;
margin:0;
font-size:0.82em; /* like 13px */
color:#586068;
font-family:Arial, Tahoma, Verdana, sans serif;
height:100%;
}

a:link, a:visited { color:#586068; text-decoration:none; }
a:focus, a:hover, a:active { color:#586068; text-decoration:underline; }
a:focus { outline: 1px dotted #000000; }

/* RESET */
p, ul, li, h1, h2, h3 , form, img { margin:0; padding:0; list-style:none; border:0; }
input, textarea {font:90% Arial, Verdana, sans serif;}

h1 {color:#5A3070; font-size:200%; font-weight:normal; margin:0 0 0.8em; }
h2 {color:#5A3070; font-size:140%; font-weight:normal;}
h3 {color:#5A3070; font-size:125%; font-weight:bold; }
h4 {color:#5A3070; font-size:115%; font-weight:bold;}
h5 {color:#5A3070; font-size:110%; font-weight:normal;}

hr {border: 1px solid #CFD4D7; border-width:1px 0 0; margin:1em 0;}

h1 span {display:block; color:#8fa000; padding:8px 0 0; font-size:75%;} /* sous titre */

.spip_surligne {color:#4E4E50; display:inline; font-size:100%;}
h1 span.spip_surligne {color:#5A3070;}

#wrapper { width:980px; margin:0 auto; text-align:center; background:#ffffff; position:relative;}
#wrapper div {text-align:left;}

/* 
-----------------------------------------------
= HEADER
-----------------------------------------------
*/

#skip-link {display:block;}
#skip-link ul, #skip-link li {display:inline;}
#skip-link a {position:absolute; top:-1000px;}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {display:block; top:0; background:#ffffff; font-size:115%; padding:2px 5px; left:0; text-decoration:none; font-weight:bold;}

#header li {display:block; float:left; font-size:90%;}

/* menu header */
#menu-header {background:#ffde00 url(images/header-bk.gif) no-repeat right top; color:#5a3070; width:470px; float:left; padding:5px 12px; }
#menu-header a {color:#5a3070; border-right:1px solid #5a3070; padding:0 8px 0 6px;}
#menu-header ul {float:right;}

/* recherche */
#formulaire_recherche label { float:left; padding:0 5px 0 7px; cursor:pointer;}
#formulaire_recherche .text {width:159px; min-height:14px; height:auto!important; height:14px; border:1px solid #f5d400; float:left; font-size:85%;}
#formulaire_recherche .submit {padding:2px 8px 0 5px;}

/* logos partenaires */
#partenaires span {display:block; float:left; padding: 7px 8px 0 0;}
#partenaires a {display:block; float:left; padding: 3px 8px 0 0;}
#partenaires .stif img {width:48px; height:auto; padding:1px 0 0;}

/* bannière - logo - slogan */
#site-banner {clear:both; background:url(images/banniere.jpg) no-repeat 0 0; min-height:232px; height:auto!important; height:232px; }
#logo {/*padding:28px 0 0 97px;*/ padding:9px 0 0 20px; display:block; float:left;}
#slogan {float:right; color:#5a3070; font-size:135%; margin:66px 42px 0 0; background:#FEDE00;}
#slogan strong {display:block;}
#t4-logo {clear:both; padding: 17px 0 0 20px;}

/* 
-----------------------------------------------
= CONTENT
= sidebar left, content center, sidebar right
-----------------------------------------------
*/
#content {position:relative; padding:20px 0 0; float:left; width:100%; margin-bottom:-168px; z-index:5;}

#chemin-de-fer {	float: left;padding: 0 0 10px 24px;width: 700px; font-size:85%;}
#chemin-de-fer .on {	color:#5A3070}

.intro {font-weight:bold;}
.not-front .intro {font-size:103%;}

/* DOCUMENTS */
.spip_documents dt {text-align:center;}
.spip_documents .spip_doc_titre {text-align:center; font-size:85%; margin:0 auto; color:#5A3070; font-weight:bold;}
.spip_documents .spip_doc_descriptif {text-align:center; font-size:85%; margin:0 auto; color:#586068;}
.spip_documents_center {text-align:center; display:block; margin:0.6em 0;}
.spip_flash_link {padding:0.8em 0; font-size:80%;}

.spip_documents_left {padding:0 10px 6px 0; margin:0;}
.spip_documents_right {padding:0 0 6px 10px;}

	/* documents téléchargements */
	.spip_document_telechargement {clear:both; margin:1em 0; overflow:hidden; height:auto!important; height:1%; padding:0 15px;}
	.spip_document_telechargement a {float:left; padding:0 10px 10px 0;}
	.spip_document_telechargement .spip_doc_titre {color:#5A3070; font-weight:bold;}
	.spip_document_telechargement .spip_doc_descriptif {font-size:85%;}

/* READ MORE */
.read-more {text-align:right; padding:3px 0 0;}
.read-more a, a.read-more, #encadre a.spip_in {background:url(images/menu-arrow-purple.gif) no-repeat 0 4px; text-transform:uppercase; font-size:85%; padding: 0 0 0 12px;}
a.read-more {float:right;}

/* = SIDEBAR LEFT */
#sidebar-left {width:186px; float:left; padding:0 0 20px 20px;}	
#menu-primary, #boutons-concertation , #video-small  {margin:0 0 1.5em;}

	/* menu */
#menu-primary {border:1px solid #ede8f0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
#menu-primary li {background:#ede8f0 url(images/menu-border.jpg) repeat-x 0 bottom; padding:0 0 3px;}
#menu-primary li:first-child, #menu-primary li:first-child a {-moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
#menu-primary li:last-child, #menu-primary li:last-child a {-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}
#menu-primary li:last-child, #menu-primary li.last-child {background:#ede8f0; padding:0}
#menu-primary a {display:block; padding:10px 15px 10px 28px; background:url(images/menu-arrow-purple.gif) no-repeat 16px 15px; color:#5A3070; font-size:118%;}
#menu-primary a:focus, 
#menu-primary a:hover,
#menu-primary a:active,
#menu-primary a.on {background:#ffffff url(images/menu-arrow-yellow.gif) no-repeat 16px 15px; text-decoration:none; color:#9bad00;}

/* niveau 2 */
#menu-primary ul  {padding:3px 0 0; background:#ffffff url(images/menu-border-on.jpg) repeat-x 0 0;}
#menu-primary ul a.on, #menu-primary ul a {color:#4e4e50; background:#ffffff; font-size:100%; padding: 7px 5px 5px 28px;}
#menu-primary ul a.on {color:#5A3070; font-weight:bold;}
#menu-primary ul a:focus, 
#menu-primary ul a:hover,
#menu-primary ul a:active{color:#5A3070;background:#ffffff;}
#menu-primary ul li {background:none; border-bottom:1px solid #f1edf3; }
#menu-primary ul li:first-child, #menu-primary ul li:last-child,
#menu-primary ul li.first-child, #menu-primary ul li.last-child {background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

/* niveau 3 */
#menu-primary ul ul {padding:10px 0 8px 28px; background:#ffffff; border-top:1px solid #f1edf3;}
#menu-primary ul ul li {background:none; border-bottom:0; border-left:1px solid #5a3070; }
#menu-primary ul ul a, #menu-primary ul ul a.on {padding:2px 10px 2px 8px; font-size:95%;}

/* = CONTENT CENTER */
#content-center {width:484px; float:left; padding:0 20px 20px;}	
.front #content-center {background:url(images/content-shadow.jpg) no-repeat 0 1px;}	
#content-center p {margin:0.7em 0; line-height:1.3em}	

/* les avis */
.liste-article.avis a {color:#FA4F09}
.avis li {overflow:hidden; height:auto!important; height:1%;}
.avis .infos {float:left; width:80px;}
.avis .content {float:right; width:360px;}
#content-center .avis p.theme {font-size:80%; float:right; margin:0; padding:2px 0 0; color:#FA4F09; width:65px;}
#article .liste-article.avis h2 {margin:0;}

.avis-theme  {margin:0 0 2em}
.avis-theme select {border: 1px solid #EBECEE;font: 90% Arial;padding: 1px;}
.avis-theme .field-mot {float:left;}
.avis-theme .submit {margin:0 0 0 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#B1C800; color:#ffffff; border:0; padding:2px 8px; cursor:pointer; font:bold 90% Arial; }

/* = ARTICLE */
#article {border:1px solid #e1d9e6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:18px 18px 28px; overflow:hidden; height:auto!important; height:1%; background:#ffffff;}	
.front #article {font-size:103%;}

/* visuel : LOGO ARTICLE */
#article .visuel {margin:1em auto; position:relative; width:302px;  text-align:center;}
#article .visuel span {display:block; text-align:center;font-size:85%;  padding:2px 5px;}
#article .visuel .title {color:#5A3070; font-weight:bold; background:#F2EDF4;-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8^x; border-radius:0 0 8px 8px;}

/* titres */
#article h2, #article h3, #article h4 , #article h5 {margin:0.8em 0;}

/* liens internes et externes */
#article a.spip_in,
#article a.spip_out {text-decoration:underline;}

#article a.spip_in:focus,
#article a.spip_in:hover,
#article a.spip_in:active,
#article a.spip_out:focus, #article a.spip_out:hover, #article a.spip_out:active {text-decoration:none;}

/* liste à puce */
#content-center ul.spip {padding:0 0 0 0.2em; position:relative;}
#content-center .spip li, #content-center .liste-article .spip li {background:url(images/puce.gif) no-repeat 0 7px; padding:2px 0 2px 16px; margin:0;}
#content-center .spip li {overflow:hidden; height:auto!important; height:1%; border:0;}
#article .liste-article li li {border:0;}
#sidebar-right ul.spip {padding:0 0 0 1em;}
#sidebar-right .spip li {background:url(images/puce-blanche-small.gif) no-repeat 0 5px; padding:0 0 0 10px; margin:0;}

#article #sitemap li {padding:0;}

/* = LISTE ARTICLES */
#content-center.liste {width:714px;}
.liste-article {margin:1em 0;}
.liste-article li {margin:0 0 1em 0; clear:both;}
.liste-article a {color:#5A3070;}
.liste-article h2 {color:#5A3070; background:url(images/menu-arrow-purple.gif) no-repeat 0 7px; padding:0 0 0 14px; overflow:hidden;}
.liste-article .date {float:left; font-size:85%; padding:2px 0 0 0; color:#999}
#article .liste-article li {border-bottom: 1px solid #F2EDF4; padding: 0 0 1em; /*width:100%; float:left;*/} 

	 /*liste partenaires only */
	#partenaires .visuel {background:none; width:auto; margin:15px 10px 0 0; width:160px;}
	#partenaires .content {float:left; width:270px;}
	#partenaires li {overflow:hidden; height:auto!important; height:1%;}

/* wysiwyg */
#article .ligne-violet {border-left:1px solid #5A3070; padding:0 0 0 9px; margin:0 0 12px; color:#5A3070;}
#article .caractencadre-spip {color:#5A3070;}
#article .caractencadre2-spip {color:#8fa000;}

/* encadre gris : correspond à #PS */
#encadre {background:#f2edf4; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; padding:18px; margin:-15px 0 0; border:1px solid #e1d9e6; border-width:0 1px 1px; overflow:hidden; height:auto!important; height:1%;}	
#encadre img {float:left; padding:0 15px 0 0;}	
#encadre h2 {line-height:1em;}	
#encadre h2 span {color:#8fa000;}	
.front #encadre h2 {background:url(images/pictos.gif) no-repeat 0 -130px; padding: 4px 0 8px 40px;}	/* home only */
#encadre p {overflow:hidden; margin:0.3em 0;}	
.front #encadre li {color:#5A3070; font-size:106%;} /* home only */	
#encadre li {clear:both; padding:0 0 15px; float:left; width:100%;}	
#encadre a {color:#5A3070;}		
#encadre .spip_logos {margin:0 0 0 -18px;}		

#encadre.liste {margin-top:-15px; position:relative; padding-bottom:0;}

/* GLOSSAIRE */
#glossaire  dt {color:#5A3070; font-size:140%;}
#glossaire  dd {border-bottom: 1px solid #F2EDF4; margin: 0 0 1em; padding: 0 0 8px;}

.liste-article a.cs_glossaire {color:#586068;}
/*a.cs_glossaire span.gl_mot {border:0; font-family:Georgia; font-size:85%;}*/
a.cs_glossaire, #glossOverDiv {color:#586068;}
a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {border:1px solid #8FA000; font-family:Arial; font-size:100%;}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {background:#8FA000; color:#ffffff;}

/* FAQ */
.sommaire {margin:1em 0;}
.sommaire li {background:url(images/puce.gif) no-repeat 7px 7px; padding:1px 0 1px 25px;}
.faq h3 {color:#5A3070;}
/*.faq-1, #sommaire-faq2 {border-bottom:1px solid #CFD4D7; margin:0 0 2em; padding:0 0 2em;}*/
.faq .top {text-align:right;}
.faq .top a {background:url(images/menu-arrow-purple.gif) no-repeat 0 0.35em; padding:0 0 0 13px; text-transform: uppercase; font-size:85%;}
#article.faq li.reponse {padding:0.5em 0;}

/* = SITEMAP */
#sitemap h2 {background:url(images/puce-vert-big.gif) no-repeat 0 50%; padding:3px 0 3px 14px;}
#sitemap h2 a {color:#5A3070;}
#sitemap ul {border-left:1px solid #B1C800; margin:0 0 1.6em 1.5em; padding:0 0 0 10px;}
#sitemap ul ul {margin:0 0 0.3em 2em;}

/* = SIDEBAR RIGHT */
#sidebar-right {width:230px; float:right; padding:0 20px 20px 0;}	

.block {padding:12px 16px;}
.block a {text-decoration:underline;}
.block a:focus, .block a:hover, .block a:active {text-decoration:none;}

.block hr {border-color:#ffffff;}


/* bloc gris La lettre d'info */
#bloc-trace {background:#f2edf4;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow:hidden; height:auto!important; height:1%; border: 1px solid #E1D9E6; margin:0 0 2em}
#bloc-trace h2 {color:#5a3070; padding:2px 0 6px;}
#bloc-trace h2 span {color:#8FA000}
#bloc-trace .spip_doc_descriptif {display:none;}

/* bloc gris La lettre d'info */
#bloc-gris {background:#f2edf4;  -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; overflow:hidden; height:auto!important; height:1%; border: 1px solid #E1D9E6;}
#bloc-gris h2 {color:#5a3070; background:url(images/pictos.gif) no-repeat 0 6px; padding:2px 0 2px 28px;}
#bloc-gris h2 span {color:#8FA000}

/* bloc TELECHARGEMENT */
#telechargements {background:#5A3070; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; margin:0 0 1.5em}
#telechargements a { color:#ffffff; display:block; padding:13px 15px 13px 50px; background:url(images/pictos.gif) no-repeat 18px -53px; font-size:130%; }

/*
------
= FORMULAIRE AVIS
------
*/

.spip_forms fieldset {border:0; margin:0 2em 2em; padding:0;}
.spip_forms .separateur_1 {border-bottom:1px solid #CFD4D7; padding:0 0 1em}
.spip_forms legend {font-size:160%; color:#5A3070; margin:0; padding:0 0 0 15px; background:url(images/puce-vert-big.gif) no-repeat 0 50%;}
.spip_forms .spip_form_label {float:left; width:130px;}
.spip_forms .ligne, .spip_forms .email {border:1px solid #EBECEE; font:90% Arial; width:238px; padding:1px;}
.spip_forms textarea {border:1px solid #EBECEE; font:90% Arial; width:350px; padding:1px;}
.spip_forms .spip_form_champ {margin:1em 0;}
.spip_forms .spip_form_choix_unique {overflow:hidden; height:1%; height:auto!important;}
.spip_forms .spip_form_choix_unique li {display:inline-block; width:9em; padding:0 0 5px;}
.spip_forms .spip_form_label_details {display:none;}
.spip_forms .spip_form_label_obligatoire {color:#FA4F09;}
.spip_forms select{border:1px solid #EBECEE; font:90% Arial; width:354px; padding:1px;}
.spip_forms .multiple_1 {border-top:1px solid #CFD4D7;  padding:1.8em 0 0; margin:2em 0 0;}
.erreur {color:#ff0000}

.spip_forms .textestatique_1 {font-style:italic;}
.spip_forms .separateur_1 .spip_form_label {width:auto; float:none;}
.spip_forms .separateur_1 #input-1-ligne_1 {width:350px;}

.spip_forms .select_2 select {width:242px;}

#wrapper div.spip_forms .spip_bouton {text-align:center!important;}
.spip_forms .spip_bouton input { -moz-border-radius:6px;  -webkit-border-radius:6px;  border-radius:6px; color:#ffffff; border:0; font:bold 130% Arial; padding:4px 8px 3px 15px; cursor:pointer; background:#B1C800 url(images/puce-blanche.gif) no-repeat 7px 50%;}

.spip_forms .spip_form_ok {background:none; color:#586068; border-left:3px solid #b1c800; padding:8px; font-weight:bold;}
.spip_forms .spip_form_ok_confirmation {display:block; margin:1em 0;}

.spip_forms .select_3 .spip_form_label, .spip_forms .select_4 .spip_form_label {display:block; float:none; width:auto;}


/* 
-----------------------------------------------
= FOOTER
-----------------------------------------------
*/
#footer {clear:both; margin:0 1px; background:#5A3070 url(images/footer.gif) no-repeat 0 0; padding:163px 0 0; min-height:65px; height:auto!important; height:65px; position:relative; z-index:3;}
#footer li {display:inline; font-size:90%;}

#menu-footer {overflow:hidden; min-height:29px; height:auto!important; height:30px}
#menu-footer ul {background:#5A3070; width:340px; float:right; padding:8px 7px 0 5px; min-height:23px; height:auto!important; height:23px;}
#menu-footer a {color:#ffffff; border-right:1px solid #ffffff; padding:0 5px 0 2px;}
#menu-footer .last a {border:0; padding:0 0 0 2px;}