
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***----*/

body {

font-family: Helvetica, Arial, sans-serif;

background:#fff url(pix/fdomb.jpg) no-repeat center -20px;
/*font-size:75%;
line-height:1.5;*/
font-size:12px; line-height:16px;

}

h3.titrepage { color:#f05e9e; font-size:14px;  margin-bottom:15px;  }
p strong {color:#1e4588; font-style:italic; font-size:12px; line-height:16px; }






#pucenouv {
float:left;
width:80px;
height:177px;

margin:430px 0 0 65px;
border:0pt solid red;
overflow:hidden;
}
#pucenouv a {
display:block;
text-indent:-9990px;
overflow:hidden;

width:80px;
height:95px;
margin:0px 0 0 0;

background:transparent url(pix/new2.png) no-repeat 0 0;

}
#pucenouv a:hover {
background:transparent url(pix/new2.png) no-repeat 0 -95px;
}

#arr { float:right; margin:-20px 0 0 250px; overflow:visible;
/*background:#fff url(pix/arr2.jpg) no-repeat 0 0;*/ 
} 
#arr ul, #arr ul.top { list-style:none;}
/*#arr ul.top li { float:left; width:130px; height:74px; margin:0 10px 0 0; border:1pt solid red;}
#arr ul li { float:left; width:130px; height:216px; margin:0 10px 0 0; border:1pt solid red;}
#arr ul.top li { float:left; width:130px; height:74px; margin:0 10px 0 0; border:1pt solid red;}*/
#arr ul li { float:left;  margin:0 35px 15px 0; }
#arr ul li div.titre { float:left; width:130px; height:34px; margin:0 5px 0 0; font-weight:bold; font-size:18pt; color:#fff; padding-top:40px; text-align:center; }
#arr ul li div.cont { float:left; width:130px; }

#site {
width:800px;
margin:8px auto 0 auto;
border:0pt solid red;
}
#head, #head1, #head2, #head3 {
width:100%;
height:278px;
float:left;
background:#fff;
}
#head.fdh { background:#fff;}
#head.fdh1, #head1 { background:#fff url(pix/fdh1.jpg) no-repeat 0 bottom;}
#head.fdh2, #head2 { background:#fff url(pix/fdh2.jpg) no-repeat 0 bottom;}
#head.fdh3, #head3 { background:#fff url(pix/fdh1.jpg) no-repeat 0 bottom;}

div.animflash {float:left; width:440px; height:80px; margin-left:260px;  margin-top:30px;}
div.animflash2 {float:left; width:550px; height:110px; margin-left:260px;  margin-top:-10px;}
div.animflash500 {float:left; width:500px; height:80px; margin-left:200px;  margin-top:30px;}
div.animflash650  {float:left; width:650px; height:80px; margin-left:100px;  margin-top:30px;}
#holdlogo { width:190px; height:130px; margin-left:19px; overflow:hidden; float:left;}
#holdlogo a { display:block; overflow:hidden; width:190px; height:130px; background:transparent url(pix/logomr.png) no-repeat; text-indent:-9990pt;}

ul#menuprinc {
float:right;
width:570px;
height:45px;
border:0pt solid red;
margin-top:21px;
overflow:hidden;

}
ul#menuprinc li {
float:left;
list-style:none;
width:225px;
width:197px;
display:block;
overflow:hidden;
height:45px;
border:0pt solid red;
position:absolute;
}

ul#menuprinc li a { margin:0 0 0 0; font-weight:bold; float:left; text-decoration:none; color:#60abdd; display:block; width:100%; text-align:center; height:45px; padding-top:15px; overflow:hidden;}
ul#menuprinc li#menu1 {z-index:10; }
ul#menuprinc li#menu2 {z-index:11; margin-left:170px;   }
ul#menuprinc li#menu3 {z-index:12; margin-left:340px;  }

ul#menuprinc li#menu1.ongleton {z-index:15; }
/*ul#menuprinc li#menu1:hover, ul#menuprinc li#menu2:hover, ul#menuprinc li#menu3:hover {z-index:16; }*/
ul#menuprinc li#menu2.ongleton {z-index:15;    }
ul#menuprinc li#menu3.ongleton {z-index:15;  }



/*ul#menuprinc li.ongletoff,
ul#menuprinc li.ongleton { background:transparent url(pix/onglet.png) no-repeat 0 0;}
ul#menuprinc li.ongleton { background-position:0 -45px; z-index:40;}
ul#menuprinc li.ongleton a { color:#fff;}
ul#menuprinc li.ongletoff:hover { background-position:0 -45px;}
ul#menuprinc li.ongletoff:hover a { color:#fff;}*/

