/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */


body {
	background-color: #f1f1f1;
	background-image:url('img/bg_body.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	margin: 0;
	padding:0;
	text-align: center;
	font-size: 11px;
	color: #333;
}

img, table, div, p { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul, li {list-style-type:none; margin:0; padding:0;}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */

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


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#page {
	width: 920px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur { width: 100%; }

#conteneur #contenu {}

#conteneur #menu {}


/* Entete */
#entete {
	width: 100%;
    padding:5px 0 0 10px;    
    height:120px;	
	}

#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

#col_1{width:258px; float:left;}
#col_2{width:618px; float:right; }

#contact {padding:0 50px 8px 50px; margin-bottom:8px;  border-bottom:1px dotted #333}
#contact fieldset {border:0;}
#contact legend {display:none;}

#temoignages {padding:0  4px 0 4px;}

#pratique {
    padding:55px 50px 0 25px;
    background-image:url('img/pratique.png');
    background-position: top left;
    background-repeat:no-repeat;
    height:253px;
   
}

#pratique ul li {
    margin-top:8px;
    padding-top:8px;    
    text-transform:uppercase;
    border-top:1px dotted #333;
       
    
    }
#pratique ul li:first-child  {
    margin-top:0px;
    padding-top:0px;    
    text-transform:uppercase;
    border-top:none;    
    
    }


#visuel{
   margin:15px 3px 0 3px;   
   padding:9px 9px 7px 9px;
   border:1px dotted #333;
}

#col_2 h2{
    margin:30px 0 0 20px;
    font-size:24px;
    font-style:italic;
        
    }
    
#col_2 h1 {
    margin:30px 0 0 0px;
    font-size:24px;
    font-style:italic;
    }
    
#col_2 #intro {
    font-size:12px;
    margin:8px 0;
    padding:8px 0;    
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
}   

.liste-articles{margin-left:50px;}

#col_2 .art h3, #col_2 .rub li{margin-top:20px;}

#col_2 .art {
    margin:0px 0 0 30px;
    list-style-image:url('img/file.png');
        

 }

#col_2 .rub {
    margin:0px 0 0 30px;
    list-style-image:url('img/folder.png');
    }

.titre_rub{
    margin:0 0 5px 0;
    font-size:16px;
    font-style:italic;
    font-family: Georgia, Times, serif;
}

.titre_art{
    margin:0 0 5px 0;
    font-size:13px;
    font-style:italic;
    font-family: Georgia, Times, serif;

}

#wrap {
    padding-top:13px;
    background-image:url('img/blocorange_top.png');
    background-repeat:no-repeat;
    background-position: top left;    
    }

#subwrap {
    padding-bottom:15px;
    background-image:url('img/blocorange_bottom.png');
    background-repeat:no-repeat;
    background-position: bottom left;    
    }
#subwrap ul {
    padding:0 20px;
    background-image:url('img/blocorange_middle.png');
    background-repeat:repeat-y;
    background-position: bottom left;    
    }

#subwrap h3 a{
    color:white;
    font-family: Georgia, Times, serif; 
    font-size:16px;
    font-style:italic;
        }
#subwrap ul li {border-top: 1px dotted white;padding:5px 0 10px 0;}
#subwrap ul li:first-child {border:none;}


.savoir_plus{text-align:right;}
.savoir_plus a {color:white; text-decoration:none;}

#texte_art{
    font-size:1.1em;
    margin:8px 0px;
    padding:8px 50px;    
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
    }

#texte_art a:link, #texte_art a:hover, #texte_art a:visited {color:#E75113;}
#texte_art .spip_out {color:#E75113;}
.parent{text-align:right;}

.texte_art h3{text-align:left}


/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #333;
	padding: 8px 0;
	text-align: center;
	text-transform:uppercase;
	}


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #menu, .encart, .formulaire_spip {
	font-family: Helvetica, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel ,h2, #temoignages h3, h1{
	font-family: Georgia, Times, serif; }
	


/*  ------------------------------------------
/*  Habillage du menu dynamique
/*  ------------------------------------------ */


#menu {font-weight:bold;}
#umenu {padding:0; margin:0; list-style-type: none;font-size:15px;}
#umenu li { position:relative; display:inline; display:block; float:left;padding:7px 5px 10px 5px; text-transform:uppercase; }
#umenu li ul {position:absolute; top:31px; left:10px; display:none;float:none; clear:both; font-weight:normal;}
#umenu li ul li:first-child {border:none;}
#umenu li ul li{ width:200px; border-top:1px dotted #ddd;font-size:.8em; }
#umenu li ul li ul {position:absolute; left:200px;top:-1px; display:none;font-size:1.2em;}
#umenu li ul{padding:0px 5px 0 5px; margin:0;background:#E75114;border:1px solid white;}
#umenu li ul li{margin:0; padding:3px;border:bottom;1px solid transparent;}


#umenu li:hover a {color:black;}
#umenu li:hover ul li a {color:white;}
#umenu li ul li:hover a {color:black;}
#umenu li ul li:hover li a {color:white;}
#umenu li ul li ul li:hover a {color:black;}

#umenu a, #umenu a:visited {
    display:block;
    color:#fff; 
    text-decoration:none;
    position:static; 
    }



/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */


/*  Mise en forme des textes du contenu
---------------------------------------------- */

#temoignages h2{
    font-size:24px;
    font-style:italic;
    margin:30px 0 0 0px;
    }


#temoignages h3 {border-top:1px dotted #333;margin-top:8px;padding-top:5px; font-style:italic; font-size:16px;}
#temoignages h3 a{
    color:#e75113;
    }

#candidature:link, #candidature:visited, #candidature {
    text-decoration:none;    
    display:block;    
    width:258px;
    height:39px;
    background-image:url('img/bt_candidature.png');
    margin:20px 0;
    }

#candidature:hover {
    background-image:url('img/bt_candidature_over.png');
    text-decoration:none;
    }

#temoign9{
    border-top: 1px dotted #333;    
    text-transform:uppercase;
    
    text-align:right;
    margin:10px 0 20px 0;
    padding:10px 0 0 0;
    }



.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }


/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {border:none;}
.formulaire_spip legend {display:none;}

.spip_forms {border:0;}
.spip_forms legend {display:none;}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }