@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif,;
	background-image: url(../images/fond.jpg);
}

* {
	margin:0;
	padding:0;
}

img {
	border: none;
	font-size:1px;
	line-height:1px
	}
ul
 {margin:4px 0 4px 58px; clear:both}
 li
  {list-style:none; background-image:url(../images/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}
a
 {text-decoration:none}
a:hover
 {text-decoration:underline}

div
 {display:block; position:relative}
[15:03:06] SANTINI Arnaud a dit : label
 {display:block; position:relative; float:left; width:140px; color:#333333}

input, textarea
 {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #AAA; margin-bottom:3px}
/*---o Gestion des blocks contenant un float pour qu'ils descendent jusqu'en bas du float. Ex <div class="maClass clearfix">...</div> */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Caché pour IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* Fin de caché pour IE-mac */
/*---------------------------------------*/
body {
	margin-top:20px; background-color:#FFFFFF}

#conteneur {
	position:relative; display:block; margin-left:auto; margin-right:auto; height:600px; width:955px; background-image:url(../image/fond_ph.jpg); background-repeat:no-repeat;}

#devise {
	position:absolute; top:32px; left:120px; font-size:18px; color:#fff; font-weight:500}

#menu1 {
	position:absolute; display:block; top:270px; right:0px; padding-left:5px; padding-top:2px; font-weight:bold; font-size:11px; color:#8abb95;}
	html* #menu1{
		padding-left: 5px;}
	#menu1 ul li{
		display:inline;	list-style:none; font-size:12px; padding-left:5px}
	#menu1 ul li a{
		text-decoration:none; color:#8abb95;}
		#menu1 ul li a:hover{
		color:#fff;}
		#menu1 ul li a.active{		
		color:#fff;}	
		
#menu2A {
	position:absolute;
	top:329px;
	right:0px;
	font-size:12px;
	color:#000;
	text-align:center;
	heigh:50px;}
.bl{	
	width:25%;
	height:50px;
	border-right:1px solid #000;
	v-align:middle;
	cursor:pointer }
	.bl:hover{	
	width:25%;
	height:50px;
	border-right:1px solid #000;
	v-align:middle;
	color:#fff;
	background-color:#295ba7 }
	
#menu2 {
	position:absolute; display:block; top:360px; left:5px; padding-left:5px; padding-top:2px; font-size:14px; color:#fff;}
	html* #menu1{
		padding-left: 5px;}
	#menu2 ul {margin:4px 0pt 4px 2px;}
	#menu2 ul li{
		display:block;list-style:none; font-size:14px; padding-left:5px ; width:80px}
	#menu2 ul li a{
		text-decoration:none; color:#fff;}
		#menu2 ul li a:hover{
		font-weight:bold;
		color:#fff;}
		#menu2 ul li a.active{
		font-weight:bold;		
		color:#fff;}

#Accred {
	position:absolute; top:495px; left:120px; height:80px; background-image:url(../image/cofrac.jpg); background-repeat:no-repeat; background-position:left;}
#Accred .text {
	font-family:Arial, Verdana,; font-size:9px; text-transform:uppercase; color:#000000; margin-left:55px; padding-top:22px}
#Actu {
	position:absolute; top:455px; right:0px; height:120px; width:215px; background-color:#295ba7;}
	#Actu h1 {
	font-family:Arial, Verdana,; font-size:18px; font-weight:normal; text-transform:uppercase; color:#fff; margin-left:10px; padding-top:10px}
	#Actu .text {
	font-family:Arial, Verdana,; font-size:9px; font-weight:normal; color:#fff; margin-left:10px; padding-top:10px;padding-bottom:10px}
	#Actu a {
	font-family:Arial, Verdana,; font-size:9px; font-weight:normal; color:#fff; margin-left:10px; padding-left:80px; text-decoration:none;}