@charset "utf-8";
/* CSS Document */
* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
body {text-align:center; background:url(images/fond.gif) repeat-x;  margin:0 auto; width:980px;}
p {margin:0; padding:0;}
a img { border:none;}

/* ////////////////////// GLOBAL //////*/
#global {width:980px; text-align:left;}
#logo {float:left; margin:0 240px 0 20px;}
#flag {margin: 0 0 0 900px;}
#positionmenu {padding:105px 0 0 0;}
#conteneur {float:left; padding: 0 20px; width:930px;}
h1 {display:inline; background-color:#28B8EC; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase; padding:0 2px;}
h2 {display:inline; color:#28B8EC; font-size:16px; font-weight:bold; text-transform:uppercase; padding:0 2px;}

img.floatleft {float:left; margin:0 45px 0 0;}

.famille {color:#28B8EC; font-size:13px; font-weight:bold; text-transform:uppercase;}
.titre {color:#28B8EC; font-size:12px; font-weight:bold;}
.objet {color:#303030; font-size:11px; font-weight:bold;}
.infos {color:#303030; font-size:11px;}


/*/////////////////////// MENU ////////*/
#menu, #menu ul {list-style:none;}
#menu li.niv1 {float:left; margin-right:57px; height:21px;}
#menu li ul { position: absolute; width: 144px; left: -999em; padding:0; margin:0;}
#menu li ul li { width:110px; background-color:#000; text-align:center; font-size:10px; font-weight:bold; text-transform:uppercase;padding:0; margin:0;}
#menu li ul li a {color:#FFF; text-decoration:none;}
#menu li ul li a:hover {text-decoration:underline;}
#menu li.niv2 { float : left; border-bottom : 2px solid #fff; margin:0 0 0 -18px; padding:2px;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {left: auto; min-height: 0; }

a.btn_accueil {background-image:url(images/menu/accueil_off.gif); display:block; width:53px; }
a.btn_accueil:hover{background-image:url(images/menu/accueil_on.gif); display:block; width:53px;}
a.current_accueil{background-image:url(images/menu/accueil_on.gif); display:block; width:53px;}

a.btn_demoreel{background-image:url(images/menu/demoreel_off.gif); display:block; width:70px;}
a.btn_demoreel:hover{background-image:url(images/menu/demoreel_on.gif); display:block; width:70px;}
a.current_demoreel{background-image:url(images/menu/demoreel_on.gif); display:block; width:70px;}

a.btn_references{background-image:url(images/menu/references_off.gif); display:block; width:79px; }
a.btn_references:hover{background-image:url(images/menu/references_on.gif); display:block; width:79px; }
a.current_references{background-image:url(images/menu/references_on.gif); display:block; width:79px; }

a.btn_portfolio{background-image:url(images/menu/portfolio_off.gif); display:block; width:72px; }
a.btn_portfolio:hover{background-image:url(images/menu/portfolio_on.gif); display:block; width:72px; }
a.current_portfolio{background-image:url(images/menu/portfolio_on.gif); display:block; width:72px; }


/*/////////////////////// FOOTER ////////*/
#footer {clear:both; text-align:center;}
#footer p {color:#303030; font-size:11px;}
#footer p a{color:#303030; text-decoration:underline;}
#footer p#signature, #footer p#signature a {color:#999; text-decoration:none;}


/*/////////////////////// ACCUEIL ////////*/
#titre {text-align:right; margin:0 35px 60px 0;}
#intro p { color:#303030; font-size:12px;}
#encoursdeprod hr {color:#fff; border:solid thin #EAEAEA; margin:0 0 20px 0; width:900px;}

/*/////////////////////// DEMO REEL ////////*/
#txt_demoreel p { color:#303030; font-size:12px; width:260px;}
#video_demoreel p{ color:#303030; font-size:11px;}
#video_demoreel #demo2010 { float:left; margin:0 100px 0 0;}
#video_demoreel #demo2010 a img { background:url(images/demoreel2010_off.jpg); width:360px; height:176px; margin:0 0 7px 0;}
#video_demoreel #demo2010 a:hover img, #video_demoreel #demo2010 a:active img { background:url(images/demoreel2010_on.jpg) no-repeat;}
#video_demoreel #demo2009, #video_demoreel #demo2007 { float: left; margin-left: 40px;}

#video_demoreel #demo2009 a img, #video_demoreel #demo2007 a img { width:176px; height:176px; margin:0 0 7px 0;}

#video_demoreel #demo2009 a img { background:url(images/demoreel2009_off.jpg);}
#video_demoreel #demo2009 a:hover img, #video_demoreel #demo2009 a:active img { background:url(images/demoreel2009_on.jpg) no-repeat;}

#video_demoreel #demo2007 a img { background:url(images/demoreel2007_off.jpg);}
#video_demoreel #demo2007 a:hover img, #video_demoreel #demo2007 a:active img { background:url(images/demoreel2007_on.jpg) no-repeat;}



/*/////////////////////// REFERENCES ////////*/
.annee_ref {border-bottom:1px solid #EAEAEA; padding:0 0 20px 0; margin:25px 0 0 0;}
.annee_ref div {float:left; width:25%;}
.annee_ref .annee {color:#28B8EC; font-size:27px; font-weight:bold;}
.cv div {float:left; width:50%;}

/*/////////////////////// PORTFOLIO ////////*/
.realisation {border-bottom:1px solid #EAEAEA; padding:0 0 10px 0; margin:15px 0 0 0;}
.realisation p.titre {color:#28B8EC; font-size:15px; font-weight:bold;}
.realisation p.objet {color:#28B8EC; font-size:13px; font-weight:bold;}
.realisation p.infos {color:#303030; font-size:12px;}

#sommeilblanc {float:left; margin:0 25px 0 0;}
#sommeilblanc a img { background:url(images/portfolio/generique_sommeilblanc.jpg); width:360px; height:176px;}
#sommeilblanc a:hover img, #sommeilblanc a:active img {background:url(images/portfolio/generique_sommeilblanc_on.jpg) no-repeat;}

#espions {float:left; margin:0 25px 0 0;}
#espions a img { background:url(images/portfolio/generique_espions.jpg); width:360px; height:176px;}
#espions a:hover img, #espions a:active img {background:url(images/portfolio/generique_espions_on.jpg) no-repeat;}

#duvalmoretti {float:left; margin:0 25px 0 0;}
#duvalmoretti a img { background:url(images/portfolio/generique_duvalmoretti.jpg); width:360px; height:176px;}
#duvalmoretti a:hover img, #duvalmoretti a:active img {background:url(images/portfolio/generique_duvalmoretti_on.jpg) no-repeat;}

#jeandelafontaine {float:left; margin:0 25px 0 0;}
#jeandelafontaine a img { background:url(images/portfolio/generique_delafontaine.jpg); width:360px; height:176px;}
#jeandelafontaine a:hover img, #jeandelafontaine a:active img {background:url(images/portfolio/generique_delafontaine_on.jpg) no-repeat;}

#parsvite {float:left; margin:0 25px 0 0;}
#parsvite a img { background:url(images/portfolio/generique_parsvite.jpg); width:360px; height:176px;}
#parsvite a:hover img, #parsvite a:active img {background:url(images/portfolio/generique_parsvite_on.jpg) no-repeat;}

#ojerusalem {float:left; margin:0 25px 0 0;}
#ojerusalem a img { background:url(images/portfolio/generique_ojerusalem.jpg); width:360px; height:176px;}
#ojerusalem a:hover img, #ojerusalem a:active img {background:url(images/portfolio/generique_ojerusalem_on.jpg) no-repeat;}

#narco {float:left; margin:0 25px 0 0;}
#narco a img { background:url(images/portfolio/generique_narco.jpg); width:360px; height:176px;}
#narco a:hover img, #narco a:active img {background:url(images/portfolio/generique_narco_on.jpg) no-repeat;}

#hautetension {float:left; margin:0 25px 0 0;}
#hautetension a img { background:url(images/portfolio/generique_hautetension.jpg); width:360px; height:176px;}
#hautetension a:hover img, #hautetension a:active img {background:url(images/portfolio/generique_hautetension_on.jpg) no-repeat;}

#gladiateur {float:left; margin:0 25px 0 0;}
#gladiateur a img { background:url(images/portfolio/clip_gladiateur.jpg); width:360px; height:176px;}
#gladiateur a:hover img, #gladiateur a:active img {background:url(images/portfolio/clip_gladiateur_on.jpg) no-repeat;}

#yodelice {float:left; margin:0 25px 0 0;}
#yodelice a img { background:url(images/portfolio/clip_yodelice.jpg); width:360px; height:176px;}
#yodelice a:hover img, #davidcharvet a:active img {background:url(images/portfolio/clip_yodelice_on.jpg) no-repeat;}

#davidcharvet {float:left; margin:0 25px 0 0;}
#davidcharvet a img { background:url(images/portfolio/clip_davidcharvet.jpg); width:360px; height:176px;}
#davidcharvet a:hover img, #davidcharvet a:active img {background:url(images/portfolio/clip_davidcharvet_on.jpg) no-repeat;}

#rochvoisine {float:left; margin:0 25px 0 0;}
#rochvoisine a img { background:url(images/portfolio/clip_rochvoisine.jpg); width:360px; height:176px;}
#rochvoisine a:hover img, #rochvoisine a:active img {background:url(images/portfolio/clip_rochvoisine_on.jpg) no-repeat;}

#groupamacolline {float:left; margin:0 25px 0 0;}
#groupamacolline a img { background:url(images/portfolio/pub_groupamacolline.jpg); width:360px; height:176px;}
#groupamacolline a:hover img, #frial a:active img {background:url(images/portfolio/pub_groupamacolline_on.jpg) no-repeat;}

#groupamagilet {float:left; margin:0 25px 0 0;}
#groupamagilet a img { background:url(images/portfolio/pub_groupamagilet.jpg); width:360px; height:176px;}
#groupamagilet a:hover img, #frial a:active img {background:url(images/portfolio/pub_groupamagilet_on.jpg) no-repeat;}

#lorealjane {float:left; margin:0 25px 0 0;}
#lorealjane a img { background:url(images/portfolio/pub_lorealjane.jpg); width:360px; height:176px;}
#lorealjane a:hover img, #frial a:active img {background:url(images/portfolio/pub_lorealjane_on.jpg) no-repeat;}

#lorealdale {float:left; margin:0 25px 0 0;}
#lorealdale a img { background:url(images/portfolio/pub_lorealdale.jpg); width:360px; height:176px;}
#lorealdale a:hover img, #frial a:active img {background:url(images/portfolio/pub_lorealdale_on.jpg) no-repeat;}

#lorealandy {float:left; margin:0 25px 0 0;}
#lorealandy a img { background:url(images/portfolio/pub_lorealandy.jpg); width:360px; height:176px;}
#lorealandy a:hover img, #frial a:active img {background:url(images/portfolio/pub_lorealandy_on.jpg) no-repeat;}

#frial {float:left; margin:0 25px 0 0;}
#frial a img { background:url(images/portfolio/pub_frial.jpg); width:360px; height:176px;}
#frial a:hover img, #frial a:active img {background:url(images/portfolio/pub_frial_on.jpg) no-repeat;}

#afflelou {float:left; margin:0 25px 0 0;}
#afflelou a img { background:url(images/portfolio/pub_afflelou.jpg); width:360px; height:176px;}
#afflelou a:hover img, #afflelou a:active img {background:url(images/portfolio/pub_afflelou_on.jpg) no-repeat;}

#tchintchin {float:left; margin:0 25px 0 0;}
#tchintchin a img { background:url(images/portfolio/pub_tchintchin.jpg); width:360px; height:176px;}
#tchintchin a:hover img, #tchintchin a:active img {background:url(images/portfolio/pub_tchintchin_on.jpg) no-repeat;}

#vania {float:left; margin:0 25px 0 0;}
#vania a img { background:url(images/portfolio/pub_vania.jpg); width:360px; height:176px;}
#vania a:hover img, #vania a:active img {background:url(images/portfolio/pub_vania_on.jpg) no-repeat;}

#gdf1 {float:left; margin:0 25px 0 0;}
#gdf1 a img { background:url(images/portfolio/pub_gdf1.jpg); width:360px; height:176px;}
#gdf1 a:hover img, #gdf1 a:active img {background:url(images/portfolio/pub_gdf1_on.jpg) no-repeat;}

#gdf2 {float:left; margin:0 25px 0 0;}
#gdf2 a img { background:url(images/portfolio/pub_gdf2.jpg); width:360px; height:176px;}
#gdf2 a:hover img, #gdf2 a:active img {background:url(images/portfolio/pub_gdf2_on.jpg) no-repeat;}

#matelas {float:left; margin:0 25px 0 0;}
#matelas a img { background:url(images/portfolio/pub_118218matelas.jpg); width:360px; height:176px;}
#matelas a:hover img, #matelas a:active img {background:url(images/portfolio/pub_118218matelas_on.jpg) no-repeat;}

#plongeur {float:left; margin:0 25px 0 0;}
#plongeur a img { background:url(images/portfolio/pub_118218plongeur.jpg); width:360px; height:176px;}
#plongeur a:hover img, #plongeur a:active img {background:url(images/portfolio/pub_118218plongeur_on.jpg) no-repeat;}