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



body {
	background-attachment: fixed;
	background-color: #dbdad9;
	background-image: url(images/fond.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	margin:0;
}
h1 {
	font: Arial black, Helvetica, sans-serif;
	font-size:1.5em;
	color:#575454;
}
/*Header*/
#header {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 92px;
	width: 1000px;
}
#logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	float: left;
	height: 72px;
	width: 110px;
	margin-top: 20px;
}
#design {
	background-image: url(images/design.png);
	float: right;
	height: 29px;
	width: 162px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu {
	padding: 0px;
	float: left;
	height: 25px;
	width: 650px;
	margin-top: 65px;
	margin-left: 60px;
}
#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu li {
	display: inline ; 
    margin-right: 25px ; 
}
#menu li a {
	font-family: Arial black, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999;
	text-decoration:none;
}
#menu li a:hover {
	font-family: Arial black, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #e4e3e3;
	background-color:#131212;
	cursor:pointer;
	text-decoration:none;
}
#conteneur {
	width: 800px;
	margin-right: auto;
	margin-left: auto;

}
/*accueil*/
#showreel_accueil{
	height: 310px;
	width: 800px;
	margin-top:65px;
}
#encart2_3 {
	float: left;
	height: 300px;
	width: 550px;
}
#encart2_3_text{
	height: 200px;
	width: 230px;
	float: left;
	margin-left:20px;
	font-family:Arial narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color:#575454;
}
.titre {
	font-family: Arial black, Helvetica, sans-serif;
	font-size:1.5em;
	color:#999;
	margin:10px 0 10px 0;
}
.titre2 {
	font-family: Arial black, Helvetica, sans-serif;
	font-size:1.3em;
	color:#999;
	margin:10px 0 0 20px;
	height:30px;
	width:780px;
}
.separateur {
	background-color: #bcbcbc;
	height: 1px;
	width: 800px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom:0px;
	margin-left: auto;	
}
#cont_ico {
	width: 800px;
	height:130px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#ico_acc01{	width:250px;height:130px;margin:0 25px 0px 0;float:left;}
#ico_acc01 a {display:block;background-image: url(images/portfolio/motion/ico_motion07.jpg);background-position:top;width:250px;height:130px;}
#ico_acc01 a:hover {background-position: bottom;}
#ico_acc02{	width:250px;height:130px;margin:0 25px 0px 0;float:left;}
#ico_acc02 a {display:block;background-image: url(images/portfolio/motion/ico_motion06.jpg);background-position:top;width:250px;height:130px;}
#ico_acc02 a:hover {background-position: bottom;}
#ico_acc03{	width:250px;height:130px;margin:0 0px 0px 0;float:left;}
#ico_acc03 a {display:block;background-image: url(images/portfolio/motion/ico_motion03.jpg);background-position:top;width:250px;height:130px;}
#ico_acc03 a:hover {background-position: bottom;}


#menu2 {
	padding: 0px;
	margin-bottom:10px;
	height: 25px;
	width: 800px;
	margin-top:35px;

}
#menu2 ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu2 li {
	display: inline ; 
    margin-right: 25px ; 
}
#menu2 li a {
	font-family: Arial black, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999;
	text-decoration:none;
}
#menu2 li a:hover {
	font-family: Arial black, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #e4e3e3;
	background-color:#131212;
	cursor:pointer;
	text-decoration:none;
}
/*slide*/
.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
#cont_ico2 {
	width: 800px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}
