/* 
Structure html :

--> id conteneur (class gauche ou droite ou milieu)

----> id header
------> id menu_commun_haut
--------> id recherche
--------> id pagerapidehaut
------> id titre
------> id menu_haut
------> id banniere
----> id col_menu
----> id col_droite (que pour class milieu)
----> id content
----> id footer
------> id copyright

Couleurs utilisées : 
#482E15 : marron foncé (header, titre1)
#F29313 : orange (liens, titre5)
#86A01F : vert clair (titre2, titre4)
#D9D6A0 : sable gris (fond conteneur)
#AEA97B : gris (footer)
*/


/* on efface tous les styles associés aux différents navigateurs pour partir de zéro (reset css)*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* CSS specifique au template */
body {
    font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
    font-size:.8em;
    background:#ffffff;
    margin:0;
    padding:0;
}

p { 
    line-height:17px; 
    margin:10px 0; 
    padding:0; 
} 
 
h1,h2,h3,h4,h5 { 
    clear:both; 
} 
 
h1 { 
    background:transparent url(../images/Puce-T1.jpg) no-repeat top left; 
    color:#ef8829; 
    font-size:1.7em; 
    margin:0 0 6px; 
    padding:6px 0 6px 36px; 
} 
 
h2 { 
    background:transparent url(../images/Puce-T2.jpg) no-repeat top left; 
    color:#995592; 
    font-size:1.4em; 
    margin:0 0 10px; 
    padding:0 0 3px 22px; 
} 
 

h3 { 
    font-size:1.4em; 
    color:#482E15; 
    background:transparent; 
    text-decoration: underline; 
    margin:0 0 15px; 
    padding:13px 0 3px; 
} 


 
h4 { 
    color:#86A01F; 
    font-size:1.3em; 
    font-weight:700; 
    margin:0 0 3px; 
    padding:0; 
} 
 
 

h5,h5 a { 
    font-size:1.2em; 
    color:#F29313; 
    margin:0 0 2px; 
    padding:0; 
} 
 
 

a {
    color:#F29313;
    text-decoration:none; 
    font-weight:700; 
} 
 
a:hover { 
    text-decoration:underline; 
} 
 
  
hr { 
clear:both; 
color:#FFF; 
background-color:#86A01F; 
height:2px; 
border:0; 
width:100%; 
margin:5px 0; 
} 
 
img { 
border:0; 
} 
 
input,textarea { 
margin:1px; 
} 
 
ul { 
margin:0; 
padding:5px 0 5px 20px; 
} 
 
li { 
margin-bottom:4px; 
list-style-type:disc; 
padding:0; 
} 
 
#conteneur { 
text-align:left; 
width:960px; 
color:#000; 
position:relative; 
-moz-box-shadow: 3px 3px 15px #666;
-webkit-box-shadow: 3px 3px 15px #666;
box-shadow: 3px 3px 15px #000;
behavior: url(ie-css3.htc);
background:#FFF url(../images/fond-conteneur.png) top left repeat-y; 
margin:15px auto; 

} 

#conteneur.milieu { 
background:#FFF url(../images/fond-conteneur-milieu.png) top left repeat-y; 
}
#pagerapidehaut { 
color:#FFFFFF;
float:left;
margin:0 0 0 20px;
padding:0;
text-align:right;
width:780px;
}
#pagerapidehaut a {color:#FFF;}


.signin,.signin:active { 
float:right; 
border:0; 
color:#FFF; 
background:transparent url(../images/identification.gif) no-repeat 0 5px; 
margin:4px 20px 0; 
padding:5px 10px 5px 24px; 
} 
 
.menu-open { 
background-color:#D9D6A0; 
-moz-border-radius-topright:5px; 
-moz-border-radius-topleft:5px; 
behavior: url(ie-css3.htc);
} 
 
#signin_menu { 
display:none; 
text-align:right; 
border:0; 
background:#D9D6A0; 
color:#462319; 
position:absolute; 
width:180px; 
z-index:1; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px; 
-moz-border-radius-topright:0; 
padding:6px; 
right:172px; 
top:33px; 
behavior: url(ie-css3.htc);
} 
 
#signin_menu p { 
margin:3px 0; 
padding:0; 
} 
 
