/*-----------éléments de base----------*/ 
html {
margin:0
}
body {
font-family:georgia, serif;
margin:0 100px 20px 150px;
}	
img {border:0}
/*titres*/
h1 {
color:#f02485;
text-align:center;
} 
h2 {
color:#02A6EB;
border-bottom:1px solid  #02A6EB;
} 
h3 {
margin-left:20px;
}
h4 {
color:#808080;
}
/*paragraphes et liens*/
p {
text-align:justify;	
color:black;
}
p span {padding:10px}  
a {
color:#f02485;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#02A6EB;
}
/*code*/ 
pre {  
font-family:"courier new",serif;
padding-left:10px;
border-left:5px solid gray;
width:95%;	  
padding:0 0 10px 5px;
overflow:auto;
} 
pre span {
background-color:yellow;
}
/*ligne*/
hr {
height:0;
border:1px solid #fccfe4;
}	
/*abréviations, acronymes*/	
abbr, acronym {
cursor:help;
}
/*-----------cadre d'exemples----------*/	  
div {
background-color:#E8E8E8;
}
/*-----------positionnement-------------*/	
/*menu*/
#menu {
position:absolute;
top:80px;
left:0;
width:130px;
border-left:5px solid gray;
} 
body>#menu {	
position:fixed;
-moz-border-radius:0 15px 15px 0;
}					 
#menu ul {
margin-left:20px;
}
body>#menu ul {		 /*hack IE<7*/
margin-left:0px;
}
#menu li {
list-style-type:none;
list-style-image:url(nav.png); 
}
body>#menu li {	 
margin-left:-20px;
}
#menu li:hover {
list-style-image:url(nav2.png)
}
/*pied de page*/
#footer {	
width:100%;						 
height:75px;
background:url(header.gif) no-repeat; 
border-top:1px solid gray;
margin-top:20px;	
}	
/*-------------selecteurs--------------*/ 
/*E + F*/
h4 + div {
border:1px inset #A9A9A9;
padding-left:15px;
padding-right:15px;
} 
h5 + p {
color:#f02485;
}

/*E F*/
p abbr, p acronym {
color:red;
}

/*E > F*/
div.rose p { 
color:#f02485;
padding-left:5px;
}
div.rose > div {
margin-left:50px;
border-left:5px solid #f02485;
} 
 
/*blocs de citation pour E[foo]*/
blockquote {
background-color:#E0FFFF;	
padding:10px;
}
blockquote[cite] {
background-color:#BEE3FA;
} 
blockquote[cite="http://www.la-grange.net/w3c/"] {
background-color:#B7FBB7;
} 
blockquote[cite]:after {
content:attr(cite);
color:#696969;
font-size:80%;
} 

/* : hover*/
img.zoom { 
border:solid black; 
border-width:54px 78px;
width:314px;
height:202px
}

img.zoom:hover {	
border:10px solid black;
width:450px;
height:290px;
} 
/*formulaire*/
input, textarea  {	
border:1px inset #f02485; 
background-color: #fccfe4; 
}
label {
display:block;
}	
input[type="submit"] {
border:1px outset #f02485;
background-color: #fccfe4; 
}		  
input[type="reset"] {
border:1px outset #f02485;
background-color: #fccfe4; 
color:gray;
}
input:focus, textarea:focus {
background-color:#BEE3FA;
}
label {
display:block
}
/* :after*/
a[hreflang]:after {
content: " [" attr(hreflang)"] "; 
color:gray;
}
a[hreflang="fr"]:after {
content:" " url("icones/fr.png");
} 
a[hreflang="en"]:after {
content:" " url("icones/uk.png");
}
 
/*mise en forme tableaux*/
table {
border:2px solid black;
border-collapse:collapse;  
margin:auto;
}
td, th {
border:1px solid #f02485;
text-align:center;
width:150px;
height:50px;
vertical-align:middle;
text-align:center;
}
/*display*/ 
.table {
display:table;
border:1px solid #f02485;
border-collapse:collapse;
margin:auto;
padding:0; 
background:none;
}
.table p {
background:none;
margin:0;
}
.table p span { 
display:table-cell;	
border:1px solid #f02485;
width:150px;
height:50px;
vertical-align:middle;
text-align:center;
}
.table p span:first-child  {
font-weight:bold;
} 	
  
#display p.block a {
width:180px; 
display:block;
border:1px solid #F5F5F5;  
border-color:#F5F5F5  #C0C0C0 #C0C0C0 #F5F5F5;
padding:3px 10px;	
text-decoration:none;
background-color: #DCDCDC;
}
#display li {
display:inline;	
background:url(nav.png) no-repeat 0 50%;
padding-left:10px;
}
#display p.block a:hover {
border:1px solid;
border-color:#F5F5F5  #C0C0C0 #C0C0C0 #F5F5F5; 
background-color:#E8E8E8;
}
#display li:hover {
background:url(nav2.png) no-repeat 0 50%;
}
/*curseurs*/ 
.crosshair {
cursor:crosshair;
}
.pointer {	 
cursor:pointer;
} 
.move {
cursor:move;
}
.wait {		 
cursor:wait;
}	   
.help {		 
cursor:help
}
.cursor {  
cursor:url("curseurs/macwait.ani"),text;
}