/*************************
*        Equiptec        *
*************************/

/*************************** G?n?ral ***************************/
html, body {
	margin: 0;
	padding: 0;
}

body {
	padding-bottom: 20px;
	font-family: "Bitstream Vera Sans", Arial, Verdana, Georgia, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center; /* pour corriger le bug de centrage IE */
	background: #545454 url(/squelettes/css/fond_motif.png) repeat;
	color: #000;
}

/*************************** Classe pour am?liorer la navigation sans interface graphique (en shell donc...) ***************************/
.cacher {
	display: none;
	/*float: left;*/
}

/*************************** Cadre g?n?ral qui contient tout le reste ***************************/
#page {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 90%;
	height: 550px; /* IE interpr?te le height comme un min-height, du coup ?a perturbe les autres. Il faut Hacker pour remettre en W3C */
	text-align: left; /* on r?tablit l'alignement normal du texte */
	border: #808080 1px solid;
	background: #fff url(/squelettes/css/fond_gauche_rouge.png) repeat-y;
}

html>body #page { /* Hack pour IE (il ne connait pas le raccourci CSS '>' donc il ne "voit" pas cette r?gle qui remet le height en auto)*/
	min-height: 550px;
	height: auto !important;
}

img {
	border: 0;
}

.centrer {
	text-align: center;
	/*background-color: Lime;*/
}

.raccourci_clavier { /* Utilis? pour permettre l'identification des touches AccessKeys */
	text-decoration: underline;
}

.astuce_hr {
	margin: 0;
	padding: 0;
	font-size: 1px;
	visibility: hidden;
	clear: both;
}

/*************************** Mise en forme des langues ***************************/
#langues {
	margin: 0;
	padding: 33px 0 0 0;
	position: absolute;
	width: 75px;
	background: transparent url(/squelettes/css/fond_langues_haut.png) no-repeat;
/*border: lime 1px solid;*/
}

#langues ul {
margin: 0;
padding: 5px 0 ;
background: #fff url(/squelettes/css/fond_langues_motif.png) repeat-y;
}

#langues li {
	margin: 10px 0 10px 39px;
	padding: 0;
	list-style-type: none;
/*background: #fff url(/squelettes/css/fond_langues_motif.png) repeat-y;*/

}

/*#langues img {
	vertical-align: bottom;
}*/

#langues li a {
	display: block;
	width: 25px;
	height: 17px;
	border: #fff 2px solid;
}

#langues li a:hover {
	border: #165A66 2px solid;
}
#langues div.bas {

  height: 15px;
background: #fff url(/squelettes/css/fond_langues_bas.png) no-repeat left bottom;
}

#langues div.bas hr {
  display: none;
}
/*#langues hr {
margin: 0;
padding: 0;
height: 15px;
background: #fff url(images/fond_langues_bas.png) no-repeat left bottom;
border: 0;
}*/
/*************************** Mise en forme du sous-menu (partie dans l'en-t?te) ***************************/
/*************************** Mise en forme du menu ***************************/
#menu {
	height: 43px;
	background: #808080 url(/squelettes/css/fond_entete_gris.jpg) no-repeat;
	font-size: 0.8em;
}

/*#menu dl {
	margin: 27px 0 0 70px;
	padding: 0;	
	position: absolute;
	width: 92%;
}*/

#menu dl {
	margin: 0 0 0 95px;
	padding: 0;
position: relative;
top: 28px;
	/*background-color: Aqua;*/
}

#menu>dl { /* Nécessaire car la gestion de boite IE n'est pas conforme */
	/*margin-left: 90px;*/
	/*width: 95%;*/
}

#menu dt {
	/*float: left;
	margin: 0 0 0 20px;*/
	display: inline;
	margin: 0 0 0 15px;
}

#menu a { /* TOUS les liens dans le menu. Pour dif?rencier les dt et dd, le rajouter dans la d?finition */
	padding: .5em 1em .5em 2em;
	color: #C10907;
	font-weight: bolder;
	text-decoration: none;
	line-height: 26px;
	background: #fff url(/squelettes/css/fond_menu_lien.png) no-repeat 0 7px;
	border: #B9B9B9 2px solid;
}

#menu a:hover {
	background: #C10907 url(/squelettes/css/fond_menu_lien.png) no-repeat 0 -23px;
	color: #fff;
	border: #165A66 2px solid;
}

