html  {margin:0}

body {
margin:0;
font-family:garamond, "times new roman", serif;
font-size:100%;
background-color:#f5f5f5;
background-repeat:no-repeat;
background-image:url(IMG/ciel3.jpg);
/*background-attachment:fixed;*/
}

h1 {
font-family:garamond, serif;
color:#000091;
font-size:170%;
margin-top:-40px;/*marge  du titre;*/
}

h2 {
font-family:garamond, serif;
font-style:italic;
color:#000091;
font-size:160%;
}

h3 {
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
color:black;
font-size:120%;
width:100%;
border:0px solid black;
border-collapse:collapse;
background-image:url(IMG/fond_titre1.jpg); 
padding-left:10px;
padding-right:15px;
background-color:#f5f5f5;
}

h4 {
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
color:#696969;
font-size:100%;
background-image:url(IMG/fond_titre5.jpg);
background-color:#f5f5f5; 

} 
 
h5 {
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
font-size:100%;
background-image:url(IMG/fond_titre5.jpg);
background-color:#f5f5f5; 
}
h6 {
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
font-size:110%;
background-image:url(IMG/fond_titre1.jpg);
background-color:#f5f5f5; 
background-repeat:no-repeat;
color:#000091;
}


p {
}

li {
font-size:100%;
list-style-image:url(IMG/pucegrise.gif);
margin-left:20px;}
ol li {
list-style-image:none;
}

img {
border:0;
}

acronym, abbr {
cursor:help;
border-bottom:1px dotted black /*pour IE*/
}  

code, pre {
font-family:"courier new", monospace;
font-size:90%;
color:#A0522D;	 
} 
code {font-weight:bold;}
pre {
border-left:5px solid #A0522D;
padding-left:10px;
}
/*citations*/
q {
font-family:"times new roman",serif;
font-style:italic;
}
blockquote, blockquote p, blockquote li {
font-family:"times new roman",serif;
font-style:italic;
padding:2px 10px 2px 10px;
}

/*tableaux*/
table {
width:70%;
border:1px solid black;
border-collapse:collapse;
background-image:url(IMG/fond_tableau4.jpg);

padding-left:15px;
padding-right:15px;
}

th, td {
border:1px solid #696969;
padding:10px;
vertical-align:top;
}

.invisible {
width:100%;
border:0px;
padding:5px;
background-color: transparent; 
}

.tdinvisible {
border:0px;
padding:5px;
}

body>#cadre table { /*hack IE*/
width:90%;
}
/*liens*/
a {
color:#000091;
text-decoration:none;
}
a:visited {
color:#000091;
text-decoration:none;
}


/*variantes*/
.center, .center p {
text-align:center !important;
}
.date {
font-weight:bold;
margin-left:10px;
}
.news {
margin-right:20%;
margin-left:20%;
}
.astuce {
		color:red;
		font-weight:bold;
		background-color:transparent;
		}
.astuce:before {content:url(images/lightmov.gif)}
.astuce:after {content:" ! "}

.blink {text-decoration:blink}

.haut {
	font-size : 80%;
 	text-align:right !important;
	border-bottom:1px solid dimgray;
}
.haut a {
	border-bottom:1px solid dimgray;
}

/*ancres archives*/
.ancre {text-align:center !important; font-weight:bold}
p.ancre:before {content:" [ ";}
p.ancre:after {content:" ] ";}

.faq {font-family:garamond, monospace;
	font-size:100%;
/*	color:#A0522D;	 */
/*	border-left:5px solid #A0522D*/;
	padding-left:15px;
	padding-right:15px;
}
/*cadre général*/
#cadre {
margin:55px 0 0;
}

/*haut de page*/
#top {
font-size:90%;
text-align:right;
}
#titre {
margin-left:250px; margin-right:95px;text-align:center
}
#titre img { position:absolute; right:0; top:0
}

#titre h2 {
color:#000091;
font-size:190%;
margin-top:50px;
margin-bottom:30px;
width:93%;
border:0px solid black;
border-collapse:collapse;
background-image:url(IMG/fond_titre5.jpg); 
padding-left:15px;
padding-right:15px;
background-color:#f5f5f5;

}
#titre h3{
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
color:black;
font-size:120%;
width:93%;
border:0px solid black;
border-collapse:collapse;
background-image:url(IMG/fond_titre5.jpg); 
padding-left:10px;
padding-right:15px;
background-color:#f5f5f5;

}

#titrebis h2 {
color:#7195CB;
font-size:200%;


}

/*menu*/
#menu {
position: absolute;
top: 15px;
left: 10px;
font-size:100%;
padding:5px 0 5px 0;
}

#menu .barre {
border-top:10px solid #a5c7f8;
background-color:url(IMG/ciel2.jpg);
border-bottom:10px solid #a5c7f8;
position: absolute;top:130px; left:5px; width:200px; /*height:380px;   position du menu*/
margin-bottom: 10px;

}

#menu .bouton, #menu .date {
text-align:center;
}

#menu h3 {
color:#000091;
text-align:center;
letter-spacing:5px;
}
#menu a {
	width:190px; 
	border: 1px solid #c0c0c0;
	border-width: 0px;
	padding:1px 15px 1px 2px; 
	font-size:16px;
	color:black;
	position: relative;
	text-decoration:none;
	display:block;
	}

#menu img { position:absolute; left:0; top:0
}


#deco a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
#deco a:hover {
background: none; /* correction d'un bug IE */
}
#deco a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
#deco a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 260px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 540px;
width: 200px;
height: 100px;
text-align: center;
color: white;
}
	
	/* fleches cours */

#menu p.courss a:hover {
background-image:url(IMG/fond_titre1.jpg);
background-position:100% 0%;
background-repeat:no-repeat;
font-weight:bold;
	}
#menu p.courss a:hover:before {
content:" » ";
	}

	/*polices menu*/

.jardin {
 	font-size : 20px;
 	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
 	font-weight:bold;
 	color : #006633;
 	text-align:center;
 	background-color:#FFFFFF;
}
.links {
 	font-size : 12px;
 	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
 	font-weight:bold;
 	color : #330099;
 	text-align:center;
}
.date { font-size:11px;
 	font-family:  courier new, serif;
 	text-align:center;
}
.menu { font-size:11px;
 	font-family:  Verdana, Arial, Helvetica, Geneva, sans-serif;
 	text-align:left;
}


/*contenu*/
#edito {
margin-left:250px;
margin-right:50px;
font-family: garamond, "times new roman", serif;
font-size:100%;
}
#edito p {
text-align:justify;
}

/*footer*/
#footer  {
color:#000091;
border-top:1px solid black;
margin-bottom:10px;
padding-bottom:20px;
padding-top:10px;
text-align:center;
font-size:90%;
text-decoration: none;
}