/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention :en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body{
	background:#7E8898;
	color:#333;
	font-size:1em;
	margin:0;
	padding:0;
	text-align:center;
}
body.player{
	background:#FFF;
}
h1, h2, h3, h4, h5, h6, img, table{
	border:0 none;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
p{
	line-height:1.5;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page{
	margin:20px auto 0;
	position:relative;
	text-align:left;
	width:860px;
}
#conteneur{
	background:#FFF;
	width:100%;
}
#conteneur #contenu{
	float:right;
	margin-bottom:20px;
	min-height:495px;
	width:680px;
}
.page_article #conteneur #contenu{
	background:#F2F3F4;
	margin:40px 20px 10px 0;
	width:620px;
}
#conteneur #navigation{
	float:left;
	text-align:center;
	width:180px;
}
/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart{
	float:left;
	margin:50px 0 0 20px;
	width:400px;
}
#contenu .encart{
	float:right;
	margin:50px 67px 0 0;
	width:160px;
}
/* Entete */
#entete{
	border-bottom:2px solid #333;
	width:100%;
}
#entete #nom_site_spip, #entete a .spip_logos{
	display:block;
	float:left;
	font-weight:bold;
	font-size:1.5em;
}
#entete a{
	text-decoration:none;
}
#entete .formulaire_recherche{
	float:right;
}
/* Fil d'Ariane */
#hierarchie{
	clear:both;
	font-size:0.77em;
	margin-bottom:2em;
}
/* Pied de page */
#pied{
	clear:both;
	padding-top:10px;
	text-align:center;
	width:100%;
}
#pied small{
	font-size:0.8em;
}
#pied img{
	vertical-align:bottom;
}
/* Espaceur de blocs */
.nettoyeur{
	border:0 none;
	clear:both;
	font-size:1px;
	height:0;
	line-height:1px;
	margin:0;
	padding:0;
}
/* Non visible a l'ecran */
.invisible{
	height:1%;
	position:absolute;
	top:-3000em;
}
/*Style pour page speciale Chroniques Brestivales*/
#titrechroniquesfab{
	background:#000000 url("images/chroniqbrestivales.jpg") no-repeat;
	height:280px;
	text-align:center;
	width:100%;
}
#presentation{
	font-size:0.8em;
	line-height:0.8em;
	text-align:justify;
}
#col1, #col2, #col3{
	background-color:#333;
	float:left;
	margin:2px;
	min-height:300px;
	text-align:center;
	width:32%;
}
#col1 li, #col2 li, #col3 li{
	color:#fff;
	font-size:0.8em;
	list-style-position:outside;
	list-style-type:square;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}
