@charset "utf-8";
/* CSS Document */
html {font-size: 100%;} 

body {
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666666;
}
h1 {
	color: #4B2077;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.2em;
}
h2 {
	color: #4B2077;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}
h3 {
	color: #4B2077;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.6em;
}
a:link, a:hover, a:active, a:visited {
	color: #D50000;
	text-decoration: none;
}

.orange {
	font-weight: bold;
	color: #FF3300;
}


 /* styles for IE 5 Mac */
 #horizon {
   position: absolute;
	background-color: transparent;
	top: 0px;
	left: 20px;
 }
 
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 0px;
   left: 0px;
   width: 100%;
   text-align: center;
   min-width: 700px; 
 }
 /* end IE 5 hack */ 
	  
#wrapper {
	position: relative;
	text-align: left;
	width: 700px;
	margin: 0px auto;
	}
#Tableau_01 {
	margin-left:-350px;
	position:absolute;
	left:50%;
	width:700px;
}

#index-html-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:67px;
}

#index-html-02_ {
	left:0px;
	top:67px;
	width:620px;
	background-image: url(images/index-html.jpg);
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 70px;
	padding-bottom: 40px;
}

#index-html-03_ {
	left:0px;
	width:700px;
	height:228px;
}
#sommaire {
	top:67px;
	right: 20px;
	float: right;
	text-align: right;
}
#sommaire li {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	list-style-type: none;
	text-align: right;


}

#sommaire li a {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.6em;
	list-style-type: none;
	text-align: right;
	background-color: #4B2077;
	color: #EBE7F0;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: thin solid #FFFFFF;
}
#sommaire li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	list-style-type: none;
	text-align: right;
	background-color: #BF0000;
	color: #EBE7F0;
	text-decoration: none;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.plus, .plus a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #BF0000;
	text-decoration: none;
}

.plus a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}
.rouge {
	font-weight: bold;
	color: #CA0000;
	font-size: 1.2em;
}
.img_right {
	float: left;
	margin-right: 20px;
}