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

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
    AFFICHE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
}

*:focus {
	-moz-outline-style: none;
	outline-style: none;
}

input::-moz-focus-inner {
	border:0;
}

body  {  
	position:absolute;
	width:100%;
	min-width: 1000px;
	background-attachment:scroll;
	/*background-image:url(../imgs/haut_body.png);
	background-repeat: repeat-x;*/
	background-position: left top;
	background-color:#e9e9e9;
} 

body, input {
	font-family: Verdana, Geneva, sans-serif;
}

	
#global {	
	margin:auto;
	padding:auto;
	width: 960px;
}

#pixels1 {
	background-image:url(../imgs/pix01.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	left: -11px;
	top: 11px;
	right: 0px;
	bottom: 0px;
}

#pixels2 {
	background-image:url(../imgs/pix02.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	left: 550px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

#header {
	height:137px;
	position: relative;
	width:960px;
}

#header img {
	margin-left:46px;
	display:block;
	position: absolute;
	z-index: 900;
}

a {
	text-decoration:none;
}

a img {
	border:none;
}

#carre {
	width:11px;
	height:11px;
	background-color:#c9ebf8;
}

#page {
	width: 930px;
	height:641px;
	margin-left:15px;
	background-image:url(../imgs/fond_scroll_aff2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: scroll;
	position: relative;
}

#nom {
	width:634px;
	height:96px;
	float:right;
	margin-right:47px;
	position: absolute;
	z-index: 600;
	left: 278px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

#nom a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:lighter;
	text-align:left;
	color:#777;
	line-height:60px;
	margin-left:10px;
}

#nom h2 a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:lighter;
	text-align:left;
	color:#000;
	line-height:1px;
	margin:-3px 0 0 10px;
}

#nom h2 span {
	color:#e85e0c;
}

#nav {
	width:636px;
	height:42px;
	background-image:url(../imgs/fond_nav.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top-color:#CCC;
	/*border-top-color:#959595;*/
	border-top-width: thin;
	border-top-style: solid;
	display:inline-block;
	line-height:32px;
	position: absolute;
	z-index: 500;
	left: 278px;
	top: 96px;
	right: 10px;
	bottom: 10px;
}

#nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	list-style-type:none;
	float:left;
	width:132px;
	height:40px;
}

#nav li:hover {
	background-color:#e9e9e9;
	/*background-color:#fbfbfb;*/
	height:40px;
}

#nav li a {
	color:#555;
}

#nav li a:hover {
	color:#e85e0c;
}

#nav li a:active {
	color:#009ee0;
}

#nav #active {
	color:#FFF;
	height:51px;
}

#nav #active2 {
	background-color:#5ac0ea;
	height:51px;
	line-height:50px;
	/*background-image: url(../imgs/deg_active.png);
	background-repeat: repeat-x;
	background-position: center center;*/
}

#nav li:last-child {
	width:107px;
}

.affiche-fin {
	margin-right:10px;
	float:right;
	width:345px;
}

.affiche-fin_left {
	margin:0 60px 0 12px;
	width:345px;
}

.affiche-fin_left_small {
	margin:0 60px 0 3px;
	width:345px;
}

.affiche-fin_left_small img {
	border: thin solid #ccc;
}

.affiche-fin_left img {
	border: thin solid #ccc;
}

.affiche-fin img {
	border: thin solid #CCC;
}

.affiches_rech2 {
	margin:162px 60px 0 10px;
	width:350px;
}

.affiches_rech4 {
	margin:0 60px 0 10px;
	width:350px;
}

.Gaff_petite {
	margin-left:21px;
}

.un {
	margin-bottom:30px;
	border: thin solid #ccc;
	width:161px;
}

.deux {
	float:right;
	border: thin solid #ccc;
	width:161px;
}

.trois {
	border: thin solid #ccc;
	width:161px;
}

.quatre {
	float:right;
	border: thin solid #ccc;
	width:161px;
}

.return {
	clear:both;
}

