body {
 font-size: 75%;
 background-image: url(background.gif);
 background-repeat: repeat;
 font-family: Arial,Helvetica, sans-serif;
 background-color: #fff;
 text-align: center;
}
#global {
 PADDING-RIGHT: 20px;
 BORDER-TOP: #e5e5e5 1px solid;
 MARGIN-TOP: 30px;
 PADDING-LEFT: 20px;
 PADDING-BOTTOM: 20px;
 MARGIN-LEFT: auto;
 MARGIN-RIGHT: auto;
 PADDING-TOP: 20px;
 BORDER-BOTTOM: #e5e5e5 1px solid;
 BACKGROUND-COLOR: white;
 TEXT-ALIGN: left;;
}
#global {
	WIDTH: 750px;
 voice-family: inherit;;
}
UNKNOWN {
	WIDTH: 680px;;
}

#logo {
  background-image: url(naraja.png) no-repeat;
  FLOAT: left;
	WIDTH: 165px;
	heigth: 45px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	color: white;
}

 
}
#submenu {
 float: right;
 FONT-SIZE: 0.95em;
 MARGIN-BOTTOM: 15px;
 TEXT-ALIGN: right;
}

#navigation {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FLOAT: left;
 PADDING-BOTTOM: 0px;
 MARGIN: 80px 0px 0px;
 WIDTH: 150px; /* 150 */
 PADDING-TOP: 0px;
}
#secweblog {
 MARGIN: 0px 15px 0px;
 WIDTH: 135px;
}


#content {
FLOAT: LEFT;
MARGIN-top: 40px;
 MARGIN: 45px 30px 0px;
 WIDTH: 530px;
 
}
.flair {
	MARGIN: 15px 0px 0px;
 WIDTH: 100%;
BACKGROUND-COLOR: #FFF;
 TEXT-ALIGN: left;
}
P {
	FONT-SIZE: 1em;
 COLOR: #666;
 BORDER-TOP-STYLE: none;
 LINE-HEIGHT: 1.7em;
 FONT-STYLE: normal;
 BORDER-RIGHT-STYLE: none;
 BORDER-LEFT-STYLE: none;
 TEXT-ALIGN: left;
 BORDER-BOTTOM-STYLE: none;
}

H1 {
	PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FONT-SIZE: 1em;
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-TOP: 0px;
 TEXT-ALIGN: left;
}
H2 {
	PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FONT-SIZE: 1em;
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-TOP: 0px;
 TEXT-ALIGN: left;
}


border-bottom: 2px solid #666;

H3 {
	FONT-WEIGHT: bold;
 FONT-SIZE: 1em;
 COLOR: #666;
 LINE-HEIGHT: 1.7em;
 PADDING-TOP: 15px;
 TEXT-ALIGN: left;
}


BLOCKQUOTE {
	PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FONT-SIZE: 1.2em;
 PADDING-BOTTOM: 0px;
 MARGIN: 55px 0px 0px;
 COLOR: #a0a0a0;
 LINE-HEIGHT: 1.6em;
 PADDING-TOP: 0px;
 TEXT-ALIGN: left;
}


A:link {
	COLOR: #666;
 TEXT-DECORATION: underline;
}
A:visited {
	COLOR: #666;
 TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #fff;
 BACKGROUND-COLOR: #999;
 TEXT-DECORATION: none;
}

P.sidenav {
	FONT-WEIGHT: normal;
 FONT-SIZE: 0.95em;
 MARGIN: 0px;
 LINE-HEIGHT: 1.6em;
}
.sidenav A {
	PADDING-RIGHT: 0px;
 BORDER-TOP: #f3f3f3 1px solid;
 DISPLAY: block;
 PADDING-LEFT: 2px;
 PADDING-BOTTOM: 8px;
 MARGIN: 0px;
 WIDTH: 100%;
 COLOR: #666;
 PADDING-TOP: 8px;
 BACKGROUND-COLOR: white;
 TEXT-DECORATION: none;
}
.sidenav A:visited {
	PADDING-RIGHT: 0px;
 BORDER-TOP: #f3f3f3 1px solid;
 DISPLAY: block;
 PADDING-LEFT: 2px;
 PADDING-BOTTOM: 8px;
 MARGIN: 0px;
 WIDTH: 100%;
 COLOR: #666;
 PADDING-TOP: 8px;
 BACKGROUND-COLOR: white;
 TEXT-DECORATION: none;
}

.chica{
 		font:9px Arial,Helvetica sans-serif;
 		color:#5F6060;
}

