/*
	Typographie, texte, ...
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	font-size: 12px;
	font-face: verdana, arial;
	background-color: #003764;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	font-size: 12px;
	font-face: verdana, arial;
}

.chapo {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 103%;
	text-align: justify;
}
.texte {
	padding: 4px 10px;
	text-align: justify;
}
.texte_simple {
	padding: 4px 10px;
}
.ps {
	border-top: 1px dashed #708FBE;
	font-size: 85%;
	padding: 4px 20px;
	text-align: justify;
}
.notes {
	border-top: 1px dashed #708FBE;
	font-size: 80%;
	padding: 4px 20px;
	text-align: justify;
}

a {
	color:#003366;
	text-decoration: underline;
}

a:hover {
	color:#FF9900;
	text-decoration: underline;
}

.liens_blancs {
	color:#FFFFFF;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
	text-decoration: none;
}

.liens_menu {
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
	text-decoration: none;
}

a.liens_menu:hover {
	color:#FF6600;
	text-decoration: none;
}

.liens_bleu {
	color:#708FBE;
	text-decoration: none;
}

.texte_trait_haut {
	border-top: 1px dashed #708FBE;
	padding: 4px 10px;
	text-align: justify;
}

.texte_trait_bas {
	border-bottom: 1px dashed #708FBE;
	padding: 4px 5px;
	text-align: justify;
}

.titre_page {
	color:#708FBE;
	font-size: 30px;
	font-weight: bold;
}

.titres-hp {
	color:#FFFFFF;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
}

.titres-hp a {
	color:#FFFFFF;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
}

.titres-hp a:hover {
	color:#F7931D;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
}


.texte-hp {
	color:#003366;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: normal;
}

.texte-hp a:hover {
	color:#FFFFFF;
}

.basdepage {
	color:#FFFFFF;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
}

.basdepage a {
	color:#E5E8F0;
	font-size: 10px;
	font-face: verdana, arial;
	font-weight: bold;
}

a.spip_url { }
a.spip_in { }
a.spip_out { }
hr.spip { }
b.spip { }
i.spip { }
.spip_code { }
p.spip_note { }

h3.spip {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

.spip_documents{
	font-size : 70%;
}

/*
	Menus, boutons, ...
*/


.bp_menu_off {
	cursor: pointer; 
	border: 1px solid #708FBE; 
	background-color: #F7931D;
	padding: 4px;
}

.bp_menu_on {
	cursor: pointer; 
	border-right: solid 1px white; 
	border-bottom: solid 1px white; 
	border-left: solid 1px black; 
	border-top: solid 1px black; 
	background-color: #C5D1DF;
	padding: 4px;
}

.liens_sommaire {
	color:black;
	text-decoration: none;
}

/*
	Mise en page, blocs, ...
*/

.trait_bas {
	border-bottom: 1px dashed #CC0000;
	padding-bottom: 4px;
}

.cadre_pointille {
	border: 1px dashed #CC0000; 
}

.bloc_pied {
	background-color: #663300;
	border: 1px solid #CC0000;
	padding: 2px;
}

.bloc_titre {
	background-color: #6685AA;
	padding-left: 0px;
	color: #FFFFFF;
	padding: 2px;
	text-align: left;
	font-family: verdana,arial;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
}

.bloc_news {
	background-color: #6685AA;
	padding-left: 4px;
	width:200px;
	color: #FFFFFF;
	border-top: 1px solid #95A8C5;
	padding: 2px;
	text-align: center;
	font-family: verdana,arial;
	font-size: 13px;
	font-weight: bold;
}
.bloc_news a {
	color: #F0F8FF;
}

.bloc_contenu {
	border-bottom: 1px solid #F7931D;
	color: #000000;
	padding: 4px;

}

.trait_haut {
	border-top: 1px solid #CC0000;
}

.trait_droite {
	border-right: 1px solid #CC0000;
}

.trait_gauche {
	border-left: 1px solid #CC0000;
}

.bp_sommaire_off {
	cursor: pointer; 
	border-bottom: 1px solid #708FBE;
	background-color: #F0F6FB;
	padding: 2px;
}

.bp_sommaire_on {
	cursor: pointer;
	border-bottom: 1px solid #708FBE;
	background-color: white;
	padding: 2px;
}

/*
	formatage tableau créé par SPIP
*/

table.spip {
	border: 1px solid #CC0000;
}

table.spip tr.row_first {
	background-color: #C0C0C0;
}

table.spip tr.row_first td {
	color:white;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%
}

table.spip tr.row_even {
	background-color: whithe;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%
}

/*
	formulaires et boutons
*/

.forml { width: 200px; background-color: #F5FAFF;}

.spip_encadrer {
	
	background-color: #F7931D;
	padding: 10px;
	border: 1px #F7931D solid;
}

.spip_cadre {
	width : 98%;
	background-color: #FFFFFF;
	padding: 5px;
}

.spip_bouton {
	padding: 2px;
	background: #CFD9E3;
}

.formrecherche { width: 100% ; background-color: #FFDDAA;}

.reponse_formulaire {
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }

.spip-admin {
	font-size: 80%;
}

INPUT {

	BORDER-RIGHT: #666666 1px solid; 

	BORDER-TOP: #666666 1px solid; 

	BORDER-LEFT: #666666 1px solid; 

	BORDER-BOTTOM: #666666 1px solid;

	COLOR: #000000; 

	FONT-SIZE: 10px; 

	FONT-FAMILY: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #ffffff;

}



checkbox {

	BORDER-RIGHT: #666666 0px solid; 

	BORDER-TOP: #666666 0px solid; 

	BORDER-LEFT: #666666 0px solid; 

	BORDER-BOTTOM: #666666 0px solid;

	COLOR: #000000; 

	FONT-SIZE: 10px; 

	FONT-FAMILY: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #ffffff;

}
textarea {

	BORDER-RIGHT: #666666 1px solid; 

	BORDER-TOP: #666666 1px solid; 

	BORDER-LEFT: #666666 1px solid; 

	BORDER-BOTTOM: #666666 1px solid;

	overflow: auto;

	COLOR: #000000;

	FONT-SIZE: 10px; 

	FONT-FAMILY: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #ffffff;

}

select { font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; font-size: 10px; border: #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} 

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ffc}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:25em;
    border:1px solid #0cf;
    background-color:#003; color:#FFF;
    text-align: center}