/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { 
	list-style-position: outside;
	display: block;
	padding-left: 20px;
 }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: left; 
	margin: 2em 0 0.3em 10px;
	font-variant: small-caps;
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {
}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	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; }

/* Logos, documents et images_bleuvert */

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin:1em 0 1em 0; }
.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

img, .spip_logos {
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
	border: none;
}



/* images_bleuvert typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in {
	text-decoration: none;
	color: #616161;
} /* liens internes */
a.spip_out { text-decoration:none; color: #aaa; font-weight: bold;} /* liens sortants */
a.spip_url { text-decoration:none; color: #616161;} /* liens url sortants */
a.spip_glossaire { color: #060; color: #616161;} /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */


/* CSS autre que spip */

* { margin:0;padding:0; }


#page {
	width:720px;
	margin:0 auto;
}
#page_accueil {
	width:720px;
	height: 793px;
	margin:0 auto;
	background:url(./images/fond-page-accueil.png) top left no-repeat;
	margin: 20px auto auto auto;
	
}



h1 span {
	color:#1187CB;
	text-transform:uppercase;
}

img#logo {
	width:370px;
	height:44px;
	border: 0;
	margin: 15px 0 0 0px;
	display: block;
	visibility: hidden;
}



ul#menu li {
	display:inline;
	
}







ul#menu2 li {
	display:inline;
	
	
}




#contenu {
	
	width:720px;
	margin-left:0px;
	margin-top: 10px;
	
}


/* styles une colonne */




#bloc h1 {
	color: #6c3414;
	font: normal small-caps 100 2.8em Eurostile;
	background: none;
	text-indent: 15px;
	margin: 5px 7px -30px 0;
}

#bloc p {
	width:680px;
	margin:0 10px;
	color:#535252;
}

#demi-bloc {
   float: left;
	width: 600px;
	text-align: center;
	margin: 0px 10px 0px 20px;
}



#double-bloc p {
padding:0 0 10px;
	width:90%;
	color:#535252;
}



p.ligne-separation {
	text-align:right;
	border-bottom:1px dashed #807F7F; 
	width:90%;
	height:2px;
	color:#535252;
	clear: both;
}




#fond_page{
	clear: both;
	float: right;
	margin-top: 10px;
	display: block;
	width: 100.01%;
	height: 20px;
	background:white;
}

#texterub {
	clear: both;
	width: 620px;
	margin: -30px 20px 15px 30px;
	color: Gray;
	font-size: 1.3em;
	font-weight: bold;
}
/* nouveaux styles */







#menu_gauche ul {
	list-style-type:none;
	margin-left:5px;
	width:90%;
}

#menu_gauche a {
	border-top:1px dotted #CCCACA;
	font-size: 1.1em;
	font-weight: bold;
	display:block;
	padding:5px 0 3px 10px;
	text-decoration:none;
	color:#8f9191;
}



/* styles deux colonnes */



#bloc2 h1 {
	color: #DCDCDC;
	font: normal small-caps 1.5em Eurostile;
	background: none;
	text-indent: 15px;
	margin: 5px 0 -45px 0;
}

#bloc2 p {
	width:500px;
	margin:0 10px 5px;
	
}

p.desc {
	color: Silver;
	font: normal 0.8em Verdana, Sans-serif;
	padding: 10px 0 5px 10px;
}
p.desc a {
	color: Silver;
	text-decoration: none;
}
p.desc a:hover { text-decoration:underline; }

p.commentaires {
	padding: 15px 0 3px 0;
	text-align: right;
	width: 100%;
	border-bottom: 1px dashed #807F7F;
	color: #708090;
}
p.commentaires a {
	color: #535252;
	text-decoration: none;
}
p.commentaires a:hover {
	color: #535252;
	text-decoration: underline;
}
p.commentaires em { font-style:normal;font-weight:bold; }

