/* 
**************************
Habillage Siloh.fr 
**************************
(C) Siloh 2006
Certains droits réservés:
Creative-Commons BY-NC-SA 
**************************
*/

/* Général */

.spip_surligne {
background-color: #ffff66;
}

.wrap {
min-width: 750px;
max-width: 950px;
}


/* Tableaux */
table.spip {
	border: 1px solid #afafaf;
	border-collapse: collapse;
	margin-bottom: 10px;
    width: 100%;
    margin-right: -6px; /* Pour compenser le décalage IE provoqué par le width: 100% */
    text-align: left;
}

table.spip tr.row_first {
    background-color: #f4f4f4;
	color: #404040;

}

table.spip th {
   
    padding: 5px;
border-bottom: 4px solid #903326;
}

table.spip tr.row_odd {
	background-color: #f8f8f8;
}

table.spip tr.row_even {
	background-color: #fffff;
}

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

/* Habillage colonne contextuelle */


#corps-droit div {
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
border-bottom: 1px solid #afafaf;
}

#corps-droit img {
vertical-align: middle;
}

#corps-large img {
vertical-align: middle;
}

/* Cartouche */

.cartouche {
padding-top: 10px;
padding-bottom: 30px;
}


.cartouche img {
margin-right: 5px;
margin-top: 5px;
float: left;
}


.bloc {
-moz-border-radius: 10px;
background-color: #f4f4f4;
padding: 20px;
}

.droite {
text-align: right;
}

.centre {
text-align: center;
}

.droite img {
vertical-align: middle;
margin-right: 5px;
}
/* Boîtes */

#corps-gauche .cadre {
margin-top: 70px;
margin-right: 7px;
margin-left: 5px;
}

.cadre {
background-color: #ffffff;
border: 1px solid #afafaf;
-moz-border-radius: 10px;
padding: 10px;
}

.cadre .etiquette {
border-bottom: 1px solid #f4f4f4;
margin-bottom: 5px;
padding-bottom: 5px;
}

.cadre li {
list-style-image : url(img/puce.png);
display : list-item;
list-style-position: outside;
margin: 0;
padding-left: 5px;
padding-bottom: 5px;
}

.boite {
background-color: #f4f4f4;
margin-bottom: 10px;
-moz-border-radius: 10px;
border: 1px solid #afafaf;
overflow: hidden;
}

.boite .etiquette {
padding: 10px;
overflow: visible;
vertical-align: middle;
}

.etiquette  .tarif {
float: right;
}


.boite ul {
margin: 0;
padding-left: 32px;
}

.boite ul.forum {
border-top: 1px solid #f4f4f4;
padding-left: 30px;
padding-top: 10px;
margin: 0;
margin-top: 10px;
}

.boite li {
list-style-image : url(img/puce.png);
display : list-item;
list-style-position: outside;
margin: 0;
padding-left: 10px;
}

.boite .sommaire {
padding-left: 96px;
}

.boite .citation {
border-left: 1px solid #afafaf;
padding-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

.boite .contenu {
padding: 10px;
background-color: #ffffff;
margin-bottom: 10px;
}

.boite img {
margin-right: 10px;
float: left;
}



/* Habillage de l'entête */

#tete-centre .info {
color: #e7e7e7;
font-weight: bold;
font-size: 48px;
padding-top: 20px;
}

#tete-centre .outils img {
border: 0;
}

#tete-centre .outils {
padding-top: 20px;
padding-right: 10px;
float: right;
}

#tete-centre .outils span {
float: left;
text-align: left;
}

#tete-centre .outils span.etiquette {
width: 40px;
text-align: left;
}

#tete-centre .outils span.champ {
width: 140px;
}



/* Habillage du menu de navigation */

ul.secteurs {
font-size: 1.2em;
list-style: none;
margin: 0;
padding: 0;
}

ul.secteurs li{
padding: 5px;
}

ul.elements_n {
border-left: 1px solid #cfcfcf;
}

ul.elements {
font-size: 0.9em;
list-style: none;
margin: 0;
padding: 0;
margin-left: 5px;
margin-bottom: 5px;
}


li.secteuron {
border-bottom: 1px solid #6d271d;
border-top: 1px solid #ac3d2d;
background-color: #903326;
}

li.secteur {
border-top: 1px solid #808080;
border-bottom: 1px solid #202020;
background-color: #505050;
}

a.rubrique {
font-weight: bold;
}

a.secteur, a.secteur:visited {
color: #ffffff;
text-decoration:none;
font-weight: bold;
}

a.secteur:hover {
color: #ffffff;
text-decoration: none;
padding-left: 5px;
}

a.element {
text-decoration: none;
color: #505050;
}

a.element:hover, a.elementon:hover {
text-decoration: underline;
}

a.elementon, a.elementon:visited {
text-decoration: none;
color: #903326;
}

/* Habillage des formulaires */



form .large {
width: 98%;
}

form .form-etiquette {
float: left;
display: block;
text-align: left;
width: 100px;
}

form .champ {
width: 220px;
}

form .bouton {
text-align: right;
}

form textarea {
	height: 200px;
}

form fieldset {
	padding: 10px;
    margin-bottom: 10px;
	border: 1px solid #afafaf;
	text-align: left;
	font-size: 1.2em;
    }
    	
form legend {
	color: #afafaf;
	font-weight: bold;
	font-size: 1.2em;
	}
	
form .focus {
background-color: #ffffe1;
}

form.contact #submit {
    float: right;
    }

.alerte {
    padding: 10px;
	background-color: #ffffe1;
	border: 1px solid #afafaf;
	text-align: justify;
	}
	
.alerte img {
   	vertical-align: middle;
    margin-right: 10px;
	}