ul#menuprinc li#menu1 a, ul#menuprinc li#menu2 a, ul#menuprinc li#menu3 a { height:45px; overflow:hidden; text-indent:-900%; background:transparent url(pix/onglet12.png) no-repeat 0 0;  }
ul#menuprinc li#menu1 a:hover, ul#menuprinc li#menu1.ongleton a { background:transparent url(pix/onglet12.png) no-repeat 0 -45px;  }
ul#menuprinc li#menu1.ongleton a, ul#menuprinc li#menu1.ongleton a:hover { background:transparent url(pix/onglet12.png) no-repeat 0 -90px;  }


ul#menuprinc li#menu2 a {  background:transparent url(pix/onglet22.png) no-repeat 0 0;}
ul#menuprinc li#menu2 a:hover, ul#menuprinc li#menu2.ongleton a { background:transparent url(pix/onglet22.png) no-repeat 0 -45px;  }
ul#menuprinc li#menu2.ongleton a, ul#menuprinc li#menu2.ongleton a:hover { background:transparent url(pix/onglet22.png) no-repeat 0 -90px;  }

ul#menuprinc li#menu3 a {  background:transparent url(pix/onglet32.png) no-repeat 0 0;}
ul#menuprinc li#menu3 a:hover, ul#menuprinc li#menu3.ongleton a { background:transparent url(pix/onglet32.png) no-repeat 0 -45px; }
ul#menuprinc li#menu3.ongleton a, ul#menuprinc li#menu3.ongleton a:hover { background:transparent url(pix/onglet32.png) no-repeat 0 -90px; }


.cl { clear:both}

ul#sousmenu {
float:left;
width:550px;
/*overflow:hidden;*/
height:70px;
border:0pt solid blue;
}
ul#sousmenu li {
float:left;
list-style:none;
display:block;
overflow:hidden;
height:60px;
border:0pt solid red;
margin-right:1px;
text-align:center;
}
ul#sousmenu li a, ul#sousmenu li a:hover { margin:0 0 0 0; font-weight:bold; font-size:10pt; float:left; text-decoration:none; color:#fff; display:block;  text-align:center;  padding:0 10px 0 10px; border:0pt solid red; height:70px; }
ul#sousmenu li a.page1 {width:129px; padding:10px 0 0 0;}
/*width:102px; */
ul#sousmenu li.off { background:#fff url(pix/boutblue.jpg) repeat-x 0 -70px; height:70px; 

}
ul#sousmenu li.off:hover { background-position:0 0;}
ul#sousmenu li.on { background:#fff url(pix/boutblueon.jpg) repeat-x 0 0; height:70px; padding:0 10px 0 10px; }
ul#sousmenu li.on a { font-size:11pt;}


ul#sousmenu li#pr a { background:transparent url(pix/ssmenu/pres.jpg) no-repeat center -70px; text-indent:-900%;  }
ul#sousmenu li#pr a:hover { background:transparent url(pix/ssmenu/pres.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#pr.on a { background:transparent url(pix/ssmenu/pres1.jpg) no-repeat center 0; text-indent:-900%;  }

ul#sousmenu li#be a { background:transparent url(pix/ssmenu/bienetre.jpg) no-repeat center -70px; text-indent:-900%;  }
ul#sousmenu li#be a:hover { background:transparent url(pix/ssmenu/bienetre.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#be.on a { background:transparent url(pix/ssmenu/bienetre1.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#ma a { background:transparent url(pix/ssmenu/mama.jpg) no-repeat center -70px; text-indent:-900%;  }
ul#sousmenu li#ma a:hover { background:transparent url(pix/ssmenu/mama.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#ma.on a { background:transparent url(pix/ssmenu/mama1.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#sa a { background:transparent url(pix/ssmenu/sante.jpg) no-repeat center -70px; text-indent:-900%;  }
ul#sousmenu li#sa a:hover { background:transparent url(pix/ssmenu/sante.jpg) no-repeat center 0; text-indent:-900%;  }

ul#sousmenu li#sa.on a { background:transparent url(pix/ssmenu/sante1.jpg) no-repeat center 0; text-indent:-900%;  }

