
/* Presentation Stylesheet */
	/* Maintenance :
	 - 090923 : affichage automatique des couleurs et icones sur les liens (externes, email, pdf...) - web.lliseil.fr
	/Maintenance */

/* Codes de couleurs
	#0060b0 : bleu intense				hyperliens externes
	#a8c8e8 : bleu (assez) clair			hyperliens externes
	#e0ecf8 : bleu très clair			hyperliens externes
	#709f2a : vert intense medium				 		background & header
	#d4d8bd : vert-jaune-gris
	#eaf4d9	: vert clair pastel
	#6f3800 : marron intense foncé 1		mainbox (contenu page) border
	#806000 : marron intense foncé 2		hyperliens internes
	#934a00 : marron intense chaud			titres
	#a49b82 : marron pale				hyperliens visités
	#ffe060 : jaune soleil / tournesol-1		hyperliens internes
	#ffc050 : jaune orangé / tournesol-2		hyperliens internes
	#444    : noir atténué				bordures arrondies
	#f8f8f8 : blanc atténué				background mainbox / contenu


	(#577e2d : vert intense foncé 1)
	(#557c2b : vert intense foncé 2)
	(#84a54a : vert intense medium 2)
	(#c9e6bd : vert pastel clair)
	(#cbe7bf : vert pastel +clair)
	(#eaefe1 : vert pastel très clair)
	(#0060b0 : bleu (très) clair)
	(#709f2a : bleu (inverse marron cho))
	(#6f3800 : marron très foncé)
	(#b75c00 : marron orangé chaud)
	(#bf8a44 : marron intense clair)
	(#fff2bd : jaune canaris pastel)
	(#821115 : rouge intense foncé)
*/

html,body {
    line-height: 1.4em;
    font-family: 'Nimbus Sans L', Helvetica, Arial, sans-serif;
    font-size: 1em;
  }

/* NAVIGATION
***************************** */
.navboxcontent ul {
    list-style-type	: none;
    margin		: 0 ;
    padding		: 0;
  }
.navboxcontent li {
    line-height		: 1.4em;
    text-align		: center;
    margin		: 0 ;
  }
.navboxcontent p {
    text-align	: center;
    font-style	: italic;
    font-size	: 2pt !important;
    padding	: 0 .5em;
  }

/* LIENS
******************************/
a:link,
a:visited,
a:hover,
li#current a,
a.lienext:hover {
    text-decoration	: none;
    padding		: 2px;
    margin		: -2px;
  }
a:link {
    color		: #806000;
    }
a:visited {
    color		: #a49b82;
  }
a:hover,
li#current a,
a.lienext:hover {
    -moz-border-radius	: 4px;
    border-radius	: 4px;
    }
a:hover {
    color		: black;
    background-color	: #ffe060;
    border		: 2px solid #ffc050;
  }
a.thispage {
    color		: #806000;
  }
li#current a {
    color		: black;
    background-color	: #ffe060;
    border		: 2px solid #ffc050;
  }
a[href^="http:"] {
    text-decoration	: none;
    color		: #0060b0;
  }
a[href^="http:"]:hover {
    color		: black;
    background-color	: #e0ecf8;
    border		: 2px solid #a8c8e8;
  }
/* Differenciation des types de lien par une icone.
 * Navigateurs conformes uniquement */

/* Classe a utiliser pour les liens sur lesquels on veut pas d'icone */
body a.noicon {
    background:none !important;
    padding:0 !important;
    margin:0 !important;
    }

/* S'assurer que les icones seront affichees a droite du lien */
a[href^="http:"]:visited,
a[href^="http:"], a[href^="mailto:"], a.mail,
a[href$=".pdf"], a[href$=".png"], a[href$=".jpg"],
a[href$=".odt"], a[href$=".doc"], a[href$=".xls"],
a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 25px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* Liens externes */
a[href^="http:"]:hover    { background-image: url(../style/internet_x20.png); padding-right: 20px; }
a[href^="mailto:"]:hover  { background-image: url(../style/mail.png); }
a[href^="http:"]:visited  { background-image: url(../img/icons/visited.png); }

/* Documents */
a[href$=".pdf"]   { background-image: url(../style/pdf.png); }
a[href$=".png"]   { background-image: url(../style/img.png); }
a[href$=".jpg"]   { background-image: url(../style/img.png); }

/* ALIGNEMENT
***************************** */
.centragelarge {
    margin: 0 auto;
    width: 80%;
  }
.centrage {
    margin: 0 auto;
    width: 60%;
  }
.centragesmall {
    margin: 0 auto;
    width: 40%;
  }
.centragexsmall {
    margin: 0 auto;
    width: 202px;
  }
.center {
    text-align: center ;
  }
.floatleft {
    float	: left;
    margin	: 2pt;
  }
.floatright {
    float	: right;
    margin	: 2pt;
  }
#wrapper_mainbox .floatleft {
    display	: inline;
    float	 : left;
    margin-right : 1em;
  }
#wrapper_mainbox .floatright {
    float	: right;
    margin-left	: 1em;
  }
.clear {
    clear	: both; }
.margintop150 {
    margin-top	: 150px; }
.margintop170 {
    margin-top	: 170px; }

/* TITRES
***************************** */

#wrapper_mainbox h2,h3,h4,h5 {
    color	: #934a00;
  }
#wrapper_mainbox h2 {
    width		: 80%;
    font-size		: 1.5em;
    margin-bottom	: .5em;
    font-variant	: small-caps;
    /*border-bottom	: thin solid #934a00;*/
    text-decoration	: underline;
    position	  : relative;	/* MSIE bug: an element arround a 'float' needs position */
  }
#wrapper_mainbox h3 {
    font-size	  : 1.3em;
    margin-top	  : 1.5em;
    position	  : relative;	/* MSIE bug: an element arround a 'float' needs position */
  }
#wrapper_mainbox h4 {
    font-size	: 1.2em;
    margin-top	: 1.5em;
    padding	: 5px 0;
  }
#wrapper_mainbox h5 {
    font-size	: 1em;
    margin-top	: 1.5em;
    padding	: 5px 0;
  }

/* CONTENU
***************************** */
#wrapper_mainbox li {
    margin-bottom	: 1.5em; }

/* TABLES
***************************** */

table {
    border-collapse	: collapse;
  }
table th {
    padding	: .3em;
    border-left: 1px solid #709f2a;
    border-right: 1px solid #fff;
    border-top: 1px solid #709f2a;
    border-bottom: 1px solid #fff;
    background	: #709f2a;
    color	: #fff;
    text-align: center !important;
  }
table td {
    padding: .3em;
    border: 1px solid #709f2a;
    text-align: center !important;
  }


/* DIVERS
***************************** */
* .litl {
    font-size	: 6pt; }
.soc {
    font-style	: italic;
    font-weight	: bold;
    background	: transparent; }
.plusvisible {
	border	: 1px dashed #934a00;
	padding	: .5em;
	background	: inherit;
	color	: #934a00;
	font-weight	: bold;
	}
.vert {
    color:green;
}
.red {
    color:red;
}
p.read_more a,
p.read_more img,
#footer-out a,
#footer-out img {
    border:none;
    }
    