#ico_print01{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print01 a {display:block;background-image: url(images/portfolio/print/ico_print01.jpg);background-position:top;width:250px;height:130px;}
#ico_print01 a:hover {background-position: bottom;}
#ico_print02{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print02 a {display:block;background-image: url(images/portfolio/print/ico_print02.jpg);background-position:top;width:250px;height:130px;}
#ico_print02 a:hover {background-position: bottom;}
#ico_print03{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_print03 a {display:block;background-image: url(images/portfolio/print/ico_print03.jpg);background-position:top;width:250px;height:130px;}
#ico_print03 a:hover {background-position: bottom;}
#ico_print04{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print04 a {display:block;background-image: url(images/portfolio/print/ico_print04.jpg);background-position:top;width:250px;height:130px;}
#ico_print04 a:hover {background-position: bottom;}
#ico_print05{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print05 a {display:block;background-image: url(images/portfolio/print/ico_print05.jpg);background-position:top;width:250px;height:130px;}
#ico_print05 a:hover {background-position: bottom;}
#ico_print06{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_print06 a {display:block;background-image: url(images/portfolio/print/ico_print06.jpg);background-position:top;width:250px;height:130px;}
#ico_print06 a:hover {background-position: bottom;}
#ico_print07{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print07 a {display:block;background-image: url(images/portfolio/print/ico_print07.jpg);background-position:top;width:250px;height:130px;}
#ico_print07 a:hover {background-position: bottom;}
#ico_print08{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print08 a {display:block;background-image: url(images/portfolio/print/ico_print08.jpg);background-position:top;width:250px;height:130px;}
#ico_print08 a:hover {background-position: bottom;}
#ico_print09{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_print09 a {display:block;background-image: url(images/portfolio/print/ico_print09.jpg);background-position:top;width:250px;height:130px;}
#ico_print09 a:hover {background-position: bottom;}
#ico_print10{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print10 a {display:block;background-image: url(images/portfolio/print/ico_print10.jpg);background-position:top;width:250px;height:130px;}
#ico_print10 a:hover {background-position: bottom;}
#ico_print11{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_print11 a {display:block;background-image: url(images/portfolio/print/ico_print11.jpg);background-position:top;width:250px;height:130px;}
#ico_print11 a:hover {background-position: bottom;}
#ico_print12{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_print12 a {display:block;background-image: url(images/portfolio/print/ico_print12.jpg);background-position:top;width:250px;height:130px;}
#ico_print12 a:hover {background-position: bottom;}

#ico_motion01{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion01 a {display:block;background-image: url(images/portfolio/motion/ico_motion01.jpg);background-position:top;width:250px;height:130px;}
#ico_motion01 a:hover {background-position: bottom;}
#ico_motion02{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion02 a {display:block;background-image: url(images/portfolio/motion/ico_motion02.jpg);background-position:top;width:250px;height:130px;}
#ico_motion02 a:hover {background-position: bottom;}
#ico_motion03{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_motion03 a {display:block;background-image: url(images/portfolio/motion/ico_motion03.jpg);background-position:top;width:250px;height:130px;}
#ico_motion03 a:hover {background-position: bottom;}
#ico_motion04{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion04 a {display:block;background-image: url(images/portfolio/motion/ico_motion04.jpg);background-position:top;width:250px;height:130px;}
#ico_motion04 a:hover {background-position: bottom;}
#ico_motion05{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion05 a {display:block;background-image: url(images/portfolio/motion/ico_motion05.jpg);background-position:top;width:250px;height:130px;}
#ico_motion05 a:hover {background-position: bottom;}
#ico_motion06{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_motion06 a {display:block;background-image: url(images/portfolio/motion/ico_motion06.jpg);background-position:top;width:250px;height:130px;}
#ico_motion06 a:hover {background-position: bottom;}
#ico_motion07{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion07 a {display:block;background-image: url(images/portfolio/motion/ico_motion07.jpg);background-position:top;width:250px;height:130px;}
#ico_motion07 a:hover {background-position: bottom;}
#ico_motion08{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion08 a {display:block;background-image: url(images/portfolio/motion/ico_motion08.jpg);background-position:top;width:250px;height:130px;}
#ico_motion08 a:hover {background-position: bottom;}
#ico_motion09{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_motion09 a {display:block;background-image: url(images/portfolio/motion/ico_motion09.jpg);background-position:top;width:250px;height:130px;}
#ico_motion09 a:hover {background-position: bottom;}
#ico_motion10{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion10 a {display:block;background-image: url(images/portfolio/motion/ico_motion10.jpg);background-position:top;width:250px;height:130px;}
#ico_motion10 a:hover {background-position: bottom;}
#ico_motion11{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_motion11 a {display:block;background-image: url(images/portfolio/motion/ico_motion11.jpg);background-position:top;width:250px;height:130px;}
#ico_motion11 a:hover {background-position: bottom;}
#ico_motion12{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_motion12 a {display:block;background-image: url(images/portfolio/motion/ico_motion12.jpg);background-position:top;width:250px;height:130px;}
#ico_motion12 a:hover {background-position: bottom;}

