*{
margin:0;
padding:0;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#002149 url("../img/back.jpg") repeat-x left top;
	font-family: arial, sans-serif;  
	font-size:0.8em;
	color:#535353;
}

#site{
	width:950px;
	background: url("../img/logo2.jpg") no-repeat left top;
	margin:auto;
	text-align:left;
	overflow: hidden;
	border: 0px yellow solid;
}


span{
	display:none;
}

/*---VIDEOS-------------------------------------------------*/
div.player{
	border: 4px solid white;
	width: 480px;
	height: 270px;
	margin:0 0 27px 0;
	padding:0;
}
div.player2{
	border: 4px solid white;
	width: 480px;
	height: 270px;
	margin:0 0 27px 43px;
	padding:0;
	float:left;
}

img.contenu{
	float: left;
	margin: 0 30px 20px 0;
	border:0px;

}

img.contenu2{
	float: right;
	margin: 0 0 0 30px;
	border:0px;
}

a.video_danone{
	text-decoration:none;
	background-image: url(../img/video_danone.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_danone:hover{
	text-decoration:none;
	background-image: url(../img/video_danone_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_comedie{
	text-decoration:none;
	background-image: url(../img/video_comedie.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_comedie:hover{
	text-decoration:none;
	background-image: url(../img/video_comedie_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_ideateur{
	text-decoration:none;
	background-image: url(../img/video_ideateur.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_ideateur:hover{
	text-decoration:none;
	background-image: url(../img/video_ideateur_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_johell{
	text-decoration:none;
	background-image: url(../img/video_johell.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_johell:hover{
	text-decoration:none;
	background-image: url(../img/video_johell_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_mckeil{
	text-decoration:none;
	background-image: url(../img/video_mckeil.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_mckeil:hover{
	text-decoration:none;
	background-image: url(../img/video_mckeil_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_monclasseur{
	text-decoration:none;
	background-image: url(../img/video_monclasseur.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_monclasseur:hover{
	text-decoration:none;
	background-image: url(../img/video_monclasseur_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_nightlife{
	text-decoration:none;
	background-image: url(../img/video_nightlife.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_nightlife:hover{
	text-decoration:none;
	background-image: url(../img/video_nightlife_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}
a.video_perrier{
	text-decoration:none;
	background-image: url(../img/video_perrier.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_perrier:hover{
	text-decoration:none;
	background-image: url(../img/video_perrier_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}
a.video_rogers{
	text-decoration:none;
	background-image: url(../img/video_rogers.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}

a.video_rogers:hover{
	text-decoration:none;
	background-image: url(../img/video_rogers_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0 16px 16px 0;
	padding:0;
	width:84px;
	height:62px;
}




a.video_principal{
	text-decoration:none;
	background-image: url(../img/video_principal.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:21px 0 15px 0;
	padding:0;
	width:355px;
	height:210px;
}

a.video_principal:hover{
	text-decoration:none;
	background-image: url(../img/video_principal.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:21px 0 15px 0;
	padding:0;
	width:355px;
	height:210px;
}

.realisations p{
	width:355px;
	color:#628fbe;
	margin:0 0 10px 0;
	padding:0;
	font-size: 0.85em;
}

.realisations h2{
	width:355px;
	color:#e7c349;
	margin:0 0 5px 0;
	padding:0;
	font-size: 0.85em;
	font-weight:bold;
}

.realisations a{
	color:#628fbe;
	text-decoration:underline;
}

.realisations a:hover{
	color:#628fbe;
	text-decoration:none;
}


/*---CONTENU-------------------------------------------------*/

div.realisations{
	width:500px;
	margin:93px 0 0 0;
	padding:0;
	float: left;
	border: 0px yellow solid;
}

div.texte_intro{		
	width:370px;
	margin:63px 0 0 0px;
	padding:28px 0 29px 41px;
	float: left;
	border: 0px yellow solid;
}

div.texte_intro2{		
	width:870px;
	margin:63px 0 0 0;
	padding:28px 0 0 41px;
	float: left;
	border: 0px yellow solid;
}

div.texte{	
	width:475px;
	margin:10px 0 0 0;
	padding:0 0 59px 41px;
	float: left;
	border: 0px yellow solid;
}

div.texte_plain{	
	width:490px;
	margin:0;
	padding:0 0 59px 41px;
	float: left;
	border: 0px yellow solid;
}

div.texte_plain2{	
	width:280px;
	margin:0;
	padding:0 0 59px 41px;
	float: left;
	border: 0px yellow solid;
}

div.texte_plain3{	
	width:380px;
	margin:0;
	padding:0 0 59px 41px;
	float: left;
	border: 0px yellow solid;
}

.texte_intro p{
	color:#dfe3e8;
	margin:0 0 20px 0;
	padding:0;
}

.texte_intro2 p{
	color:#dfe3e8;
	margin:0;
	padding:0;
}

.texte_intro2 p.jaune{
	color:#f0d34b;
	margin:0;
	padding:0;
	font-weight:bold;
}

.texte_intro2 p.jaune2{
	color:#f0d34b;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size: 1.7em;
}

.texte p{
	color:#9ba8b8;
	margin:0 0 20px 0;
	padding:0;
}

.texte_plain p{
	color:#9ba8b8;
	margin:0 0 20px 0;
	padding:0;
}

.texte_plain2 p{
	color:#9ba8b8;
	margin:0 0 20px 0;
	padding:0;
}

.texte_plain3 p{
	color:#9ba8b8;
	margin:0 0 20px 0;
	padding:0;
}

h1{	
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
	color:#83bff3;
	font-weight:bold;
	font-size: 1.3em;
}

h2{	
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bolder;
	font-size: 1em;
}

h2 span{	
	color:#e5cc54;
	display:inline;
}



ul{
	margin: 0 0 10px 0;
	padding:0;
}

ul li{
	list-style-type: none;
	background-image:url(../img/fleche.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0px 0 8px 15px;
	line-height: 0.9em;
}

a{
	text-decoration:underline;
	color:#3993ff;
}

a:hover{
	text-decoration:none;
	color:#3993ff;
}

a.plus{
	text-decoration:none;
	background-image: url(../img/plus.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:78px;
	height:18px;
}

a.plus:hover{
	text-decoration:none;
	background-image: url(../img/plus_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:78px;
	height:18px;
}

/*---FOOTER-------------------------------------------------*/

#footer{
	width:950px;
	margin:40px 0 40px 60px;
	padding:0;
	float: left;
	text-align:center;
}

#footer p{
	color:#1e426c;
	margin:0;
	padding:0;
	font-size:0.8em;
}

#footer a{
	color:#1e426c;
	margin:0;
	padding:0;
	text-decoration:underline;
}

#footer a:hover{
	color:#1e426c;
	margin:0;
	padding:0;
	text-decoration:none;
}

/*---MENU-------------------------------------------------*/

#menu{
	margin:0;
	padding: 52px 0 0 330px;
	border: 0px yellow solid;
}

ul.menu li {
	margin:0;
	padding:0;
	display:inline;
}

a.accueil{
	text-decoration:none;
	background-image: url(../img/accueil.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:65px;
	height:53px;
}
a.accueil:hover{
	text-decoration:none;
	background-image: url(../img/accueil_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:65px;
	height:53px;
}

a.accueil_en{
	text-decoration:none;
	background-image: url(../img/accueil_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:51px;
	height:53px;
}

a.accueil_en:hover{
	text-decoration:none;
	background-image: url(../img/accueil_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:51px;
	height:53px;
}


a.a_propos{
	text-decoration:none;
	background-image: url(../img/a_propos.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:73px;
	height:53px;
}

a.a_propos:hover{
	text-decoration:none;
	background-image: url(../img/a_propos_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:73px;
	height:53px;
}

a.a_propos_en{
	text-decoration:none;
	background-image: url(../img/a_propos_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:70px;
	height:53px;
}

a.a_propos_en:hover{
	text-decoration:none;
	background-image: url(../img/a_propos_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:70px;
	height:53px;
}

a.services{
	text-decoration:none;
	background-image: url(../img/services.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:70px;
	height:53px;
}

a.services:hover{
	text-decoration:none;
	background-image: url(../img/services_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:70px;
	height:53px;
}

a.services_en{
	text-decoration:none;
	background-image: url(../img/services_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:71px;
	height:53px;
}

a.services_en:hover{
	text-decoration:none;
	background-image: url(../img/services_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:71px;
	height:53px;
}

a.outils{
	text-decoration:none;
	background-image: url(../img/outils.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:57px;
	height:53px;
}

a.outils:hover{
	text-decoration:none;
	background-image: url(../img/outils_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:57px;
	height:53px;
}

a.outils_en{
	text-decoration:none;
	background-image: url(../img/outils_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:52px;
	height:53px;
}

a.outils_en:hover{
	text-decoration:none;
	background-image: url(../img/outils_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:52px;
	height:53px;
}


a.realisations{
	text-decoration:none;
	background-image: url(../img/realisations.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:90px;
	height:53px;
}

a.realisations:hover{
	text-decoration:none;
	background-image: url(../img/realisations_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:90px;
	height:53px;
}

a.realisations_en{
	text-decoration:none;
	background-image: url(../img/realisations_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:72px;
	height:53px;
}

a.realisations_en:hover{
	text-decoration:none;
	background-image: url(../img/realisations_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:72px;
	height:53px;
}

a.autres_projets{
	text-decoration:none;
	background-image: url(../img/projets.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:109px;
	height:53px;
}

a.autres_projets:hover{
	text-decoration:none;
	background-image: url(../img/projets_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:109px;
	height:53px;
}

a.autres_projets_en{
	text-decoration:none;
	background-image: url(../img/projets_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:109px;
	height:53px;
}

a.autres_projets_en:hover{
	text-decoration:none;
	background-image: url(../img/projets_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:109px;
	height:53px;
}

a.contact{
	text-decoration:none;
	background-image: url(../img/contact.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:64px;
	height:53px;
}

a.contact:hover{
	text-decoration:none;
	background-image: url(../img/contact_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:64px;
	height:53px;
}

a.contact_en{
	text-decoration:none;
	background-image: url(../img/contact_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:83px;
	height:53px;
}

a.contact_en:hover{
	text-decoration:none;
	background-image: url(../img/contact_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:83px;
	height:53px;
}

a.english{
	text-decoration:none;
	background-image: url(../img/english.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:64px;
	height:53px;
}

a.english:hover{
	text-decoration:none;
	background-image: url(../img/english_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:64px;
	height:53px;
}

a.english_en{
	text-decoration:none;
	background-image: url(../img/english_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:84px;
	height:53px;
}

a.english_en:hover{
	text-decoration:none;
	background-image: url(../img/english_over_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin:0;
	padding:0;
	width:84px;
	height:53px;
}

a.video_vignette{
margin-right:16px;
}
a.video_vignette img{
border:4px solid #FFFFFF;
width:76px;
height:54px;
opacity:0.45;
filter:alpha(opacity=45);
}
a.video_vignette:hover img{
border:4px solid #FFFFFF;
width:76px;
height:54px;
opacity:1;
}

label{
display:block;
color:#fff;
margin-top:5px;
font-weight:bold;
}
input.input_long{
width:544px;
}