h4.chro{
	font-size:0.8em;
	color:#999;
	font-family:"courier new";
}
/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, .encart, .formulaire_spip, input, button, #contenu, #navigation, #bandeau{
	font-family:Arial, Helvetica, Calibri, Verdana, sans-serif;
}
/* Typo pour le contenu */
/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel, #liste_son p.time, .liste-articles small span.time, .liste_auteurs p.bio{
	font-family:Constantia, Georgia, Times, "Times New Roman", serif;
}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers{
	font-size:0.9em;
	margin-bottom:1em;
	min-width:10em;
}
.menu-titre{
	border-bottom:1px dotted #FFF;
	font-weight:bold;
	padding:0.2em 0;
}
#navigation p, .encart p{
	margin:0; 
	padding:0.2em 0.7em; 
	text-align:left;
}
#navigation ul, .encart ul{
	list-style:none;
	margin:0; 
	padding:0.2em 0; 
	text-align:left; 
}
#navigation ul.menu_lettre{
	position:absolute;
	left:0;
	top:30px;
	padding:0;
}
#navigation ul.menu_mot{
	position:absolute;
	left:30px;
	top:0;
	padding:0;
}
#navigation li, .encart li{
	margin:0;
	padding:0;
}
#navigation li{
	width:17px;
	padding:2px 0;
}
#navigation ul.menu_mot li{
	float:left;
	padding:0 2px;
	width:17px;
}
#navigation li a{
	display:block;
	font-size:.8em;
	height:15px;
	line-height:15px;
	text-align:center;
	width:15px;
}
#navigation ul.menu_mot li a span{
	background:#FFF;
	color:#999;
	display:none;
	font-size:.9em;
	left:5px;
	position:absolute;
	text-align:left;
	top:15px;
	width:600px;
}
#navigation li.lettre01 a, #navigation li.lettre04 a, #navigation li.lettre12 a, #navigation li.lettre23 a{
	background:#003882;
	color:#FFF;
}
#navigation li.lettre02 a{
	background:#d3d1e4;
	color:#000;
}
#navigation li.lettre03 a, #navigation li.lettre10 a, #navigation li.lettre18 a, #navigation li.lettre21 a{
	background:#78b355;
	color:#000;
}
#navigation li.lettre05 a, #navigation li.lettre14 a{
	background:#cd071e;
	color:#FFF;
}
#navigation li.lettre06 a{
	background:#f19fc1;
	color:#000;
}
#navigation li.lettre07 a, #navigation li.lettre13 a, #navigation li.lettre19 a, #navigation li.lettre25 a{
	background:#009ee0;
	color:#FFF;
}
#navigation li.lettre08 a, #navigation li.lettre16 a, #navigation li.lettre20 a{
	background:#ffed00;
	color:#000;
}
#navigation li.lettre09 a{
	background:#7978ac;
	color:#FFF;
}
#navigation li.lettre11 a, #navigation li.lettre17 a, #navigation li.lettre26 a{
	background:#e2007a;
	color:#FFF;
}
#navigation li.lettre15 a{
	background:#c2daad;
	color:#000;
}
#navigation li.lettre22 a{
	background:#e69678;
	color:#000;
}
#navigation li.lettre24 a{
	background:#fff59a;
	color:#000;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active{
	background:#000;
	border:0 none;
	color:#FFF;
}
#navigation ul.menu_mot li a:hover span, #navigation ul.menu_mot li a:focus span, #navigation ul.menu_mot li a:active span{
	display:block;
}

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
/*
.rubriques{
	background:#EAFFEA;
}
.rubriques .menu-titre{
	background:#F2FFF2;
}
.breves{
	background:#FFEAEA;
}
.breves .menu-titre{
	background:#FFF2F2;
}
.syndic{
	background:#E8F8F8;
}
.syndic .menu-titre{
	background:#F0FCFC;
}
.forums{
	background:#EAEAFF;
}
.forums .menu-titre{
	background:#F2F2FF;
}
.divers{
	background:#F8F8E8;
}
.divers .menu-titre{
	background:#FCFCF0;
}
*/
/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche{
	left:32px;
	position:absolute;
	top:40px;
}
.page_rubrique .cartouche{
	left:-10000px;
	position:absolute;
	top:-1000px;
}
.page_article .cartouche{
	left:240px;
	position:absolute;
	top:50px;
}
.page_auteur .cartouche small a{
	color:#888;
}
.cartouche h1{
	color:#888;
	font-size:1.51em;
	font-weight:bold;
}
.page_article .cartouche h1{
	color:#7E8898;
}
.page_404 .chapo, .page_404 #contenu p{
	margin-left:140px;
}
.page_sommaire .formulaire_recherche{
	bottom:5px;
	position:absolute;
}
.page_404 .formulaire_recherche{
	margin:160px 0 0 140px;
}
.page_404 .chapo{
	margin-top:130px;
}
.cartouche .spip_logos{
	float:right;
	margin-left:16px;
	margin-bottom:16px;
}
.cartouche p{
	margin:0;
	padding:0;
	clear:left;
}
.cartouche small{
	font-size:0.71em;
}
.cartouche .traductions{
	font-size:0.71em;
}
.cartouche .traductions *{
	display:inline;
}
.cartouche .traductions li{
	padding-left:1em;
}

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo{
	margin-bottom:1.5em;
	line-height:1.4em;
}
.podcast{
	display:block;
	font-size:0.77em;
	padding:.8em 10px;
	text-align:right;
}
.podcast, .podcast a{
	color:#888;
}
.lien{
	background:#EEE;
	border:1px solid #CCC;
	font-size:0.82em;
	font-weight:bold;
	margin-bottom:1.5em;
	margin:1em;
	padding:0.82em;
}
.texte{
	color:#333;
	font-size:0.88em;
}
.ps, .notes{
	border-top:2px solid #CCC;
	margin-top:1.4em;
	padding-top:2px;
}
.ps{
	font-size:0.82em;
}
.notes{
	clear:both;
	font-size:0.77em;
}
.ps h2, .notes h2{
	font-size:1.19em;
	font-weight:bold;
}
/*  Portfolio
---------------------------------------------- */
#documents_portfolio{
	border-top:2px solid #CCC;
	clear:both;
	margin-top:1.4em;
	padding-top:2px;
}
#documents_portfolio h2{
	font-size:0.88em;
	font-weight:bold;
	margin-bottom:0.4em;
}
#document_actif{
	margin-top:1em;
}
/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints{
	border-top:2px solid #CCC;
	margin-top:1.4em;
	padding-top:2px;
}
#documents_joints h2{
	font-size:0.88em;
	font-weight:bold;
	margin-bottom:0.4em;
}
#documents_joints ul{
	list-style:none;
	margin:0;
	padding:0;
}
#documents_joints li{
	margin-bottom:0.4em;
}
#documents_joints li .spip_doc_titre {
}
#documents_joints li .spip_doc_titre small{
	font-weight:normal;
}
#documents_joints li .spip_doc_descriptif {
}
/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul{
	list-style:none;
	margin:0;
	padding:0;
}
.liste-articles li{
	clear:both;
	margin-bottom:1em;
}
.liste-articles li .titre{
	font-size:1.03em;
	font-weight:bold;
}
.liste-articles li .spip_logos{
	clear:right;
	float:right;
	margin-bottom:16px;
	margin-left:16px;
}
.liste-articles li p{
	margin:0;
	padding:0;
}
.liste-articles li .enclosures{
	float:right;
	margin:0;
	max-width:60%;
	text-align:right;
}
.liste-articles li small{
	font-size:0.71em;
}
.liste-articles li .texte{
	border:1px solid #CCC;
	font-size:0.82em;
	line-height:1.4em;
	margin-bottom:2em;
	margin-top:5px;
	padding:0.9em;
}
.pagination{
	font-size:0.90em;
}
/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche{
	display:none;
}
.page_plan #contenu h2{
	background:#EEE;
	border:1px solid #CCC;
	clear:both;
	font-weight:bold;
	margin-bottom:1em;
	padding:0.5em;
	text-align:center;
}
.page_plan #contenu .contre-encart ul{
	clear:left;
	display:block;
	margin-bottom:1em;
	margin-top:0;
	padding-top:0;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip{
	font-size:0.77em;
	text-align:left;
}
.formulaire_spip p{
	margin:0.5em 0;
	padding:0;
}
.formulaire_spip fieldset{}
.formulaire_spip legend{}
.formulaire_spip label{}
.formulaire_spip .forml{
	font-family:inherit;
	font-size:inherit;
	width:99%;
}
/* Boutons */
.spip_bouton{
	text-align:right;
}
.spip_bouton input{
	float:right;
}
/* Reponse du formulaire */
.reponse_formulaire{
	color:#e86519;
	font-weight:bold;
}
fieldset.reponse_formulaire{
	border-color:#e86519;
	font-weight:normal;
}
/* Previsualisation du message */
fieldset.previsu{
	padding:1em;
}
/* Formulaire de login au forum */
.formulaire_login_forum .forml{
	width:12em;
}
.formulaire_login_forum .spip_logos{
	float:right;
	padding-left:10px;
}
/* Choix des mots-clefs */
ul.choix_mots{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:47%;
} 
ul.choix_mots label{
	display:inline;
}
/* Formulaire de recherche */
.formulaire_recherche{
	text-align:left;
	width:12em;
}
.formulaire_recherche label{
	display:none;
}
/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte{
	border-top:2px solid #CCC;
	clear:both;
	font-size:0.88em;
	font-weight:bold;
	margin-top:2.5em;
	padding-top:2px;
}
/* * Habillage des forums */
ul.forum{
	clear:both;
	display:block;
	margin:0;
	padding:0;
}
ul.forum, ul.forum ul{
	list-style:none;
}
.forum-fil{
	margin-top:1.5em;
}
.forum-fil ul{
	display:block;
	margin:0 0 0 1em;
	padding:0;
}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a{
	color:#333;
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
}
.forum-chapo small {
}
.forum-texte{
	color:#333;
	font-size:0.82em;
	margin:0;
	padding:0.5em 1em 0 1em;
}
.forum-texte .forum-lien {
}
.forum-texte .forum-repondre-message{
	margin:0;
	padding:1px 0;
	text-align:right;
}
/* Boite d'un forum :eclaircissement progressif des bords */
ul .forum-message{
	border:1px solid #666;
	margin:0 0 1em;
	padding:0;
}
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{
	background:#C4E0E0;
	border-bottom:1px dotted #B8B8B8;
	border:none;
	font-size:0.88em;
	margin:0;
	padding:3px 6px 2px 6px;
}
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;
	font-size:0.77em;
}
#signatures h2{
	font-size:1.2em;
	font-weight:bold;
	padding:0.5em;
	text-align:center;
}
#signatures table{
	margin:1em 0;
	width:100%;
}
#signatures thead{
	display:none;
} /* On n'affiche pas les titres du tableau */
#signatures td.signature-date{
	background:#E4F0F0;
	padding:0.5em;
	white-space:nowrap;
}
#signatures td.signature-nom{
	background:#ECF4F4;
	font-weight:bold;
	padding:0.2em;
	text-align:center;
}
#signatures td.signature-message{
	background:#F4F8F8;
	font-size:0.96em;
	padding:0.4em;
}
/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a{
	text-decoration:none;
	color:#333;
}
a:hover, a:focus, a:active{
	border-bottom:1px solid #FFF;
}
/*  ------------------------------------------ */
/* Styles ousopo
/*  ------------------------------------------ */