.sidenav A:hover {
	BORDER-TOP: #f3f3f3 1px solid;
 MARGIN: 0px;
 COLOR: #000;
 BACKGROUND-COLOR: #f5f5f5;
 TEXT-DECORATION: none;
}
A.active:link {
	FONT-WEIGHT: bold;
 COLOR: #DA512F;
 TEXT-DECORATION: none;
}
A.active:visited {
	FONT-WEIGHT: bold;
 COLOR: #DA512F;
 TEXT-DECORATION: none;
}
A.active:hover {
	FONT-WEIGHT: bold;
 COLOR: #DA512F; //b9c900;
 BACKGROUND-COLOR: transparent;
 TEXT-DECORATION: none;
}

.bottom {
 margin: 10px auto;
 FONT-SIZE: 0.95em;
 COLOR: #999;
 TEXT-ALIGN: center;
 width:680px;
 clear:both;
}

.bottom p {
 text-align: center;
}

A IMG {
	FONT-SIZE: 11px;
}

.mititulo {
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 16px;
	/*font-weight: bold;*/
	color: #666;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	}

.mititulo a { 
 TEXT-DECORATION: none;
 font-weight: bold;
 }
 

/**********************************************/
/*                STYLES SPIP                 */
/**********************************************/

.spip {
	text-align: justify;
}

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

.spip_code {
	font-family: monospace;
	font-size: 10px;
	font-weight: bold;
}

p.spip_note {
	font-size: 9px;
}

h3.spip {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	line-height: 1.5em;
	color: #DA512F;
}

.spip_puce {
	list-style: disc inside;
}

.spip_documents { }


table.spip {
	padding: 0;
	border-spacing: 0;
	border: 1px solid #ccc;
	font-size: x-small;
}

table.spip tr.row_first {
	background: #DA512F;
	color: #fff;
	font-weight: bold;
}

table.spip tr.row_odd {
	background: transparent;
}

table.spip tr.row_even {
	background: transparent;
}

table.spip td {
	padding: 7px;
	text-align: center;
	vertical-align: middle;
}

hr.spip { 
	border: 1px dotted #333333;
}

b.spip { 
	font-weight: bold;
}

i.spip { 
	font-style: italic;
}

blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	font-style: italic;
	padding: 5px;
}

.forml {
	width: 100%;
	border: 1px solid #ccc;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.spip_encadrer {
	padding: 5px;
	border: 1px dotted #ccc;
}

.spip_cadre {
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 11px;
}

div.spip_poesie { }

div.spip_poesie div { }


.spip_bouton { 
	background: #DA512F;
	border: 1px solid #444444;
	color: #444444;
	font-weight: bold;
	font-size: x-small;   
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.formrecherche { 
	width: 100px;
	color: #DA512F;
	border: 1px solid #ccc;
	font-size: x-small;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

select { 
	border: 1px solid #ccc;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.spip_surligne {
	background-color: #EEE92E;
}


/**********************************************/
/*            BARRE RACCOURCIS SPIP           */
/**********************************************/


a.spip_barre img {
	border: 1px solid #ccc;
	padding: 1px;
}

a.spip_barre:hover img {
	border: 1px solid #ccc;
	color: #000;
	padding: 1px;
	background-color: #ccc;
	
}


/*************************************************/
/*  comentarios                                  */
/*************************************************/

#comment {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #595949;
	font-size: 12px;
	padding-left: 2px;
	vertical-align: middle;
	width: 330x;
}

.commentbody {
	font-size: 14px;
	margin: 0 0 12px 0;
	/*border-bottom: 1px solid #f0f0e0;*/
	border-bottom: 1px dotted #8DA7D2;
	position: relative;
}


.commentbody p {
	line-height: 1.5em;
}

.commentlink {
	font-size: 10px;
}

.commentlist {
	list-style: none;
}

.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #e0e0d0;
	float: right;
}

.commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}


/* formulario */

/* different postmetadata style for single.php */

.alt {
	line-height: 1.4em;
	padding: 0 0 15px 30px;
}

.alt a {
	color: #005577;
}

.entry img {
	float: right;
	padding: 8px;
	}
	

.entrytext p {
 text-align: justify;
 padding-bottom: 0.7em;
}	


div.formulaire_spip ul {list-style: none;}
div.formulaire_spip fieldset {border:none;}
div.formulaire_spip legend {display:none;}
div.formulaire_spip fieldset.previsu {border:1px dotted #8DA7D2;}


.erreur_message { border: 2px solid red; display:block; padding:2px;}

input.text {
	width: 80%;
	border: 1px solid #ccc;
	clear: both;
	/*font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/
}

.spip_encadrer {
	padding: 5px;
	border: 1px solid #ccc;
}

.spip_cadre {
	padding: 5px;
}