ul#sousmenu li#en a { background:transparent url(pix/ssmenu/env.jpg) no-repeat center -70px; text-indent:-900%; width:210px;  }
ul#sousmenu li#en a:hover { background:transparent url(pix/ssmenu/env.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#en.on a { background:transparent url(pix/ssmenu/env1.jpg) no-repeat center 0; text-indent:-900%;  }

ul#sousmenu li#un a { background:transparent url(pix/ssmenu/unite.jpg) no-repeat center -70px; text-indent:-900%; width:126px;  }
ul#sousmenu li#un a:hover { background:transparent url(pix/ssmenu/unite.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#un.on a { background:transparent url(pix/ssmenu/unite1.jpg) no-repeat center 0; text-indent:-900%;  }


ul#sousmenu li#vi a { background:transparent url(pix/ssmenu/visite2.jpg) no-repeat center -70px; text-indent:-900%; width:83px;  }
ul#sousmenu li#vi a:hover { background:transparent url(pix/ssmenu/visite2.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#vi.on a { background:transparent url(pix/ssmenu/visite21.jpg) no-repeat center 0; text-indent:-900%;  }



ul#sousmenu li#iderec a { background:transparent url(pix/ssmenu/id.jpg) no-repeat center -70px; text-indent:-900%; width:79px;  }
ul#sousmenu li#iderec a:hover { background:transparent url(pix/ssmenu/id.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#iderec.on a { background:transparent url(pix/ssmenu/id1.jpg) no-repeat center 0; text-indent:-900%;  }


ul#sousmenu li#eve a { background:transparent url(pix/ssmenu/salons.jpg) no-repeat center -70px; text-indent:-900%; width:40px;  }
ul#sousmenu li#eve a:hover { background:transparent url(pix/ssmenu/salons.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#eve.on a { background:transparent url(pix/ssmenu/salons1.jpg) no-repeat center 0; text-indent:-900%;  }


ul#sousmenu li#regmin a { background:transparent url(pix/ssmenu/regmin.jpg) no-repeat center -70px; text-indent:-900%; width:125px;  }
ul#sousmenu li#regmin a:hover { background:transparent url(pix/ssmenu/regmin.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#regmin.on a { background:transparent url(pix/ssmenu/regmin1.jpg) no-repeat center 0; text-indent:-900%;  }

ul#sousmenu li#baby a { background:transparent url(pix/ssmenu/baby.jpg) no-repeat center -70px; text-indent:-900%; width:125px;  }
ul#sousmenu li#baby a:hover { background:transparent url(pix/ssmenu/baby.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#micro a { background:transparent url(pix/ssmenu/micro.jpg) no-repeat center -70px; text-indent:-900%; width:125px;  }
ul#sousmenu li#micro a:hover { background:transparent url(pix/ssmenu/micro.jpg) no-repeat center 0; text-indent:-900%;  }


ul#sousmenu li#op a { background:transparent url(pix/ssmenu/ope.jpg) no-repeat center -70px; text-indent:-900%; width:69px;  }
ul#sousmenu li#op a:hover { background:transparent url(pix/ssmenu/ope.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#op.on a { background:transparent url(pix/ssmenu/ope1.jpg) no-repeat center 0; text-indent:-900%;  }


ul#sousmenu li#je a { background:transparent url(pix/ssmenu/jeux.jpg) no-repeat center -70px; text-indent:-900%; width:88px;  }
ul#sousmenu li#je a:hover { background:transparent url(pix/ssmenu/jeux.jpg) no-repeat center 0; text-indent:-900%;  }
ul#sousmenu li#je.on a { background:transparent url(pix/ssmenu/jeux1.jpg) no-repeat center 0; text-indent:-900%;  }


div.post { 
width:520px;
text-align:justify;
margin-bottom:10px;
border:0pt solid red;
font-size:12px;
line-height:18px;
/*letter-spacing:1px; */
}

#cont { width:795px; border:0pt solid red; margin-left:1px; float:left;  background:#fff url(pix/grisbis.jpg) repeat-y 0 0;
/*background:#fff url(pix/griscentre.jpg) repeat-y 240px 0; */
}

#cont.nogris { background-image:none;}

div.grisst { background:transparent url(pix/grissstitre.jpg) no-repeat 0 0;}

#colgauche { width:240px; float:left; padding-bottom:25px;
background:transparent url(pix/gristop.jpg) no-repeat 0 0; 
}
div.blocg { float:left; margin:48px 0 0 30px;}
#colcentre { float:left; margin-top:0px; margin-left:10px; padding-bottom:25px; width:540px; border:0pt solid red;}

