/* CSS Document */
body{ margin:0;behavior: url(tools/csshover.htc);/* background:url(images/bg_body.jpg) repeat-x #008ca4;*/}
#border{ width:980px; margin:0 auto 0 auto; border:1px solid #ccc; font:12px arial; color:#797878; background:url(images/bg_body.jpg) repeat-x #008ca4;}
#menu_a a{ text-decoration:none; color:#fff; font:12px "Trebuchet MS"; display:block; float:left; margin:4px 10px 0 10px;}
#menu_a{ color:#fff; height:22px;}
#menu_a a:hover,#pied_page a:hover{ color:#ffe5ad!important;}
#menu_a span{ display:block; float:right; font:bold 12px arial; padding-top:4px; padding-right:5px;}
#menu_b span{ display:block; float:left; background:url(images/bg_menu_rgt.jpg) no-repeat; width:13px; height:34px;}
#menu_b{ float:left;background:url(images/bg_menu_lft.jpg) -5px top no-repeat; height:34px; padding-left:32px; margin:14px 0 2px 0; width:660px;}
#menu_b a{ display:block; background:url(images/bg_menu.jpg) repeat-x; padding:8px 10px 0 12px; height:26px; float:left; font:bold 12px "Trebuchet MS"; text-decoration:none; color:#fff;}
#menu_b a:hover{ color:#f7de7b;}
#sous_menu{ clear:both;padding-top:1px;}
#logo{ display:block; background:url(images/logo_vz.gif) no-repeat; width:263px; height:105px; clear:both; margin:2px 0!important; float:left;}
#sous_menu strong{font:bold 15px "Lucida Sans Unicode"; display:block; float:left; margin:35px 0 5px 40px;}
#sous_menu span{ float:right; text-align:right; padding:4px 15px 0 0;}
#sous_menu span a{ background:url(images/video.gif) right center no-repeat; padding:5px 0 5px 0; font:12px "Lucida Sans Unicode"; color:#008ca4; width:300px; height:16px; display:block;}
#sous_menu input,#pied_page input{ border:0;}
#pied_page input{ border:0!important}
form{ margin:0; padding:0;}
.go{ background:url(images/bouton.png) no-repeat; width:50px; height:26px; color:#fff; font:bold 12px "Trebuchet MS"; margin:5px 0 0 0;}
.search{ background:url(images/bg_input.jpg) no-repeat; width:233px; height:18px; border:1px solid #bfbfbf!important; font:12px "Trebuchet MS"; color:#c4c4c4;}
#contenu{ clear:both; background:url(images/bg_contenu2.jpg) repeat-y;width:980px;}
#contenu_gauche{ width:225px; float:left; padding:15px 0 0 32px; /*height:1900px;*/}
#contenu_bg{ background:url(images/bg_contenu.jpg) left -2px  no-repeat;width:980px; }
#contenu_gauche div{ border:1px solid #bfbfbf; font:11px arial; background:url(images/bg_txt_gauche.jpg) repeat-x #fff; padding:0 0 5px 0; text-align:justify; margin-bottom:20px;}
#contenu_gauche div a{ display:block; text-decoration:none; color:#797878;padding:5px 15px 5px 15px;}
#contenu_gauche div a:hover{ color:#333333;}
#contenu_gauche div p{padding:5px 15px 5px 15px; margin:0;}
#contenu_gauche div h2{ display:block; margin:0; background:url(images/bg_titre_bloc.jpg) repeat-x #016273; color:#fff; font:bold 12px "Trebuchet MS"; padding:5px; text-align:center;}
#contenu_gauche div h3{ display:block;margin:0;padding:10px 15px 5px 15px; font:bold 12px arial;}
#contenu_droite{  float:left; width:672px; margin:15px 0 0 15px;}
#pub_design{ height:259px; background:url(images/bg_pub.jpg) right top no-repeat #f2f2f2; margin-bottom:15px;}
#pub_design a{ display: block; float:right;font:20px "Lucida Sans Unicode"; width:165px; text-transform: uppercase; text-decoration:none; color:#fff; padding:20px 10px 0 15px; line-height:35px;}
#pub_design div{margin: 0 0 0 0;}
#pub_design a span{ text-transform:none!important; font:11px "Lucida Sans Unicode"; display:block; line-height:20px; padding-top:40px; }
.partenaires,.txt,.txt2{ border:1px solid #bfbfbf; margin-bottom:15px;}
.partenaires{ height:82px; background:url(images/bg_logos.jpg) repeat-x;}
.txt{ background:url(images/bg_txt.jpg) repeat-x #fff; padding-bottom:20px;}
.fixe_h{ height:695px;}
.fixe_h2{height:925px;}
.fixe_h3{ height:115px;}

.fixe_hdroite{height:325px;}
#contenu_bas{ clear:both; background: url(images/bg_bascontenu.jpg) no-repeat; height:25px;}
#pied_page{ background:url(images/footer.jpg) repeat-x; height:95px; padding:50px 15px 0 15px; color:#fff;font:12px "Trebuchet MS"; }
#pied_page span a{ display:block; text-decoration:none; color:#fff;}
#pied_page span{ float:left; padding-right:20px;}
#pied_page span.copy{ clear:both; font-size:10px; padding:10px 0 0 0!important; display:block; width:950px;}
#pied_page span.copy strong{ float:right; font-weight:normal;}
img.site{ margin:10px auto 0 auto; border:1px solid #008ca4; display:block;}
.gras{ font-weight:bold; float:left;}
.rss{ float:right; display:block; background:url(images/rss.gif) no-repeat; width:26px; height:26px;  padding:0 15px 0 0!important}
.space{ clear:both!important; display:block;}
.pub{ display:block; margin-bottom:20px;}
.pub img{ border:0;}
.pub2{ display:block; padding:10px; background-color:#efd1d1; color:#ad0000; font:bold 12px arial; text-align:center; text-decoration:none; margin-bottom:20px;}
.pub2 strong{ font:bold 24px arial;}
.pub2 span{ display:block; font:bold 14px arial;}
.txt div{ width:300px!important; float:left;  padding:20px 0 0 22px; display:block;}

p.grand_img{ height:230px; float:right!important}
.txt div a,.txt2 span a,p.liste a,p.liste { display:block; text-decoration:none; color:#008ca4; line-height:15px;}
.txt div a:hover,.txt2 span a:hover{ text-decoration:underline;}
.txt div .titre,.txt2 span strong,p.liste .titre{ color:#ab1d1d; font-weight:bold; margin:0 0 10px 0;}
.web2{ background:url(images/web2.png) right bottom no-repeat;}
.adobe{background:url(images/adobe.png) right 148px no-repeat;}
.model{background:url(images/icon2.jpg) right bottom no-repeat;}
.vue{background:url(images/vue.png) right bottom no-repeat;}
.apple{background:url(images/apple.jpg) right bottom no-repeat;}
.music{background:url(images/concept_sonore.jpg) right bottom no-repeat;}

.txt2{ background:url(images/bg_txt2.jpg) repeat-x #fff;}
.txt2 span{ display:block; float:left; width:145px; padding:15px 0 15px 20px;}
.txt2 span strong{ display:block;}
a.pr,a.sv{ display:block; width:20px;height:82px; cursor:pointer; float:left; }
a.pr{ background:url(images/fleche_gauche.gif) center center no-repeat;border-right:1px solid #ccc; margin-right:5px;}
a.sv{background:url(images/fleche_droite.gif) center center no-repeat;border-left:1px solid #ccc; float:right!important;}
#supportcompl{ position:relative;  width:620px; height:82px; bottom:2px;top:20px;overflow:hidden; float:left;}
#contenucompl{ width: 1100px; height:77px; margin: 0px 0 0 15px;display:block; }
#contenucompl img{margin:auto 20px auto 0!important; border:0; vertical-align: middle;}
span.contact{ padding-left:80px;}
span.contact a{ display: inline!important;}
.espace{ padding-top:90px!important;}

.page strong{ margin:0 0 15px 0; font:bold 12px arial; display:block;}

.page p{width:300px!important; margin:0; padding:20px 0 0 23px; display:block;text-align:justify;/* border:1px solid #ccc; */}

.page td{ margin: 0; vertical-align:top; padding:0;}

p.liste{ padding:20px 0 0 23px;}
.grand_img{ float: right; margin:20px 20px 0 0; display:block;}
.page ul{  display:inline; padding-top:20px; width:150px;}
img.pub_bas{display:block; clear: both; margin:0 auto 0 auto;}

#menu_b ul.niv1 li{ display:block; margin:0; float:left;}
#menu_b ul.niv1 li a{text-align:left; padding-bottom:8px;}
#menu_b ul.niv2 li{width:auto!important;}
#menu_b ul.niv2 li a{ padding:5px 0 5px 0!important;width:223px; margin:0!important; height:auto!important;}
#menu_b ul.niv1{ margin:0; padding:0;}

div#menu_b ul.niv1 ul.niv2 {margin:34px auto 0 auto;display: none; background: #d37979; list-style:none; position:absolute; padding:0;opacity:0.90;filter : alpha(opacity=90); }
div#menu_b ul.niv1 li.m1:hover ul.niv2,div#menu_b ul.niv2 li:hover ul.niv3{display: block!important; z-index: 3 ;}
div#menu_b ul.niv1 li.m1:hover ul.niv2 li{ display:block; margin:0!important;}
ul.niv2 li:hover{ background-color:#ac201f;}
ul.niv2 li:hover a,ul.niv2 li a{ background-image:none!important;}
ul.niv2 li{ border-top:1px solid #fff; padding:1px 5px 1px 5px; clear:both; display:block!important;} 
ul.niv2 li a{font:bold 11px "Trebuchet MS"!important;}
ul.niv2 li.smenu:hover ul.niv3{ display:block!important;position:absolute; z-index: 4 ;}

#slide,#slide img{height:265px; position:absolute;}
#slide{height:265px;}