html,body { margin: 0; }
/* doit-on ajouter ca pour ie ? apparement oui :) */
html, body { min-height: 100%; height: auto !important; height: 100%; padding: 0; margin: 0; }
body { font: 0.71em "Trebuchet MS",arial,sans-serif; clear:left;	}

p {	margin: 0; padding: 1px 20px 7px 20px; text-align: justify; } /* <!> agit sur certains paragraphes mais pas tous */
img{ border:0; }

h1,h2,h3,h4 { padding:0; margin:0; }

a:visited, a { text-decoration: none; }
a:hover { text-decoration: underline; }

.gras { letter-spacing: 0.1em; font-weight:bold; }
.none { display:none; }
.spacer { clear:both; width:241px; visibility:hidden; height:0; }



/* positionnement */
#container { width:747px; margin:10px auto; text-align: left; }
.logodroite { float:right; margin: 0 0 0 20px; }
.logogauche { float:left; margin: 0 20px 0 0; padding: 0; }
.minilogogauche {float:left; margin:0; padding:0; }	/* <!> utilise (entre autre?) dans le listing de rubrique.html */
.droite { float:right; padding:0 10px; }
.gauche { float:left; padding:0 10px; }
.centre { text-align: center; }
.coldroit { float:right; width:244px; display:inline; }
.coldroit h4{ font-size:1.15em; padding: 0 0 0 30px; color: #555;}
#colgau { float:left; display:inline; }
.splickrbox { margin:9px; height:112px; width:224px; overflow:hidden; }
.splickrbox table td, .splickrbox table { border-spacing: 0; padding: 0; }
#compte{ position:relative; top:130px; text-align:right; }
#menu { width:100%; height:10px; padding: 0; margin: 0;}
#menu p a { padding: 0; margin: 0; color: #333;}
ul#nav, ul#nav li{ list-style-type:none; margin:0; padding:0; }
ul#nav{	padding-left:14px; }
ul#nav li{ float:left; width:90px; padding:1px 0; margin:0 3px 0 0; height:20px; text-align:center; }
ul#nav a{ float:left; width:90px; text-decoration:none; padding:2px 0; }
.raye{ text-decoration:line-through; }
.petite_liste{ padding: 0 20px; }
.grande_liste{ padding: 7px 5px; }
#content{ clear:left; padding:4px 8px; }



#menu-lang { text-align: right; font-size: 80%;	margin: 0; padding: 0; float: right; display: inline; }
/*#menu-lang a { color: aqua; }*/
/*#menu-lang a:hover { color: #FBA; }*/
#menu-lang strong { color: red;}
/*#menu-lang span { display: inline; color: green;}*/



/* boites */
.grande_boite { clear:left; width:454px; padding: 10px; }
.grande_boite > text { margin: 0; padding: 0 7px 0.7em; line-height: 1.5; }
.grande_boite h1 { font-size: 1.5em; font-weight: bold; margin: 0; padding: 0; color: #6586BC; }
.grande_boite h2 { font-size: 1.4em; font-weight: bold; margin: 0; padding: 0; color: #555; }
.grande_boite h3 { font-size: 1.3em; font-weight: bold; margin: 0; padding: 0; color: #555; }
.grande_boite h4 { font-size: 1.2em; font-weight: bold; margin: 20px 0 0 0; padding: 0 0 0 3px; color: #6586BC; border-left: 1em solid #6586BC; }
.grande_boite h5 { font-size: 1em; padding: 0; margin: 30px 0 0 5px; }
.grande_boite ul li{ list-style-type: square; padding-top: 0; margin-top:0;}

.boite { margin:8px 0; width:241px; }
.boite > text { padding:5 10px; }
.boite h4,.discussion h4 { padding: 5px 0 0 28px; position:relative; }
.boite > a { padding:0 5px; }
.boite ul { margin: 0 0 5px 5px; }
.boite ul.complement { list-style-type: none; display: block; }
.boite ul.complement li { display:inline;}
.boite p, .boite p a, .boite p a:hover { text-align: left; padding: 0px 10px; display: block; text-decoration: none; }



/* header */
#header { background-repeat:no-repeat; background-position:right; height:150px; width:747px; }
#header h2{ font-size: 9px; position:relative; left: 10px; bottom:-47px; }
#header h1 a{ font-size: 24px; position:relative; left: 10px; margin:0; top: 5px; font-weight: 900; text-decoration: none; }		



/* footer */
#footer { clear:left; padding:5px 0; margin:5px; text-align:center; font: bold 90%; height:auto; }
.rss-button { border: 1px solid; font: bold 0.8em verdana,sans-serif; margin: 0 3px; padding: 0 1px; }
.rss-button a { padding: 0 3px; text-decoration: none; }



/* miniatures */
#minipics { float:left; width:0px; display:inline; }
#minipics ul { list-style-type: none; display:inline; margin:0 5px; clear:both; }
#minipics li { float:left; display:inline; width:100px; margin:8px; }
#minipics li img { display:block; margin:10px; width: 80px; height: 100px; }
#minipics li.textepics { width:450px; padding: 0px 10px; }
#minipics li.textepics a  { text-decoration: none; border-left: 5px solid #555; padding: 0 0 0 5px; }
#minipics li.textepics a em { color: #FF0000; font-weight: bold; font-style: normal; }



/* cellules */
#cel, #celbas { float:left; width:480px; display:inline; }
#cel ul, #celbas ul { list-style-type: none; display:inline; margin:0; clear:both; }
#cel li, #celbas li { width:230px; float:left; display:inline; margin:8px 5px; }
#cel li img, #celbas li img { margin: 0 6px; }
#cel li h4, #celbas li h4 { word-spacing: 0.1em; padding: 3px 6px; }
#cel li p, #celbas li p { background:#fff; text-align: left; padding: 5px;}
#deco p, #decobas p { padding: 15px 5px 5px 5px; }
#celbas .minilogogauche  a { border: none; padding: 0; }
#celbas li p a  { text-decoration: none; border-left: 5px solid #555; padding: 0 0 0 5px; }
#celbas li p a em { color: #FF0000; font-weight: bold; font-style: normal; }


/* icones */
.icone_fleche{ right: 25px; margin:3px 0; }
.icone_site,.icone_fleche,.icone_post,.icone_membre,.icone_filter,
.icone_article,.icone_photo,.icone_forum,.icone_stats,.icone_menu,
.icone_agenda,.icone_zip,.icone_juk,.icone_recherche { height:22px; position:relative; padding: 4px; }

h4.icone_site, h4.icone_fleche, h4.icone_post, h4.icone_membre, h4.icone_filter,
h4.icone_article, h4.icone_photo, h4.icone_forum, h4.icone_stats, h4.icone_menu,
h4.icone_agenda, h4.icone_zip, h4.icone_juk, h4.icone_recherche { font-size: 1em; padding: 7px 0 0 30px; margin: 2px 0; color: #555;  border-left: 0em; }





/* grande photo */
.photo { position:relative; text-align:left; width:450px; margin:0 auto 0 auto;	padding:4px 0; }
.photo img { width:450px; border:1px solid #60566a; }
#exif img {cursor:help; display: block; }
#exif a span { position:absolute; left:-900px; visibility:hidden; }
#exif a:hover span{	visibility:visible;	position:absolute; text:center;	text:none; top:20%;	left:22%; width:50%; background:#FFF; color:#000; padding:5px 15px 5px 15px; border:3px solid #c4c4de; cursor:text;
text-decoration: none; background:#FFF;	filter:alpha(opacity=70)!important;	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	-moz-opacity:.7; opacity:.7; -moz-border-radius:12px; }



/* menu */
.open { display: block; list-style-type: none; padding: 0 3px 0 10px; margin: 0 0 0 10px; }
.closed { display: none; }
li img, li img a:hover { vertical-align: middle; }
.li { list-style-type: none; padding: 0px; }



/* forums */
.discussion { padding: 5px 0 0 0px;	margin: 8px 3px; }
.avatar{ float:left; width:241px; }
.interne{ padding:5px; margin:0 7px 10px 7px; }
.interforum,.interforumgrand{ float:right; padding:3px; margin:3px 7px 0 4px; width:330px; }
.interforumgrand{ width:580px; }
.carte{ float:left; padding:15px 0 5px 10px; width:100px; }
.avatar{ width:70px; }
.avatar img{ width:70px; height:70px; }
.cadenas { padding:1px 1px 1px 25px; }



/* membres */
ul.membres,ul.legende{ padding:0 5px 5px 5px; margin:0px; text-transform: capitalize; }
ul.forum{ padding:15px 7px; }
.membres li,.legende li,.forum li{ list-style-type: none; }
.membres li a,.legende li,.forum li a{ padding: 0 5px 0 16px; }
.forum li a{ padding: 15px 5px 15px 33px; margin: 30px 0; font-weight:bold;	letter-spacing: 0.1em; }
.repondre a,.dernier a,.premier a{ padding: 6px 0 10px 24px; font-weight:bold; letter-spacing: 0.1em; font-size:120%; }



/* SPIP */
.spip_barre { display: none; }
.spip_doc_descriptif { margin: 0 5px; padding: 0; }
.spip_documents { text-align: center; }
.spip_documents_center { margin: 10px 0 2px 0px; }
.spip_documents_left { margin: 10px 15px 2px 5px; }
.spip_documents_right { margin: 10px 5px 2px 15px; }



/* formulaires */
form h4 { padding:8px; position:relative; }
fieldset, form { position :relative; top :0; padding :0; border: none; margin: 0; }
.reponse_formulaire, .spip_encadrer{ padding:0 8px; }
legend { padding : 8px; }
.form_rech { padding: 0 0 0 35px; }
.gauchefield { margin : 0 8px; width: 130px; float:left; }

.grand, .haut, .bas { position :relative; float:right; margin : 0 4px; border: 5px solid black; }
.grand { width:300px; }
.petit { width:90px; }
.haut { width:300px; height:80px; border: 5px solid black;}
.bas { width:300px; height:400px; }
.form450 { margin:5px 10px; width:450px; height:90px; }
.list370 { margin:0 10px; width:370px; }



/* Formulaires ecrire auteur */
.formulaire_spip label { text-align: left; }
p.reponse_formulaire { color: #FF0000; }
.formulaire_ecrire_auteur fieldset { border: 3px solid #C1D3EC; padding: 5px; }
.formulaire_ecrire_auteur legend { color: #6586BC; font-weight: bold; }
.formulaire_ecrire_auteur fieldset.previsu { border: 3px solid #6586BC; padding: 5px; }
.formulaire_ecrire_auteur fieldset.previsu legend { color: #6586BC; font-weight: bold; }
.formulaire_ecrire_auteur input, .formulaire_ecrire_auteur textarea { border: 1px solid #6586BC; padding: 2px;}



/* tableaux */
table.spip { width:98%; margin:0 0 5px 5px; text-align:center; float:left; }
table.spip tr {	width:auto;	-moz-border-radius:6px; }



/* Minical */
#agenda { margin: 0 10px; }



/* les tableaux */
table.spip tbody tr.row_first td {	text-align: left; padding: 5px; }
table.spip tbody tr.row_odd td {	text-align: left; padding: 5px; }
table.spip tbody tr.row_even td {	text-align: left; padding: 5px; }
table.spip tbody tr.row_even td h4 { font-size: 1.4em;  margin:0; padding: 0; border: 0; border-bottom: 1px solid #6586BC; }



/* Thickbox 2 */
#contentPad { margin:20px; }
#TB_load { display:none; }
#TB_window img { display:block; margin: 10px 0 10px 10px; }
#TB_legend { position:relative; -moz-border-radius:0 0 10px 10px; }
#TB_legend img { margin: 0; }
#TB_caption { padding:10px 35px 10px 10px; font-weight: bold; text-align:left; }
#TB_closeWindow { padding:0; margin:0; width: 26px; height:26px; top:0px; right:10px; position: absolute; padding-bottom: 0.7em; text-align:right; -moz-border-radius:0 0 10px 10px; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_closeAjaxWindow { padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_load { position: absolute; display:none; height:100px; width:100px;	z-index:101; }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }