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

/* Mise en page gnrale */
body {
text-align : center;
font-family: "Verdana", Arial Black, Arial, serif;
border-style:hidden;
background-image:url(../design/bg5flou.jpg);
margin: 0; 
padding: 0; 
}

a:link {color: #333333 ; text-decoration:none;}
a:visited {color: #333333 ; text-decoration:none;}
a:hover {color: #de0000 ; text-decoration:none;}

/* Conteneur gnrale des blocs */

#conteneur {
width: 100%;
height: 898px;
/*background-image:url(../design/background.jpg);*/
background-repeat:no-repeat;
position: relative;
text-align : left;
margin-left: auto;
margin-right: auto;
min-height: 100%;
}

#conteneurhead{
background-image:url(../design/degrad_01.png);
height:100px;
}


#conteneurcentre {
width: 900px;
position: relative;
text-align : left;
margin-left: auto;
margin-right: auto;
}

#conteneurjour {
background-image:url(../design/degrad_lien.png);
width: 900px;
height: 492px;
position: relative;
float:left;
}

#conteneurlien {
background-image:url(../design/degrad_lien.png);
width: 900px;
height: 180px;
position: relative;
float: left;
overflow: hidden;
margin-top: 20px;
margin-bottom: 30px;
}


#conteneurfooter {
background-image:url(../design/degrad_02.png);
margin-top: 28px;
height:68px;
clear:both;
}

.degrad {
background-image:url(../design/degrad_02.png);
height: 508px;
}

.rien {
}

/* Mise en page des blocs */

.styleheader {
width: 900px;
height: 100px;
position: relative;
text-align : left;
margin-left: auto;
margin-right: auto;
}

.logoCCNTV {
height: 55px;
margin-left: 20px;
margin-top: 20px;
float: left;
}

.marche {
height: 55px;
width: 480px;
margin-left: 0px;
float: left;
}

.photo {
width: 410px;
float: left;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 10px;
}

.video {
position: relative;
margin-left: 15px;
margin-top: 10px;
width: 410px;
float: left; 
}

.article {
position: relative;
text-align:justify;
font-size:0.8em;
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
width: 430px;
height: 450px;
float: left;
overflow:auto;
}


.lienall {
position: relative;
padding: 10px;
margin-top: 5px;
width: 29%;
float: left;
margin-left: 12px;
margin-bottom: 5px; 
}

.footer {
margin-left: 20px;
margin-top: 5px;
height:62px;
float: left;
}

.stylefooter {
width: 900px;
height: 62px;
position: relative;
text-align : left;
margin-left: auto;
margin-right: auto;
}

/* Style Page Video */

#conteneurvideo {
background-image:url(images/fond.png);
width: 900px;
position: relative;
float:left;
}

#conteneurlienvideo {
background-image:url(vignettes/fond.png);
width: 900px;
height: 180px;
position: relative;
float: left;
overflow: hidden;
}

.videoplayer {
background-color: #FFF;
position: relative;
padding: 10px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: 93%;
float: left; 
}

.listevideo {
background-color: #0066FF;
position: relative;
padding: 10px;
margin-top: 10px;
width: 93%;
height: 140px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}