/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour Shinezine 3.0  */
/* --------------------------------------------------------- */

/* COULEURS UTILISEES
#42ACD8 : bleu vif
#CDEAF3 : bleu clair
*/

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/grid.css";
@import "lib/buttons.css";


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; height: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
	padding: 0; height: 100%;
}

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}
ul {list-style-type: none; padding:1em; margin:0px;}
li {list-style-type: none;}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {border: 0;} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {padding: 1em 0em 1em 0em; } /* Cf.: spip_style.css */
.spip_documents_left {padding: 1em 1em 1em 0em;} /* Cf.: spip_style.css */
.spip_documents_right {padding: 1em 1em 0em 1em;} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */
a img { border: 0px solid #42ACD8;}
a.image:link,a.image:visited,a.image:active,a.image:hover{color : #000000;text-decoration : none;} 
a.spip_out {	background: url(images/out.png) right no-repeat;	padding-right: 15px;}
a.spip_out:hover {	background: url(images/out_hover.png) right no-repeat;	padding-right: 15px;}


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #7EB8D1 url(images/background5.png) top center repeat-x;}

#entete { background: #CDEAF3 url(images/entetes/1_mus12_wonfu.jpg) left top no-repeat; height: 212px; margin-top:  -2em; padding: 0; }
#entete h1 {	height: 201px; 	margin-left:-9999em;
}

#entete a.accueil {width: 960px;  }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#container {
min-height: 100%; /* -> 1 */
width: 960px;
overflow: hidden; /* -> 2 */
margin-left: auto;
margin-right: auto; /* -> 3 */
}
#content {padding:1em 3em 2em 3em;}

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* Sommaire */
#une {height:330px; float:left; padding: 25px 15px 20px 25px; background: url(images/focus2.png) no-repeat; background-position:bottom right;  background-color:#CDEAF3; }


.bluetext { color: #42ACD8; }

#focuspic {width: 430px; height:322px; float:left; border: 1px solid #42ACD8; }
#focustxt {width: 200px;float:left; margin-left:25px; text-align: justify; margin-top: -1.6em; }
#focusselect {width: 210px;float:left; margin-left:25px; }
#focustitle {background-color: #CDEAF3; width:500px; height:7px ; margin-top:-22px;}
#wwy {width:960px; background: url(wwy/rotate.php) left no-repeat; height:465px; clear:both; line-height: 1.5em; }
#wwy_contact { width: 430px; height: 250px; padding: 2.5em 2.5em; float:left;}
#wwy_contact p {font-size:1.2em; font-weight: 600; color: #42ACD8; }
#wwy_contact a {color: #c00;}
#wwy_contact a:hover {color: #42ACD8;}

#banners_pu {width: 345px; height: 140px;float:left; background: url(images/banners/pu/rotate.php) left top no-repeat; padding:1em 0 0em 0;}
#banners_on {
    height:100%;
    width:100%;
    text-decoration:none;
    background:url(images/banners/pu/rotate.php) transparent;/* pour IE */
    line-height:300px;/* pour opera*/
    margin:0;    }
#banners_ev {width: 345px; float:left; background: url(images/banners/ev.jpg) left top no-repeat; padding:3em 0 2.5em 0;}
#banners_ht {width: 345px; float:left; background: url(images/banners/ht.jpg) left top no-repeat; padding:3em 0 2.5em 0;}
#banners_vid {width: 345px; float:left; background: url(images/banners/vid.jpg) left top no-repeat; padding:3em 0 1em 0;}
#banners_pa {width: 345px; float:left; background: url(images/banners/pa.jpg) left top no-repeat; padding:3em 0 2.5em 0;}
#banners_art {width: 345px; height: 140px;float:left; background: url(images/banners/art/rotate.php) left top no-repeat; padding:3em 0 0em 0;}
#banners_on2 {
        height:100%;
        width:100%;
        text-decoration:none;
        background:url(images/banners/art/rotate.php) transparent;/* pour IE */
        line-height:300px;/* pour opera*/
        margin:0;    }