#menu a.on { /* TOUS les liens dans le menu. Pour dif?rencier les dt et dd, le rajouter dans la d?finition */
	background: #C10907 url(/squelettes/css/fond_menu_lien.png) no-repeat 0 -23px;
	border: #165A66 2px solid;
	color: #fff;
}

#menu dt>a {
	background-position: 0 5px;
}

#menu dt>a:hover {
	background-position: 0 -25px;
}

#menu dt>a.on {
	background-position: 0 -25px;
}

/*************************** Mise en forme du sous-menu qui affiche toute l'arborescence descendante ***************************/
#sousmenu {
	/*position: absolute;
	right: 5px;*/
	float: right;
	margin: 0 5px 0 0;
	padding: 3px;
font-size: 0.85em;
border: #165A66 2px solid;
background-color: #fff;
}

#sousmenu dd {
	margin-left: .5em;
}

#sousmenu dd dt {
	margin: 0.5em 0 0 -.5em;
}

#sousmenu a {
	color: #C10907;
	text-decoration: none;
}

#sousmenu a:hover {
	text-decoration: underline;
}

/*************************** Mise en forme des sous-rubriques multiples (plus de 2) ***************************/

#liste_ssrubriques_m {
	float: left;
	margin-bottom: 15px;
	width: 72%;
}

#liste_ssrubriques_m ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#liste_ssrubriques_m ul li{
	margin: 0;
	float: left;
	padding: 0 0 0 22px;
	width: 46.1%;
	line-height: 2em;
	background: url(/squelettes/css/fond_menu_lien.png) no-repeat 0 -23px;
}

#liste_ssrubriques_m ul li a {
	color: #545454;
	font-weight: bolder;
	text-decoration: none;
}

#liste_ssrubriques_m ul li a:hover{
	color: #C10907;
}
/*************************** Mise en forme des sous-rubriques ***************************/
#liste_ssrubriques {
margin: 0 0 20px 50px;
}

#liste_ssrubriques ul {
margin: 0;
padding: 0 0 0 20px;
}

#liste_ssrubriques ul li{
margin: 4px 0;
padding-left: 7px;
list-style-image: url(/squelettes/css/fond_menu_lien_hover.png);
}

#liste_ssrubriques ul>li{
padding-left: 0px;
}

#liste_ssrubriques ul li a {
color: #545454;
font-weight: bolder;
text-decoration: none;
}

#liste_sous_rubriques ul li>a {
padding-left: 0;
}

#liste_ssrubriques ul li a:hover{
color: #C10907;
}


/*************************** Mise en forme du contenu ***************************/
#contenu {
margin: 30px 30px 35px 90px;
text-align: justify;
}

#contenu h1 {
/*margin-right: 15px;*/
	text-align: right;
	font-size: 1.6em;
color: #C10907;
text-decoration: underline;
}

#contenu h1 span {
padding: 0 20px 4px 0;
background: url(/squelettes/css/fond_h1.png) no-repeat left bottom;
}

#contenu h1 img {
position: absolute;
left: 10px;
bottom: 30px;
}

#contenu h3 {
padding-bottom: 8px;
color: #808080;
background: url(/squelettes/css/fond_h3.png) no-repeat left bottom;
}

#texte_spip {
clear: both;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

#contenu a {
color: #C10907;
}
#contenu p a:hover {
	font-style: italic;
}

/*************************** Mise en forme des tableaux contenus dans les articles ***************************/
table.spip {
	margin: 1em auto;
	border: 2px solid #545454;
	border-collapse: collapse;
	width: 65%;
	text-align: center;
}

tr {
	height: 30px;
}

tr.row_first {
	background-color: #838383;
	color: #fff;
}

td, th {
	border: 1px solid #808080;
	font-size: 11px;
}

/*************************** Mise en forme du pied de page ***************************/
#pied {
	margin: 0;
	position: absolute;
	bottom: 0;
	/*clear: both;*/
	width: 100%;
	height: 32px;
	overflow: hidden;
	background: #fff url(/squelettes/css/fond_pied_motif.png) repeat-x bottom;
}

#pied p {
	margin:0;
	padding: 0;
	height: 100%;
	text-align: right;
	background: url(/squelettes/css/fond_pied_gauche.png) no-repeat left bottom;
}


#pied p span {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 101px;
	height: 23px;
	text-align: center;
	padding-top: 4px;
	font-family: Verdana, Georgia, Helvetica, sans-serif;
	font-size: .7em;
	color: #fff;
	background: url(/squelettes/css/fond_pied_copy.png) no-repeat right bottom;
}