#ico_web01{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web01 a {display:block;background-image: url(images/portfolio/web/ico_web01.jpg);background-position:top;width:250px;height:130px;}
#ico_web01 a:hover {background-position: bottom;}
#ico_web02{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web02 a {display:block;background-image: url(images/portfolio/web/ico_web02.jpg);background-position:top;width:250px;height:130px;}
#ico_web02 a:hover {background-position: bottom;}
#ico_web03{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_web03 a {display:block;background-image: url(images/portfolio/web/ico_web03.jpg);background-position:top;width:250px;height:130px;}
#ico_web03 a:hover {background-position: bottom;}
#ico_web04{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web04 a {display:block;background-image: url(images/portfolio/web/ico_web04.jpg);background-position:top;width:250px;height:130px;}
#ico_web04 a:hover {background-position: bottom;}
#ico_web05{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web05 a {display:block;background-image: url(images/portfolio/web/ico_web05.jpg);background-position:top;width:250px;height:130px;}
#ico_web05 a:hover {background-position: bottom;}
#ico_web06{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_web06 a {display:block;background-image: url(images/portfolio/web/ico_web06.jpg);background-position:top;width:250px;height:130px;}
#ico_web06 a:hover {background-position: bottom;}
#ico_web07{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web07 a {display:block;background-image: url(images/portfolio/web/ico_web07.jpg);background-position:top;width:250px;height:130px;}
#ico_web07 a:hover {background-position: bottom;}
#ico_web08{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web08 a {display:block;background-image: url(images/portfolio/web/ico_web08.jpg);background-position:top;width:250px;height:130px;}
#ico_web08 a:hover {background-position: bottom;}
#ico_web09{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_web09 a {display:block;background-image: url(images/portfolio/web/ico_web09.jpg);background-position:top;width:250px;height:130px;}
#ico_web09 a:hover {background-position: bottom;}
#ico_web10{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web10 a {display:block;background-image: url(images/portfolio/web/ico_web10.jpg);background-position:top;width:250px;height:130px;}
#ico_web10 a:hover {background-position: bottom;}
#ico_web11{	width:250px;height:130px;margin:0 0 20px 0;float:left;}
#ico_web11 a {display:block;background-image: url(images/portfolio/web/ico_web11.jpg);background-position:top;width:250px;height:130px;}
#ico_web11 a:hover {background-position: bottom;}
#ico_web12{	width:250px;height:130px;margin:0 0px 20px 0;float:left;}
#ico_web12 a {display:block;background-image: url(images/portfolio/web/ico_web12.jpg);background-position:top;width:250px;height:130px;}
#ico_web12 a:hover {background-position: bottom;}

.separateur_ico {
	height:150px;
	width:25px;
	float:left;
}

#cont_port {
	width:800px;
	margin:10px auto 0 auto;
}

#cont_text_port {
	width:180px;
	margin-left:20px;
	float:left;
	font-family:Arial narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color:#575454;
}

#cont_img_port {
	width:600px;
	margin:0;
	float:left;
}

.goback {
	font-family:Arial Narrow, Helvetica, sans-serif;
	color:#575454;
}
.goback a {
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.8em;
	color:#575454;
	font-style: italic;
	text-decoration:none;
}
.goback a:hover {
	color:#999;
}


#cont_AC {
	width:800px;
	height:465px;
	margin:25px auto 0 auto;
}
#cont_about {
	width:395px;
	height:465px;
	float:left;
	margin-right:25px;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color: #575454;
}

#formulaire{
	height:465px;
	width:380px;
	float:left;
}
label{
	font-family:Arial, Helvetica, sans-serif;
	color:#737373;
	font-size:0.9em;
	display:block;
	float:left;
	text-align:right;
	width:100px;
	margin-right:20px;
	margin-top:10px;
	line-height:18px;
}

input{
	font-family:Arial, Helvetica, sans-serif;
	color: #737373;
	font-size:0.9em;
	display:block;
	float:left;
	width:250px;
	margin-top:10px;
}



textarea {
	width:250px;
	height:200px;
	overflow:auto;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #737373;
	font-size:0.9em;
}

.bouton1{
	width:120px;
	margin:10px 5px 0 120px;
}

.bouton2{
	width:120px;
	margin:10px 0 0 5px;
}

#cont_about a {
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color:#575454;
	font-style: italic;
	text-decoration:none;
}

#cont_about a:hover {
	color:#999;
}

/*footer*/
#footer {
	height:100px;
	width:800px;
	background-repeat:repeat-x;
	margin:20px auto 0 auto;
}

#contact_footer {
	width:350px;
	height:70px;
	margin:0;
	float:left;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color:#575454;
}

#contact_footer a {
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.8em;
	color:#575454;
	font-style: italic;
	text-decoration:none;
}

#contact_footer a:hover {
	color:#999;
}
#social_network {
	width:411px;
	height:70px;
	margin:0;
	float:right;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color:#575454;
	text-align:right;
}

#social_network a{
	display: block;
	height:34px;
	width:34px;
	margin:10px 0px 0 0;
	float:right;
	text-align:right;
}

#social_network a img{
	border:none;
}

#copyright {
	width:800px;
	height:25px;
	margin:0;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:0.9em;
	color:#575454;
	text-align:center;
	float:left;
}