/* IE stuff vds */
* html, * html body {scrollbar-face-color:#245b8e;scrollbar-highlight-color:#256ea6;scrollbar-3dlight-color:#256ea6;scrollbar-track-color:#0b3f6e}

body {font:12px Arial, Helvetica, sans-sherif;margin:0;background:#0b3f6e url(../images/bgbody.gif);color:#0b3f6e}

img {border:0 none}

#conteneur {width:800px;margin:0 auto;padding:0;background:#dce9ed}

#contenu {background:#dce9ed;width:738px;padding:10px}

/* Titres */
h1 {background:url(../images/titre.gif) no-repeat;font:12px Arial, Helvetica, sans-sherif;margin:0;padding-left:276px;line-height:25px}
h2, h3 {font:12px Arial, Helvetica, sans-sherif}
#blocdroite h2 {font-weight:bold;margin:20px 0 0 0}

/* entête */
#entete {height:73px;background:#c5dae0 url(../images/entete.jpg) left no-repeat}
#entete span {float:right;padding-right:12px}
#sousentete {background:#245b8e;color:#d5e0ea;height:25px;line-height:25px;text-align:left;padding-left:0;border-top:1px solid #0b3f6e;border-bottom:1px solid #0b3f6e}

/* Menus */
#menuh {background:#245b8b;border-top:1px solid #dce9ed;padding-bottom:24px}
#menuh a {display:block;float:left;padding:0 6px;background:#245b8b;color:#dce9ed;text-decoration:none;line-height:24px;border-left:1px solid #dce9ed}
#menuh a:hover, #menuh .actif {background:#dce9ed;color:#0b3f6e}
#menub {background:#c5dae0;padding-bottom:25px;border-top:1px solid #245b8e}
#menub a {display:block;float:left;padding:0 6px;background:#c5dae0;color:#0b3f6e;text-decoration:none;line-height:24px;border-right:1px solid #245b8b;border-bottom:1px solid #245b8b}
#menub a:hover{background:#dce9ed;color:#0b3f6e;border-bottom:1px solid #dce9ed}
#menub .actif {background:#dce9ed;color:#0b3f6e}

/* contenu et disposition des blocs de colone index */
#blocgauche {float:left;width:500px;margin-right:12px}
#blocdroite {float:right;width:223px;text-align:center}
#blocphotos {width:496px;min-height:140px}
#blocphotos, .centre  {background:#c5dae0;padding:0;margin:0;border-left:2px solid #245b8e;border-right:2px solid #245b8e}
.centre p {margin:0;padding:5px 0;text-align:right}
.photo {float:left;margin:0 3px 10px 2px}
.photo img, #blocliste p img {margin:10px 14px 5px 17px;border:2px solid #245b8e}
.photo span {clear:left;display:block;text-align:center;margin:0 5px 10px 5px}
#express {float:right;width:250px}
dt {float:left;width:24px;height:24px;margin-right:-3px}
dd {height:24px;margin:0}

/* contenu et disposition des blocs nouveaux */
#blocliste {width:734px;margin:0;padding:0 -12px 0 0;background:#c5dae0;border-left:2px solid #245b8e;border-right:2px solid #245b8e}
#blocliste dl {margin:0}
#blocliste dl.bas {clear:right}
#blocliste div {width:219px;margin:0;text-align:center}
#blocliste div {float:left;padding:24px 0 0 19px}
#blocliste div img {float:left}
#blocliste p {height:80px}
#blocliste div dt.haut {background:url(../images/coinhgline.gif)}
#blocliste div dd.haut {font-weight:bold;line-height:24px;background:url(../images/coinhdplein.gif) right;text-align:left}
#blocliste div dd.haut h2 {display:inline;line-height:24px;padding:4px 20px 5px 0;margin:0;color:#fff;font-weight:bold}
#blocliste div dt.bas {float:left;width:24px;height:48px;margin-right:-3px;background:url(../images/coinbgbig.gif)}

/*  contenu et disposition des blocs visu */
#blocgauchevisu {float:left;width:283px;margin-right:12px}
#blocdroitevisu {float:right;width:440px;text-align:center}
#blocgauche img {float:left}
#blocgauchevisu dl, #blocdroitevisu dl, #blocgauche dl, #blocdroite dl {width:100%;margin:0;background:#c5dae0}
#blocgauchevisu dd.bas, #blocdroitevisu dd.bas {background:url(../images/coinbdline.gif) right}
#blocgauchevisu dt.basplein {height:24px;background:#245b8e url(../images/coinbgplein.gif) bottom}
#blocgauchevisu dd.basplein {height:24px;background:#245b8e url(../images/coinbdbleu.gif) right no-repeat}
#blocgauchevisu .centrestats dt {width:180px}
#blocgauchevisu .centrestats dd {text-align:right}
#contenu .centrestats  {width:auto;padding:16px 16px 0 16px;background:#c5dae0;border-left:2px solid #245b8e;border-right:2px solid #245b8e}
#blocdroitevisu .centre dl {width:auto;margin:0 16px;padding-top:16px}
#blocdroitevisu .centre dt {width:190px;text-align:left}
#blocdroitevisu .centre dd {font-weight:bold;text-align:left}
#blocgauchevisu .centre p {padding:16px 16px 0 16px;text-align:left}
#blocgauchevisu .centre p a {font-weight:bold;color:#245b8b;text-decoration:none}
#blocgauchevisu .centre p a:hover {text-decoration:underline}
#blocgauchevisu .centre img {float:left;margin:20px}
#blocgauchevisu .centre span {display:block;height:120px}
#contenu .centrebleu dl {width:auto;margin:0 16px;background:transparent;color:#dce9ed}
#contenu .centrebleu dt {width:85%}
#contenu .centrebleu dd {text-align:right}
.centrebleu {background:#245b8e;padding:0;margin:0}
.centrebleu dt {line-height:30px}
.centrebleu dt, .centrebleu dd {height:30px}

/*  contenu et disposition des blocs coup de coeur */
#blocliste dd.bas img {margin:8px 0 0 -2px}
#blocliste dd.bas {height:48px;margin:0;background:url(../images/coinbdbig.gif) right}
#blocliste .centre {text-align:left}
dl {margin:0;clear:both}

/*  contenu et disposition des blocs communs */
dt.haut {background:url(../images/coinhgplein.gif)}
dd.haut {background:url(../images/coinhdline.gif) right;text-align:left}
dd.haut h2 {display:inline;line-height:24px;padding:4px 20px 5px 0;margin:0;color:#fff;font-weight:bold;background:#245b8e url(../images/titrehg.gif) right no-repeat}
dt.bas {background:url(../images/coinbgline.gif)}
dt.basmini {background:url(../images/coinbgplein.gif)}
dd.bas, dd.basmini {font:10px Arial, Helvetica, sans-sherif;text-align:right}
dd.bas {background:url(../images/valid.gif) right}
dd.baslarge {background:url(../images/coinbdline.gif) right}
dd.basmini {background:url(../images/validmini.gif) right}
dd.basmini h3 {display:inline;float:left;line-height:24px;padding:0 20px 0 0;margin:0;color:#fff;font-weight:bold;background:#245b8e url(../images/coindintplein.gif) right no-repeat}
dd.basmini span.check {float:left;height:24px;padding:0 20px 0 0;margin:0;color:#fff;font-weight:bold;background:#245b8e url(../images/coindintplein.gif) right no-repeat}
dd.bas span, dd.basmini span {font:12px Arial, Helvetica, sans-sherif;line-height:24px;font-weight:bold;color:#fff}
dd.bas span {padding:0 30px}
dd.basmini span {padding:0 25px 0 30px}
dt.basplein, dd.basplein {height:auto}

/* couleurs liens */
dd.bas a {color:#0b3f6e}
dd.bas span a, dd.basmini a, dd.basmini span a, #pied li a {color:#c5dae0;text-decoration:none}
dd.bas span a:hover, dd.basmini a:hover, dd.basmini span a:hover, #pied li a:hover {color:#fff}
dd.basmini a.pass {color:#0b3f6e;text-decoration:none; font-size:9px}
dd.basmini a.pass:hover {color:#0b3f6e;text-decoration:underline;font-size:9px}

/* pied de page */
#pied {clear:both;height:25px;margin-top:10px;line-height:25px;background:#245b8e;font-weight:bold;color:#d5e0ea;border-top:2px solid #0b3f6e}
#pied ul {margin:0;padding:0}
#pied li {float:left;display:block;width:19.8%;list-style-type:none;text-align:center;border-right:1px solid #0b3f6e}
#souspied {font:10px Arial, Helvetica, sans-sherif;height:24px;text-align:right;background:#0b3f6e;color:#91b8c4}
#souspied a {color:#c5dae0;text-decoration:none}
#souspied a:hover {color:#c5dae0;text-decoration:underline}

/* formulaires */
form {margin:0}
.focus {background:#fff}
.normal, input, textarea {background:#eff5f8}
label {cursor:help}
input, textarea, select {background:#eff5f8;color:#952220;margin-right:10px}
#sexe3, #sexe4 {width:129px}
#agefrom0, #ageto0 {width:58px}
dd.basmini input {float:left;margin:0 2px 0 0}
dd.basmini label {float:left;font:12px Arial, Helvetica, sans-sherif;line-height:24px}
input#photo0 {background:#245b8e;margin:4px 4px 4px -2px !important;margin:2px 2px 4px -4px}

.er12 {
	font-size:12px;	
	}
.er11 {
	font-size:11px;	
	}
.er10 {
	font-size:10px;	
	}
.er12u{
	font-size:12px;	
	color:#FF0000;
	}	
.evi12 {
	font-size:12px;	
	}
.titre {
	font-size: 12px;
	color:#FFFFFF;
	line-height:12px;
	background-color: #245b8b;
	}
.tableau {background-color:#c5dae0; font-size:12px; /*line-height:2px;*/}
.falt {background-color:#dce9ed;}
.hg {background-image:url(../images/coinhgplein.gif); width:24px; height:24px;}
.hg2 {background-image:url(../images/coinhgline.gif); width:24px; height:24px;}
.hd {background-image:url(../images/hd-sombre.gif); width:24px; height:24px;}
.hgc {background-image:url(../images/hg-clair.gif); width:24px; height:24px;}
.hdc {background-image:url(../images/hd-clair.gif); width:24px; height:24px;}
.hds{background-image:url(../images/hd-sombre.gif); width:24px; height:24px;}
.hgsi{background-image:url(../images/hg-sombre-int.gif); width:24px; height:24px;}
.hdsi{background-image:url(../images/hd-sombre-int.gif); width:24px; height:24px;}
.bdsi{background-image:url(../images/bd-sombre-int.gif); width:24px; height:24px;}
.bgsi{background-image:url(../images/bg-sombre-int.gif); width:24px; height:24px;}
.bgc {background-image:url(../images/bg-clair.gif); width:24px; height:24px; }
.bdc {background-image:url(../images/bd-clair.gif); width:24px; height:24px;}
.bgs {background-image:url(../images/bg-sombre.gif); width:24px; height:24px;}
.bds {background-image:url(../images/bd-sombre.gif); width:24px; height:24px;}
.hd2 {background-image:url(../images/hd2-clair.gif); width:24px; height:24px;}
.hd3 {background-image:url(../images/hd3-clair.gif); width:24px; height:24px;}
.bordh { border-top: 2px solid #245b8b;}
.bordb { border-bottom: 2px solid #245b8b;}
.bordg { border-left: 2px solid #245b8b;}
.bordd { border-right: 2px solid #245b8b;}
a:hover, a:visited, a:link {
 font-size:12px;
 text-decoration:none;
 color:#0b3f6e;}
.mini2 {
	color: #ffffff;
	font:2px Arial;
	line-height:5px;
}	
A.lr12:link {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
}
A.lr12:visited {
	FONT-SIZE: 12px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none
}
A.lr12:hover {
	FONT-SIZE: 12px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none
}