/*********************************************************
* CSS screen
* 
* name:     purple is my crown
*
* date:     2009.09.24
* author:   erational <http://www.erational.org>
* version:  0.6
* licence:  GPL
*
**********************************************************/

@import "layout.css";    


/*****************
*   tags
*****************/
body { color: #4C4C4C;	background:#F6F6F2 url(../img/bg_color.png) repeat-y top center; font-family:Arial, Helvetica, verdana, sans-serif;}
h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;}
a { color:#FF8400; text-decoration:none;	}
a:hover { color:#03377D;	}
img {border:0;}
hr {height:0;border:0;clear:both;}
table {margin:0;border-collapse:collapse;/*width:95%;*/}
table.spip {margin:-0.8em 0 0.6em 0;}
td {font-size:0.8em;}
form { margin: 0;  }
form li {list-style:none;margin:0;padding:0;}
fieldset {border:0;}
legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;}
label {display:block;font-weight:bold;}
label span {color:red;}  
textarea {font-family:Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/


/*****************
*  bodywrap
*****************/
#bodywrap {}

/*****************
*   banner
*****************/
#banner {}
#banner {background:#BDBA83 url(../img/bg_banner.png) repeat-x top left;height:107px;}
#banner h1,#banner h2{display:none;}
#banner img {margin:0;}
#banner a {font-weight:bold;color:#fff;}
#banner a:hover {color:#FF8400;}

#blogo {float:left;width:380px;}

/* langue */
#navlang {float:right;margin:0;padding:7px;font-size:.8em;}
#navlang a.contact {margin-right:10px;}
#navlang a.on {border:1px solid #BDB692; padding:2px;background:#DDEDF1;border:1px solid #90BABF;}


/*****************
*   navbar
*****************/
#navbar {clear:both;font-size:11px;} 
#navbar div {text-align:left;background:#F9B700;height:2.9em;/* important: 1(taille)+2*0.8 (padding)  d'ou vient le 0.1 restant ??? du bold ? */}

/* menu */
#navbar .submenu {  color:#fff;width:95px;float:left;text-align:center;}
#navbar .doublesize {width:150px;}
#navbar .submenu a {display:block;text-decoration:none;font-weight:bold;}
#navbar .submenu a.on {background:#fff;color:#F9B700;}
#navbar .submenu h3 {font-weight:normal;font-size:1em;text-transform:uppercase;}
#navbar .submenu h3 a {color:#fff;padding:0.8em 0;}
#navbar .submenu h3 a:hover {background:#F0F9FC;color:#437889;}
#navbar .submenu ul {
      list-style:none;text-align:left;margin:0;padding:0;
      position:relative;height:0; /* surtout ne pas mettre de top ou left (casse le rollver) */
      display:none;     /* on masque les sous-menus pour les vieux navigateurs sans javascript */
      z-index:50; /* empeche le chevauchement sur la home avec jquery cycle */
     
}
#navbar .submenu ul li a {background:#FFE7A3;color:#4C4C4C;font-size:1em;padding:3px 6px;width:218px; border-left:1px solid #e8e8e8;font-weight:normal;}
#navbar .submenu ul li a:hover {background:#F9B700;color:#fff;}

/* formulaire recherche */
#navbar form {float:right;display:inline;margin-top:6px;}
#navbar form div {width:140px;height:16px;margin-right:13px;background:#fff;border:1px solid #fff;}
#navbar label {display:none;}
#navbar input {float:left;} /* bug IE espace blanc*/
#navbar input.text {border:0px solid #fff;font-size:11px;width:120px;margin:0;padding:0 0 0 2px;}
#navbar input.image {margin:0;padding:0;}


/*****************
*   container
*****************/
#container {clear:both;}



/*****************
*   footer
*****************/
#footer {font-size:0.88em;text-align:center;}
#footer div {padding:3em 0 0 205px;}
#footer ul {list-style:none;}
#footer li {margin:0;padding:0 10px;display:inline}
#footer a {text-decoration:none;color:#6F6F6F;font-size:.94em;}
#footer a:hover {color:#000;}
#footer a.rss {background:transparent url(../img/but_rss.png) no-repeat center right;padding:5px 20px 5px 0;}




/*****************
*   aside
*****************/

#aside h3  {font-size:1em;text-transform:uppercase;}
#aside h4  {font-size:0.77em;font-weight:normal;}
#aside a   {color:#4F4E43;}
#aside a:hover   {color:#999780;}
#aside .bloc {margin-bottom:2.6em;}

/* menu */
#aside ul {list-style:none;margin:0 5px;padding:0;}
#aside li h3 {border-bottom:2px solid #fff;
            margin-bottom:.8em;padding:0 1px 2px 20px;
            background:transparent url(../img/bg_aside_puce.png) no-repeat top left;}
#aside li ul{margin:-11px 0 1em 0;background:#F6F6F2;padding:5px;}
#aside li ul li {margin-bottom:.2em;}
#aside .on {font-weight:bold;}

/* le formulaire newsletter */ 
#aside form {margin-left:10px;}
#aside input.text {background:#fff;font-size:11px;
                   border:1px solid #ccc;border-bottom:1px solid #aaa;border-right:1px solid #aaa;                   
                   width:112px;
                   margin-top:4px;
                   padding:3px 0 3px 5px;
}
#aside input.image {margin:0;padding:0;vertical-align:bottom;}
#aside input.submit {}
#aside .reponse_formulaire_erreur,
#aside .formulaire_ok {font-size:.9em;text-align:left;}

/* photo */
#aside .photo {text-align:center;}
#aside .photo img {border:5px solid #fff;}
#aside .photo a {font-weight:bold;display:block;}


/*****************
*   content
*****************/
#content {font-size:0.88em;color:#50534D;}
#content h1,#content  h2,#content  h3 {color:#757240;}
#content h1 { font-size: 1.8em;	margin:0.8em 0 0.4em 0;}
#content h1 a {text-decoration:none;}
#content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal}
#content h1 a img {border:1px solid #fff;}
#content h1.hidden {display:none;}
#content h2, #content h3{	font-size: 1.2em;	margin:0.3em 0 0.2em 0;}
#content h3 {margin-top:1em;}
#content label.inline {display:inline;}
#content p{margin:0.2em 0 0.8em 0;}

#content #ariane  {color:#C3C090;background:transparent url(../img/bg_ariane.png) no-repeat center left;padding-left:15px;}
#content #ariane a {text-decoration:none;color:#5D5F48;padding:2px;}
#content #ariane a.on {text-decoration:none;font-weight:bold;}
#content #ariane a:hover,#content #ariane a.on:hover {color:#000;background:#EEECD8;}
#content #ariane h1 {display:inline;	}

#content .surtitre {font-weight:bold;margin:1em 0 -1em 0;}
#content .surtitre2 {font-weight:bold;margin:1.2em 0 0 0;}
#content .soustitre {}
#content .texte {}
#content .descriptif {}
#content .chapo {font-weight:bold;margin-bottom:1em;}
#content .date {clear:both;margin:1em 0; color:#B2B5A5;}
#content .license_detail {clear:both;margin: 0; color:#B2B5A5;}
#content .auteur {margin-bottom:1em; color:#B2B5A5;}
#content .auteur a {text-decoration:none;font-weight:bold;}
#content .note {font-size:0.88em;border-top:1px solid #eee;padding-top:0.5em;margin-top:1em;}
#content .pagination {margin:1em 0;}

#content .article_preview {margin-top:1.2em;}
#content .article_preview h1 {margin:0;font-size:1.4em;}
#content .article_preview h2 {margin:0 0 .2em 0;font-size:1.8em;}
#content .article_preview .meta_date {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:right;margin:3px 0px 3px 8px;padding:10px 2px;}
#content .article_preview .meta {margin-bottom:0.5em;font-size:0.92em;}
#content .article_preview small {display:block;text-align:right;margin-bottom:.6em;}
#content .article_preview_liner {padding:12px 10px;border-bottom:1px solid #eee;margin:0 !important;}
#content .article_preview_even {background:#F7F1F0;}
#content .article_preview_even h2 {color:#9E8D8A;}


/* forum */
#content a.forum {margin:1em 0;text-decoration:none;padding:4px 0 4px 37px;font-weight:bold;color:#B1B686;background:transparent url(../img/but_forum.png) no-repeat center left;}
#forums .forum_tools {padding:5px 0;}
#forums .forum_tools div {float:right;width:300px;text-align:right;}
#forums .forum_tools form  {}
#forums .forum_tools label {display:none;}
#forums .forum_tools input.text {border:1px solid #ddd;font-size:11px;width:120px;margin:0;padding:2px;}
#forums .forum_label {padding:5px; color:#fff;background:#BCB982;margin-top:0.5em;}
#forums .forum_label span {margin-right:10px;color:#EEECD8;}
#forums .forum_label div {float:right;}
#forums .forum_label a {color:#fff;font-weight:bold;}
#forums .forum_label a:hover {color:#03377D;}
#forums .forum_body {padding:10px;background:#EEECD8;} 
#forums ul {margin:0.5em 0 1.5em 0;}
#forums ul ul {margin:0}
#forums li span {color:#BCB982;}
#forums li small {float:right;}
#forums li small.fresh {color:red;}
#forums table.reponse {margin:1em 0;width:100%;border-top:1px solid #eee;}
#forums table.reponse td {font-size:1em;text-align:left;vertical-align:top;padding-right:5px;}
#forums table.reponse td.nom {width:100px;}
#forums table.reponse tr {border-bottom:1px solid #eee;}
#forums table.reponse tr.even {background:#fafafa;}