.forum {
	padding: 5px 5px 5px 5px;
	font-size: 1em;
}
.forum h4 {
	font:bold 1.3em serif;
}
.commentaires2 {
	color: #A6A6A6;
	margin-bottom: 5px; 
}
.comment {
	font: 1em sans-serif;
	color: #535252;
	padding-left: 15px;
}
.reference {
	text-align: right;
}
.reference a {
	color: #535252;
	text-decoration: none;
	font:bold 1.1em serif;
}

.reference a:hover {
	color: #535252;
	text-decoration: none;
}

.commentaireforum {
	padding: 15px 0 3px 0;
	text-align: right;
	width: 100%;
	border-bottom: 1px dashed #807F7F;
	color: #708090;
}
.commentaireforum a {
	text-decoration: none;
	color: #708090;
}
.commentaireforum a:hover {
	text-decoration: underline;
	color: #708090;
}
.centrer{
	text-align: center;
}
.reaction {
	
}
.reaction a{
	color: #DCDCDC;
	text-decoration: none;
}

.titreforum {
	font:normal 1.3em Verdana, Sans-serif;
}
.forum p {
	font:normal 1.3em Verdana, Sans-serif;
	text-align: justify;
}
.auteurforum {
	font:normal 1.3em Verdana, Sans-serif;
	text-align: right;
}
#ctforum {
	display: block;
	width:90%;
	margin:0 10px 0 10px;
}

.petit {
	font-size: 0.9em;
	margin: -13px 2px 5px 20px;
	color: #BBBBBB;
}

.petit2 li {
	font-size: 0.9em;
	margin: -13px 2px 5px 20px;
	color: #909090;
	list-style-type: none;
	text-indent: 0;
}


.rub2 {
	display:block;
	width: 100%;
	font-size: 1.1em;
	color: #8f9191;
	padding-top: 15px;
	letter-spacing: 0.2em;
}

.page_edito {
	display: block;
	width:720px;
	height: 100%;
	margin: 20px auto auto auto;
	background: #fff;
	border: 1px solid #b54b19;
	
}

#edito-droite {
	float: right;
	background:url(./images/journaux.jpg) top left no-repeat;
	margin: 2px 0 0 0px;
	padding-left: 330px;
	padding-right: 10px;
	color: #797f7d;
	font-family: sans-serif;
}

#edito-droite h2 {
	font-size: 8em;
	font-weight: lighter;
	font-family: monospace;
	color: #b54b19;
}

#edito-droite h3 {
	font-size: 2em;
	font-weight: normal ;
	color: #e4943d;
	margin-bottom: 10px;
}

#edito-droite p {
	font-size: 1.5em;
	font-weight: bold;
}

#edito-droite h4 {
	margin : 20px 0 0px 0;
	font: 2.5em bold sans-serif;
	color: #e4943d;
	text-align: right;
}

#edito-bas {
	clear: both;
}

.right {
	clear: both;
	text-align: center;
	color: #CBCBCB;
}


ul#menued {
	list-style-type: none;
	padding-left: 130px;
	float: left;
	text-align: center;
	margin: 30px 0 10px 2px;	
}

ul#menued a {
	display: block;
	padding: 0 50px 0 50px;
	margin-bottom: 3px;
	font-size: 1.5em;
	color: #b54b19;
	text-transform: uppercase;
	background: #FFF;
	text-decoration: none;
	border: 1px solid #b54b19;
}

ul#menued a:hover {
	display: block;
	color: #b54b19;
	text-transform: uppercase;
	background: #FFDAB9;
	text-decoration: none;
}

ul#menued2 {
	padding-right: 10px;
	list-style-type: none;
	float: right;
	text-align: left;
	margin: 17px 0 10px 2px;
}
ul#menued2 a {
	display: block;
	padding: 0px 10px 0 10px;
	margin-bottom: 3px;
	font-size: 1em;
	color: #b54b19;
	background: #FFF;
	text-decoration: none;
	border: 1px solid #b54b19;
}

ul#menued2 a:hover {
	display: block;
	color: #b54b19;
	background: #FFDAB9;
	text-decoration: none;
}

a.entrer {
	display: block;
	padding: 550px 0 0 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 2.5em;
	font-style: italic;
}