.deg_droite {
	width:163px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.deg_gauche {
	margin-left:24px;
	float:right;
	width:163px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.deg_grande {
	width:346px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.deg_grande_petite {
	width:308px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:21px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	color:#FFF;
	text-align:left;
	margin:0 0 6px 360px;
}

h5.spec{
	margin:0 0 6px 353px;
}

h5.ev_cult{
	margin:0 0 6px 305px;
}

h5.enplus{
	margin:0 0 6px 272px;
}

hr {
	width:780px;
	padding: 0px 10px 0px 10px;
	border-width: thin;
	border-style: solid none none none;
	border-color:#FFF;
	margin:0 0 15px 0;
}

.text {
	margin:-28px 0 0 10px;
	width:805px;
}

.text_small {
	margin:-28px 0 0 2px;
	width:805px;
}

.text_right {
	width:345px;
	text-align:center;
	float:right;
	margin-left:62px;
}

.text_right p {
	font-size: 10px;
	line-height:13px;
	color:#bfbebe;
	margin-top:10px;
}

.text_right h6 {
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:18px;
	color:#333;
}

.text_left {
	width:350px;
}

.text_left h6 {
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:18px;
	color:#333;
	text-align:center;
}

.text_left p {
	font-size: 10px;
	text-align:center;
	line-height:13px;
	color:#bfbebe;
	margin-top:10px;
}

.text_center {
	width: 775px;
	text-align:center;
	margin-left:-8px
}

.text_center h6 {
	font-size:12px;
	letter-spacing:1px;
	font-weight:normal;
	line-height:18px;
	color:#333;
}

.text_center p {
	font-size: 10px;
	line-height:13px;
	color:#bfbebe;
	margin-top:10px;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 775px;
	height: 580px;
	float: left;
	margin-top: 27px;
}

.items em {
	color:#888;
}

.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
}

a.browse {
	display:block;
	width:28px;
	height:20px;
	float:left;
	cursor:pointer;
}

a.prev {
	background-image:url(../imgs/fleche.png);
	background-repeat: no-repeat;
	width:28px;
	height:20px;
	margin:275px 3px 0 45px;
}

a.prev:hover {
	background-image:url(../imgs/fleche.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}

a.next {
	background-image:url(../imgs/fleche.png);
	background-repeat: no-repeat;
	width:28px;
	height:20px;
	margin:275px 0 0 3px;
	background-position: -28px 0px;
}

a.next:hover {
	background-image:url(../imgs/fleche.png);
	background-repeat: no-repeat;
	background-position: -28px -20px;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	margin: -18px 0 0 46px;
	background-image:url(../imgs/pix03.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height:91px;
	position: relative;
}

#footer span {
	color:#009ee0;
}

#footer li {
	float:left;
	list-style-type:none;
}

#footer li a {
	color:#000;
}

#footer li a:hover {
	color:#e85e0c;
}

#footer #contact {
	width:205px;
	height:22px;
	margin:0 25px 0 35px;
}

#footer #telechargement {
	width:200px;
	height:22px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
    INDEX
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#anime {
	padding:100px 0 0 100px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
}

h3 {
	font-size:14px;
	color:#444;
	margin:15px 0 10px 0px;
}

#anime p {
	font-size:13px;
	color:#666;
}

#anime li {
	font-size:13px;
	color:#666;
	list-style-type:none;
}

#texte_correspondance {
	color:#FFF;
}

#correspondance1 {
	width:800px;
	height:580px;
	margin:-89px 0 0 -38px;
}

#correspondance1 p {
	line-height:17px;
	font-size:13px;
	color:#666;
	margin:0px 0 12px 0;
}

#correspondance1 a {
	color:#111;
	text-decoration:underline;
}

#correspondance1 a:hover {
	color:#111;
	text-decoration:none;
}

#correspondance1 strong {
	color:#555;
}

#correspondance5 a {
	color:#000;
	text-decoration:underline;
}

#correspondance5 a:hover {
	color:#000;
	text-decoration:none;
}

#correspondance2 {
	width:800px;
	height:580px;
	margin:-89px 0 0 -37px;
	background:url(../imgs/fond_comp.png) no-repeat 0 0;
}

#correspondance3 {
	width:834px;
	height:580px;
	margin:-89px 0 0 -37px;
	background:url(../imgs/fond_formation.png) no-repeat 0 0;
}

#correspondance4 {
	width:800px;
	height:580px;
	background:url(../imgs/fond_parcours.png) no-repeat 0 0;
	/*background-color: rgba(0, 0, 0, 0.20);*/
	margin:-89px 0 0 -37px;	
}


#correspondance5 {
	width:800px;
	height:580px;
	margin:-89px 0 0 -37px;
	background:url(../imgs/fond_infos.png) no-repeat 0 0;
}

span {
	color:black;
}

span#espace {
	visibility : hidden;	
}

#correspondance4 .bloc_infos li#espace_haut {
	margin:-12px 0 12px 0;
}

.titre {
	margin-bottom:5px;
}

.bloc_infos {
	width:320px;
	margin: 128px 0 0 300px;
}

#bloc_infos2 {
	width:320px;
	margin: 124px 0 0 300px;
}

.bloc_infos ul, #bloc_infos2 ul {
	margin: 0 0 0 11px;
}

