/*
  C3rb (c) 2006
  Design VDo 
  */

/* --------------- fond d'écran ------------- */
#body {
	background-color: #D77C05;
	color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

/* ------------------ zone d'affichage du contenu du site ---------------- */
#container {
	height: 100%;
	/* Pour centrer sous Firefox*/
	margin-left: auto;
	margin-right: auto;
}

/* ---------------- zone d'affichage du contenu des articles -------------- */
#container2 {
	height: 100%;
}


/* --------------------------------------------------
		   zone d'affichage de l'entête
   ---------------------------------------------------*/
   
.header {
	position: relative ;
	background: #D77C05 url(../img/bandeau.jpg) no-repeat top center;
	/*height: 120px ;
	*/
}

/*Pour que la couleur et l'image de fond s'affiche sous IE - hauteur de la zone*/
*html .header {
	height: 125px ;
}

.header a {

}

.header a:hover {

}

.content-header {
	
}


/* --------- style du module LOGO ---------*/

/* permet de gèrer la hauteur du module sous Firefox*/
div>#modlogo {
	height: 125px ;
}

#modlogo {

}

#modlogo a {
	height: 125px;
	text-decoration: none;
}

#modlogo a:hover{
	
}

#modlogo span {
	position: relative ;
	color: White;
	font-size: large;
}

/* -------- fin style du module LOGO ---------*/



/* -------- style du module RECHERCHE RAPIDE ---------- */

#modfast {
	/*display: block ;
	*/
	float: right;
	width: 230px;
	margin-right: 5px ;
	color: white;
	font-weight: bold;
	text-align: right ;
}

#modfast label {
	width: 170px;
}

#modfast input {

}

#what {
	
}

#go {
	background-color: White;
	border: 1px solid White;
	margin-left: 4px;
	font-weight: bold;
	text-transform: lowercase;
	cursor: hand;
}

/* -------- fin style du module RECHERCHE RAPIDE ---------- */



/* --------  style du module MENU DE NAVIGATION HORIZONTAL ----------  Voir sur alistpart.com, l'article "Sliding doors" de Douglas Bowman*/

.menu-horz {
	position: absolute ;
	width: 90% ;
	background: transparent;
	top: 10px ;
	left: 170px ;
	zoom:1 ;
}

/* on "éloigne" le libellé "menu" c'est explicite dans le cas d'un navigateur visuel *et* d'un menu horizontal */
.menu-horz h4 {
  position: relative ;
	/*left: -9999px ;*/
  display: inline ;
	visibility: hidden;
}


/* Pour IE */

* html .menu-horz {
	/*right: 22px ;*/
	float: left;
	position: relative ;
	display: block ;
	zoom: 1 ;
}

/* Pour les autres */

div>.menu-horz {
  position: absolute ;
  bottom: 1.8em ;
}

.menu-horz ul {
	display: block ;
}
     
.menu-horz li {
	float: left;
	margin: 0px;
	display: inline;
	white-space: nowrap ;
	text-align: left;
}
   
.menu-horz #second-level {
    clear: left ;
}

.menu-horz #second-level li {
	padding-left: 10px;
	font-weight: normal;
	text-align: left;
}

.menu-horz #second-level .current {

}

.menu-horz a {
	display: block ;
	color: white;
	text-decoration: none;
}

.menu-horz a:hover {
	color: White;
	text-decoration: underline ;
}

.menu-horz #second-level a {
	padding-top: 5px;
	font-size: xx-small;
	font-weight: normal;
}

.menu-horz #second-level a:hover {

}


/* -------- fin style du module MENU DE NAVIGATION  HORIZONTAL ---------- */


/* -------- style du module BARRE DE NAVIGATION ---------- */

#modnav {
	margin-bottom: 5px;
	display: block ;
	padding-top: 2px ;
	padding-bottom: 2px ;
	color: White;
}

#modnav dt, #modnav dd, #modnav ul, #modnav li {
  display: inline ;
}

#modnav li {
	padding-right: 4px ;
	color: White;
	font-weight: bold ;
}

#modnav li a {
	color: White;
	text-decoration: none;
}

#modnav li a:hover {
	text-decoration: underline;
}

/* -------- fin style du module BARRE DE NAVIGATION ---------- */


/* --------------------------------------------------
		   fin zone d'affichage de l'entête
   ---------------------------------------------------*/
   
   

/* --------------------------------------------------
		   zone d'affichage 1&2
   ---------------------------------------------------*/
   
.zone1, .zone2 {
	height: 100%;
}
   
.content-zone1 {
  margin-right: 5px;
  zoom: 1 ;
}