#pucect { position:absolute; width:104px; height:103px; margin:220px 0 0 700px; }
#pucectin { float:left; width:104px; height:103px; margin:20px 0 0 10px; }
#pucect a, #pucectin a { float:left; display:block; overflow:hidden; text-indent:-900%; width:104px; height:103px; background:transparent url(pix/pucect2.png) no-repeat; }
#pucect a:hover, #pucectin a:hover { background:transparent url(pix/pucect2.png) no-repeat 0 -103px;}

h4, h4.glos { color:#1e4588; font-weight:bold; font-size:14pt; margin-top:10px; padding-bottom:5px;}
h4.glos { border-bottom:.25px solid #1e4588; font-size:12pt; margin-bottom:5px;}
strong.blu {color:#1e4588; font-style:italic; }
strong.big { font-size:14px; line-height:22px;}
h4.no {margin-top:0}
p.just { text-align:justify; padding-bottom:15px;}
h3.titrepage { cursor:default;}
a.anorm { cursor:pointer;}
a.def, a.defmont, a.defone {color:#263e93; color:#004788; text-decoration:underline; }
a.def:hover, a.defmont:hover, strong.ros, .ros, a.defone:hover {color:#f05e9e;}
a.inv, a.inv:hover {color:#f05e9e;}
a.def { cursor:help;}
a#anouv, a.norm, a.defone { cursor:pointer}
a, a:hover {color:#1e4588; text-decoration:none; }
a.inv, a.inv:hover {color:#f05e9e; text-decoration:none; }
a:hover {color:#f05e9e;}
a.inv:hover {color:#1e4588;}
.tool-tip { 
/*width:250px;*/
background:transparent url(pix/fdtool2.png) no-repeat 0 bottom;
border:0pt solid #fff; 
padding:3px 0 5px 5px;

}
.tool-title {font-size:12px;  font-weight:bold; padding:3px 0 0 0; margin-left:10px; margin-right:10px; color:#f05e9e; /*border-bottom:1pt solid #f05e9e;*/
 }
.tool-text { font-size:11px; line-height:20px; padding:5px 10px 10px 5px; margin-left:5px;  color:#344b9a; color:#004788; text-align:justify; }


.norm-tip { 
/*width:250px;*/
background:transparent url(pix/fdtool2.png) no-repeat 0 bottom;
border:0pt solid #fff; 
padding:3px 0 5px 5px;

}
.norm-title {font-size:11pt; font-weight:bold; padding:3px 0 5px 0; margin-left:10px; margin-right:10px; color:#f05e9e; border-bottom:0pt solid #f05e9e; }
.norm-text { display:none;}

.mont-title {display:none}
.mont-text { font-size:9pt; letter-spacing:-0.05em; padding:78px 5px 5px 18px; color:#344b9a;}

.helpacc-tip { background:transparent url(pix/fdhelpblu90.png) repeat; border:2pt solid #fff; padding:5px;}
.helpacc-title {font-size:11pt; font-weight:bold;  color:#f05e9e}
.helpacc-text { font-size:9pt; letter-spacing:0.05em; padding:7px 5px 5px 4px; color:#344b9a;}


#foot { float:left; clear:left; width:100%; height:60px; text-align:right; padding-right:10px; margin-top:20px;}
#foot a { text-decoration:none; color:#1e468a; font-size:10pt;}
#foot a:hover { color:#f05e9e;}
p.opt { text-align:center; color:#666666; font-size:10px; margin-top:150px; padding-bottom:20px;}
img.fleft { float:left; margin:5px 25px 10px 0;}
img.fright {float:right; margin:5px 0px 15px 20px;}

h3.toggler {height:30px; width:160px;  display:block; text-indent:-9990px; overflow:hidden float:left; cursor:pointer; margin-bottom:0px; }
h3.nomagbot { margin-bottom:0}

div.element { margin-bottom:10px; clear:left; }

h3#purete { background:transparent url(pix/h3pure.jpg) no-repeat 0 0;  }
h3#av { background:transparent url(pix/h3av.jpg) no-repeat 0 0; margin-bottom:0  }
h3#histo { background:transparent url(pix/h3histoire.jpg) no-repeat 0 0;  }
h3#h3baby { background:transparent url(pix/h3baby.jpg) no-repeat 0 0; width:142px; height:47px;  }
h3#h3favo { background:transparent url(pix/h3favo.jpg) no-repeat 0 0; width:256px;  }
h3#h3eau { background:transparent url(pix/h3eau.jpg) no-repeat 0 0; width:256px;  }
h3#h3conso { background:transparent url(pix/h3conso.jpg) no-repeat 0 0;  width:256px; }

h3#h3bebe { background:transparent url(pix/h3bebe.jpg) no-repeat 0 0; width:118px; margin-bottom:0;  }
h3#h3maman { background:transparent url(pix/h3maman.jpg) no-repeat 0 0; width:118px; margin-bottom:0; }

h3#h3part { background:transparent url(pix/h3part.jpg) no-repeat 0 0;  width:160px; }
h3#h3recru { background:transparent url(pix/h3recru.jpg) no-repeat 0 0;  width:172px; }
h3#h3glo { background:transparent url(pix/h3glo.jpg) no-repeat 0 0;  width:131px; }
h3#h3contact { background:transparent url(pix/h3contact.jpg) no-repeat 0 0;  width:192px; }
h3#h3reco { background:transparent url(pix/h3reco.jpg) no-repeat 0 0;  width:266px; }
h3#h3pds { background:transparent url(pix/h3pds.jpg) no-repeat 0 0;  width:160px; }
h3#h3ml { background:transparent url(pix/h3ml.jpg) no-repeat 0 0;  width:232px; }
h3#etapes { background:transparent url(pix/h3etapes.jpg) no-repeat 0 0;  width:436px; }
h3#usine { background:transparent url(pix/h3usine.jpg) no-repeat 0 0;  width:118px; }
h3#prod { background:transparent url(pix/h3prod.jpg) no-repeat 0 0;  width:379px; }
h3#janv { background:transparent url(pix/h3janvier.jpg) no-repeat 0 0;  width:257px; }
h3#juillet { background:transparent url(pix/h3juillet.jpg) no-repeat 0 0;  width:257px; }
h3#moment { background:transparent url(pix/h3moment.jpg) no-repeat 0 0;  width:199px; }
h3#h3microniseur { background:transparent url(pix/h3microniseur.jpg) no-repeat 0 0;  width:345px; }
h3#h3regmin { background:transparent url(pix/h3regmin.jpg) no-repeat 0 0;  width:240px; }
h3#h3sitepres { background:transparent url(pix/h3sitepres.jpg) no-repeat 0 0;  width:240px; }
h3#h3viequot { background:transparent url(pix/h3viequot.jpg) no-repeat 0 0;  width:402px; }
h3#h3cadrerespect { background:transparent url(pix/h3cadrerespect.jpg) no-repeat 0 0;  width:223px; }
h3#h3cq { background:transparent url(pix/h3cq.jpg) no-repeat 0 0; width:223px; }

#elresultform input, #elresultform select, #elresultform textarea { width:120px; border:0.25px solid #1e4588; background-color:#f2f2f2; font-size:90%; padding:2px; }
#elresultform fieldset, fieldset { float:left; width:220px; clear:left; margin-bottom:10px; border:0pt solid white; outline:none}
#elresultform fieldset span { width:90px; border:1pt solid red;  text-align:left; padding-left:5px;}
#elresultform label { float:left; width:90px; text-align:right; margin-right:5px; padding-top:3px;}
#elresultform label.libre { float:left; width:90px; border:1pt solid red;  text-align:left; margin-left:5px; margin-right:0px;}
table.tab tr td { padding:5px}

h4.sstitre, h4.steptitre { width:513px; height:57px; text-indent:-9990px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; margin-top:0; }
h4.steptitre { width:500px; height:30px; margin-top:10px; margin-left:10px;  }
h4#bebevie { background-image:url(pix/h4bb.jpg);}
h4#h4reco { background-image:url(pix/h4reco.jpg);}
h4#h4aconso { background-image:url(pix/h4aconso.jpg);}
h4#h4trespure { background-image:url(pix/h4trespure.jpg);}
h4#h4preums { background-image:url(pix/h4preums.jpg);}
h4#h4desbesoins { background-image:url(pix/h4desbesoins.jpg);}
h4#h4controle { background-image:url(pix/h4controle.jpg);}
h4#h4cadre { background-image:url(pix/h4cadre.jpg);}
h4#h4nature { background-image:url(pix/h4nature.jpg);}
h4#h4mat { background-image:url(pix/h4mat.jpg);}
h4#h4trans { background-image:url(pix/h4trans.jpg);}
h4#h4promed { background-image:url(pix/h4promed.jpg);}
h4#h4conso { background-image:url(pix/h4conso.jpg);}
h4#h4favo { background-image:url(pix/h4favo.jpg);}
h4#h4leau { background-image:url(pix/h4leau.jpg);}
h4#h4preums { background-image:url(pix/h4preums.jpg);}
h4#h4recycl { background-image:url(pix/h4recycl.jpg);}
h4#partlacaune { background-image:url(pix/partlacaune.jpg);}
h4#partfnair { background-image:url(pix/partfnair.jpg);}
h4#partbaby { background-image:url(pix/partbaby.jpg);}
h4#partdynamag { background-image:url(pix/partdynamag.jpg);}
h4#partnutri { background-image:url(pix/partnutri.jpg);}
h4#h4vitale { background-image:url(pix/h4vitale.jpg);}
h4#h4viequo { background-image:url(pix/h4viequo.jpg);}
h4#h4buro { background-image:url(pix/h4buro.jpg);}
h4#h4mrpartfnair { background-image:url(pix/h4mrpartfnair.jpg);}
h4#h4reconnue { background-image:url(pix/h4reconnue.gif);}
h4#h4besoins { background-image:url(pix/h4besoins.gif);}
h4#h4euauprincipal { background-image:url(pix/h4euauprincipal.gif);}
h4#h5alasrc { background-image:url(pix/h5alasrc.gif);}
h4#h4rdv { background-image:url(pix/h4rdv.gif);}
h4#h4bur { background-image:url(pix/h4bur.gif);}
h4#h4uni { background-image:url(pix/h4uni.gif);}
h4#h4exi { background-image:url(pix/h4exi.gif);}
h4#h4exi { background-image:url(pix/h4nature.gif);}
h4#h425 {background-image:url(pix/h425.gif); margin-left:15px;}
h4#h4rem {background-image:url(pix/h4rem.gif); }

h4#hstep01 {background-image:url(pix/hstep01.gif);}
h4#hstep02 {background-image:url(pix/hstep02.gif);}
h4#hstep03 {background-image:url(pix/hstep03.gif);}
h4#hstep04 {background-image:url(pix/hstep04.gif);}
h4#hstep05 {background-image:url(pix/hstep05.gif);}
h4#hstep06 {background-image:url(pix/hstep06.gif);}
h4#hstep07 {background-image:url(pix/hstep07.gif);}
h4#hstep08 {background-image:url(pix/hstep08.gif);}
h4#hstep09 {background-image:url(pix/hstep09.gif);}
h4#hstep10 {background-image:url(pix/hstep10.gif);}
h4#hstep11 {background-image:url(pix/hstep11.gif);}
h4#hstep12 {background-image:url(pix/hstep12.gif);}
h4#hstep13 {background-image:url(pix/hstep13.gif);}
h4#hstep14 {background-image:url(pix/hstep14.gif);}
h4#hstep15 {background-image:url(pix/hstep15.gif);}
h4#h4coord {background-image:url(pix/h4coord.gif);}


a.regis {
color:#f05e9e; font-weight:bold; font-size:14px; text-decoration:none;
}
a.regis span {
color:#3c5e98; font-style:italic;font-size:13px;
}
a.regis:hover span {color:#f05e9e;}
#fdhisto {
float:left;
width:525px; height:350px;
background:#f6f6f6 url(pix/fdhistogris.jpg) no-repeat 0 bottom;
border:0pt solid red;
}
#fdaveau {
float:left;
background:transparent url(pix/fdav.jpg) no-repeat center bottom;
border:0pt solid red;
}

#mousemove {
	width: 475px;
	height: 350px;
	border: 0px solid #000;
	
	overflow: hidden;
	margin: 0 0 0 15px;
}
#mousemoveeau {
	width: 475px;
	height: 350px;
	border: 0px solid #000;
	overflow: hidden;
	margin: 0 0 0 0px;
}

ul.historique {
float:left;
list-style:none;
width:3050px;
border:0pt solid blue;
}
ul.slideeau {
float:left;
list-style:none;
width:1050px;
border:0pt solid blue;
}

ul.historique li, ul.slideeau li {
float:left;
clear:none;
width:128px;
height:300px;
height:auto;
background:transparent url(pix/fdhisto.png) no-repeat right bottom;
border:0pt solid red;
margin-right:15px;
padding:0;
padding-bottom:10px;
display:block;
font-size:11px;
line-height:15px;
color:#3c5e98;
text-align:left;
}
ul.historique li h5 { float:left; width:122px; height:25px; text-indent:-9990px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; }
ul.slideeau li h5 { float:left; width:152px; height:25px;  overflow:hidden; background-position:0 0; background-repeat:no-repeat; margin-left:2px; text-indent:-900%; }
ul.slideeau li{ width:160px; background:transparent url(pix/fdav.png) no-repeat right bottom; }
h5#h574 { background-image:url(pix/h574.jpg);}
h5#h577 { background-image:url(pix/h577.jpg);}
h5#h578 { background-image:url(pix/h578.jpg);}
h5#h579 { background-image:url(pix/h579.jpg);}
h5#h580 { background-image:url(pix/h580.jpg);}
h5#h581 { background-image:url(pix/h581.jpg);}
h5#h582 { background-image:url(pix/h582.jpg);}
h5#h583 { background-image:url(pix/h583.jpg);}
h5#h584 { background-image:url(pix/h584.jpg);}
h5#h585 { background-image:url(pix/h585.jpg);}
h5#h586 { background-image:url(pix/h586.jpg);}
h5#h588 { background-image:url(pix/h588.jpg);}
h5#h590 { background-image:url(pix/h590.jpg);}
h5#h591 { background-image:url(pix/h591.jpg);}
h5#h593 { background-image:url(pix/h593.jpg);}
h5#h598 { background-image:url(pix/h598.jpg);}
h5#h599 { background-image:url(pix/h599.jpg);}
h5#h501 { background-image:url(pix/h501.jpg);}
h5#h505 { background-image:url(pix/h505.jpg);}
h5#h507 { background-image:url(pix/h507.jpg);}
h5#h508 { background-image:url(pix/h508.jpg);}
h5#h5avmama { background-image:url(pix/h5avmama.jpg);}
h5#h4avchal { background-image:url(pix/h4avchal.jpg);}
h5#h4avsport { background-image:url(pix/h4avsport.jpg);}
h5#h4old { background-image:url(pix/h4old.jpg);}
h5#h4avad { background-image:url(pix/h4avad.jpg);}
h5#h4avbb { background-image:url(pix/h4avbb.jpg);}


ul.historique li p { float:left; clear:left; width:108px; margin-left:6px; border:0pt solid green; padding-top:10px; text-align:left;}
ul.historique li p a { 
color:#f05e9e;
text-decoration:none;
}

ul.slideeau li p { float:left; clear:left; width:128px; margin-left:6px; border:0pt solid green; padding-top:5px; text-align:left;}
ul.slideeau li p a { 
color:#f05e9e;
text-decoration:none;
}

.buttons{padding:5px; padding-top:25px;}
.buttons2{padding:5px; padding-top:5px;}
.buttons span, .buttons2 span{color:#3c5e98;padding:2px 5px 2px 2px;cursor:pointer;font:10px Arial; width:20px; height:20px;  text-align:center}
.buttons2 span{color:#f5589d; font-size:13px;}
.buttons span.active, .buttons span.active {background:#fff url(pix/ptipuce.jpg) no-repeat 0 0;color:#fff; font-weight:bold}
.buttons span:hover{ color:#f5589d}
.buttons span.active:hover {color:#fff}

div.line {
width:175px;
float:left;
clear:left;
margin-top:15px;
margin-left:20px;
height:10px;
background:transparent url(pix/line.png) no-repeat center center;
}
ul.sal li { float:left; clear:left; margin-top:10px;}
ul.sal li.linenoire {
width:150px;
float:left;
margin-top:0px;
margin-left:0px;
height:8px;
background:transparent url(pix/linenoire.jpg) no-repeat center bottom;
}

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:240px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:520px;
	height:500px;
	float:left;
	
}
#box8 div p { margin-left:45px; padding-right:10px}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.sample8 {
margin-top:20px;
}
/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:520px;
	height:300px;
	
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

#pagemicro {
float:left;
width:525px;
height:429px;
background:#fff url(pix/pagemicro.jpg) no-repeat 0 0;
}

#pagebaby {
float:left;
width:530px;
height:580px;
background:#fff url(pix/fdbaby.jpg) no-repeat 0 bottom;
}



#pagemicro p, #pagebaby p { color:#1e4588; margin:60px 0 0 192px; padding-right:45px; }
#pagebaby p { margin-top:5px;}
#pagemicro p.rose, #pagebaby p.rose { color:#e05190; font-size:15px; line-height:22px; margin-top:0px; }
a#comander {
position:absolute;
width:194px;
height:90px;
background:#fff url(pix/comander.jpg) no-repeat 0 0;
overflow:hidden;
text-indent:-900%;
border:0px solid red;
margin:365px 0 0 130px;
}
a#comander:hover {background:#fff url(pix/comander.jpg) no-repeat 0 -90px;}
#microunique {
float:left;
clear:left;
width:449px;
height:242px;
margin-top:60px;
background:#fff url(pix/microunique.jpg) no-repeat 0 0;
}
#microunique p {font-size:12px; line-height:14px; color:#1e4588; font-weight:bold; margin:35px 0 0 190px; padding-right:0;}

#gmicro {
float:left;
width:176px;
height:198px;
margin:20px 0 0 20px;
background:transparent url(pix/gmicro.png) no-repeat 0 0;
}
#gmicro a {
width:176px;
height:198px;
position:absolute;
overflow:hidden;
text-indent:-900%;
}

#grdv {
float:left;
width:176px;
height:167px;
margin:20px 0 0 20px;
background:transparent url(pix/grdv2.png) no-repeat 0 0;
}
#grdv a {
width:166px;
text-align:right;
float:left;
margin-top:32px;
color:#e05190;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#grdv a span { color:#1e4588;}
#grdv a:hover span { color:#e05190;}

#grdv p { font-size:11px; margin-top:90px; color:#000; text-align:justify; margin-left:20px; padding-right:15px;}
#grdv p strong {color:#e05190;}

#greg {
float:left;
width:176px;
height:129px;
margin:20px 0 0 20px;
background:transparent url(pix/greg.png) no-repeat 0 0;
}
#greg a {
width:176px;
height:129px;
position:absolute;
overflow:hidden;
text-indent:-900%;
}

#gbaby {
float:left;
width:176px;
height:189px;
margin:25px 0 0 20px;
background:transparent url(pix/gbaby.png) no-repeat 0 0;
}

#gbaby a {
width:176px;
height:189px;
position:absolute;
overflow:hidden;
text-indent:-900%;
}

input, select,textarea {
padding:2px; background:#E8E8E8; border:none; color:#1e4588; font-size:11px; width:80px;
}
select { width:70px;}
#microcom, #microdesc {overflow:hidden; }
#microcom p { margin-top:0px;}
#microcom input, #microcom select, #microcom textarea {
padding:2px; background:#E8E8E8; border:none; color:#1e4588; font-size:11px; width:80px;
}
#microcom select { width:70px;}
#microcom table {width:300px; float:left; margin-left:190px; border:0pt solid red;}
#microcom table tr td { padding:2px; color:#1e4588; }
#holdformct { overflow:hidden;}
div.ajax-loading { background:transparent url(images/loading.gif) no-repeat center center}
/*ROSE : color:#e05190; */

#formcontact select, #formcontact input, #formcontact textarea {
float:left;

margin:0 10px 5px 0;
width:auto;
}
#contact-area #sub, #elformmicro #subb {
float:left;
width:30px;
height:30px;
background:#fff url(pix/boutok.jpg) no-repeat 0 -30px;
text-indent:-9990px;
overflow:hidden;
cursor:pointer;
margin:0px 0 0 0;

outline:none;
border:none;
display:block;
color:#fff;
}
#contact-area #sub:hover, #contact-areadoc #subdoc:hover {background:#fff url(pix/boutok.jpg) no-repeat 0 0;}
#contact-areadoc #subdoc:focus, #contact-area #sub:focus { outline:none }

#contact-areadoc #subdoc {
float:left;
width:30px;
height:30px;
background:#fff url(pix/boutok.jpg) no-repeat 0 -30px;
text-indent:-9990px;
overflow:hidden;
cursor:pointer;
margin:-35px 0 0 0;
outline:none;
border:none;
display:block;
color:#fff;
}
#contact-areadoc #subdoc:hover {background:#fff url(pix/boutok.jpg) no-repeat 0 0;}
#contact-areadoc #subdoc:focus{ outline:none }
#contact-area #sub { margin-top:-35px;}
#elformmicro #subb {
margin:-20px 0 0 0; float:left;
background:#fff url(pix/boutokb.jpg) no-repeat 0 -30px;

}

#elformmicro #subb:hover {

background:#fff url(pix/boutokb.jpg) no-repeat 0 0;

}



.cle { clear:left;}
#contact-area input { width:auto}

#contact-area textarea {
	height: 90px;
	font-size:11pt;
}

div.margacc {margin-top:0; margin-left:50px;}
#divformdoc, #divformmat { float:left; overflow:hidden;}