/* Habillage */

*
{
margin: 0;
padding: 0;
}

/* bug Mozilla */
html { 
	min-width: 320px;
}
img	{
	border: 0;
}

/* Body */
body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

p {
	margin: 1em 0;
	padding: 0;
}

/* Principal */
#principal {
	display: block;
	position: relative;
    width: 320px;
    height: auto;
	margin: 1em auto 0 auto;
	padding: 0;
	text-align: left;
}

/* Entete */

#entete {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 320px;
	margin: 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #333; 
}


#nom_site {	
	display: inline;
	margin: 0;
	padding: 0;	
}

#descriptif_site {	
	display: inline;
	margin: 0;
	padding: 0;
}

/* Contenu */

#contenu {	
	width: 320px;
	height: auto;
	margin: 1em auto 2em auto;
	padding: 0;
}

#contenu ul.spip {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: circle;
}
#contenu li.spip {
	margin: 5px;
	padding: 0;
}

#contenu h3 {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	text-align: center;
	border-bottom: 1px solid #333; 
}


#contenu h4 {
	margin: 0 0 0.2em 0;
	padding: 0;
}


#contenu h5 {
	margin: 0 0 0.2em 0;
	padding: 0;
}


#contenu h6 {
	margin: 2em 0;
	padding: 0;
	text-align: center;
}

#help {
	margin: 1em auto;
	padding: 0;
	width: 200px;
	text-align: left;
}

/* Images */

#images {
	width: 320px;
	height: 445px;
	line-height: 320px;
	margin: 0 auto;
	padding: 0;
	border: 0;			
	overflow: hidden;
	text-align: center;
}

#images .image {
	width: 320px;
	height: 445px;
	margin: 0;
	padding: 0;
	border: 0;			
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

/* Making-of */

#makingof {
	width: 320px;
	height: 360px;
}

/* Agents */

#agents {
	width: 320px;
	height: 360px;
}

/* Contact */

#contact {
	width: 320px;
	height: auto;
}

/* Pied */

#pied {
	position: relative;
	width: 320px;
	height: 100px;
	margin: 1em auto;	
	padding: 0;	
	border: 0;
}


/* Menu pied */

#menu_pied {
	margin: 0;
	padding: .5em 0;	
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#copyright {

}

#webdesign {
	text-align: center;
}

/* */
/* Classes */
/* */

/* pav rub */

.pav_rub {	
	float: left;
	width: auto;
	height: auto;
  	margin: 5px 2px 5px 0;
  	padding: 0;
	border: 0;
}


/* pav article */

.pav_article {	
	float: left;
	width: 100%;
	height: auto;
  margin: 0 0 10px 0;
  padding: 0;
	border: 0;
}


.pav_article h4 {	
	margin: 0;
	padding: 0;
}

.pav_article .descriptif {	
	width: auto;
	height: auto;
}

/* pav */

.pav {	
	margin: 0 0 0 110px;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
	text-align: left;
}

/* pav docs */

.doc {
	width: 100%;
	margin: 1.5em 1em 1em 0;
}

.doc img {
	float: left;
  	margin: 0 1em 1em 0;
  	padding: 0;
	border: 0;
}

.doc .doc_titre {
  	margin: .5em 0;
  	padding: 0;
  	text-align: left;
}

.doc .doc_descriptif {
  	margin: 0;
  	padding: 0;
  	text-align: left;
}

.doc .lien {
  	margin: .5em 0;
  	padding: 0;
  	text-align: left;
  	font-size: 80%;
}

#infos_doc {
    font-size: 11px; 
	margin: 1em 0;
	padding: .5em 0;
	border-bottom: 1px solid #333;
}
#infos_doc p {
	margin: 5px 0;
	padding: 0;
}

/* pav gal */

#gal {
	margin: 1em auto;
}
#gal h4 {
	margin: 2em auto 1em auto;
	padding: 0;
	text-align: center;
}
#gal .img_titre {
  	margin: 1em 0 0 0;
  	padding: 0;
}
#gal .img_descriptif {
  	margin: 0.5em 0 0 0;
  	padding: 0;
}
.pav_gal {	
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
  	margin: 1em 1.5em 1em 0;
  	padding: 0;
	border: 0;
}


/* pav texte */

.pav_texte {	
	float: left;
	width: auto;
	height: auto;
  	margin: 5px;
  	padding: 0;
	border: 0;
}
html>body .pav_texte {
	width: auto;
	height: auto;
	margin: 10px;
}

.pav p {	
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}

/* Espaceur */

.spacer {
	clear: both;
}

/* Logo */

.logo {	
	display: block;
	float: left;
	margin: 0;	
	padding: 0;
	border: 0;
}
.logo a,a:hover {	
	border: 0;
}

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

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option, .formulaire_spip formulaire_ecrire_auteur { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
}

.formulaire_spip p {
	margin: 5px 0;
	padding: 0; 
}

.formulaire_spip fieldset {
  	display: block;
	margin: 5px 0;
	padding: 0 5px 0 0;
	border: none; 
}
.formulaire_spip legend { 
	display: none;
}

.formulaire_spip label {
}

.formulaire_spip .forml {
	width: 99%;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #333;
}

.formulaire_inscription {
	width: 160px;
}

.spip_bouton { 
	float: left;
}
.spip_bouton input {
	margin: 1px 0;
	padding: 1px 1px;
	border: 1px solid #333;
}

/* Reponse du formulaire */
.reponse_formulaire { 
	border: none; 
	font-weight: bold; 
	}
fieldset.reponse_formulaire { 
	border: none; 
	font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

#login {
	width: 100%;
}

#login_webmestre {
	width: 100%;
}

#login_kerlo {
	width: 100%;
}

#login * {
	padding: 0.5em;	
}

#login_webmestre * {
	padding: 0.5em;	
}

#login_kerlo * {
	padding: 0.5em;	
}