#content ul#forums {list-style:none;margin:0;padding:0;}
#content ul#forums {margin:2em 0 0 0;padding:0;list-style:none;}
#content ul#forums li {padding:6px;clear:both;}
#content ul#forums li.odd {}
#content ul#forums li.even {background:#fafafa;}
#content ul#forums {text-decoration:none;font-weight:bold;}
#content ul#forums strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:left;margin:3px 8px 3px 0;padding:10px 2px;}
#content ul#forums span {font-weight:normal;color:#8D8E8D;}
#content ul#forums div {font-weight:normal;margin:0.4em 0;padding:0 0 0 95px;}

/* listes */
#content ul.puce, #content ul.puce2 {	margin: 0 0 0 45px;padding: 0;	line-height: 1.3em;}
#content ul.puce li, #content ul.puce2 li {	list-style-type: none;}
#content ul.puce li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce1.gif) no-repeat 0 0;}
#content ul.puce2 {margin-top:1em;}
#content ul.puce2 h2 {font-size:1em;}
#content ul.puce2 li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce2.gif) no-repeat center left;font-weight:bold;font-size:1.2em;}
#content ul.puce2 ul {margin: 0;padding: 0;/*border-bottom:1px solid #F2F6DF;*/ background:#F7F1F0;margin-bottom:1.4em;}
#content ul.puce2 ul li {border-top:1px solid #fff;margin:0;padding:3px 3px 3px 24px;}
#content ul.puce2 ul li a {list-style-type:none;text-decoration: none;padding-left:0;background:transparent;font-size:1em;}


#content a img {border:1px solid #aaa;}
#content a:hover img {border:1px solid #0171bb;}
#content a.discrete img {border:none;}

#content #portfolio {margin:1.2em 0 0 0;}
#content #portfolio .gallery-thumb {width:140px;height:200px;float:left;}
#content #portfolio .gallery-thumb img {border:1px solid #fff;}
#content #portfolio .gallery-thumb img:hover {border:1px solid #697FC7;}

#content .docjoint {float:left;width:150px;margin:15px 25px 0 0;}
#content .docjoint a img{border:0;}

#content .cadre {border:1px solid #57D300;}
#content .bicol {width:45%;float:left;margin:0 10px 0 0;}
#content .bicol h3 {color:#fff; font-size:1.1em;background:#57D300;padding:2px;margin:0;}
#content .bicol ul {padding:0;margin:4px 4px 15px 4px;list-style-type:none;}
#content .bicol ul li {margin-bottom:4px;font-size:0.98em;}
#content .bicol ul li a {padding:0;margin:0;text-decoration:none;}
#content .bicol ul li a.on {color:#d00;}
#content .puce_active ul.spip {margin-left:18px;list-style-type:disc !important;}

#content ul.discrete {padding:0;margin:0;list-style-type: none;}
#content ul.discrete li  {padding:5px;/*border-bottom:1px solid #ddd;*/margin-bottom:5px;}
#content ul.discrete li.odd0 {background:#76c9ff;/*#DDEEF9;*/}
#content ul.discrete li.odd1 {background:#d2e7ff;/*#F2F8FF;*/}
#content ul.discrete li a {padding:0;margin:0;text-decoration:none;}

#content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;}
#content .item_syndic ul.discrete {background:#f0f0f0;}


/* page recherche */
#content .formulaire_recherche label {display:none;}


/* page sommaire*/
#content .home_home {margin:0 0 1em 0;}
#content .home_home h1 {font-size:1.4em; margin:0;} 
#content .home_last_news {border-left:20px solid #B1B686;padding:0 10px 10px 10px;margin:0.5em 0;}
#content .home_last_news h1 {font-size:1.2em; margin:0;} 
#content .home_focus {width:48%;float:left;margin-right:10px;}
#content .home_focus h1 {font-size:1.2em; margin:0;} 
#content .nomarginright {margin-right:0;}
#content ul.home_news {margin:0;padding:0;list-style:none;border-top:1px solid #eee;}
#content ul.home_news li {padding:4px 0;border-bottom:1px solid #eee;}
#content ul.home_news a {text-decoration:none;font-weight:bold;}
#content ul.home_news a strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:right;margin:3px 0 8px 3px;padding:10px 2px;}
#content ul.home_news a span {font-weight:normal;color:#8D8E8D;/*float:left;width:300px;padding:5px 0;*/;display:inline;}
#content ul.home_news img {margin:8px 8px 8px 0;}