.input_iden { 
width:80px; 
border:1px solid #666; 
} 
 
.bouton_iden { 
background:#D9D6A0; 
color:#000; 
border:0; 
font-weight:700; 
font-size:1em; 
text-transform:uppercase; 
margin:0; 
padding:0; 
} 
 
#header {
background:transparent url(../images/Bandeau-haut.jpg) no-repeat top left;
display:block;
width:100%;
height:168px;
}

#lien_accueil {
display:block;
width:100%;
height:168px;
}
 
#menu_commun_haut { 
background:transparent; 
display:block; 
width:100%; 
height:35px; 
} 
 
#recherche { 
float:right; 
color:#FFF; 
margin:8px 20px 0 0;
width:135px;
} 
 
.input_rech { 
width:75px; 
border:1px solid #666; 
font-size:.9em; 
background:#FFF url(../images/recherche.png) no-repeat 2px 2px; 
margin:0; 
padding:2px 2px 2px 22px; 
} 
 
.bouton_rech { 
background:transparent; 
color:#86A01F; 
border:0; 
width:30px; 
font-weight:700; 
font-size:.9em; 
text-transform:uppercase; 
margin:0; 
}
 
#menu_haut {
color:#FFF;
font-weight:700;
font-size:1.3em;
text-align:left;
background:transparent;
width:100%;
padding:0;
z-index:97;
background:#d2c811;
height:40px;
}

#menu_haut .div_include {margin: 0 0 0 90px;height:40px;}

/* liens premier niveau en blanc */
#menu_haut a, #menu_haut .missingpage { 
color:#FFF; 
background:transparent; 
font-weight:700; 
display:block; 
position:relative; 
text-decoration:none; 
padding:10px; 
float:left;
}

#menu_haut li.menu0 a {width:75px;}
#menu_haut li.menu1 a {width:105px;}
#menu_haut li.menu2 a {width:170px;}
#menu_haut li.menu3 a {width:100px;}
#menu_haut li.menu4 a {width:125px;}
#menu_haut li.menu5 a {width:95px;}
#menu_haut li.menu0 li a {width:200px;}
#menu_haut li.menu1 li a {width:200px;}
#menu_haut li.menu2 li a {width:200px;}
#menu_haut li.menu3 li a {width:200px;}
#menu_haut li.menu4 li a {width:200px;}
#menu_haut li.menu5 li a {width:200px;}

/* survol premier niveau menu haut et liens deuxieme niveau : on change la couleur */
#menu_haut a:hover, #menu_haut li a:hover,  #menu_haut li li a:hover, #menu_haut li:hover a, #menu_haut li.hover a { 
color : #FFF; background-color:#995592; 
} 

/* les liens actifs (ceux correspondants à l'url en cours) apparaissent avec une ombre */
#menu_haut li a.actif, #menu_haut li li a.actif:hover {
color:#995592; 
}
#menu_haut li a.actif:hover, #menu_haut li li a.actif, #menu_haut li:hover a.actif  {
	color:#FFF;
}


/* indicateur de sous menus (petite fleche) */
.fleche_menu_gauche {display:block; float:left; margin:0 6px 0 0;}
.fleche_menu_droite {display:block; float:right; margin:0 0 0 6px;}
#menu_haut .fleche_menu_bas {height:20px; width:9px; background:url(../images/puce_triangle_bas_blanc.gif) no-repeat right center;}
#menu_haut .fleche_menu_droit {height:14px; width:9px; background:url(../images/puce_triangle_droit_blanc.gif) no-repeat right center;}
#col_menu .fleche_menu_droit {height:14px; width:9px; background:url(../images/puce_triangle_droit.gif) no-repeat right center;}

/* premier niveau : on met un z-index pour apparaitre au dessus */
#menu_haut ul { 
position:relative;
list-style:none; 
text-align:left; 
margin:0; 
padding:0; 
z-index:98; 
height:40px;
}

/* premier niveau : liste horizontale */
#menu_haut li { 
position: relative;
display:inline-block; 
list-style:none; 
float:left;
margin:0; 
padding:0;
background: transparent url(../images/tiret-menu-haut.png) no-repeat center right;
}
#menu_haut li li {background-image:none;}
 
