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

@font-face {
    font-family: 'ProximaNovaLtBold';
    src: url('../font/proximanova-semibold-webfont.eot');
    src: url('../font/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-semibold-webfont.woff') format('woff'),
         url('../font/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../font/proximanova-semibold-webfont.svg#ProximaNovaLtBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; } 
p {margin-bottom: 40px;}

ul, ol, li { list-style: none; }
img { border: none; }
a { color: #000000; text-decoration: none; font-family: 'ProximaNovaLtBold', "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3 { font-weight: normal; }

body { background: #FFF; border-top: 5px solid #000; }
#global { margin: 0 auto; width: 961px; font-family: 'ProximaNovaLtBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; }

#logo { float: left; width: 961px; text-align: center; margin: 40px 0; position: relative; }
#logo ul.social { position: absolute; top: 14px; right: 0; }
#logo ul.social li { float:  left; margin: 0 0 0 10px; color: #747474; }
#logo ul.social li a { color: #747474; }

.presse { margin-top: 20px; margin-bottom: 20px; }

#menu { float: left; width: 961px; margin: 0 0 0 0; }
#menu img { float: left; margin: 0 0 0 50px; }

#menu ul { float: left; height: 100px; margin: 0 0 0 272px; position: relative; }
#menu ul li { display: inline-block;} 
#menu ul li a { float: left; display: block; text-transform: uppercase; font-size: 12px; padding: 5px 27px; color: #000000;  }
#menu ul li a:hover { background: url(../images/menu.png) left bottom no-repeat; }

#menu ul.works { position: absolute; left: -187px; top: 25px; border-top: 1px solid #000000; width: 98px; height: 32px; text-align: center;}
#menu ul.works li a { font-size: 11px; color: #000; padding: 3px 6px; margin-top: 6px; }
#menu ul.works li a:hover { color: #FC22AA; }


/*a:hover.yellow { color: #979797!important; }
a:hover.cyan { color: #979797!important;  }
a:hover.magenta { color: #979797!important; }
a:hover.green { color: #979797!important; }
a:hover.black { color: #979797!important; }*/


#content { float: left; width: 961px; margin: 0; }
#content .video { float: left; width: 100%; margin: 0 0 70px 0; text-align: center; }
#content .video h1 { margin: 5px auto 10px; width: 740px; text-align: left; }
#content .video p { margin: 0 auto; width: 740px; color: #8f97a5; text-align: left; }

#1{float: left; width: 961px; height:251px;}

#content .partners { float: left; width: 961px; background: #FFF; }
#content .partners ul { float: left; width: 961px; margin-left: 330px; }
#content .partners ul li { float: left; width: 191px; height: 114px; margin: 0; }

#content .contact { float: left; width: 500px; margin: 0 0 0 126px; }
#content .contact p { float: left; width: 100%; margin-bottom: 7px; }
#content .contact label { float: left; width: 120px; }
#content .contact input { width: 200px; background: #EEE; border: none; padding: 5px; font-family: 'ProximaNovaLtBold'; font-size: 12px; }
#content .contact textarea { width: 320px; height: 120px; background: #EEE; border: none; padding: 5px; font-family: 'ProximaNovaLtBold'; font-size: 12px; }
#content .contact input.submit { width: 200px; background: #222; color: #FFFFFF; border: none; padding: 5px; font-family: 'ProximaNovaLtBold'; font-size: 14px; text-align: center; }
#content .contact input.submit:hover { background: #000; }