/* CSS Global */
/* STRUCTURE */
body {
background:url("images/background.png") repeat-y scroll center 0 gray;
color:gray;
font-family:Century Gothic,Arial;
font-size:12px;
margin: 0;
padding:0;
}

body div#global {
margin: 0 auto;
padding: 10px 0 0 0;
width: 950px;
position: relative;
background: black;

}

a:focus {
outline:0;
} 

*{
padding: 0;
margin: 0;
}

.italic {
font-style:italic;
}

ul, ol {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

a {
text-decoration: none;
color: #C80063;
}

a.orange:hover {

}

a img {
border: none;
}

.display_none {
display: none;
}

div#auteur_picture {
text-align: right;
padding: 5px 10px 200px;
color: white;
letter-spacing: 1px;
}

/*LOGO*/
div.logo h1 a span {
padding: 20px;
display: none;
color:gray;
font-weight:lighter;
letter-spacing:10px;

}

/*GENERAL*/
div#content div#center div.mise_page_1 h1 span {
color:white;
display:block;
font-size:15px;
font-weight:lighter;
letter-spacing:5px;
padding:5px;
text-align:right;
display: none;
}

div#content div#center div.mise_page_1 div.image img {
height: 550px;
}

/*VISION, psycho_illusion, conference*/
div#vision h2 span,
div#psycho_illusion h2 span,
div#conference h2 span,
div#trajectoire h2 span,
div#inspirations div.text h2 span,
div#contact div.text h2 span,
div#text_clients h2 span,
div#presse div.text h2 span,
div#realisations div.text h2 span {
display:block;
font-size:20px;
font-weight:lighter;
letter-spacing:1px;
margin-bottom:8px;
padding-bottom:5px;
}

div#vision h2 span {color:white;}
div#psycho_illusion h2 span {color:white;}
div#conference h2 span {color:#2F2F2F;}
div#trajectoire h2 span {color:gray;}
div#inspirations div.text h2 span  {color:gray;}
div#contact div.text h2 span  {color:gray;}
div#text_clients h2 span  {color:gray;}
div#presse div.text h2 span  {color:gray;padding-bottom: 14px;}
div#realisations div.text h2 span {color:gray;margin-bottom: 0; padding-bottom: 0;}

div#vision p,
div#psycho_illusion p,
div#conference p,
div#trajectoire p,
div#clients ul li {
font-weight:lighter;
padding:0 0 12px;
font-size: 14px;
text-align: left;
}

div#vision p {color:#2F2F2F;}
div#psycho_illusion p {color:#2F2F2F;}
div#conference p {color:#2F2F2F;}
div#trajectoire p {color:gray;}
div#clients ul li {color:gray;}

/*VISION*/
div#vision {
position: relative;
}

div#vision div.text {
position: absolute;
width: 280px;
left: 46px;
top: 40px;
}

div#vision div.text h2 {
}

div#vision div.image {
}

div#vision div.image img {
width: 950px;
}

/*psycho_illusion*/
div#psycho_illusion {
position: relative;
}

div#psycho_illusion div.text {
position: absolute;
right: 35px;
top: 47px;
width: 448px;
}

div#psycho_illusion div.image {
}

div#psycho_illusion div.image img {
width: 950px;
}

/*conference*/
div#conference {
position: relative;
}

div#conference div.text {
position: absolute;
width: 274px;
left: 40px;
top: 40px;
color: black;
}

div#conference div.image {
}

div#conference div.image img {
width: 950px;
}

/*trajectoire*/
div#trajectoire {
position: relative;
}

div#trajectoire div.text {
position: absolute;
width: 300px;
left: 40px;
top: 40px;
color: black;
}


/*realisations*/
div#realisations {
position: relative;
}

div#realisations div.text {
color: white;
left: 682px;
position: absolute;
top: 90px;
width: 254px;
}

div#realisations div.text div.video {
left: -40px;
position: absolute;
top: 78px;
}

div#realisations div.text div.video ul li {
list-style-type: none;
}

div#realisations div.text div.video ul li a {
color: gray;
font-size: 16px;
letter-spacing: 1px;
}

div#realisations div.text div.video ul li a:hover {
color: red;
}

div#realisations div.video {
color: white;
left: 57px;
position: absolute;
top: 179px;
}

div#realisations div.text p {
padding: 5px 0 15px 0;
margin: 0;
}