/* biblio */
#content .biblio {width:300px;background:#F6F6F2;padding:2px;margin:2px 0;}
#content .biblio img.spip_logos {margin:0;vertical-align:top;}
#biblio_menu {width:200px;background:#F6F6F2;float:right;padding:8px;margin:1em 0 1em 1em ;}
#biblio_menu ul {list-style:none;margin:0;padding:0;font-size:0.96em;}
#biblio_menu ul li {background:#EEECD8;padding:2px;font-weight:bold;}
#biblio_menu ul li li {background:#fefefe;font-weight:normal;}
#biblio_menu ul li li.on {background:#C1C9D8 !important;}
#biblio_menu ul li li.on a {color:#fff !important;font-weight:bold;}
#content ul.puce_biblio {margin:0;}
#content ul.puce_biblio li {padding:4px 2px; border-bottom:1px solid #ddd;}
#content ul.puce_biblio li img.spip_logos {margin:0;vertical-align:top;}

/* lettre */
#abo_newsletter h3 {font-size:2em;margin:0;}
#abo_newsletter label {display:inline;}

/*****************
*   misc
*****************/
.spacer {	clear: both; }

a.discrete {color: #4C4C4C;}
a.discrete:hover { color:#FF8400;	}

/*****************
*  page lettre.html (formulaire)  
*****************/
.row {  clear: both;  padding-top: 10px;  }
.row label {  float: left;  width: 90px; padding-right:20px; text-align: right;  }
.required {color:#f00;}
.warning {  margin: 5px;  padding: 15px 15px 15px 60px;  background: #fff url(../img/but_warning.png) no-repeat 5px 5px;}
.congratulation {  margin: 5px;  padding: 15px 15px 15px 60px;  background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;}
.hidden {display:none;}

/*****************
*  spip (reprise de dist + spip-contrib)
*****************/

/* lien */
a.spip_out{text-decoration:underline;padding-right:14px;margin-right:4px;background:transparent url(../img/spip_out.gif) no-repeat right;}
a.spip_in {border-bottom:1px dashed;}


/* Document (version 2009.10.10) */
.spip_doc_titre {font-size:0.8em;}
dl.spip_documents  {}
.spip_documents a.spip_out {background:transparent !important;text-decoration:none!important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [<img1>->url] */
.spip_documents_left   {  float: left;  margin-right: 8px;  margin-bottom: 8px;}
.spip_documents_right  {  float: right;  padding-left: 8px;  padding-bottom: 8px;}
dl.spip_documents_center,
.spip_documents_center {  display: block !important; float:none;text-align: center;  margin: 5px auto;}
.spip_doc_titre, .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }
img.spip_logos {margin:0 8px 8px 0 !important;}
dl.spip_documents a img {border:0 !important;}


/* Paragraphes, citations, code et poesie */
blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }
blockquote, blockquote.spip {	margin: 1em 0;	padding : 4px 1em 4px 1em;	border: 1px solid #CCC;	border-left: 4px solid #A0C0E0;color: #333;}
.spip_poesie {	margin: 1em;	padding-left: 1em;	border-left: 1px solid;	font-family: Garamond, Georgia, Times, serif; }
.spip_poesie div { text-indent: -60px; margin-left: 60px; }
tt, .spip_code, .spip_cadre {	font-family: monospace;	font-style: normal;	font-size: 1.1em;}
.spip_code { color: #345DA4; }
tt { color: #333; }
.spip_cadre {	width: 98%;	padding: 4px; padding-top: 0.5em;	background: #eee;	color: #3465a4;	border: 1px inset #eee;	border-left: 4px solid #345DA4;}
.spip_surligne {background: yellow;}

/* Formulaires */
.reponse_formulaire {padding:5px;background:#efefef;}
.formulaire_ecrire_auteur {margin:1.2em 0 0 0;}
.formulaire_ecrire_auteur label {display:block;}
.formulaire_ecrire_auteur ul {list-style:none;margin:0;}
fieldset ul {padding:0;list-style:none;}
fieldset li {margin:1em 0;}


/* Tableaux */
table.spip {	margin: auto;	margin-bottom: 1em;	border: 1px solid;	border-collapse: collapse; font-size:14px; font-weight:bold; }
table.spip caption {	caption-side: top;	text-align: center;	margin: auto;	padding: 3px;	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
table.spip a img {border:0;}

/* CVT */
.reponse_formulaire_erreur {color:#900;}
.formulaire_ok {color:#090;}
.erreur_message {color:#900;float:right;font-size:x-small;}
li.erreur input {background:#f90;color:#fff;}