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


/* structure debut */
html { height:100%; width:100%;}

body { margin:0px; padding:0px; background-color:#3d4354; background-image:url(../images/body-1-pixel.jpg); background-repeat:repeat-x; cursor:url('images/pointeur.png'),auto;height:100%; width:100%;}
body { behavior: url("css/csshover3.htc"); }


.bandeaur { left:0px; top:593px; width:891px; height:150px; background-color:#3d4354; position:absolute;}
.bandeaur2 {left:0px; top:743px; width:891px; height:20px; background-color:#3d4354; position:absolute;}

.bandeau { left:0px; top:493px; width:891px; height:150px; background-color:#3d4354; position:absolute;}
.bandeau2 {left:0px; top:643px; width:891px; height:20px; background-color:#3d4354; position:absolute;}

.bandeaucuf { left:0px; top:528px; width:891px; height:150px; background-color:#3d4354; position:absolute;}
.bandeaucuf2 {left:0px; top:678px; width:891px; height:20px; background-color:#3d4354; position:absolute;}

.bandeauv { left:0px; top:443px; width:891px; height:150px; background-color:#3d4354; position:absolute;}
.bandeauv2 {left:0px; top:603px; width:891px; height:20px; background-color:#3d4354; position:absolute;}

.bandeaul { left:0px; top:413px; width:891px; height:150px; background-color:#3d4354; position:absolute;}
.bandeau2l {left:0px; top:573px; width:891px; height:20px; background-color:#3d4354; position:absolute;}

.bandeauc { left:0px; top:343px; width:891px; height:150px; background-color:#3d4354; position:absolute;}
.bandeauc2 {left:0px; top:493px; width:891px; height:20px; background-color:#3d4354; position:absolute;}

#site-ext { width: 923px; background-image:url(../images/site-ext.png); background-repeat:no-repeat;}

#site { width:891px; position:relative;}

#header { height:75px; width:891px; background-color:#3f4454;}
#header #logo { float:left;}
#header #menu-top { position:absolute; top:45px; left:390px; width:498px; height:33px; margin:0px; padding:0px; background-image:url(../images/menu-1-pixel.gif); background-repeat:repeat-x;}
#header #menu-top li { float:left; list-style-type:none; display:block;}
#header #menu-top .onglet { margin:0px; padding:8px 14px 0px 14px;}
#header #menu-top .sep { margin:0px; padding:0px; background-image:url(../images/menu-sep.gif); background-repeat:no-repeat; width:1px; font-size:0px; height:30px;}
#header #menu-top a { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#c4c6cb; text-decoration:none;}
#header #menu-top a:hover { color:#efefef;}

#bandeau { width:891px; height:210px; background-image:url(../images/flash-fond.jpg); background-repeat:repeat-x; position:relative;}
#bandeau #flash { width:880px; height:210px; margin-left:5px;}
#bandeau #main-gauche { width:154px; height:201px; background-image:url(../images/main-gauche.png); background-repeat:no-repeat; position:absolute; top:0px; left:-114px;}
#bandeau #main-droite { width:157px; height:201px; background-image:url(../images/main-droite.png); background-repeat:no-repeat;top:0px; right:-116px; position:absolute;}


#contenu { width:891px; background-image:url(../images/contenu-fond.jpg); background-repeat:no-repeat; background-position:top; background-color:#d6d5d5;}

#menu-bas { height:18px; background-color:#3d4354; width:891px; margin:0px auto 46px auto;}
#menu-bas .gauche { color:#97a1bb; font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; float:left; padding:4px 0px 0px 0px;}
#menu-bas .droite { color:#97a1bb; font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; float:right; padding:4px 0px 0px 0px;}
#menu-bas a {color:#97a1bb; text-decoration:none;}
#menu-bas a:hover {color:#a20721;}

#contenu-int { width:818px; margin:0px auto 0px auto; padding-top:40px; padding-bottom:0px; text-align:left; position:relative;}
#contenu-int h1 { font-family:Arial, Helvetica, sans-serif; color:#ae0101; font-size:15px; font-weight:bold; background-image:url(../images/titre-bas.gif); background-repeat:repeat-x; padding-left:3px; height:28px; background-position:bottom;}


.rouge { color:#ae0101;}
.clear { font-size:0px; height:0px; clear:both;}
/* structure fin */


/* prehome debut */
#contenu #contenu-prehome { height:515px;}
/* prehome fin */
/* home debut */
#contenu-bloc-home p { margin:4px 0px 0px 22px; font-family:Arial, Helvetica, sans-serif; color:#3f4454; font-size:12px; text-align:justify;}
.home-bloc-1 { width:270px; position:relative; float:left;}
.home-bloc-1 #main-image { position:absolute; top:5px; left:5px;}
.home-bloc-2 { width:274px; position:relative; float:left;}
.home-bloc-3 { width:274px; position:relative; float:left;}
/* home fin */


/* les clients debut */
#contenu-bloc-home a { text-decoration:none; border:0;}
/* les clients fin */




/* contact debut */
.contact-bloc-1 { float:left; width:205px; background-image:url(../images/contenu-menu-gauche.jpg); background-repeat:repeat-y;}
.contact-bloc-1 #ombre { float:right;}
.contact-bloc-1 #menu-gauche { width:195px; margin:0px; padding:0px; float:left; height:298px;}
.contact-bloc-1 #menu-gauche li { display:block; margin:0px; padding:0px 0px 0px 9px; list-style-type:none; height:31px; background-image:url(../images/contenu-menu-gauche-sep-2.gif); background-position:bottom right; background-repeat:no-repeat;}
.contact-bloc-1 #menu-gauche li .fleche{ margin-right:6px;}
.contact-bloc-1 #menu-gauche li a {color:#fffefe; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; padding-top:7px;}
.contact-bloc-1 #menu-gauche li a:hover {color:#efefef;}

.contact-bloc-2 { float:left;}
.contact-bloc-2 label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3f4454; margin:0px; padding:0px;}
.contact-bloc-2 select { width:94%; border:0;}
.contact-bloc-2 input { width:94%; border:1px solid #3f4454;}
.contact-bloc-2 textarea { width:94%; height:195px; border:1px solid #3f4454;}
.contact-bloc-2 .star {font-family:Arial, Helvetica, sans-serif; font-size:10px;  color:#3f4454; margin:0px 12px 0px 0px; padding:0px;}
.contact-bloc-2 .send {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ae0101; margin:0px 12px 0px 0px; padding:0px 0px 0px 0px;}

.contact2-bloc-1 { float:left; width:205px; background-image:url(../images/contenu-menu-gauche.jpg); background-repeat:repeat-y;}
.contact2-bloc-1 #ombre { float:right;}
.contact2-bloc-1 #menu-gauche { width:195px; margin:0px; padding:0px; float:left; height:298px;}
.contact2-bloc-1 #menu-gauche li { display:block; margin:0px; padding:0px 0px 0px 9px; list-style-type:none; height:31px; background-image:url(../images/contenu-menu-gauche-sep-2.gif); background-position:bottom right; background-repeat:no-repeat;}
.contact2-bloc-1 #menu-gauche li .fleche{ margin-right:6px;}
.contact2-bloc-1 #menu-gauche li a {color:#fffefe; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; padding-top:7px;}
.contact2-bloc-1 #menu-gauche li a:hover {color:#efefef;}
.contact2-bloc-2 { width:210px; float:left;} 
.contact2-bloc-2 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#43434d; display:block; margin:10px 0px 25px 40px;}
.contact2-bloc-2 a{ text-decoration:none;}

.contact2-bloc-3 { width:210px; float:left;} 
.contact2-bloc-3 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#43434d; display:block; margin:10px 0px 25px 40px;}
.contact2-bloc-3 a{ text-decoration:none;}

.contact2-bloc-4 { width:193px; float:left;} 
.contact2-bloc-4 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#43434d; display:block; margin:10px 0px 25px 40px;}
.contact2-bloc-4 a{ text-decoration:none;}

/* contact fin */


/* actualites debut */
#contenu-astuce { position:relative; height:300px;}
.actus-bloc-1 { float:left; width:269px;}
.actus-bloc-1 #ombre { float:right;}
.actus-bloc-1 table { float:left;}
.actus-bloc-1 #menu-gauche { width:243px; margin:0px; padding:0px;}
.actus-bloc-1 #menu-gauche li { margin:0px; padding:0px 0px 0px 0px; list-style-type:none; height:14px; }
.actus-bloc-1 #menu-gauche li span.onglet { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f4454;}

.actus-bloc-2 { float:left; width:270px; position:relative; float:left; height:194px;}
.actus-bloc-2 #main-image { position:absolute; top:0px; left:10px;}
.actus-bloc-2 #main-image-fond { position:absolute; top:22px; left:23px;}
.actus-bloc-3 { width:279px; float:left;}
.actus-bloc-3 h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:15px 0px 11px 0px;}
.actus-bloc-3 p{ margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f4454; text-align:justify;}

.infos { width:549px; height:290px; position:absolute; top:0px; left:269px;  overflow:hidden; display:none; background-color:#d6d5d5;}
.infos .info-bloc-image{ float:left; width:270px; position:relative; float:left; height:194px;}
.infos .info-bloc-image .main-image { position:absolute; top:0px; left:10px;}
.infos .info-bloc-image .main-image-fond { position:absolute; top:22px; left:23px;}
.infos .info-bloc-texte { width:279px; float:left;}
.infos .info-bloc-texte h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:15px 0px 11px 0px;}
.infos .info-bloc-texte p{ margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f4454;text-align:justify;}
/* actualites fin */


/* groupe debut */
.groupe-bloc-1 {float:left; width:205px; background-image:url(../images/contenu-menu-gauche.jpg); background-repeat:repeat-y;}
.groupe-bloc-1 #ombre { float:right;}
.groupe-bloc-1 #menu-gauche { width:195px; margin:0px; padding:0px; float:left; height:298px;}
.groupe-bloc-1 #menu-gauche li { display:block; margin:0px; padding:0px 0px 0px 9px; list-style-type:none; height:31px; background-image:url(../images/contenu-menu-gauche-sep-2.gif); background-position:bottom right; background-repeat:no-repeat;}
.groupe-bloc-1 #menu-gauche li .fleche{ margin-right:6px;}
.groupe-bloc-1 #menu-gauche li a {color:#fffefe; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; padding-top:7px;}
.groupe-bloc-1 #menu-gauche li a:hover {color:#efefef;}

.groupe-bloc-2 { float:left; width:322px; position:relative; float:left; height:194px;}
.groupe-bloc-2 #main-image { position:absolute; top:5px; left:28px;}
.groupe-bloc-2 #main-image-fond { position:absolute; top:0px; left:23px;}
.groupe-bloc-3 { width:291px; float:left;}
.groupe-bloc-3 h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:0px 0px 11px 0px;}
.groupe-bloc-3 h2 span{  color:#94959b; display:block;}
.groupe-bloc-3 p{ margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f4454; text-align:justify;}

/* groupe fin */




/* ocpb debut */
.ocpb-bloc-1 {float:left; width:292px; position:relative; height:273px;}
.ocpb-bloc-1 #image { position:absolute; top:5px; left:5px;}
.groupe-bloc-2 #main-image { position:absolute; top:5px; left:28px;}
.groupe-bloc-2 #main-image-fond { position:absolute; top:0px; left:23px;}

.ocpb-bloc-2 { float:left; width:273px; position:relative; float:left; height:194px;}
.ocpb-bloc-2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:48px 0px 11px 0px;}
.ocpb-bloc-2 h2 span{  color:#94959b; display:block;}
.ocpb-bloc-2 p{ margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f4454; text-align:justify;}
.ocpb-bloc-3 { width:253px; float:left;}
.ocpb-bloc-3 h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:0px 0px 11px 0px;}
.ocpb-bloc-3 h2 span{  color:#94959b; display:block;}
.ocpb-bloc-3 p{ margin:50px 0px 0px 25px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f4454; text-align:justify;}
.ocpb-bloc-3 a{ text-decoration:none; font-weight:bold}

/* ocpb fin */





/* ally debut */
.ally-bloc-1 {float:left; width:205px; background-image:url(../images/contenu-menu-gauche.jpg); background-repeat:repeat-y;}
.ally-bloc-1 #ombre { float:right;}
.ally-bloc-1 #menu-gauche { width:195px; margin:0px; padding:0px;}
.ally-bloc-1 #menu-gauche li { margin:0px; padding:0px 0px 0px 9px; list-style-type:none; height:31px; background-image:url(../images/contenu-menu-gauche-sep-2.gif); background-position:bottom right; background-repeat:no-repeat;}

.ally-bloc-1 #menu-gauche li .fleche{ margin-right:6px;}
.ally-bloc-1 #menu-gauche li a {color:#fffefe; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; padding-top:7px; position:relative; clear:both; float:left;}
.ally-bloc-1 #menu-gauche li a:hover {color:#efefef;}


.ally-bloc-1 #menu-gauche li:hover .ok {display:block; background:none; float:left; position:relative;}
.ally-bloc-1 #menu-gauche .ok ul li a {color:#fffefe; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; width:100px;}
.ally-bloc-1 #menu-gauche .ok ul li { background-image:none; margin:0px;}

.ally-bloc-1 #menu-gauche .ok {display:none; position:relative; z-index:1; float:left; top:6px; clear:both;}
.ally-bloc-1 #menu-gauche .oki ul li a:hover {color:#efefef;}



.ally-bloc-2 { float:left; width:315px; position:relative; float:left; height:194px;}
.ally-bloc-2 #main-image { position:absolute; top:5px; left:28px;}
.ally-bloc-2 #main-image-fond { position:absolute; top:0px; left:23px;}
.ally-bloc-3 { width:291px; float:left; position:relative;}
.ally-bloc-3-scroll-astuce { position:absolute; top:0px; right:-17px;}
.ally-bloc-3 h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:0px 0px 11px 0px;}
.ally-bloc-3 h2 span{  color:#94959b; display:block;}
.ally-bloc-3 p{ margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f4454; text-align:justify;}


.ally-bloc-3e { width:750px; float:left; position:relative;}
.ally-bloc-3e-scroll-astuce { position:absolute; top:0px; right:-17px;}
.ally-bloc-3e h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px 0px 11px 0px;}
.ally-bloc-3e h2 span{  color:#94959b; display:block;}
.ally-bloc-3e p{ margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f4454; text-align:justify;}

.ally-bloc-contact { width:613px;}
.ally-bloc-contact span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#3f4454;}
.ally-bloc-contact span.rouge {color:#ae0101; }
.ally-bloc-contact a {text-decoration:none;}
.ally-bloc-clients { width:613px; position:relative;}
.ally-bloc-clients-ext { float:right;width:561px;height:350px;}

.ally-bloc-realisations { width:613px; position:relative;}
.ally-bloc-realisations span { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f4454;}
.ally-bloc-realisations span.nom-client {font-weight:bold; display:block; margin-top:2px;}
.ally-bloc-realisations .td1 { height:370px; width:508px;}
.ally-bloc-realisations .td2 { height:30px; width:508px; vertical-align:top;}
.ally-bloc-realisations div { width:508px;}


.ally-bloc-realisations-labo { width:800x; position:relative;}
.ally-bloc-realisations-labo span { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f4454;}
.ally-bloc-realisations-labo span.nom-client {font-weight:bold; display:block; margin-top:40px;}
.ally-bloc-realisations-labo .td1 { height:190px; width:800px; left:0px;}
.ally-bloc-realisations-labo .td2 { height:200px; width:800px; left:0px;}
.ally-bloc-realisations-labo div { width:800px;}

/* ally fin */