/* #banners_art {width: 345px; float:left; background: url(images/banners/art.jpg) left top no-repeat; padding:3em 0em 2.5em 0;}*/
.logoarts { margin: 0; float: left; }
.logoarts:hover {opacity:0.6;}

/* Pied de page */

#extras {width:960px; min-height: 100px; float:left; padding: 2.5em 2em 0em 1em; background-color:#CDEAF3;}
.pied {width:280px; min-height: 100px; margin-left:1em; float:left; background: url(images/pop.png) no-repeat; background-position:top left; padding-top:48px;}
.pied2 {width:310px; min-height: 100px; margin-left:1em; float:left; background: url(images/blog.png) no-repeat; background-position:top left; padding-top:48px;}
.pied3 {width:280px; min-height: 100px; margin-left:1em; float:left; background: url(images/russianroulette.png) no-repeat; background-position:top left; padding-top:48px;}
#menufoot {text-align: left; float:left; margin-top:2em;}
#menufoot ul li {display:inline;  list-style: none;  font-weight: bold;  text-decoration: none;  border-bottom: none;  padding: 3px 5px 3px 5px;}
#extras-lt {width:960px; min-height: 100px; float:left; padding: 2.5em 2em 0em 1em; background-color:#CDEAF3;}




#pied {clear: both; text-align: left; margin: 1em auto 0 auto; padding:2em 0 0.5em 1.5em; width: 960px;}
#pied p {color:#008ab8;	font-size:11px;}
#pied a {font-weight: bold;	text-decoration: none;	border-bottom: none;}
#pied a:hover {	color: #556A80;}

/* Article */
.barre-bas {border-top: solid 1px #42ACD8; border-bottom: solid 4px #42ACD8;  height:21px; padding-top:2px; margin-top:3em;}
.socialtags {float:left;}
#corpsarticle { float:left; height: 100%; text-align: justify; margin-top:-1em;}
#txtart {min-height:400px; margin-top:-0.5em;}
.titart {font-weight: 200; }
#logoart {float:left; margin-right:1em;}
#sidebar {border-left: solid 1px #42ACD8; margin: 0em 0px 0.5em 20px; line-height:1.3em; text-align:left; }
#sidebar li span {color: #42ACD8;}
#sidebar li {list-style-type:none;  font-size: 0.9em; }
#sidebar .spip_logos { float: left; margin: 0px 0 -2px 0px; padding-right:8px;}
#tags {margin-top:0.4em;}
#tags ul {display:inline;}
#tags li {float:left; font-size: 1em; color:#777; font-weight: 500; font-family:Arial, Helvetica, sans-serif; text-transform: none; display: inline-block; padding-left:2px;}
#tags li a {color: #777; text-decoration:none;}
#tags ul li:after {   content: " | "; }
#tags img {float:left;}

#extras-art { float: right; clear: right; width: 200px; height: 100%; margin-top: 1em; overflow: hidden; padding-right: 0px; border-top: 3px solid #42ACD8;}

/* Rubrique */
#rubs {float:left; background-color:#CDEAF3; min-height:180px; padding: 25px 15px 25px 25px;}
#rubs0 {float:left; background-color:#FFF; min-height:180px; padding: 25px 15px 25px 25px;}

/*.tags li, #sidebar-keywords li {padding-left: 18px;min-height: 16px;background: url(images/puce-tag.png) no-repeat;} */

#auteur { clear:both;  text-align:justify;}
#auteur img {float:right; border: 1px solid #42ACD8; margin:-1em 0 1em 1.5em;}

#apropos {text-align:justify;}
#apropos img {float:right; border: 1px solid #42ACD8; margin:1em 1em 1em 1.5em;}
#apropos hr {border:0; margin: 3em 0;}


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.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; }

