@charset "UTF-8";
/* --------------------
 * www.cyrilvernier.net
 * CSS 2.1     05.01.10
 */



/* --------------------
 * GLOBAL styles + HTML
 */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:100%;
}

html{
    height: 100%;
}

/* --------------------
 * LAYOUT styles  + IDs
 */



#global {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow:hidden;
    background:#fff;
}

#slider {
	width: 3680px;
	background: url(img/bg.jpg) no-repeat;
	height: 100%;

}

#left, #mid, #right {
	width: 960px;
	height: 460px;
	
}

#right{
    float: left;
    margin-right:370px;
    margin-left:30px;
    background: url(img/bg_trans.png);
}

#mid{
    float: left;
    position:relative;
}

#left{
    float: right;
    margin-right:30px !important;
    background: url(img/bg_trans.png);
}

#lol{
    position:relative;
}

/* _____________ INTERFACE _____________________________________________________ */ 

#head_logos{
    width:100%;
    height:60px;
}

.contact{
    width:100%;
    padding:20px;
}

.Knowledge{
    height:260px;
    float:left;
    margin-right:60px;
    margin-left:60px;
}

.network{
    height:260px;
    float:left;
    margin-right:60px;
}

.biography{
width:200px;
float:left; 
}

h2{
    margin-bottom:12px;
    font-weight:bold;
}

.network li{
    margin-left:12px;
    list-style-type: none;
}

.Knowledge li{
    list-style-type: none;
}

.btn_network{
    margin-right:6px;
    float:left;
}

.logo_mid{
    background: url(img/logo_blanc.png) no-repeat;
    float:right;
    width:140px;
    height:22px;
    margin-right:238px;
    margin-top:394px;
    cursor:pointer;
    margin-bottom:20px;
    
}

.logo_left{
    background: url(img/logo_noir.png) no-repeat;
    width:140px;
    height:22px;
    float:left;
    margin-left:32px;
    margin-top:21px;
}

.logo_right{
    background: url(img/logo_noir.png) no-repeat;
    width:140px;
    height:22px;
    float:right;
    margin-right:850px;
    margin-top:19px;
}

#fleche_left{
	float:left;
	margin-top:326px;
	margin-left:40px;
	cursor:pointer;
}

#fleche_right{
	float:right;
	margin-top:326px;
	margin-right:40px;
	cursor:pointer;
}

#back_left{
    margin-top:2px;
}

#back_left:hover{
    opacity:0.5;
}

#back_right{
    margin-top:2px;
    float:right !important;
}

#back_right:hover{
    opacity:0.5;
}

#loading{
    width:31px;
    height:31px;
    background: url(img/loading.gif) no-repeat;
    margin-left:320px;
    position:absolute;
    z-index:0;
    margin-top:175px;
    
}


/* _____________ WORKS _____________________________________________________ */

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 140px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top:2px;
}

ul.menu li a {
  background: #d1005d;
  color: #fff;	
  padding: 4px;
  text-align:right;
}

ul.menu li a:hover {
  opacity:0.5;
}

ul.menu li ul li a {
  background: none;
  color: #fff;
  padding-left: 20px;
    font-weight:normal;
}

ul.menu li ul li a:hover {
  padding-left: 15px;
}


/* _____________ CONTENU _____________________________________________________ */ 



#btn_contact{
	cursor:pointer;
margin-left:188px;
}

#btn_blog{
	cursor:pointer;
}

#mid img:hover {
  opacity:0.5;
}

#video_showreel{
	float:right;
	border: 2px #ffffff solid;
}


#video_works{
    position:absolute;
    z-index:1;
	float:left;
	border: 2px #ffffff solid;
}

#info_showreel{
	width:170px;
	float:left;
}


#liste_works{
	float:right;
	position:relative;

}

.contenu{
background: url(../img/bg_trans.png);
height:460px;
}

.contenu_int{
	width:871px;
	height:382px;
	top:40px;
	left:40px;
	position:relative;
}

p{
margin:0;
}

.clear{
clear:both;
}

a{
text-decoration:none;
font-weight:bold;
color:#ffffff;
}

.network a:hover{
    color:#000 !important;
}

.contenu_mid{
height:540px;
}

/* _____________ FORMULAIRE _____________________________________________________ */

#formulaire {
width:230px;
float:left;
}

#infos_personelles input {
	margin-bottom: 6px;
	margin-left: 10px;
	border:none;
	float:left;
	width:145px;
	font-size:12px;
}


#infos_personelles label{
	float:left;
	width:60px;
	text-align:left;
}

#infos_personelles {
	border:none;
}

fieldset {
	text-align: left;
}

#infos_personelles textarea {
	width: 215px;
	display:block;
	float:left;
	margin-top:5px;
	font-size:12px;
}

#envoie {
	color:#FFFFFF;
	background-color:#000;
	margin:10px 0 10px 72px !important;
}

.partenaires{
    float:left !important;
    text-decoration:none !important;
    border:0px !important;
}