/* CSS Document */

/*DECLARATIONS GENERALES*/

body {
background-color:white;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
font-weight:normal;
margin-left:0;
margin-right:0;
}

h1, h1, h2, h3, h4, h5, form, ul {
    margin: 0;
    padding: 0;
}
p {
font-size: small;
text-align:justify;
line-height: 1.5em;
}






/* LE HEADER*/

#header{
width: 100%;
background:url(../images/head3.jpg) repeat-x; /* La couleur utilisée est bfffe4 pour head1, pour head2 c'est 809fff, pour head3, bfcfff*/
height:150px;
clear:both;
}

#header_top {
    width: 1000px;
    height:90px;
    margin:0 auto;
	padding:0;
	
}

#left_corner {
    float:left;
    height:60px;
    width:500px;
    padding:0;
	margin:0;
	
}

#left_corner h1  {
    color:black;
    font: bold 30px Arial, Helvetica, sans-serif;
    padding-left:15px;
	padding-top:10px;
	padding-bottom: 5px;
	letter-spacing: 1px;
}


#left_corner h2{
	margin-top: -20px;
	margin-left: 20px;
    color:black;
    font-size:13px;
    font-family:Sans-serif,Georgia,Verdana;
    font-weight:bolder;
}

 #header_image { 
    
    z-index:99;
    position:absolute;
	left:650px;
} 
#pub {
position: absolute;
left: 700px;
} 
/*NAVIGATION HORIZONTALE DU HEADER*/

#header_nav {
    width:100%;
	
    height:43px;
    margin:0 ; 
    background:url(../images/menu.jpg) repeat-x;
}
#nav {
    width:995px;  
    margin:0 auto; 
    padding:0; 
    overflow:hidden;
    height:31px; 
}

#menu {
    float:left;
    margin:5px;
    padding:3px;
    width:730px;
}


#menu li {
    display: inline;
    list-style: none;
    margin:0;
    padding:0;
}



#menu ul {
    display: inline;
    list-style: none;
    margin:0;
    padding:0 10px 0 0;
}

		
#menu a {
    margin:0;
    padding: 3px 10px 3px 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}		
#menu a:visited {
color: #ff9957;
}
#menu a:hover {
    background: #bfcfff;
    text-decoration: none;
    border:1px solid #FFFFFF;
}
#promobenef {
	position: absolute;
	top: 35px;
	left: 830px;
}
/*Fin navigation horizontale*/

/*MENU GAUCHE*/
.menu {
    float: left;
    width:200px;
    padding:0 ;
    margin:10px ; /*permet de creer de l'espacement entre les blocs menu*/
	background-color:#bfcfff;
	border: 3px #6096bf solid;
	clear:left; /*permet de mettre les menus les uns en dessous des autres*/
}

.sous-menu {
    width: 180px;
	padding: 0px;
	margin: 10px;
	background-color:#FFFFFF;
}
 
.sous-menu ul li {
   padding: 0px 0px 5px 18px;
   background:url(../images/16-arrow-right.png) no-repeat;
   list-style-type:none;
}

.sous-menu h2 {
    background-color:#bfcfff;
	font-size: 1.2em;
	padding: 10px 0px 5px 5px ;
}

/*Fin du menu*/

.menu_droite {
    float: right;
    width:180px;
    padding:0 ;
    margin: 10px 10px 10px 10px; /*permet de creer de l'espacement entre les blocs menu*/
	background-color:#bfcfff;
	border: 3px #6096bf solid;
	clear:right;
	min-height: 1000px;
	
}
.sous-menu_droite {
    width: 160px;
	padding: 0px;
	margin: 10px;
	background-color:#FFFFFF;
}
.sous-menu_droite h2 {
    background-color:#bfcfff;
	font-size: 1.2em;
	padding: 10px 0px 5px 5px ;
}
.centrer {
text-align: center;
}
.centrer2 {
text-align: center;
margin-left: -10px;
}

#contenuentier {
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
	
}


