/*------------------------------------------------------------------
STYLESHEET FOR Ici Tout Va Bien
Version 1.0
(c) SOFTAKT - www.worldakt.com
-------------------------------------------------------------------*/

/* -----------------------------------
Global 
------------------------------------*/

* {
margin: 0;
padding:0;
}

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

a:hover {
color: #ccc;
}

ul, li {
list-style-type:none;
}

img {
border: 0;
}

.cleaner {
width: 100%;
clear:both;
height:0.5px;
}

body {
text-align: left;
font-family: Consolas, Monaco, Courier New;
font-size: 12px;
margin:0;
padding:0;
background: #000;
color: #fff;
}

/* -----------------------------------
Structure 
------------------------------------*/

#container {
width:1000px;
margin: 0 auto;
}

#content {
position:relative;
height:100%;
}

#accroche {
position:absolute;
bottom: 0;
left: 0;
}

#accroche p {
width:72%;
margin: 0 auto;
font-weight:bold;
font-size: 14px;
}

#bottom {
margin: 0 auto;
width:720px;
}

#footer {
text-align:center;
font-size:smaller;
padding: 20px 0;
width:100%;
clear:both;
}

/* -----------------------------------
Pages 
------------------------------------*/

.page-left {
color: #5d1a71;
font-size: 15px;
}

.page-left p {
padding: 4px 0px;
}

.page-left a {
color: #5d1a71;
}

.page-left-white {
color: #eeeeee;
font-size: 15px;
}

.page-left-white p {
padding: 4px 0px;
}

.page-right {
float: right;
padding-left:10px;
}

.page-title {
font-size: 60px;
font-weight: bold;
color: #5fad61;
}

.page-title-blue {
font-size: 60px;
font-weight: bold;
color: #5fad61;
}

.page-title-small {
font-size: 30px;
font-weight: bold;
color: #5fad61;
}


/* -----------------------------------
Menu 
------------------------------------*/

#menu {
background:#000;
overflow: hidden;
padding: 5px 0;
height:20px;
}

#menu li {
float:left;
font-family: Consolas, Monaco, Courier New;
font-weight:bold;
font-size: 15px;
}

#menu li a {
padding:0 15px;
}

#menu li a:hover {
color: #5d1a71;
}

/* -----------------------------------
VIDEOS
------------------------------------*/

#VideoList {
position: relative;
background:url(/upload/images/design/back-films.jpg) no-repeat top center;
height:650px;
}

#VideoImages {
position:absolute;
bottom:100px;
left:0;
width: 100%;
overflow: auto;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

#VideoImages div {
width:10000px;
}

#VideoImages img {
cursor: pointer;
border: 3px solid #fff;
width: 120px;
height: 77px;
margin: 3px;
}

#VideoImages img.VideoListOver {
border: 3px solid #ef5;
}

#VideoImages img.VideoListSelected {
border: 3px solid #e22;
}

#VideoListDetail {
background:url(/upload/images/design/clic-video.gif) no-repeat top center;
position:absolute;
border:3px solid white;
top: 100px;
left: 80px;
width: 480px;
height: 290px;
}

#VideoListText {
position:absolute;
top: 100px;
left: 590px;
width: 350px;
height: 290px;
overflow: auto;
}

#VideoListText .title {
color: #5fad61;
font-size: 20px;
font-weight:bold;
}

#VideoListText strong {
color: #a02dc2;
}

#VideoListText p{
padding: 10px 0px;
}

/* -----------------------------------
Bottom 
------------------------------------*/

#bloc-text-left, #bloc-text-right {
float: left;
width: 480px;
padding:20px;
text-align:justify;
background:#eee;
height: 80px;
}

#bloc-text-right {
width: 140px;
margin-left: 20px;
}