div#realisations div.text div#realisation_tele {
position: absolute;
bottom: -146px;
}


div#realisations div.text div#realisation_tele ul li {
list-style-type: none;
font-size: 20px;
letter-spacing: 1px;
}

div#realisations div.text div#realisation_tele ul li a {
color: white;
}

div#realisations div.text div#realisation_tele ul li a:hover {
color: red;
}

div#anime_flash {
left: 59px;
position: absolute;
top: 181px;
}

/*presse*/
div#presse {
position: relative;
}

div#presse div.text {
color: black;
position: absolute;
left: 40px;
top: 20px;
}

div#presse div.text ul li {
color: gray;
list-style-type: none;
margin-left: 14px;
padding: 5px 0;
}

div#presse div.text ul li a {
font-size: 15px;
color: gray;
} 

div#presse div.text ul li a:hover, div#presse div.text ul li a:active {
color: red;
}    

div#presse div.text div.single_presse {
border: 1px solid #BFBFBF;
color: gray;
float: left;
font-size: 12px;
left: 214px;
margin: 0;
padding: 15px;
position: absolute;
top: 46px;
width: 300px;
}

div#presse div.text div.single_presse h3 {
font-size: 17px;
font-weight: lighter;
letter-spacing: 2px;
padding: 0 0 5px;
}

div#presse div.text div.single_presse h4 {
font-size: 16px;
padding: 0 0 10px;
font-weight: lighter;
}

div#presse div.text div.single_presse p {
display: block;
}

div#presse div.text div.single_presse div.voir_article {
padding: 10px 0 0 0;
}

/*inspirations*/
div#inspirations {
position: relative;
}

div#inspirations div.text {
color: black;
left: 40px;
position: absolute;
top: 61px;
width: 352px;
}

div#inspirations div.text p {
padding: 10px 0;
margin: 0;
font-size: 12px;
letter-spacing: 2px;
color: gray;
}

div#inspirations div.text p a {
color: gray;
}

div#inspirations div.text p a:hover {
color: red;
}

/*contact*/
div#contact {
position: relative;
}

div#contact div.text {
color: black;
position: absolute;
right: 35px;
top: 70px;
width: 194px;
}

div#contact div.text p {
padding: 3px 0;
margin: 0;
font-size: 14px;
letter-spacing: 1px;
color: gray;
}

/*clients*/
div#clients {
position: relative;
}

div#clients div.text {
color: black;
position: absolute;
right: 9px;
top: 5px;
width: 228px;
}

div#text_clients h2 {
position: absolute;
top: 618px;
left: 254px;
z-index: 900;
} 

div#clients div.text {
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 2px;
}

.news_container {
  width:270px;
  height: 480px;   
  overflow: hidden;
  position: relative;
  padding: 10px;
  position:absolute;
  right:30px;
  top:30px;
}

.list_clientbox {
  position: absolute; 
  left: 0px;
  top: 0px;
  padding: 15px;
}

div#clients div.text {
color: black;
/*position: absolute;
right: 75px;
top: 10px; */
width: 602px;
}
div#clients div.text li {width: 260px;height:10px;list-style:none;}
div#clients div.text a {display: block;text-align: right;Color: black;}
div#clients div.text a:hover {Color: red;}
li.verbatime_text {
display:block;
background:url("images/quotes.gif") no-repeat scroll top left transparent;
position: absolute;
width: 300px;
color:black;
font-size:12px;
padding: 60px;
top:176px;
left:290px;
z-index:2000;
}
li.verbatime_text div.name_prof {color: gray;padding-top:10px;}
li.verbatime_text div.compagnie {color: red;}







/*VIDEO DISPLAY*/
div.video_display {
position: absolute;
top:164px;
left: 0px;
z-index:100;
}

h1.titre_video {
padding: 5px;
background-color: gray;
width:490px;
}

div#content div#center div.mise_page_1 h1.titre_video span {
display:block
}

div#video {
position: relative;
}

div#video div.list_video {
    position: absolute;
    right: 14px;
    top: 45px;
    width: 420px;
}

div#video div.list_video ul li {
    list-style-type: none;
}

div#video div.list_video a {
    border-bottom: 1px dashed gainsboro;
    color: #000000;
    display: block;
    padding: 6px;
    text-align: right;
}

div#video div.list_video a:hover {
    color:red;
}