/* Vert clair : #A8D73B
	 Vert foncé : #0c792e
 */

* {
 margin: 0;
 padding: 0;
}

body {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin: 0;
 background: #A9E0B9 url(images/bando-bas.jpg) bottom left no-repeat;  
 color: #0c792e;
}

a         { text-decoration:none; color: #0c792e; border-bottom: 0px dotted #451f66; } 	
a:visited { text-decoration:none; } 	
a:hover	  { color: #44975F; }
a:active  { border-bottom: 0; color : #44975F; }

/****** Définition des zones ******/


#haut {
 height: 310px;
 background: url(images/bg-haut.jpg) 2px 0 repeat-x;  
}

#bando {
 width: 933px;
 height: 310px;
 background: url(images/bando-haut.jpg) top left no-repeat; 
}

#global {
 position: relative; 
 width: 933px;
 text-align: left;
 margin-left: 0; 
 margin-right: auto;
 margin-bottom: 40px;
 background: transparent url(images/fond-extensible.jpg) repeat-y; 
}

#content {
 min-height: 550px;
 background: url(images/content-haut.jpg) no-repeat; 
}

#bas {

}

#main {
 margin: 0px 140px 0px 300px;
 padding: 10px 0;
 border: 0px dotted blue; 
}

#colonne {
 position: absolute;
 top: 450px;
 left: 60px; 
 width: 270px;
 text-align: center;
 border: 0px dotted blue; 
}

/* Sidebar */
#sidebar {
	position: absolute;
  top: 0px;
  left: 70px;
  width: 200px;
}

#sidebar h1 {
	font-size: 18px;
	margin: 16px 0 0 0;
  border-bottom: 2px solid #A8D73B;
}

#sidebar ul li {
 list-style-type: none;
 list-style-image: none;					 
 font-size: 10px;
 line-height: 1.4em;
}

#main img {
  float: right;
	margin: 0 0 0 15px !important;
  border: 1px solid #0c792e;
}

/* Menu Principal */

#sidebar dl {
 margin: 0;
}

#sidebar dl dt {
 font-size: 13px; 
 font-weight: bold;
 margin-top: 5px;
 border-bottom: 0px solid #CAD3C7;
}


#sidebar dl dt a {
 display: block;
 width: auto;
 border-bottom: 0px;
 padding-left: 18px;
 background: transparent url(images/folders-gros.gif) 0 1px no-repeat; 
}

#sidebar dl dt a:hover {
 background-position: 0 -15px; 
}

#sidebar dl dt.here a,dl#menu dt.here a:hover {
 background-position: 0 -31px; 
}

#sidebar dl dd {
 margin: 5px 0 0 18px;
}

#sidebar dl ul li {
 list-style-type: none;
 list-style-image: ;					 
 font-size: 10px;
 width: 185px;
 height: 17px;
}

#sidebar dl ul li a {
 display: block;
 padding-left: 14px;
 background: transparent url(images/folders-petits.gif) 0 1px no-repeat; 
}

#sidebar dl ul li.here a,dl#menu ul li.here a:hover {
 background-position: 0 -27px; 
}

#sidebar dl ul li a:hover {
 background-position: 0 -13px; 
}


/****** Main ******/

#main h1#titre {
 margin-left: 37px;
}

#main h1 {
 font-size: 17px;
 margin: 15px 0;
 font-weight: bold;
 text-align: left;
 border-bottom: 2px solid #A8D73B;
}

#main h2 {
 font-size: 13px;
 margin: 15px 0;
 font-weight: bold;
 border-bottom: 1px solid #A8D73B;
}

#main h3 {
 font-size: 11px;
 margin: 15px 0 10px;
 font-weight: bold;
}

#main h4 {
 color: #44975F;
 font-size: 11px;
 margin: 0px 10px 0px 0px;
 font-weight: bold;
 border-bottom: 0px dashed #44975F;
 font-style :italic;
}

#main p {
 font-size: 11px;
 margin: 5px 0px 5px 0px;
 line-height: 1.3em;
 text-align: justify;
 color: black;
}

#main p.droite {
 text-align: right;
 font-style: italic;
 margin-bottom: 20px;
}


#main ul,#main ol {
 color: black;
 font-size: 11px;
 margin: 0px 0px 20px 25px;
}