.chapo { margin-bottom: 1.50em; line-height: 1.50em; font-weight: bold; color: #42ACD8; }
.texte { line-height: 1.50em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { line-height: 1.40em; }
.ps { font-size:0.8em; clear:both;	border-bottom:4px solid #42ACD8; margin-bottom:2em;}
.notes { clear: both; font-size: 0.80em; border-bottom:1px solid #CDEAF3; padding-top:1em; margin-top:2px; }
.relatedposts {clear: both; font-size: 0.80em; padding-top:1em;margin-top:2px; border-bottom:1px dotted #42ACD8; min-height:20px;}
.auteurs { text-align: right; }
.discret {	font-size: 0.8em;	color: #999;
}

abbr.published { border: 0; }

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

/* Liste Alphabetique */
#laliste h2 { clear:both; }
.menu-rubrique { margin: 1.5em -1.5em; }
.menu-rubrique ul { display: inline;}
.menu-rubrique li { display: inline; float: left; height: 2.5em; }
.menu-rubrique a { color:  #42ACD8;  padding: 4px;margin: 2px; text-decoration: none;  background-color:#CDEAF3; border: 1px solid #CDEAF3;}
.menu-rubrique a:hover { color: #CDEAF3;	border: 1px solid #CDEAF3; background-color: #e5f0f6;	border-color: #CDEAF3; text-decoration: none;}

/*Autre*/
.partenaires a { border: 0; }
.partenaires dt { float: left; margin-right: 1em; }
.blog {float:right; border: 1px solid #42ACD8; margin:1em 0 1em 1.5em;}
#blogtit {clear:both; background-color:#CDEAF3; padding:0.5em;}

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2em; margin-right: 1em; text-align: right; font-weight: bold; color:#CDEAF3;}
.commentaires {height: 50; width: 210;background: url(images/contact.png) left no-repeat;}

/* 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: #42ACD8; }
.forum-chapo small {font-size:0.8em;}
.forum-texte { margin: 0; padding: 0.50em 1em; color: #42ACD8; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }
.forum p { font-size: 0.8em; color: #999; }
.forum h2 {font-size: 0.6em; weight: bold; color: #CCC;}
ul .forum-message {margin: 0; padding: 0; margin-bottom: 1em; }
ul .forum-chapo { border: 0; border-bottom: 1px dotted #999; margin:0; padding-bottom:0.6em;}


/* Formulaire d'envoi */
#formulaireforum {margin-right:15px;}

/* 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*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.navigation {
  padding: 0;
  margin: -46px 0 2.5em 200px;
  height: 36px;
  text-transform: uppercase;
}

.navigation ul {
	display: inline;	
}

.navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 36px;
  float: left;
  
}

.navigation li a {
  
  display: block;
  display: inline-block;
  padding: 8px 9px 16px 9px;
  height: 20px;
  line-height: 20px;
  font-size: 0.9em;
  text-align: center;
  border: none;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}

.navigation li > a {
  display: block;
}

.navigation li a:hover, a:active, .navigation li.on {
	background-color: #0395c6;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; //IE 
	filter: alpha(opacity=50); //IE
}

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; list-style-type:none;}
.rubriques ul li { background: #EEE; border: 0; list-style-type:none;}

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

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

.listgen ul li p { clear: both; padding: 0.40em 0.20em;}
.listgen .spip_logos { float: left; clear: left; margin: 0px; padding-right:5px;}
.listgen ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.listgen ul li .introduction { margin-top: 0.30em; line-height: 1.40em;  }
.flag img {padding-right:0.5em; float: left; clear: left; }

.bluetext img { float: left; clear: left;}


/* jQuery (encadrés déroulants) */
.encart {
	padding: 10px;
	margin: .5em;
	margin-bottom: 1.5em;
	background-color: #eee;
	border: 1px solid #ddd;
	width: 200px;
	cursor: pointer;
	float: left;
}
.encart h2 {
	font-size: 1.2em;
}


/* 404
---------------------------------------------- */
#err404 {width:960px; background: url(images/404.jpg) left no-repeat; height:400px; clear:both;}
#err404_txt { width: 470px; height: 250px; padding: 2.5em 3em; float:left;}
#err404_txt p {font-size:1em; font-weight: 600; color: #42ACD8; }

/* IE users */

.ie {
	padding: 5px 55px 5px 400px;
	margin: 0;
	height: 40px;
	background: #0478a9 url(images/foxkeh.png) right bottom no-repeat;
	color: #fff;
	font-size: 1.2em;
}

.ie a { color: #fff; border-bottom: 1px #fff solid; font-weight: bold;}
.ie a:hover { color: #fff; border: none; }