/* deuxieme niveau : les listes sont contenues dans un boite de 210 pixels de large, et apparaissent en dessous de la liste de premier niveau survolée, elles sont cachées au départ  */
#menu_haut ul ul { 
display:none;
position: absolute; top: 100%; left: 0;
width:210px;
font-size:0.8em;
}

/* deuxieme niveau : les listes sont positionnées pour etre les unes en dessous des autres  */
#menu_haut ul ul li { 
display:block; 
float:none;
background:#d7c4da;color:#000;
}
#menu_haut ul ul li a, #menu_haut li:hover ul a, #menu_haut li.hover ul a {background:#d7c4da;color:#000;}
#menu_haut ul ul li a:hover, #menu_haut li:hover ul a:hover, #menu_haut li.hover ul a:hover {color : #FFF; background-color:#995592; }
/* troisieme niveau : les listes apparaissent à droite de la liste de deuxieme niveau survolée, elles sont cachées au départ */
#menu_haut ul ul ul { left: 100%; top: 0; font-size:1em; border:1px solid #d7c4da;}
#menu_haut ul li:hover > ul { visibility: visible; }

 
#identification { 
color:#000; 
clear:left; 
float:right; 
width:150px; 
background:transparent; 
margin:0; 
padding:0; 
} 
 
#col_menu { 
color:#000; 
float:left; 
width:180px; 
background:transparent; 
margin:0; 
padding:0 0 50px 0; 
}
#conteneur.gauche #col_menu, #conteneur.milieu #col_menu { 
float:left; 
margin:0;
}
#conteneur.droite #col_menu { 
float:right; 
margin:0;
}

#col_menu .include_menu {
background:#d2c811;
color:#FFF;
font-size:1.1em;
-moz-box-shadow: 3px 3px 15px #666;
-webkit-box-shadow: 3px 3px 15px #666;
box-shadow: 3px 3px 15px #666;
}
 
#col_menu a { 
color:#FFF; 
display:block; 
border:none; 
padding:6px 6px 6px 26px; 
} 

#col_menu a:hover,  #col_menu li.hover a, #col_menu li.hover li a:hover { 
text-decoration:none; 
color:#995592; 
}

#col_menu li.liste-active a.actif {
color:#995592;
}
#col_menu li li.liste-active a.actif {
border-left:5px solid #86A01F;
padding:6px 6px 6px 21px;
}

#col_menu li.hover .fleche_menu_droit {background:url(../images/puce_triangle_bas.gif) no-repeat left center;}
#col_menu li .fleche_menu_droit, #col_menu li.hover li .fleche_menu_droit {background:url(../images/puce_triangle_droit.gif) no-repeat left center;}
 
#col_menu ul { 
background:transparent; 
margin:10px 0 0 0; 
padding:0;
position:relative;
} 
 
#col_menu li { 
list-style-type:none; 
margin:0; 
padding:0; 
}

/* deuxieme niveau : menu caché à l'ouverture */
#col_menu ul ul { 
background:#e8dd67;
color:#995592; 
padding:0; 
margin:0;
display:none;
position:relative;
border:1px solid #e8dd67;
}
 
#col_menu ul ul li { 
display:block; 
float:none;
position:relative;
}

/* deuxieme niveau : liens gris foncé sur fond blanc*/
#col_menu ul ul a, #col_menu li.hover li a  { 
color:#222;
background:#FFF;
padding:6px 6px 6px 26px; 
margin:0; 
} 

/* troisieme niveau : les listes apparaissent à droite de la liste de deuxieme niveau survolée, elles sont cachées au départ */
#col_menu ul ul ul {
position:absolute;
left:100%;
top:0;
font-size:1em;
z-index:98;
width:200px;
}
#col_menu ul ul li:hover > ul { visibility: visible; }
  
 
#col_menu .include_liens {
margin:20px 0;
background:transparent;
color:#000;
font-size:1.1em;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#col_menu a.lien_orange, #col_menu a.lien_violet:hover {
padding:6px 6px 6px 30px;
display:block;
background:#f19409 url(../images/Fleche-3.jpg) no-repeat center left;
color:#FFF;
-moz-box-shadow: 3px 3px 15px #666;
-webkit-box-shadow: 3px 3px 15px #666;
box-shadow: 3px 3px 15px #666;
behavior: url(ie-css3.htc);
}
#col_menu a.lien_violet, #col_menu a.lien_orange:hover {
background:#995592 url(../images/Fleche-2.jpg) no-repeat center left;
padding:6px 6px 6px 30px;
display:block;
color:#FFF;
-moz-box-shadow: 3px 3px 15px #666;
-webkit-box-shadow: 3px 3px 15px #666;
box-shadow: 3px 3px 15px #666;
behavior: url(ie-css3.htc);
}
 
#content {
background : #FFF;
position:relative;
text-align:justify;
width:720px;
margin:0 20px 0 0;
padding:10px;
}

#content ul, #col_droite ul {
margin:0;
padding:0 0 0 10px;
}
#content li, #col_droite li {
background:url("../images/puce_liste_boite.png") no-repeat scroll 0 5px transparent;
list-style:none outside none;
margin:0;
padding:0 0 0 10px;
}

#conteneur.gauche #content,  #conteneur.milieu #content { 
float:right; 
margin:0 20px 0 0;
}
#conteneur.droite #content { 
float:left;
margin:0 0 0 20px;
} 
#conteneur.milieu #content {
width:489px;
}
#col_droite { 
background:none repeat scroll 0 0 #FFFFFF;
float:right;
margin:10px 29px 0 0;
padding:0;
width:200px;
}

#col_droite h2 {
color:#ef9408;
background:transparent url(../images/Fleche-1.jpg) no-repeat top left;
padding: 0 0 3px 25px;
}
#col_droite h2 a {font-weight:normal;color:#ef9408;}

 
#col_droite a { 
font-weight:700; 
text-align:left; 
} 
 
#footer { 
clear:both;
color:#FFF; 
text-align:center; 
width:100%;
height:240px;
background:#fff url(../images/Bandeau-bas.jpg) no-repeat top left; 
margin:0; 
padding:0; 
} 
#footer a { 
color:#000; 
}

#menu_bas {
color:#995592;
float:right;
margin:163px 155px 0 0;
padding:7px;
text-align:left;
width:380px;
font-size:1.1em;
}

#menu_bas a{
color:#995592;
margin: 0 5px;
}

#copyright {
clear:right;
color:#F19409;
float:right;
font-size:0.9em;
margin:10px 0 0;
width:100%;
}
#copyright a { 
color:#F19409; 
}

#footer_bas {
clear:right;
color:#000000;
background:#FFF;
float:right;
margin:20px 0 0 0;
padding: 0 0 10px 0;
text-align:center;
width:100%;
font-size:.9em;
}
span.missingpage,#recherche form { 
display:inline;
} 
 
#menu_haut ul { 
margin:0; 
padding:0; 
} 
 
#menu_haut ul.sf-menu a,#menu_haut ul.sf-menu a:visited,#menu_haut ul.sf-menu ul a:hover { 
color:#000; 
} 

#menu_haut ul.sf-menu a:hover, #menu_haut ul.sf-menu ul a,#menu_haut ul.sf-menu ul a:visited { 
color:#F29313;
} 

#liensfooter a { 
color:#FFF; 
} 
 
#menu_haut ul.sf-menu li,#menu_haut ul.sf-menu li li,#menu_haut ul.sf-menu li li li { 
background:transparent; 
} 
 
.boite_syndication, .boite_nuage {background:#AEA97B;} 
 
.spacer, .hr_clear {clear:both; border:none; background:transparent; margin:0; } 
 
#banniere { 
width:760px;
height: 109px; 
color: #000; 
background:transparent url(../images/banniere.jpg) repeat-x  top left; 
}
#conteneur.gauche #banniere, #conteneur.milieu #banniere { 
float:right; 
margin:0 20px 0 0;
}
#conteneur.droite #banniere { 
float:left; 
margin:0 0 0 20px;
} 
 
 /* CSS Contributions wikini */

/* Contribution syndication */
 
.toggler { 
    cursor:pointer; 
} 
 
.toggler:hover { 
    background-color:#e89326; 
} 

/* CSS Wikini original */

/* Identification ressource */

.wiki_name { float: left; margin: 0px 15px 0px 10px; font-size: 150%; }
.page_name { font-size: 150%; }


