/***************/
/* Style DRDJS */
/***************/

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/************ general ************/
body{
	background-color: #d98c13;
	font-family: Verdana;
	font-size: medium;
	margin: 0;
	height: 100%;
	background-image: url(../../IMG/ombre-body.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
     
}

.print {
	margin-top: 20px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.formulaire_spip fieldset { border: none; }
.formulaire_spip label { border: none; }

/************ struture ************/

/* container */
#page {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0;
	background-color: white;
}

/* absolute bandeau */
.bandeauG {
	position: absolute;
	top: 0px;
	left: -140px;
	z-index: 100;
}

.ombreG, .ombreD {
	position: absolute;
	top: 0px;
	left: -10px;
	width: 10px;
	height: 100%;
	background-image: url(../../IMG/ombre-gauche.gif);
	background-position: top;
	background-repeat: repeat-y;
	z-index: 10;
}

.bandeauD {
	position: absolute;
	top: 0px;
	right: -140px;
	z-index: 100;
}

.ombreD {
	left: auto;
	right: -10px;
	width: 10px;
	height: 100%;
	background-image: url(../../IMG/ombre-droite.gif);
}


.bandeauB {
	position: absolute;
	bottom: -197px;
	left: -110px;
	background-image: url("../../IMG/bandeau-pied-orange.gif");
	width: 970px;
	height: 130px;
	padding-top: 70px;
}

/* entete */

#entete { border-bottom: none; cursor: pointer;  }
	
.logo {
	float: left;
	width: 145px;
	height: 130px;
	padding-top: 25px;
	padding-left: 40px;
}

.illustration {
	float: right;
	width: 565px;
	height: 155px;
	cursor: pointer;
	background-image: url("../../IMG/entete-drdjs-marrron.jpg");
	background-repeat: no-repeat;
	background-position: right center;
}

/* menu */

#hierarchie { margin-bottom: 0px; font-size: 10px; }
#hierarchie a:hover { text-decoration: underline; }

.menu {
	width: 100%;
	height: 19px;
	margin-top: 1px;
	background-color: #fdf7ed;
}

.ongletRub {
	float: left;
	width: 500px;
	height: 19px;
}

.menuAccueil, .menuBleu, .menuOrange, .menuRouge, .menuVert, .menuGris, .menuViolet {
	float: left;
	height: 19px;
	padding: 0 5px;
	margin-right: 1px;
	background-image: url(../../IMG/menu-bleu-drdjs.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 11px;
	line-height: 19px;
}

.menuAccueil { background-image: url(../../IMG/menu-accueil-drdjs.gif); }

.menuOrange { background-image: url(../../IMG/menu-orange-drdjs.gif); }

.menuRouge { background-image: url(../../IMG/menu-rouge-drdjs.gif); }

.menuVert {	background-image: url(../../IMG/menu-vert-drdjs.gif); }

.menuGris { background-image: url(../../IMG/menu-gris-drdjs.gif); }

.menuViolet {
	margin-left: 5px;
	background-image: url(../../IMG/menu-violet-drdjs.gif);
}

.formulaire_recherche { width: auto; float: left;  }
.champsRecherche { float: left; width: 100px; font-size: 11px; }
.btnRecherche { float: left; padding-right: 2px; height: 19px; }
.inputRecherche {height: 13px; padding-left: 5px; }

.sousRubrique {
	float: left;
	width: 735px;
	height: 19px;
	padding-left: 15px;
	font-size: 10px;
	color: white;
	line-height: 19px;
	background-repeat: repeat-x ;
	background-position: left center;
}

.menuRecherche {
	float: right;
	height: 19px;
}

.sousMenuLink, .lastSousMenuLink {
	padding-right: 5px;
	padding-left: 5px;
	background-position: right center;
	background-repeat: no-repeat;
	line-height: 19px;
}

.lastSousMenuLink {
	background-image: none;
}

.sousRubrique .on {
	font-weight: normal;
	background-color: white;
	color: #5387da;
}

/****** contenu *******/

#conteneur{
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../../IMG/ombre-gauche.gif);
	background-position: top left;
	background-repeat: repeat-y;	
}

.content, .contentBis {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../../IMG/fond-menu-gauche-orange.gif); /* orange par default */
	background-position: top left;
	background-repeat: repeat-y;
}

.contentBis {
	background-image: url(../../IMG/liseret-menu-droit.gif);
	background-position: top right;
}

.minHeight {
	float: left;
	width: 1px;
	height: 500px;
}

/* partie gauche 185px */

.gauche {
	float: left;
	width: 182px;
	height: 100%;
	padding-left: 0px;
	padding-top: 20px;
}

.blocGauche {
	margin-left: 15px;
}

.titreGauche {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}

.gauche li, .gauche ul { margin-left: 5px; }

