/* CSS Document */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width : 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background-image:url(images/background0.jpg);
	background-repeat:repeat-x;
	text-align:justify;
	font-size:11px;
	color:#666666;
	background-color:#999999;
}

a {
	color:#0066FF;
	text-decoration:underline;
	font-weight:bold;
}

a:link {
	color:#408FEC;
}

a:visited {
	color:#408FEC;
}

a:hover {
	color:#FF0000;
}

img {
border:none;
}


h1 {
	padding-top:10px;
	padding-bottom:8px;
	margin:0px;
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	letter-spacing: -1px;
	text-align:left;
	line-height:15px;
	text-transform:uppercase;
}

h2 {
	padding-top:0px;
	padding-bottom:8px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial, Sans-serif;
	font-size:14px;
	font-weight:bolder;
	letter-spacing: -1px;
	text-align:left;
	line-height:12px;
}


h3 {
	padding-top:8px;
	padding-bottom:8px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial, Sans-serif;
	font-size:12px;
	font-weight:bolder;
	text-align:left;
	line-height:12px;
}

.highlight {
color:red;
font-weight:bold;
}

#references img {
border:1px solid #CCCCCC;
}


#header {
	height:172px;
	
}

.note {
font-size:10px;}

.menu {
float:left;
}


p {
padding:0px;
margin:0px;
}

.link-bloc {
	text-decoration:none;
	font-weight:normal;
	color:#666666;
}

.link-bloc:link {
	text-decoration:none;
	font-weight:normal;
	color:#666666;
}

.link-bloc:visited {
color:#666666;
}

.link-bloc:hover {
text-decoration:underline;
}

#maincontain {
	min-height:300px;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	background-color:#FFFFFF;
	padding-top:40px;
	padding-bottom:20px;
	clear:left; /* pour dreamweaver */
	overflow: auto; 
}

#gauche {
	width:211px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	}

#centre {
	float:left;
	padding:0px 10px 15px 10px;
	width:352px;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
}


#droite {
	float:right;
	width:236px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
	margin-top:-10px;
	
}

.bloc {
	padding-bottom:10px;
	border-bottom: 1px dotted #CCC;
	padding-top:10px;
}

.separatebloc {
	padding-bottom:15px;
}

#footer {
	clear:both;
	height:30px;
	background-image:url(images/footer.jpg);
	text-align:right;
	font-size:10px;
	padding-top:0px;
	padding-right:40px;
	line-height:30px;
}

.rouge {
color:red;
}

.input-text {
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	border:1px #CCC solid;
	width:100px;
	color:#999999;
}

.input-button {
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:19px;
	border:1px #CCC solid;
	color:#FFF;
	background-color:#0066CC;
	cursor:pointer;
}

.input-button2 {
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:19px;
	border:1px #CCC solid;
	color:#FFF;
	background-color:#CCCCCC;
	cursor:pointer;
}

.picto {
border:none;
float:left;
padding-right:8px;
padding-bottom:5px;
}

.titre-texte {
padding-bottom:10px;
}

a.info{
    position:relative; 
    z-index:24; background-color:none;
    color:#000;
    text-decoration:dotted;
	display:block;
	}

a.info:hover{z-index:25; background-color:#FFFFCC}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    text-decoration:none;
    font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size:10px;
    top:0px; left:85px; width:20em;
    border:1px solid #000;
    background-color:#000; color:#FFF;
    text-align: justify;
    font-weight:normal;
    padding:5px;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
    }