/* Erreurs */
.error { color: #CC3333; font-weight: bold; }

/* Mise en forme */

.indent { margin-left: 40px; }
.additions { color: #008800; }
.deletions { color: #880000; }
.add { font-weight: bold; color: #c00; text-decoration: underline; }
.del { font-style: italic; color: #c00; text-decoration: line-through; }



/* Navigation par table des matieres */

.trail_table { line-height: 30px;}
.trail_button { color: #993333; }


/* Commentaires */

.commentsheader {display:none;}
.comment {display:none; }
.commentinfo { display:none; }
.commentform { display:none;}
.commenteditlink {display:none;}

/* Page absentes */

span.missingpage {display:inline;}


/* page (contenu page centrale) */

.page {
text-align:justify;
margin:0 0 20px 0; 
}

/* fin page */


/* previsualisation page */
.page_preview { background-color: #FFFFBF; padding: 10px; border: 1px inset; border-bottom: none; }
.prev_alert { background-color: red; color: white; font-size: 1.7em; font-weight: bold; margin-bottom: 5px; }
/* fin previsualisation page */


/* Zone Edition */
.edit {
width: 100%;
border:1px solid #666;
}
 

/* footer */
.footer {
text-align:center; 
margin:10px auto 0 auto;
font-size:0.9em;
}
.footer a {
color:#000;
}
.footer form { 
display:inline;
}
/* fin footer */

/* barre actions */
.barre_actions {
background:#EFEFEF;
margin:0 20px 0 0;
padding:0;
position:relative;
text-align:left;
width:760px;
}
#conteneur.gauche .barre_actions,  #conteneur.milieu .barre_actions {
float:right;
clear:right;
}
.barre_actions a {
display:inline-block;
width:100px;
margin:0 16px 0 0;
padding:6px 0;
text-align:center;
color:#333;
}
.barre_actions a:hover {background-color:#D9D6A0;text-decoration:none;}
.tooltip_action {background-color:#AEA97B; color:#FFF; width:240px; font-size:1.1em; padding:10px;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;border-radius:10px;
behavior: url(ie-css3.htc);
}
.fenetre_droits {display:none;}
/* fin barre actions */


/* Divers mise en forme */
.code { background: #FFFFFF; border: solid #888888 2px; font-family: 'Courier New', Courier; width: 100%; height: 400px; overflow: scroll; padding: 3px; }
.revisioninfo { color: #AAAAAA; padding-bottom: 20px; }
.searchbox { background: #FFFFF8; border: 0px; border-bottom: 1px solid #CCCCAA; padding: 0px; margin: 0px; }
.debug { font-size: 11px; color: #888888; }
/* Fin divers mise en forme */

/* On cache divers éléments */
.commentsheader, #menu_haut ul ul,#col_droite .listeinfo,#col_droite .commentaires,#col_droite .lien_commenter,#col_droite lien_suppr_paget,#col_droite .lien_edit_page { 
display:none; 
} 
 

/* Inclusion de page */
.include_right { float: right; width: 17%; } /* bloc flotant a  droite */
.include_left { float: left; width: 17%; } /* bloc flotant  a gauche */
.include_solid_border { border: solid; padding: 2px; } /* encadre noir */
.include_gray_background { background-color: #DDDDDD; } /* fond gris */
.include_small_fonts { font-size: 0.8em; } /* petites polices */
.include_big_fonts { font-size: 1.2em; } /* grandes polices */
.include_height10em { height: 10em; overflow: scroll; } /* boite de 10em de hauteur, avec ascenseur */
.include_height15em { height: 15em; overflow: scroll; }
.include_height30em { height: 30em; overflow: scroll; }
.include_height60em { height: 60em; overflow: scroll; }
.include_editlink { float: right; } /* bloc flotant a droite */
.include_editlink { display:none; } /* Inhibe l'affichage du bloc "include_editlink" */
.include:hover .include_editlink { display: block; } /* Au passage de la souris sur le bloc "include", affiche le bloc "include_editlink" */
/* fin inclusion de page */


/* fichiers attachés */
.attach_left { 
float:left; 
margin:0 10px 0 0; 
} 
.attach_right { 
float:right; 
margin:0 0 0 10px; 
}  
.attach_center { 
display:block; 
width:100%; 
text-align:center; 
margin:0 auto; 
} 
/* fin fichiers attachés */