/*  ------------------------------------------
/* page d'accueil
/*  ------------------------------------------ */

.page_sommaire #page{
	width:980px;
}
#bandeau{
	height:80px;
}
#logo{
	float:left; 
	height:80px;
	width:230px;
}
.page_sommaire #logo{
	background:transparent url("images/logos/Ousopo_accueil.png") 20px 0 no-repeat;
	float:left; 
	height:80px;
	width:250px;
}
.page_sommaire #animation {
        float: left;
        padding-left: 20px;
        margin-left:40px; 
        height: 80px;
        width: 250px;
}
.page_sommaire #presentation{
	font-size:.9em;
}
#presentation a{
	display:block;
	height:100px;
	position:absolute;
	right:40px;
	top:575px;
	width:100px;
	z-index:200;
}
#presentation a span{
	background:transparent url("images/fondLettre.png");
	border:1px solid #FFF;
	display:block;
	display:none;
	line-height:1.4em;
	margin:-15px 0 -15px -220px;
	padding:5px;
	position:absolute;
	width:320px;
}
#presentation a:hover span, #presentation a:focus span, #presentation a:active span{
	display:block;
}
.page_sommaire{
	background:#FFF url("images/fondAccueil.png") 50% 90px no-repeat;
}
.page_sommaire #conteneur{
	background:none;
	margin-top:-20px;
}
.page_sommaire #conteneur #navigation{
	float:none;
	padding-left:50px;
}
.page_sommaire #conteneur #rech{
	position:absolute;
	right:10px;
	top:20px;
}
.page_sommaire #contenu h3{
	font-size:0.96em;
	margin-bottom:0.7em;
	text-align:left;
}
.page_sommaire #contenu ul{
	margin-bottom:20px;
	font-size:0.82em;
	list-style:none;
	padding:0;
}
.page_sommaire #contenu li{
	float:none;
	padding:0.2em 0;
}
.page_sommaire #pied a{
	color:#666;
}
#lettres_flash{
	height:600px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:890px;
}
#lettres_flash li{
	background:transparent url("images/fondLettre.png");
	display:block;
	float:none;
	height:52px;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:0;
	width:52px;
}
#lettres_flash li object{
	margin:1px;
	z-index:100;
}
#lettres_flash .lettre01{
	left:590px;
	top:5px;
}
#lettres_flash .lettre02{
	left:290px;
	top:50px;
}
#lettres_flash .lettre03{
	left:440px;
	top:65px;
}
#lettres_flash .lettre04{
	left:765px;
	top:65px;
}
#lettres_flash .lettre05{
	left:100px;
	top:140px;
}
#lettres_flash .lettre06{
	left:225px;
	top:165px;
}
#lettres_flash .lettre07{
	left:350px;
	top:145px;
}
#lettres_flash .lettre08{
	left:495px;
	top:135px;
}
#lettres_flash .lettre09{
	left:630px;
	top:150px;
}
#lettres_flash .lettre10{
	left:740px;
	top:195px;
}
#lettres_flash .lettre11{
	left:75px;
	top:290px;
}
#lettres_flash .lettre12{
	left:250px;
	top:260px;
}
#lettres_flash .lettre13{
	left:425px;
	top:230px;
}
#lettres_flash .lettre14{
	left:585px;
	top:265px;
}
#lettres_flash .lettre15{
	left:800px;
	top:290px;
}
#lettres_flash .lettre16{
	left:5px;
	top:390px;
}
#lettres_flash .lettre17{
	left:95px;
	top:425px;
}
#lettres_flash .lettre18{
	left:220px;
	top:355px;
}
#lettres_flash .lettre19{
	left:410px;
	top:340px;
}
#lettres_flash .lettre20{
	left:495px;
	top:425px;
}
#lettres_flash .lettre21{
	left:615px;
	top:370px;
}
#lettres_flash .lettre22{
	left:725px;
	top:330px;
}
#lettres_flash .lettre23{
	left:770px;
	top:430px;
}
#lettres_flash .lettre24{
	left:185px;
	top:520px;
}
#lettres_flash .lettre25{
	left:290px;
	top:435px;
}
#lettres_flash .lettre26{
	left:495px;
	top:535px;
}
/* Formulaire de recherche */
.formulaire_spip{
	font-size:0.77em;
	text-align:left;
}
.formulaire_recherche{
	text-align:left;
	width:12em;
}
.formulaire_recherche label{
	display:none;
}
/*  ------------------------------------------ */
/* rubriques 
/*  ------------------------------------------ */