.bloc_infos li, #bloc_infos2 li {
	margin: 0px 0 12px 0;
}

#correspondance2 .bloc_infos li, #correspondance2 #bloc_infos2 li {
	line-height:15px;
	margin: 0px 0 12px 0;
}

.bloc_infos hr, #bloc_infos2 hr {
	border-color:#f9b557;
	/*border-color:transparent;*/
	width:320px;
	margin:10px 0 10px 0;
}

#correspondance2 #bloc_infos2 hr, #correspondance5 .bloc_infos hr {
	border-color:transparent;
}

#correspondance2 #bloc_infos2 hr {
	margin:10px 0 -5px 0;
}

.puce {
	margin: 0 5px 0 -11px;
}

a.carre1 {
	background:url(../imgs/cubeo1.png) no-repeat 0 0;
	background-position:0 -78px;
	display:block;
	width:111px;
	height:78px;
	position: absolute;
	z-index: 1000;
	left: 8px;
	top: 212px;
}

a.carre1:hover, a.carre1:focus {
	background:url(../imgs/cubeo1.png) no-repeat 0 0;
}

a.carre2 {
	background:url(../imgs/cubeo2.png) no-repeat 0 0;
	background-position:0 -73px;
	display:block;
	width:82px;
	height:73px;
	position: absolute;
	z-index: 1100;
	left: 244px;
	top: 77px;
}

a.carre2:hover, a.carre2:focus {
	background:url(../imgs/cubeo2.png) no-repeat 0 0;
}

a.carre3 {
	background:url(../imgs/cubeo3.png) no-repeat 0 0;
	background-position: 0 -80px;
	display:block;
	width:99px;
	height:80px;
	position: absolute;
	z-index: 1200;
	left: 194px;
	top: 179px;
}

a.carre3:hover, a.carre3:focus {
	background:url(../imgs/cubeo3.png) no-repeat 0 0;
}

a.carre4 {
	background:url(../imgs/cubeo4.png) no-repeat 0 0;
	background-position:0 -76px;
	display:block;
	width:83px;
	height:76px;
	position: absolute;
	z-index: 1300;
	left: 234px;
	top: 371px;
}

a.carre4:hover, a.carre4:focus {
	background:url(../imgs/cubeo4.png) no-repeat 0 0;
}

a.carre5 {
	background:url(../imgs/cubeo5.png) no-repeat 0 0;
	background-position:0 -82px;
	display:block;
	width:96px;
	height:82px;
	position: absolute;
	z-index: 1400;
	left: 716px;
	top: 475px;
}

a.carre5:hover, a.carre5:focus {
	background:url(../imgs/cubeo5.png) no-repeat 0 0;
}

#cubeo6 {
	width:53px;
	height:41px;
	background:url(../imgs/cubeo6.png) no-repeat 0 0;
	position: absolute;
	z-index: 970;
	left: 43px;
	top: 94px;
}

#cubeo7 {
	width:64px;
	height:50px;
	background:url(../imgs/cubeo7.png) no-repeat 0 0;
	position: absolute;
	z-index: 980;
	left: 144px;
	top: 148px;
}

#cubeo8 {
	width:78px;
	height:64px;
	background:url(../imgs/cubeo8.png) no-repeat 0 0;
	position: absolute;
	z-index: 990;
	left: 95px;
	top: 290px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
    PACKAGING
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#text_pack {
	width: 775px;
	padding: 27px 0 0 76px;
}

h5.pack {
	margin:0 0 0px 330px;
}

p.agence_pack {
	width: 775px;
	font-size: 10px;
	text-align:center;
	line-height:13px;
	color:#888;
	margin-top:9px;
	text-align:center;
}

#trait {
 height:1px;
 width:775px;
 background-color:#FFF;
 margin:-11px 0 0 0px;
}

.agence_pack em {
	color:#555;
}

#text_pack hr {
	width:780px;
	padding: 0px 10px 0px 10px;
	border-width: thin;
	border-style: solid none none none;
	border-color:transparent;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
    PROMO
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h5.annpress {
	margin:0 0 6px 333px;
}

h5.annpress2 {
	margin:0 0 6px 320px;
}

h5.annpress3 {
	margin:0 0 6px 350px;
}

h5.annpress4 {
	margin:0 0 6px 345px;
}

#plv {
	margin:0 60px 0 80px;
	width:614px;
}

#plv img {
	border: thin solid #ccc;
}

#deg_plv {
	width:615px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#pbguerre {
	margin:0 60px 0 53px;
	width:670px;
}

#pbguerre img {
	border: thin solid #ccc;
}

#deg_pbguerre {
	width:672px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.text_center_promo {
	width: 775px;
	text-align:center;
}

