/*------------ bloog, squelette de blogue pour SPIP -------------- */

/*------ Caractéristiques principales du site modifiables facilement----- */



@import "_interface_couleurs.css";







/*----- Détails à changer si on se sent alaise avec les css ----------------------- */

/*----- Attention d'être sur de ce que vous faites -------------------------------- */







.entete          { background-color: #fff; width: 750px; height: 150px; border: solid 1px #000 }





.entete .recherche        { background-color: #cc6600; text-align: right; padding: 4px; float: right }





.menu-prog     { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; cursor: hand; width: 100%; height: 30px }



.menu-prog .bouton { font-weight: bold; letter-spacing: 1px; cursor: hand; float: left }







.tab_menu    { background-color: #ffffff; width: 750px; border-top: 1px solid #333333; border-bottom: 1px solid black }



.grison, .grison_actif, .gris  { font-weight: bold; text-align: center; letter-spacing: 1px; cursor: hand; margin: 1px; padding: 3px }





td { 

font-size: 70%;

}

.h5, .h4 { 

font-weight: bold; letter-spacing: 2px; 

}

.h5  { 

font-size: 100%; 

}

.h4  { 

font-size: 120%; }





.spip_recherche   { color: #960; font-size: 9px; background-color: #fff; width: 100px }

.spip_cadre   { background-color: #fff; padding: 5px; width: 100% }

H3.spip {

	FONT-SIZE: 115%; FONT-WEIGHT: bold; TEXT-ALIGN: center

}

.spip_documents  { font-size: 70% }

TABLE.spip {	

}

TABLE.spip TR.row_first {

	BACKGROUND-COLOR: #fcf4d0

}

TABLE.spip TR.row_odd {

	BACKGROUND-COLOR: #c0c0c0

}

TABLE.spip TR.row_even  { background-color: #f0f0f0 }

TABLE.spip TD {

	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center

}

.spip_surligne { background-color: #FFFF66; }







/*----- Détails à changer si on se sent alaise avec les css ----------------------- */

/*----- Attention d'être sur de ce que vous faites -------------------------------- */

/*----- bloOg 3 -------------------------------- */



#right{

padding-top: 20px;



}





/* Bouton sorti */

#right h2, #right li a, #right li a:hover  { border-style: solid; border-width: 1px; border-color: #ccc #333 #333 #ccc }

/* Bouton enfoncé */

#right li a:active {

	border-top: 1px solid #333;

	border-left: 1px solid #333;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

}





#right ul {

	color: #333333;

	margin-bottom: 1.5em;

	margin-left: 0px;

	margin-top: 0.5em;

	padding-left: 0px;

list-style: none;

list-style-image: none;

}



#right li a {



        color: #FF9900;

	display: block;

	font-weight: bold;

	line-height: 90%;

	margin-bottom: 3px;

	margin-left: 7px;

	margin-right: 0px;

	margin-top: 3px;

	padding-bottom: 5px;

	padding-left: 15px;

	padding-right: 0px;

	padding-top: 5px;

	text-decoration: none;

        color:#000000;

}



#right li a:link {

text-decoration: none;

}



#right li a:visited {

	color: #000000;

	text-decoration: none;

}



#right li a:hover {

	background: url(puce.gif) no-repeat 8px;

	color: #FF000;

	text-decoration: none;

}



#right li a:active {

	background: url(puce.gif) #FFFFFF no-repeat 4px;

	border-right: 1px solid #FFFFFF;

	

}



#right ul ul {

	color: #333333;

	margin-bottom: 0.5em;

	margin-left: 0px;

	margin-top: 0.5em;

	padding-left: 10px;

list-style: none;

list-style-image: none;

}



#right ul ul li a, #right ul ul li a:hover {

	

        border-top: #333333;

	border-left: #333333;

	border-right: #333333;

	border-bottom: #333333;

        background: #F0F0FO;

	display: block;

        font-weight: normal;	

        margin-bottom: 3px;

	margin-left: 7px;

	margin-right: 0px;

	margin-top: 3px;

	padding-bottom: 5px;

	padding-left: 15px;

	padding-right: 0px;

	padding-top: 5px;

	text-decoration: none;

        list-style: none;

        list-style-image: none;

}