#main ul li {
 margin: 0px 0px 0px 0px;
 list-style-image: url(images/folder-petit-vert.gif); 
}

#main ul ul {
 margin: 0px 0px 0px 25px;
}

#main ul ul li {
 font-size: 10px;
 margin: 0px 0px 0px 0px;
 list-style-image: url(images/sous-puce.jpg);
}

#main img {
 margin: 5px;
}

#main img.patte {
 float: left;
 margin: 7px 0 0 0 !important;
 border: 0;
}

#main ul.nopuce li {
 list-style-image: none;
 list-style-type: none;
}

a.dld,a.link {
 display: block;
 font-size: 14px;
 height: 37px;
 width: 400px;
 margin: 10px auto;
 padding-left: 60px;
 padding-top: 14px;
 background: transparent url(images/telecharger.jpg) top left no-repeat;
 border: 1px #CBDEA7 solid;
 -moz-border-radius: 15px;
}

a.dld:hover,a.link:hover {
 border: 1px #44975F solid;
}

a.dld span {
 font-size: 9px;
 font-style: italic;
 color: #44975F;
 float:right;
 margin-right: 5px;
 margin-top: -12px;
}

a.two-lines {
 height: 45px;
 padding-top: 5px;
}

a.link {
 background-image: url(images/link.jpg);
}

/****** Encarts photos ******/

div.encart-photo {
 position: absolute;
 top: 250px;
 left: 435px;
}

/****** Encart de citations ******/

div.citation-haut {
 width: 455px; 
 margin: 0px 40px 0px auto;
/* width: 455px;
 margin: 0 auto;*/
 background: transparent url(images/citation-haut.jpg) top left no-repeat;
}

div.citation-bas {
 padding: 30px 55px 20px 55px;
 background: transparent url(images/citation-bas.jpg) bottom right no-repeat;
 border: 0px red solid;
}

div.citation-bas p {
 font-size: 10px !important;
 font-style: italic;
 text-align: justify;
}

div.citation-bas p.auteur {
 font-size: 10px;
 font-style: normal;
 font-weight: bold;
 margin-top: 20px;
 color: #633031 !important;
 
}

/****** Les tableaux - données ******/
/* 
table { 
 margin: 0px auto 0 auto;
 width: 100%;
 border: 1px solid #633031;
 background: white;
 border-collapse: collapse;
}

table th {
 color: black;
 padding: 3px;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 border: 1px solid #9f7e7f;
 width: 50%;
}

table td {
 padding: 3px;
 vertical-align: top;
 color: black;
 text-align: left;
 font-size: 10px;
 border: 1px solid #9f7e7f;
}


table td.col1,table td.col2 {
 width: 50%;
 text-align: left !important;
}

table td p {
 text-align: left !important;
}


table td.coef {
 text-align: center;
} */

/****** Les tableaux - calendrier ******/
/* 
table#calendrier td { 
 padding: 5px;
} */

/****** Les tableaux - formulaire ******/
/* 
div.formulaire p {
 margin-top: 7px !important;
 clear: both;
 
}

div.formulaire label {
 display: block;
 text-align: right;
 float: left;
 width: 160px;
 font-size: 11px;
 font-weight: bold;
 color: #633031;
 height: 17px;
 margin-right: 5px;
 border-bottom: 1px solid #F0E4E4;
}

input,textarea,select {
 margin: 0;
 color: #633031;
 font-size: 11px;
 border: 1px solid #D69EA4;
}

input:focus,textarea:focus,input:hover,textarea:hover,select:focus,select:hover {
 border-color: #9A6C6D;
}

input.obligatoire {
 background-color : #FFF9B3;
}  */

/*******************************/
/* Zone de crédits             */
/*******************************/


#credits { 
 width: 750px;
 color: white;
 font-size: 9px;
 clear: both;
 margin: 0px auto 3px 60px;
}

#credits a { 
 color: white;
 border: 0px;  
}

#credits a:hover { 
 color: white;
 border-bottom: 1px solid white;
}
 

/****** Classes utiles ******/

.centrage { text-align: center; }
.spacer { clear: both; }
img.gauche { float: left; }
img.droite { float: right; }
span.note { font-size: 8px; font-weight: bold; color: red; vertical-align: super }