/**********************************************/
/*                GENERAL                     */
/**********************************************/

body {
	background: #EEE 50% 100%;
	margin: 0px;
	border: 0px;
	padding: 20px;
	}
html, body {height: 100%;}
body, td, div, span, p, a, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family:Verdana,arial,sans-serif; font-size:x-small; margin:0px;}

p {margin: 5px 0 10px 0; text-align:left;}
img {border:0;}

a.link{color: #D14414; text-decoration:none;}
a.hover{color: #D14414; text-decoration:underline;}
a.visited {color: #666; text-decoration:none;}

h2{	font: 140% Verdana, Arial, Helvetica, sans-serif;	font-variant:small-caps; font-weight:bold; 	color: #D14514; line-height:2em;	border-bottom: 2px dotted #D14514;}
h3{	font: 120% Verdana, Arial, Helvetica, sans-serif;line-height:2em; font-weight:bold;}

/**********************************************/
/*                STRUCTURE SOMMAIRE         */
/**********************************************/

#indexpage {position: relative; min-height: 70%; height: 70%; width: 700px; margin:10px auto; background-color:#FFF; border: 10px solid #1DA5C6;}
html>#indexpage {width: 700px;}
html>body #indexpage {height: auto;}	

#index{background-color:#FFF;margin-top: 91px;height: 350px;}

#indextxt{ position: absolute;left:280px;width:387px;height:137px;top: 128px;overflow: visible;}
#indextxt a:link {color:#D24414;text-decoration: none;}
#indextxt a:visited {color:#D24414;text-decoration: none;}
#indextxt a:hover {color:#D24414; text-decoration:underline;}

#indexmenu{font:110% Verdana, Arial, sans-serif;left:280px; width:415px; height:20px; top:355px;background-color:#D24414;font-weight: bold;color: #FFF;	padding-left: 5px;padding-top: 5px}
#indexmenu a:link {color:#FFF;text-decoration: none;}
#indexmenu a:visited {color:#FFF;text-decoration: none;}
#indexmenu a:hover {color:#FFF; text-decoration:underline;}

#indexphoto{position: absolute;	left:10px; width:253px; height: 171px; top: 131px;overflow: visible; height: 181px;}

#indexutile {float:right; width:50px; margin-top:-30px; padding:0px;}

#indexlangue{position: absolute; margin-top: 140px;left:49px;width:92px;height:75px;top: 200px; padding:0px}
#indexlangue li{color:#D14414;text-decoration: none;list-style-type:square;}
#indexlangue li a:hover{color:#D14414;text-decoration: underline;list-style-type:square;}
#indexlangue li a:visited{color:#666;text-decoration: none;list-style-type:square;}
#indexlangue li a:link{color:#666;text-decoration: none;list-style-type:square;}

#indexfooter {border: 0; text-align: center; clear: both; font-size: 10px;}

/**********************************************/
/*               STRUCTURES PAGES             */
/**********************************************/
#page { position: relative; min-height: 750px; height: 100%; height:auto; width:700px; left:50%; margin-left:-375px; background:#FFF; border:10px solid #1DA5C6; padding:0px;}
#page-en { position: relative; min-height: 470px; height: 100%; height:auto; width:700px; left:50%; margin-left:-375px; background:#FFF; border:10px solid #1DA5C6; padding:0px;}
html>#page {width: 700px; }
html>body #page {height: auto;}
html>#page-en {width: 700px; }
html>body #page-en {height: auto;}

#header {background:url(../images/fond-entete.gif) repeat-x top left; height:83px;margin: 0; padding: 0;}
#header .photo {float:right; margin-top:0;}
#header .logo {float:left;}

#navigation { float: left; margin:30px 10px 10px 10px; padding:5px; width:230px; border:2px; border-style: dotted;border-color:#C0C0C0; text-align:left; background-color:#D8F3FA;}
#navigation li {color: #1DA5C6; font-weight:bold; list-style-type:square; list-style-position:inside;}
#navigation ul a{color: #666; font-weight:normal; list-style-type:square; text-decoration: none; list-style-position: inside;}
#navigation ul a:hover {color: #D14414; font-weight:normal; list-style-position:inside; list-style-type:square; text-decoration: underline;}

#langue{float:right; width:130px; margin-top:-20px; padding:0px;}
#langue a{color:#D14414; font-size: 90%; font-weight:bold; text-decoration: none;}
#langue a:hover{color:#D14414; font-weight:bold; text-decoration: underline;}

#chemin {margin:0px; padding:5px;}
#chemin a:link{color:#666; text-decoration: none;}
#chemin a:hover{color:#D14414; text-decoration: underline;}
#chemin a:visited{color:#666; text-decoration: none;}

#contenu { padding:0px; margin:20px 0px 0px 260px; width:410px;  border:0px;}
#contenu li {text-align:left;}
#contenu img {margin:3px;}
#contenu a {color: #666; text-decoration:none;}
#contenu a:hover {color: #D14414; text-decoration:underline;}

#footer {position: absolute; bottom:0; margin-top:10px; height:20px; text-align:center;}
#footer a{text-decoration: none;color: #666;}
#footer a:link{color:#666;}
#footer a:hover{color:#D14414;}

#pied_de_page {	border: 0; text-align: center; clear: both; font-size: 10px; }
#pied_de_page  a{text-decoration: none;color: #666;}
#pied_de_page  a:link{color:#666;}
#pied_de_page  a:hover{color:#D14414;}


#recherche { float:right;width:100px; margin-right:10px; margin-bottom:5px;}
#recherche label {color:white;}
#recherche input.spip_bouton { background: #1DA5C6;text-align:center; border: 1px solid #CCC;color: #fff;font-weight: bold; float:right;padding:0; margin-right:10px;}

#utile {float:right; width:150px; text-align: right; padding:5px;}
#utile a{text-decoration: none;color: #000;}
#utile a:link{color:#000;}
#utile a:hover{color:#D14414;}


/* -----class---- */
.menu ul {margin: 0px;	padding-left: 10px;	padding-bottom: 2px;list-style: none;}
.logo {float: left; margin-top: 1px;border: 0;}
.photo {float: left; margin-top: 25px;border: 10px;}
.citation {font-family:Verdana, Arial, Helvetica, sans-serif;font-style: italic;text-align:right;}
.resultat {border:1px; border-color:#DDD;}


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

.spip {text-align: left;}

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

code {
	font-family: monospace;
	font-size: 10px;
	font-weight: normal;
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: left;
}

code.block {
	display: block;
	text-align: left;
}

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

h3.spip {color: #666;font-weight: bold;	font-size: 12px;text-align: left;line-height: 1.5em;	border-bottom:1px solid #C0C0C0; border-left:3px solid #DDD; text-indent:3px; margin-top:20px;}
h3.spip a:link {color: #666; text-decoration:none;}
h3.spip a:hover {color: #666; text-decoration:none;}
h3.spip a:visited {color: #666; text-decoration:none;}

.spip_puce {list-style-type:square; list-style-position:inside;}

.spip_documents { }


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

table.spip_forum {
	width: 100%;
}

table.spip tr.row_first, table.spip_forum tr.row_first{ /* premi¸re ligne d'un tableau gˇnˇrˇ par SPIP */
	background: #1DA5C6;
	color: #fff;
	font-weight: bold;
}

table.spip tr.row_odd, table.spip_forum tr.row_odd { /* pour l'alternance des couleurs des lignes d'un tableau SPIP */
	background: #eee;
}

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

table.spip tr.row_odd td, table.spip_forum tr.row_odd td {
	border-color: #eee;
}

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

table.spip_forum td {
	padding: 7px;
	text-align: left;
	vertical-align: top;
}

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

b.spip { 
	font-weight: bold;
}

i.spip { 
	font-style: italic;
}

blockquote.spip {
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left : 30px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 10px;
	font-style: italic;
	padding: 10px;
}

.forml {
	width: 100%;
	border: 1px solid #ccc;
	font-family: monospace;
	font-size: 1em;
}

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

.spip_cadre {
	padding: 5px;
}

div.spip_poesie { }

div.spip_poesie div { }


.spip_bouton { /* pour personnaliser les boutons de l'interface */
	background: #1DA5C6;
	border: 1px solid #CCC;
	color: #fff;
	font-weight: bold;
	font-size: x-small;  
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif; 
}

.formrecherche { 
	width: 100px;
	color: #1DA5C6;
	border: 1px solid #ccc;
	font-size: x-small;
	font: 11px/1.3em Verdana, 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;
}

hr.ligne {
	margin: 0;
	padding: 0;
	line-height: 1px;
	border-top: 1px solid #ccc;
}