#principal{
	width: 700px;
	margin-top:10px;
	margin-left: 240px;
	margin-right: 190px;
	margin-bottom:10px;
	border: 3px #6096bf solid;
	padding:20px;
	
}
#principal p {
	text-align:justify;
	line-height: 1.5em ;
	margin-bottom: 10px;
}
#principal blockquote {
margin: 25px 150px 35px 50px;
font-size: 13px;
text-align: justify;
line-height: 1.3em;
border: 1px solid #1E90FF;
padding: 5px;
text-indent: 10px;
}
#principal blockquote h1 {
color: black;
}
#principal em {
font-weight: bold;
font-style: normal;
}
#principal .blue {
color: #006363;
}
#principal .red {
color: red;
}
#principal .green {
color: green;
}
#principal .orange {
color: #ff9640;
}
#valid img {
position: absolute;
top: 130px;
left: 970px;
}
#liste li{
list-style-image: url(../images/puce_paragraphe.gif);
font-size: 1.2em;
line-height: 1.4em;
}
#liste ul {
padding-left: 40px;
}
#principal #vip blockquote {
font-size: 1.2em;
font-weight: bold;
font-family: Trebuchet MS;
line-height: 1.5em;
margin: -80px 0px 0px 150px;
}
#principal h1 {
	color:#1E90FF;
	margin-bottom: 15px;
	font: bold;
	font-size: 1.6em;
	padding: 3px 3px 3px 0px;
	text-decoration: underline;
}

#principal h2{
	color:#8F8F8F;
	font-size: 1.5em;
	font: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding: 0px 2px 1px 0px;
	text-decoration: underline;
}
#principal h3{
	color:#bf7130;
	font-size: 1.3em;
	font: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	padding: 2px 2px 1px 0px;
	text-decoration: underline;
}
#principal .news h3 {
text-align : left;
font-size : 120%; 
font-weight : normal;
text-transform : uppercase;
border-bottom : 1px solid #e94c92;
color : #a6376a; }

#principal .news p {
text-align : left;
font-size : 120%; 
font-weight : bold;
color : #a6376a;
}
#piedpage{
	clear: both;
	width: 100%;
	bottom: 0;
	text-align:center;
	position:relative;
   	padding-top: 10px;
	border-top:3px #6096bf solid;   
	background:url(../images/piedpage.jpg) repeat;
	
}
#piedpage p{
    text-align:center;
    font-size:11px;
    padding:3px 3px;
    margin:2px 5px 0 5px;
}

#principal a {
text-decoration: underline;
}
#principal a:hover {
background-color: #5ccccc;
}

/* Les liens du site */

a {
color: #2c88bc;
text-decoration:none;
}
a:hover {
text-decoration:underline;

}
a:visited{
color:#2c88bc;
}

/*============Les tableaux===============*/

table {
	margin: 10px 20px 0px 20px;
	border: 2px solid #6096bf;
	caption-side:bottom;
	border-collapse:collapse;
	
}
th {
	background-color:#D0E3FA;
}
td, th {
	border: 1px solid #6096bf;
	padding:7px;
}

caption {
	font-style:italic;
	padding-top:5px;
	padding-bottom: 10px;
}

tr {
	text-align: center;
}

  .adText {font: normal 10pt Arial; text-decoration: none; color: #000;}

  .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #00008b;}
  .ad42_125x125 { 
    margin:2px;
    border-color: #000000;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 1px;}
  .ad42_125x125 td {
    padding: 10px;
    border-width: 0px;
    border-style: inset;
    border-color: #fff;}
  .ad42_125x125 td a img {border:0px}
  
  
  .flesko {
margin:auto;
text-align:center;
font:bold 10px arial;
border:2px solid #FD8F00;
background:#FEEB90;
width:120px;
padding:2px;
color:#775120;
line-height:10px;
}

a.iflesko {color:#FD8F00;font:bold 11px arial;text-decoration:none;line-height:12px;}
a:hover.iflesko {color:#719631}