.content-zone2 {
  margin-left: 5px;
  zoom: 1 ;
}

.content-zone1 a, .content-zone2 a {
	color: White;
	text-decoration: none;	
}

.content-zone1 a:hover, .content-zone2 a:hover {
	text-decoration: none;	
}

.content-zone1 h4, .content-zone2 h4 {
	color: White;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.content-zone1 div div, .content-zone2 div div, .content-zone1 p, .content-zone2 p {
	
}

.content-zone1 h5, .content-zone2 h5 {

}

.content-zone1 h5 a:hover, .content-zone2 h5 a:hover {

}


/* --------  style des modules non définis ---------- */

.module {
	margin-bottom: 10px;
	background-color: #64B053;
	padding: 4px;
	zoom: 1 ;
}

.module h4 {
	padding: 6px;
}

.module div {

}

.module a {

}

.module a:hover {

}

.module h5 {
	padding: 6px;
	border-bottom: 1px dotted #D7FE00;
	color: #D7FE00;
	text-align: center;
}


/* --- style des modules secondaires (rubriques) --- */

.categ-mini {
	margin-bottom: 10px;
	background-color: #FDC501;
	padding: 4px;
	zoom: 1 ;
}

.categ-mini h4 {
	padding: 6px;
}

.categ-mini h4 a {
	
}

.categ-mini h4 a:hover {

}

.categ-mini .date {
	text-align: center;
}

.categ-entry {

}

.categ-mini h5 {
	padding: 6px;
	color: #FCEBAE;
	text-align: center;
}

.categ-mini h5 a {

}

.categ-entry-abstract {
	margin-bottom: 5px;
	border-bottom: 1px dotted #FCEBAE;
}

.categ-entry-abstract a {

}

.categ-entry-abstract a:hover {

}


/* -------- style du module MENU DE NAVIGATION vertical  ---------- */

.menu-vert {
	margin-bottom: 10px;
	background-color: #64B053;
	padding: 4px;
	zoom: 1 ;
}

.menu-vert h4 {
	padding: 6px;
}

.menu-vert ul {
	border: 1px solid #64B053;
	display: block ;
}

.menu-vert li {
	padding: 6px;
	border-bottom: 1px dotted #D7FE00;
	color: #D7FE00;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
}

.menu-vert .current {

}

.menu-vert #second-level {
	border-bottom: 1px none #D7FE00;
}

/* on remonte la liste sous IE*/
*html .menu-vert #second-level {
	/*margin-top: -15px;*/
}

.menu-vert #second-level ul {
	
}

.menu-vert #second-level li {
	font-weight: normal;
	text-align: center;
}

.menu-vert #second-level .current {
	border-bottom: 1px dotted #D7FE00;
}

.menu-vert a {
  	display: block ;
	color: #D7FE00;
	text-decoration: none;
}

.menu-vert a:hover {
	text-decoration: none;
}

.menu-vert #second-level a {

}

.menu-vert #second-level a:hover{

}


/* --------  fin style du module MENU DE NAVIGATION ---------- */



/* -------- style du module A LA UNE ---------- */

#modalaune {
	background-color: #FDC501;
}

#modalaune h4 {

}

#modalaune h5 {
	border-bottom: 1px dotted #FCEBAE;
	color: #FCEBAE;
}

#modalaune a {
	color: #FCEBAE;
	text-decoration: none;
}

#modalaune a:hover {
	text-decoration: none;
}

.alaune-item {

}

.alaune-title {

}

.alaune-abstract {
	border-bottom: 1px dotted #FCEBAE;
	padding-bottom: 4px;
}

.alaune-abstract img {
	border: none;
}

.alaune-abstract a {

}

.alaune-abstract a:hover {

}

/* -------- fin style du module A LA UNE ---------- */


 
/* -------- style du module LIENS ---------- */

#modlinks-mini {
	background-color: #9B0D0D;
}

#modlinks-mini  h4 {
	
}

#modlinks-mini  h5 {
	border-bottom: 1px dotted #FFA2A2;
	color: #FFA2A2;
}
   
#modlinks-mini a {
	color: #FFA2A2;
	text-decoration: none;
}

#modlinks-mini a:hover {
	text-decoration: none;
}

  
/* -------- fin style du module LIENS ---------- */
 
 
/* -------- style du module DATE DU JOUR ---------- */

#moddate {
	background-color: transparent;
}

#moddate h4 {
	font-size: x-small;	
	text-transform: none;
}
 
/* -------- fin style du module DATE DU JOUR ---------- */
 
 
/* -------- style du module AUTHENTIFICATION ---------- */

#modauth {

}

#modauth .module {
	background-color: #9B0D0D;
}