.text_center_promo p {
	font-size: 10px;
	line-height:13px;
	color:#bfbebe;
	margin-top:28px;
}

.text_center_promo2 p {
	font-size: 10px;
	line-height:13px;
	color:#bfbebe;
	margin:28px 0 0 240px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
    EDITION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

h5.dossvideo{
	margin:0 0 6px 300px;
}

h5.dosscine{
	margin:0 0 6px 295px;
}

#hours {
	margin:160px 0 0 10px;
}

#evil {
	margin:129px 0 0 5px;
}

#cercle {
	margin:121px 0 0 5px;
}

#effraction {
	margin:172px 0 0 10px;
}

#baiser {
	margin:162px 0 0 9px;
}

#king {
	margin:163px 0 0 10px;
}

#robinson {
	margin:163px 0 0 14px;
}

#mission {
	margin:162px 0 0 14px;
}

#igor {
	margin:159px 0 0 12px;
}

#clones {
	margin:120px 0 0 8px;
}

.pageintercarre {
	margin:169px 0 0 15px;
}

.pageintercarre img {
	border: thin solid #ccc;
}

.pg_left {
	width:360px;
}

.pg_right {
	width:360px;
	float:left;
	margin-left:20px;
}

.deg_pg {
	width:362px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.text2 {
	margin:-20px 0 0 10px;
	width:805px;
}

.pageinterrect {
	width:440px;
	margin:20px 0 0 166px
}

.pageinterrect2 {
	width:419px;
	margin:20px 0 0 178px
}

.pageinterrect3 {
	width:526px;
	margin:20px 0 0 125px
}

.pageinterrect img, .pageinterrect2 img {
	border: thin solid #ccc;
}

.pg_haut {
	width:440px;
}

.pg_bas {
	width:440px;
	margin-top:15px;
}

.deg_pg_rect {
	width:442px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.text3 {
	margin:-25px 0 0 10px;
	width:805px;
}

#pg_haut_2 {
	width:419px;
}

#pg_bas_2 {
	width:419px;
	margin-top:15px;
}

.deg_pg_rect_2 {
	width:421px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.deg_pg_rect_3 {
	width:528px;
	height:40px;
	background-image:url(../imgs/deg_image.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#pg_left {
	width:360px;
	margin-top:27px;
}

#pg_right {
	width:360px;
	float:left;
	margin:27px 0 0 22px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
    WEB
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#trait2 {
	height:1px;
	width:675px;
	background-color:#FFF;
	margin:-11px 0 0 50px;
}

h5.pack2 {
	margin:0 0 0px 315px;
}

#site {
	width:739px;
	height:510px;
	/*background-color: rgba(0, 0, 0, 0.20);*/
	margin: 25px 0 0 95px;
}

#img_site {
	padding-top:28px;
	width:140px;
	float:left;
}

.vignette1, .vignette2, .vignette3, .vignette4, .vignette5, .vignette6 {
	margin: 0 0 19px 27px;
	width:140px;
	height:110px;
	overflow: hidden; 
 	position: relative;
}

.vignette1 img, .vignette2 img, .vignette3 img, .vignette4 img, .vignette5 img, .vignette6 img { 
  position: absolute; 
  top: 0; 
  left: 0; 
} 

.vignette1:hover img, .vignette2:hover img, .vignette3:hover img, .vignette4:hover img, .vignette5:hover img, .vignette6:hover img { 
	top: -110px;  
}

#text_web {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:337px;
	margin:26px 10px 0 61px;
	/*background-color: rgba(0, 0, 0, 0.20);*/

}

#text_web p {
	line-height:17px;
	font-size:13px;
	color:#666;
	margin-bottom:5px;
}

#text_web h3 {
	text-align:center;
	font-size:14px;
	color:#f08b00;
	margin-top:15px;
}

#text_web hr {
	width:335px;
	border-color:#f9b557;
	margin-top:10px;
}

#text_web hr:last-child {
	margin-top:21px;
}

#img_site2 {
	padding-top:30px;
	width:140px;
}

#text_web li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;
	color:#666;
	list-style-type:none;
}

#descrption_site strong {
	color:#f08b00;
}

#text_web a {
	color:#666;
	text-decoration:underline;
}

#text_web a:hover {
	text-decoration:none;
}

#text_web a:hover {
	color:#f08b00;
}

#descrption_site {
	margin: 20px 0 0 35px;
}

#descrption_site p {
	font-weight:bold;
	margin-bottom:5px;
}

#descrption_site ul {
	margin:0 0 15px 10px;
}

#descrption_site p a {
	text-decoration:underline;
}