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

/* ------------------GENERAL------------------- */

/* commented backslash hack v2 \*/ 
body{height:100%;} 
html{height:100%;} 
/* end hack */ 

body
{
margin:0;
padding:0;
font-family:Trebuchet MS, Georgia, Times, "Times New Roman", serif;
font-size: 14px;
background:url(/fr/images/cnt_bak.gif);
background-repeat:repeat-x;
line-height:1.4;
color:#444;
}

#outer{
min-height:100%;
margin:auto;
width:944px;
background:url(/fr/images/cnt_cnt_bak.gif);
/* -- POUR PAGE TEMPOR. EN LIGNE --> background:url(/fr/images/bak_tmp.gif);*/
text-align:left;
position:relative;
}

* html #outer{height:100%} 

a,
a:link,
a:active,
a:visited       {
color: #016fb4;
text-decoration:underline;
}

a:hover         {
text-decoration: none;
border-bottom: 0; 
}

h1         {
font-size: 22px;
font-weight:normal;
color:#80b839;
margin:0;
padding:0;
}

h2         {
font-size: 18px;
font-weight:normal;
color:#016fb4;
margin:0;
padding:0;
}

h3         {
font-size: 16px;
color:#80b839;
font-weight:bold;
margin:0;
padding:0;
}

h4         {
font-size: 16px;
color:#666;
font-weight:bold;
font-style:italic;
margin:0;
padding:0;
}

img{
    border: 0;
}


td{
	vertical-align:top;
}


/* ----------STRUCTURE 2 COLUMNS FIXED---------- */

#container{
width: 944px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header{
clear:both;
}

#headertop{
}

#headernav{
height:38px;
}

#headerbot{
}

#content{
padding:13px 50px 0 0;
}

/* column container */
.colcontainer {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
}


/* common column settings */
.colcntwrap {
float:left;
width:100%;
position:relative;
}

.col1,
.col2 {
z-index:4;
float:left;
position:relative;
overflow:hidden;
}

/* 2 Column settings */
.colwrap {
}
.colwrap .colcntwrap {
right:682px;			/* right column width */
}
.colwrap .col1 {
width:682px;			/* right column content width */
left:100%;				/* 100% plus left column left padding */
}
.colwrap .col2 {
width:262px;			/* left column content width (column width minus left and right padding) */
}



/* -------------------FOOTER--------------------- */

#clearfooter{clear:both;height:70px;}/*needed to make room for footer*/

#footer{
position:absolute;
bottom:-1px;
margin-bottom:-2px;
padding-bottom:2px;
width: 100%;
height:61px;
background:url(/fr/images/cnt_bot_bak.gif);
background-repeat:no-repeat;
color:#cce1ef;
font-size:11px;
}

#footernav {
float:left;
padding:30px 0 0 20px;
}

#footernav a, #footernav a:link, #footernav a:visited, #footernav a:active{
color:#cce1ef;
}

#footernav a:hover{
}

#footercop {
float:right;
text-align:right;
padding:30px 20px 0 0;
}

#footercop a, #footercop a:link, #footercop a:visited, #footercop a:active{
color:#cce1ef;
}

#footercop a:hover{
}




/* ------------------HRDASHES------------------- */

.hrdashed {
margin:0;
padding:0;
border-bottom:1px dashed #d0d0d0;
display:block;
}

.hrdashed2 {
margin:0;
padding:0;
border-bottom:1px dashed #863616;
width:90%;
display:block;
}



/* ------------------CLASSes and ID's------------------- */

#adresse {
z-index:3;
position:absolute;
left:0;
bottom:50px;
width:220px;
text-align:right;
font-size:11px;
}

#adressetitle {
text-transform:uppercase;
color:#016fb4;
font-weight:bold;
}

#boxes {
height:360px;
}

#abonnementcode{
width:214px;
padding:0 0 0 6px;
margin:0 0 0 6px;
background:#006baf;
}

#abonnementcode form input {
margin:0 0 0 10px;
padding:0;
width:160px;
font-size:11px;
color:#0272b4;
}

#logosbot {
z-index:5;
position:absolute;
left:232px;
bottom:42px;

}
.jaune {
	background-color: #FFFF00;
}

#tabhon {
	text-align: center;
}

#tabhon ul{
	list-style-type:none;
}

#tabhon li {
	list-style-type:none;
	text-align: center;
}

#tabhon td {
	text-align: left;
}

.rowstyle1 {
	background-color: #ccc;
	width: 325px;
	font-size:14px;
	color:#555;
}
	
.rowstyle1 p {
	background-color: #dedede;
	margin:4px;
	padding:3px;
}

.rowstyle2 {
	background-color: #BBD7E9;
	text-align:center;
	color:#333;
}

.rowstyle2 p {
	background-color: #c3deef;
	margin:6px;
}

.rowstyle3 {
	background-color: #999;
	width: 325px;
	color:#fff;
	text-align:center;
}