#modauth  h4 {

}

#modauth fieldset {
 padding: 10px;
}

#modauth label {
	color: #FFA2A2;
	font-weight: bold;
}

#modauth input {
  display: block ;  
}

#login, #logout {
  margin-top: 6px ;
  font-weight: bold ;  
  cursor: hand;
}

#login:hover, #logout:hover {
  font-weight: bold ;
  cursor: hand;
}

/* -------- fin style du module AUTHENTIFICATION ---------- */



/* -------- style du module RSS ---------- */

#modrss {

}

#modrss span {
  padding-left: 4px ;
  padding-left: 4px ;  
}

#modrss a {

}

#modrss a:hover {

}

/* -------- fin style du module RSS ---------- */


/* --------------------------------------------------
		    fin zone d'affichage 1&2
   ---------------------------------------------------*/

   
   
   
/* ----------------------------------------------------------------
		   zone d'affichage du contenu (article)
   ----------------------------------------------------------------*/

.main {
	background-color: white;
	padding: 15px;
	border-right: 2px solid Black;
	border-bottom: 2px solid Black;
	text-align:left;
} 

.content-main {

}


/* -------- style du titre d'un article ------------ */

.content-main h1 {
	margin-bottom: 15px;
	color: #64B053;
	font-size: medium;
	font-weight: bold;
	text-transform: uppercase;
}
  
/* -------- fin style du titre d'un article ------------ */
  
  
/* -------- style de l'introduction d'un article ------------ */

#chapo {
	font-style: italic;
}

/* -------- fin style de l'introduction d'un article ------------ */

  
/* -------- style du titre d'un bloc ------------ */

.content-main h2 {
	margin-bottom: 10px;
	color: #9B0D0D;
	font-size: small;
}

/* -------- fin style du titre d'un bloc ------------ */


/* -------- style du titre à saisir------------ */

.content-main h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #666666;
	font-size: x-small;
}

/* -------- fin style du titre à saisir------------ */


.content-main h4 {

}

.content-main div div {
	padding-bottom: 10px;
}

.content-main p {
	
}

.content-main a {
	color: #D77C05;
	text-decoration: none;
}

.content-main a:hover {
	
}

.doc {

}

.doc div {
	
}

.doc p {
	display : block;
	padding-bottom: 10px;
}

.doc li p {
	display : block;
}

.left {
	clear: left;
}

.right {
	clear: right;
}


/* -------- style de la page ERROR ---------- */
/* error doit avoir les mêmes marges que doc */
.error {
	color: Red;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding-right: 5px ;
}

.warning {
	background: transparent url(../img/alert.gif) no-repeat 4px;
	min-height: 50px ;
	padding: 20px 0px 20px 60px;
	font-weight: bold ;
	font-size: 100% ;
}

/* -------- fin style de la page ERROR ---------- */



/* -------- style de la page ACCUEIL des catégories AUTOMATIQUES & EVENEMENTS ---------- */

#categ-list {
  float: left ;
  width: 75% ;
  zoom: 1 ;
}

#categ-list h2 a {
	margin-bottom: 8px ;
	font-size: small;
}

#categ-list h2 a:hover {

}

#categ-list .categ-entry {

}

#categ-list .categ-entry-abstract {
	border-bottom: 1px dotted #D77C05;
	padding-left:10px;
}

#categ-list p {
	padding-left:10px;
}


/* -------- fin style de la page ACCUEIL des catégories AUTOMATIQUES & EVENEMENTS ---------- */


/* -------- style de l'encart ARCHIVES ---------- */

#categ-arch {
	float:right;
	width:20%;
	background-color : #FCEBAE;
	padding: 4px ;
	font-size: x-small;
}

#categ-arch h2 {
	margin-top: 4px;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
}

#categ-arch h3 {
	margin-bottom: 4px;
	font-size: x-small;
	font-weight: normal;
	font-weight: bold;
	text-align: center;
	cursor: hand;
}

#categ-arch dl {
	margin-bottom: 8px;
}

#categ-arch dt {
	font-size: x-small;
	font-weight: bold;
	text-align: center;
}

#categ-arch dd {
  font-size: x-small ;
	text-align: center;
}

#categ-arch p {

}


/* -------- fin style de l'encart ARCHIVES ---------- */



/* -------- style des Boutons de déplacement ------------ */

#next, #prev {
  background-color: #D77C05 ;
  padding: 2px ;
  color: white ;
  -moz-border-radius: 8px ;
  border-radius: 8px ;
}

#next:hover, #prev:hover {
	background-color: #D77C05 ;
	color: White;
	cursor: pointer ;
}