#conteneur #rech{
	position:absolute;
	left:32px;
	bottom:40px;
}
.page_404 #conteneur #rech{
	display:none;
}
body.carnet{
	background:#CD071E;
}
body.porte{
	background:#FF6600;
}
body.haricots{
	background:#912595;
}
body.matelas{
	background:#207095;
}
body.hublot{
	background:#66CC00;
}
body.merbrume{
	background:#7E8898;
}
body.bulles{
	background:#8CB5B5;
}
.bulles #conteneur #contenu{
	min-height:455px;
}
.hublot #conteneur #contenu{
	margin-bottom:-10px;
	min-height:555px;
}
.hublot #pied a{
	color:#666;
}
.carnet #logo, .merbrume #logo, .haricots #logo{
	background:transparent url("images/logos/Ousopo_vertical.png") 0 0 no-repeat;
	height:444px;
	position:absolute;
	right:-13px;
	top:40px;
	width:58px;
}
.haricots #logo{
	background-image:url("images/logos/Ousopo_vertical2.png");
}
.porte #logo, .hublot #logo{
	background:transparent url("images/logos/Ousopo_diagonal.png") 0 0 no-repeat;
	height:198px;
	position:absolute;
	right:-90px;
	top:240px;
	width:198px;
}
.hublot #logo{
	right:-55px;
	top:380px;
}
.bulles #logo{
	background:transparent url("images/logos/Ousopo_diagonal2.png") 0 0 no-repeat;
	height:125px;
	position:absolute;
	right:-95px;
	top:120px;
	width:230px;
}
.matelas #logo{
	background:transparent url("images/logos/Ousopo_diagonal3.png") 0 0 no-repeat;
	height:220px;
	position:absolute;
	right:-65px;
	top:220px;
	width:180px;
}
.carnet #contenu{
	background:transparent url("images/carnet.png") 30px 20px no-repeat;
}
.porte #contenu{
	background:transparent url("images/porte.png") 20px 20px no-repeat;
}
.haricots #contenu{
	background:transparent url("images/haricots.png") 10px 40px no-repeat;
}
.matelas #contenu{
	background:transparent url("images/matelas.png") 30px 40px no-repeat;
}
.hublot #contenu{
	background:transparent url("images/hublot.png") 20px 30px no-repeat;
}
.merbrume #contenu{
	background:transparent url("images/merbrume.png") 0 30px no-repeat;
}
.bulles #contenu{
	background:transparent url("images/bulles.png") 0 0 repeat-y;
	margin-top:40px;
}
.carnet #liste_son{
	margin :80px 120px 20px 155px;
}
.porte #liste_son{
	margin :130px 140px 20px;
}
.haricots #liste_son{
	margin :50px 120px 20px 60px;
}
.matelas #liste_son{
	margin :70px 110px 20px;
}
.hublot #liste_son{
	margin :140px 200px 20px 95px;
}
.merbrume #liste_son{
	margin :60px 60px 20px 80px;
}
.bulles #liste_son{
	margin :50px 130px 20px 90px;
}
.page_article .liste_auteurs{
	margin :40px 110px 20px 30px !important;
}
.haricots .cartouche{
	width:150px;
}
.merbrume .cartouche, .bulles .cartouche{
	width:140px;
}
.matelas .cartouche, .porte .cartouche{
	width:170px;
}
.carnet .cartouche, .hublot .cartouche{
	width:250px;
}
#liste_son .col_gauche, #liste_son .col_droite {
	width:260px;
}
#liste_son .col_droite {
	clear:none;
	margin-left:10px;
}
.page_article #contenu div.crayon{
	margin:50px 20px 20px;
}