.separationGauche {
	clear: both;
	width: 95%;
	height: 10px;
	background-image: url(../../IMG/bare-menu-gauche-accueil.gif); /* gris par default */
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* partie centre 380px  */

.centre {
	float: left;
	width: 384px;
	height: 100%;
}

.titreContent, .titreContent_1, .titreContent_2, .titreContent_3, .titreContent_4, .titreContent_5, .titreContent_6, .titreContent_143 {
	float: left;
	width: 364px;
	margin-top: 10px;
	min-height: 22px; /* firefox */
	padding-left: 20px;
	color: white;
	line-height: 22px;
	font-size: small;
	font-weight: bold;
	background-color: #f59f00;
}

.titreArticle {	font-weight: bold; }

.texte {
	float: left;
	padding: 15px;
	font-size: 11px;
	color: #4b4b4b;
}

.textePlan {
	float: left;
	padding: 15px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 11px;
	color: #4b4b4b;
}

.titreArt {
	float: left;
	width:220px;
}

.logoArt {
	float: right;
	width: 130px;
	text-align: right;
}

.article {
	border-bottom: 1px dashed #777;
	margin-bottom: 10px;
}

.auteurs {
	text-align: right;
	margin-bottom: 10px;
}

.nouvelle_recherche { margin-top: 10px; }

/* partie droite 185px */
.droite {
	float: right;
	width: 172px;
	height: 100%;
	padding-left: 10px;
}

.connexe {
	float: left;
	width: 145px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 25px;
	min-height: 170px;
	background-image: url(../../IMG/fond-menu-droit-orange.gif); /* bleu par default */
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 11px;
}

*html .connexe {
	padding-right: 0px;
}

*html .connexe { padding-bottom: 20px; }

*html li { /* for IE6 */
	list-style-position: outside;
	margin-left: 15px;
}

*+html li { /* for IE7 */
	list-style-position: outside;
	margin-left: 15px;
}

/* pied de page */

#pied {
	margin-top: 0;
	border-top: none;
	padding: 0;
}

/***** Recherche ****/

.listeRecherche {
	margin-bottom: 10px;
}

.listeRecherche ul, .listeRecherche li {
	list-style: none;
}

/***** FAQ ****/

#FAQ div.title { cursor: pointer; }

.faq_link {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

/**** liste des document ****/

#listeDocument a, #listeDocument a:hover { font-size: 11px;	font-weight: bold; color: #4b4b4b;  }

/**** mention legales ****/
.decal_droite {	margin-left: 10px; }
.decal_haut {	margin-top: 10px; }

/*** Newsletter ***/

.newsletter {
	padding-bottom: 10px;
}

#clevermailform fieldset {
	border:none;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*** Plan du site ***/

.plansite {
	/* padding-top: 20px; */
}

ul.plansite, ul.plansite ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
 	padding-left: 1.5em;
  	font-size: 11px;
}
  
ul.plansite li {
	list-style: none;
  	margin: 0;
  	padding: 0;
}
  
ul.plansite li a {
  	padding-left: 0.5em;
  	text-decoration: none;
}
  
ul.plansite li a:hover {
  	text-decoration: underline;
}

/************ divers ****************/

ul, li {
	list-style-image: url(../../IMG/puce-orange.gif);
	list-style-position: inside;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

*html ul, *html li {
	
}

.gauche li, .droite li {
	margin-bottom: 5px;
}

.puceRSS li {
	list-style-image: url(../../IMG/puce-rss.gif);
}

.noneList {
	list-style: none;
}

.right { float: right; }

.ligneSpace {
	margin-bottom: 10px;
}

/************ lien ****************/

/* generic */
a #gris {text-decoration: none;}
a:hover #gris {text-decoration: underline; color: #847b60;}

/* menu et sous menu horizontal */
.menu a, .sousRubrique a {color: white;}
.menu a:hover {color: white; text-decoration: none;}
.sousRubrique a:hover {color: ; text-decoration: none;}

/************ couleurs ************/

/** generic **/
.blanc {color: #fff;}
.jaunePied {color: #a36709;}

.couleur_1 { color: #5387da; }
.couleur_2 { color: #f59f00; }
.couleur_3 { color: #f34c49; }
.couleur_4 { color: #89c629; }
.couleur_5 { color: #847b60; }
.couleur_6 { color: #b85eec; }

.couleur_1 a, .couleur_1 a:hover { color: #5387da; }
.couleur_2 a, .couleur_2 a:hover { color: #f59f00; }
.couleur_3 a, .couleur_3 a:hover { color: #f34c49; }
.couleur_4 a, .couleur_4 a:hover { color: #89c629; }
.couleur_5 a, .couleur_5 a:hover { color: #847b60; }
.couleur_6 a, .couleur_6 a:hover { color: #b85eec; }
.couleur_7 a, .couleur_7 a:hover { color: #4f4f4f; }
.couleur_8 a, .couleur_8 a:hover { color: #4b4b4b; }

.titreContent_1 { background-color: #5387da; }
.titreContent_2 { background-color: #f59f00; }
.titreContent_3 { background-color: #f34c49; }
.titreContent_4 { background-color: #89c629; }
.titreContent_5 { background-color: #847b60; }
.titreContent_6 { background-color: #b85eec; }
.titreContent_143 { background-color: #76869d; }

/** type gris **/

/* fond */
.gris {color: #b7ac8f;}
.borderGris {color: #bcb297;}

/* texte */
.grisTitre {color: #414141;}
.grisSsTitre {color: #424241;}
.grisTexte {color: #4b4b4b;}

.grisTitreContent {color: #847b60;}