/* -------- fin style des Boutons de déplacement ------------ */



/* ------------- style des COMPOSITES ----------------- */

/* ADRESSE */

.address {
	margin-bottom: 10px;
}

.address-title address {
	color: #666666;
	font-size: small;
	font-style: normal;
	font-weight : bold;
}

.left .address {

}

.right .address {

}


/* CITATION */

.doc blockquote {
  margin: 0 ;
  padding: 0 ;
}

.doc blockquote div p.cite-text {
  position: relative ;
	margin: 5px; 
	border : 1px solid #D77C05;
	background-color : #FCEBAE;
	padding: 5px;
}

.cite-author {
  position: relative ;
  padding-bottom: 0 ;
  font-style: italic ;
  text-align: right ;
}

.cite-source {
	position: relative ;
	top: -.7em ;
	color: Gray;
	font-size: x-small;
	text-align: right ;
}

.cite-author::before {
  content: "-- " ;
}


/* DEFINITIONS */

.defs {
	
}

.left .defs {

}

.right .defs {

}

.defs h4 {
	padding-bottom: 10px;
	color: #666666;
	font-size: x-small;
}

.defs dt {
	color: #666666;
  font-weight: bold ;
  text-decoration: underline;
}

.defs dd {
	padding-bottom: 10px;
}


/* IMAGE */

.image {

}

img {
	margin: 5px;
	border : 1px solid #D77C05;
	padding: 5px;
}

.left img {
	border : 1px solid #64B053;
}

.right img {
	border : 1px solid #FDC501;
}


/* IMAGE AVEC LEGENDE */
   
.caption  {
  font-size: xx-small ;
}


/* LISTE */

.list {
	padding-top: 5px;
	padding-bottom: 5px;
}

.left .list {
	
}

.right .list {
	
}

.list h4 {
	margin-bottom: 5px;
	color: #666666;
	font-size: x-small;
}

.list ul {
	padding-left: 20px;
}

.list ul li {
	padding-top: 2px;
	list-style-type : square;
	list-style-position: outside ;
}

/* LISTE DE LIENS */

.links {

}

.left .links {

}

.right .links {
	
}

.links h4 {
	color: #666666;
	margin-bottom: 5px;
	font-size: x-small;
}

/* \*/
* html .links ul {
  height: 1% ;
}
/* */

.links ul {

}

.links li {
  margin-bottom: 5px ;
  font-weight: bold ;
}

.links a {
	
}

.links a:hover {
	
}


/* MARQUEUR AGENDA */

#diary {
  margin-bottom: 4px ; 
  padding: 4px ;  
  -moz-border-radius: 4px ;
  border-radius: 4px ;  
}

#diary p {

}


/* MARQUEUR CONTACT */

#contact label {
	color: #666666;
	font-weight: bold;
}

#contact input {
  display: block ;
  margin-bottom: 8px ;
}

#nom, #mail {
  width: 60% ;
}

/* Bug Moz si on met un width sur un input type="hidden" */

#to {
  display: none ;
  visibility: hidden ;
}

#contact textarea {
  display: block ;
  width: 80% ;
}

#post {
  margin-top: 8px ;
  background-color: #9B0D0D ;
  color: white ;
  font-weight: bold ;
}

#post:hover {
	background-color: #9B0D0D ;
	color: White;
	cursor: hand ;
}

#thanks {
	background: transparent url(../img/MailOpen.png) no-repeat 4px;
	min-height: 48px ;
	padding-left: 60px ;
	padding-right: 8px ;
	font-weight: bold ;
	font-size: 120% ;
}

/* 
  Pour les boutons de formulaire on change l'apparence
  du curseur de la souris (sélecteur CSS 2.1)
*/

input[type=submit] {
  cursor: hand ;
}   


/* MARQUEUR PLAN DU SITE */

#map {

}

#map a {

}

#map a:hover {

}

#map h3 a {
	font-size : x-small;
}

#map h4 a {
	margin-left: 5px;
	font-size : x-small;
	font-weight: normal;
}


/* NOTES, MEMOS */

.postit {
	margin: 10px;
	border-top : 1px dotted #D77C05;
	padding: 5px;
	font-size: x-small;
	font-weight: normal;
	font-style: italic;
}

.left .postit {

}

.right .postit {

}

.postit h4 {
	font-size: x-small;
	font-weight: bold;
	font-style: normal;
}

.postit p {
	
}


/* NOUVEAUTES */

.nouv {
	
}

.nouv h1 {
	
}

.nouv p {
	
}

.nouv p .titre {
	color: #D77C05;
	font-weight: bold;
}

.nouv p .auteur {
	
}