/*  ------------------------------------------ */
/* choses vraiment utiles
/*  ------------------------------------------ */

.typo_ousopo{
	font-size:0.8em;
}
.titre_liste_son{
	background:#FFF;
	clear:both;
	color:#7E8898;
	font-size:1.15em;
	font-weight:bold;
	margin-top:1em;
	padding:1em 20px 0;
}
#liste_son{
	list-style:none;
	margin:0;
	padding:0;
}
.page_article #liste_son{
	background:#FFF;
	padding:0 20px;
}
#liste_son li{
	clear:left;
	float:left;
	margin:.7em 0;
}
#liste_son p, .liste-articles small{
	color :#58585a;
	display:inline;
	font-size:0.9em;
	padding:0 1em 0 0;
}
#liste_son p.empty{
	display:block;
	font-size:1.1em;
}
.page_article .liste_auteurs p.bio{
	color:#000 !important;
	font-size:1em !important;
}
#liste_son p.time, .liste-articles small span.time{
	color:#000;
	white-space:nowrap;
}
#liste_son p a, .liste-articles small a{
	color:#58585a;
}
#liste_son h3, .liste-articles h3{
	color:#000;
	display:inline;
	font-size:1.1em;
	padding:0 1em 0 0;
	text-shadow:0 0 2px #FFF;
}
#liste_son h3 a{
	color :#000;
}
.carnet #liste_son .pos01{
	margin-left:30px;
}
.carnet #liste_son .pos02{
	margin-left:5px;
}
.carnet #liste_son .pos03{
	margin-left:75px;
}
.carnet #liste_son .pos04{
	margin-left:90px;
}
.carnet #liste_son .pos05{
	margin-left:55px;
}
.carnet #liste_son .pos06{
	margin-left:20px;
}
.carnet #liste_son .pos07{
	margin-left:0;
}
.hublot #liste_son .pos01, .hublot #liste_son .pos06{
	margin-left:50px;
	margin-right:50px;
}
.hublot #liste_son .pos02, .hublot #liste_son .pos05{
	margin-left:20px;
	margin-right:20px;
}
.hublot #liste_son .pos03, .hublot #liste_son .pos04{
	margin-left:0;
	margin-right:0;
}
.porte #liste_son li, .haricots #liste_son li, .matelas #liste_son li, .merbrume #liste_son li, .bulles #liste_son li{
	width:100%;
}
.hublot #liste_son li.empty{
	margin:50px 0 -30px;
}
.detail_son{
	background:#FFF;
	background:rgba(255,255,255,.9);
	border:1px solid #7E8898;
	display:none;
	left:210px;
	margin-bottom:40px;
	position:absolute;
	top:70px;
	width:620px;
	z-index:200;
}
body.carnet .detail_son{
	border-color:#CD071E;
}
body.porte .detail_son{
	border-color:#FF6600;
}
body.haricots .detail_son{
	border-color:#912595;
}
body.matelas .detail_son{
	border-color:#207095;
}
body.hublot .detail_son{
	border-color:#66CC00;
}
body.merbrume .detail_son{
	border-color:#7E8898;
}
body.bulles .detail_son{
	border-color:#8CB5B5;
}
.detail_son_block{
	padding:10px;
	position:relative;
}
.detail_son_block .divClose{
	background:#7E8898;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	height:16px;
	line-height:16px;
	overflow:hidden;
	position:absolute;
	right:10px;
	text-align:center;
	top:10px;
	width:16px;
}
.detail_son_block .divClose:hover, .detail_son_block .divClose:focus, .detail_son_block .divClose:active{
	background:#000;
}
.detail_son_block .divClose span{
	position:absolute;
	right:-1000px;
	top:-1000px;
}
.detail_son h2{
	color:#888;
	font-size:1.8em;
	font-weight:bold;
}
#liste_son .detail_son li{
	float:none;
}
body.carnet .detail_son h2{
	color:#CD071E;
}
body.porte .detail_son h2{
	color:#FF6600;
}
body.haricots .detail_son h2{
	color:#912595;
}
body.matelas .detail_son h2{
	color:#207095;
}
body.hublot .detail_son h2{
	color:#66CC00;
}
body.merbrume .detail_son h2{
	color:#7E8898;
}
body.bulles .detail_son h2{
	color:#8CB5B5;
}
#liste_son .detail_son p{
	display:block;
}
.player{
	background:#FFF;
	font-size:0.85em;
	padding:1em .5em .5em;
}
.player object{
	vertical-align:middle;
}
.page_article .player{
	margin:0 20px;
}
.player a.popup{
	background:transparent url(images/play.png) left 50% no-repeat;
	padding-left:18px;
}
#formulaire_playtaliste .spip_bouton{
	padding-top:1em;
	text-align:left;
}
#formulaire_playtaliste .spip_bouton input{
	background:#fff;
	border:none;
	cursor:pointer;
	float:none;
	font-size:1.3em;
	padding-left:18px;
}
#formulaire_playtaliste .spip_bouton input#ajouter{
	background:#fff url(images/plus.png) left 50% no-repeat;
}
#formulaire_playtaliste .spip_bouton input#supprimer{
	background:#fff url(images/moins.png) left 50% no-repeat;
}
#formulaire_playtaliste .spip_bouton input#vider{
	background:#fff url(images/suppr.png) left 50% no-repeat;
}
#contenu #animation{
	left:60px;
	position:absolute;
	top:60px;
}
#pied a{
	border-top:1px solid #E4439B;
	color:#E5E6E8;
	font-weight:bold;
	margin:1px 2em;
}
#pied a:hover, #pied a:focus, #pied a:active{
	border-bottom:0 none;
	border-top-width:2px;
	color:#000;
	margin:0 2em;
}
#pied a.first{
	margin-left:0 !important;
}
#pied a.last{
	margin-right:0 !important;
}
em{
	color:#ff69b4;
	font-style:normal;
	font-weight:bold;
}
.page_auteur .formulaire_ecrire_auteur{
	left:250px;
	margin:1em auto;
	position:absolute;
	width:600px;
}
.page_auteur .formulaire_ecrire_auteur .reponse_formulaire{
	color:#ff69b4;
}
.page_auteur .formulaire_ecrire_auteur fieldset{
	background:rgba(255,255,255,.7);
	border:1px solid #888;
	color:#888;
}
.page_auteur .formulaire_ecrire_auteur legend{
	font-weight:bold;
}
.page_auteur .formulaire_ecrire_auteur legend, .page_auteur .formulaire_ecrire_auteur label{
	color:#333;
}
.page_auteur .formulaire_ecrire_auteur  fieldset input,
.page_auteur .formulaire_ecrire_auteur  fieldset textarea{
	border:1px solid #ccc;
}