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

/* Général */

.spip_surligne {
background-color: #ffff66;
}

.wrap {
min-width: 600px;
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: #ffffff;
}

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

/* Habillage colonne contextuelle */


#corps-droit div {
margin-right: 11px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 5px;
border-bottom: 1px solid #eff7ff;
}

#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: #eff7ff;
padding: 20px;
}

.bloc-rubrique {
background-color: #dfefef;
}

.droite {
text-align: right;
}

.centre, .spip_documents_center {
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: #eff7ff;
margin-bottom: 10px;
-moz-border-radius: 10px;
border: 1px solid #d8ecff;
overflow: hidden;
}

.boite-rubrique {
background-color: #dfefef;
border: 1px solid #bfdbdb;
}

.boite-site {
background-color: #f8f2f1;
border: 1px solid #f1e5e3;
}

.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 {
padding-top: 32px;
padding-right: 10px;
float: right;
}

#recherche {
color: #d8ecff;
padding-top: 20px;
}



/* Habillage du menu de navigation */

li.secteuron {
border-bottom: 1px solid #002828;
border-top: 1px solid #009595;
background-color: #007171;
}

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

ul.secteurs {
/*border-top: 5px solid #000000;
border-bottom: 5px solid #000000;*/
font-size: 1.2em;
list-style: none;
margin: 0;
padding: 0;
}

/* BUG IE ; fond déclaré dans #corps-gauche (structure)
#menu {
background-color: #dfefef;
}
*/

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;
}


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; BUG IE6 avec images */
}

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: #007171;
}

/* 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;
    }

/* Reponse du formulaire */
.reponse_formulaire { 
font-weight: bold;
background-color: #ffffe1;
border: 1px solid #afafaf;
font-size: 1.2em;
}

fieldset.reponse_formulaire {
font-weight: normal; 
padding: 10px;
background-color: #ffffff;
}

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