/* FAQ */

.faq {

}

.faq h4 {
	margin-bottom: 5px;
}

.faq ul {
	padding: 4px ;
	-moz-border-radius: 8px ;
	border-radius: 8px ;
}

.faq ul li {
  margin-left: 2px ;
  text-decoration: underline ;
}

.faq dl {
	border-left : 1px dotted #D77C05;
	margin-top: 15px ;
	padding: 4px ;
	-moz-border-radius: 8px ;
	border-radius: 8px ;
}

.faq dt {
  margin-top: 5px ;
  margin-bottom: 5px ;
  padding-left: 2px ;
  color: #D77C05;
  font-weight: bold ;
}

/* CSS3 mais très pratique pour situer un groupe question / réponse dans une faq longue */

.faq dt:target {
  border-left: 4px solid #005a98 ; 
}

.faq dd {
  margin-left: 10px ;
}

.faq dd p {
  text-align: right ;
  display: block ;
}


/* REFERENCE A UN LIVRE */

.doc-ref {
	padding: 5px;
  -moz-border-radius: 8px ;
  border-radius: 8px ;    
}

.left .doc-ref {

}

.right .doc-ref {

}

.doc-ref dt {
  margin-bottom: 8px ;
  background: transparent url(../img/refs-arrow.png) no-repeat ;
  padding-left: 20px ;
  color: #666666;
  font-weight: bold ;
}

.doc-ref dd {
  margin: 0px ;
}


/* SERIE DE REFERENCES */

.refs {
	padding: 5px;
}

.left .refs {

}

.right .refs {
	
}

.refs dt {
	margin-bottom: 5px;
  background: transparent url(../img/refs-arrow.png) no-repeat ;
	padding-left: 20px;
  color: #666666;
	font-weight: bold; 
}

.refs dd {
  margin-bottom: 5px ;
  padding-left: 20px ;
}


/* SIGNATURE */

.signature {
  margin-top: 6px ;
  text-align: right ;
}

.signature::before {
  content: "-- ";
}


/* TABLE */

.table {
	padding: 2px;
	text-align: center;
}

.table table {
	border-bottom: 1px solid Gray;
	border-right: 1px solid Gray;
}

.table thead {
	background-color : #D77C05;
	color: white;
}

.table td {
	border-left: 1px solid Silver;
	border-top: 1px solid Silver;
	padding: 3px;
	font-size: x-small;
}

/* TEXTE FORMATE */

.rtext {

}

.gras {
	font-weight: bold;	
}

.italic {
	font-style: italic;	
}

.souligne {
	text-decoration: underline;
}


/* Pour la partie Admin */

.admin {
  background-color: #fff ;
}

.admin h2 {
  margin-bottom: 8px ;
  margin-top: 4px ;
}

.admin dt {
  background-color: #eee ;
  font-weight: bold ;  
}

.admin dd {
  margin-bottom: 8px ;  
}

.admin dd::after {
  display: block ;
  clear: left ;
}

.admin li {
  list-style-position: inside;
  list-style-type: square;
  margin-right: 8px ;
  float: left ;  
}


/* ----------------------------------------------------------------
		   fin zone d'affichage du contenu (article)
   ----------------------------------------------------------------*/

   
   
   
   /* ------------------------------------------------------------
		   zone d'affichage du pied de page
   	 -------------------------------------------------------------*/

.footer {
  color: white ;
}

.content-footer {
	margin: 4px;
	padding-left: 4px ;
	padding-right: 4px ;
	font-size: xx-small;
	text-align: center;
}

.footer p {
  display: inline ;
}

.footer a {
  color: white ;
  text-decoration: underline ;
}

.footer a:hover {
	text-decoration: none ;
}

#modlegal, #modlast, #modcopy, #modbench {
	padding-left: 4px ;
	padding-right: 4px ;
  display: inline ;
}


/* -------- style du module DATE DE DERNIERE MISE A JOUR ---------- */

#modlast {
	font-size: xx-small;
	font-weight: normal;
}

/* -------- fin style du module DATE DE DERNIERE MISE A JOUR ---------- */


/* -------- style du module COPYRIGHT ---------- */

#modcopy {

}

/* -------- fin style du module COPYRIGHT---------- */


/* -------- style du module INFORMATIONS LEGALES ---------- */

#modlegal {

}

#modlegal a {
	font-size: xx-small;
	font-weight: normal;
}

#modlegal a:hover {

}

/* -------- fin style du module INFORMATIONS LEGALES ---------- */

   /* ------------------------------------------------------------
		   fin zone d'affichage du pied de page
   	 -------------------------------------------------------------*/