body{

	margin:0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.top{background-image: url('images/fond-header.jpg');

background-repeat: repeat;

height: 83px;

width: 100%;

}

.logo {

padding-left: 10px;

float: left;

}

.menu {

font-size: 17px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

color: #FFFFFF;

text-align: center;

padding: 25px;

}

.social {

float: right;

margin-top: -60px;

margin-right: 60px;

}

.menu a{

color: #FFFFFF;

text-decoration:none;

}

.menu a:hover{

color:#3d3d3d;

}

.brad {

	background-color: #e46793;

	background-repeat: repeat;

	width: 100%;

	height: 50px;

	margin-bottom: 15px;

	margin-top: -20px;

}

.text-categories{width:1200px; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px;}

.text-categories a{font-size: 14px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF;

font-weight:bold;

text-align: center;

padding: 5px;

text-decoration:none;}

.text-categories a:hover{color: #ff48aa;}

.video{

float: left;

width: 250px;

overflow: hidden;

position: relative;

padding: 3px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

color: #7b7980;

font-family: 'Latoregular';

font-size: 11px;}

.video img{

width: 250px;}

.date{display: block;

width: 244px;

position: absolute;

z-index: 2;

background: url(images/opacity.png);

color: #fff;

font-family: 'LatoBoldItalic';

text-shadow: 1px 2px 1px #000;

font-size: 12px;

padding:3px;

min-height: 20px;

margin-top:-28px;

}

.block-left{

	float:left;

	width:195px;

	border: 1px solid #E0E0E0;

	margin-bottom: 10px;

	margin-right: 10px;

	margin-left: 10px;

}

.block-left ul{

clear: both;

margin: 0;

padding: 0 0 5px 16px;

background: url(images/divider_line.gif) bottom repeat-x;

float: left;

width: 172px;}

.block-left li{

list-style: none;

font-size: 12px;

padding: 8px 0 8px 14px;

line-height: 1.1em;

margin: 0;

clear: both;

border-top: 1px solid #fff;

border-bottom: 1px solid #EAEAEA;}

.block-left li a{

	text-decoration:none;

	color: #4B89B9;

	font-weight:600;

}

.block-left li a:hover{

	color: #e36692;

}

.extrait{font-size:11px; color:#529dd7; float: right;}

.table-video{margin-left:auto; margin-right:auto;}

.pagination{clear:both;}

h1{font-size:19px; color:#4B89B9;}

h2{color: #4B89B9;

font-size: 17px;

text-decoration: underline;}

.retour a{color: #4B89B9;

font-size: 17px;text-decoration: none; font-weight:bold;}

.dateinfos{font-size:15px;color:#e36692;margin-top:-15px;}

.descriptionvideo{color:#4d4d4d; font-size:12px; text-align:center;padding-right: 40px;}

.details{padding-left: 220px;}

.extrait{font-size:11px; color:#529dd7;}

#pageLinks {

padding: 10px 0 3px 0;

text-align: center;

font-size: 16px;

color:#636363;

clear:both;

font-weight: bold;}

#pageLinks a:link, #pageLinks a:active, #pageLinks a:visited {

padding: 5px 7px;

width: auto;

height: 26px;

background: #529dd7;

text-decoration: none;

font-size: 16px;

color: #fff;

margin-right: 1px;

border: 1px solid #E0E0E0;

}

.footer{

	width:100%;

	height:83px;

	background:url(images/fond-header.jpg);

	background-repeat:repeat;

	font-family: Arial, Helvetica, sans-serif;

	clear:both;

	

}

.footer p{

	color: #fff;

text-align: center;

padding-top:30px;

}

.footer a{

	color: #fff;

text-align: center;

font-size:10px;

}

.textebread{

	color:#FFFFFF;

	padding-left:10px;

	padding-top:17px;

	float:left;

		font-size:12px;

	 

	

}

.textebread a{

	color:#FFFFFF;

	text-decoration:none;

	font-weight:bold;

}

.recherche{

	float:right;

	width:300px;

	background-color:#FFFFFF;

	height:30px;

	margin-top:10px;

	margin-right: 100px;

}

.bouton-recherche{

	margin-top: 13px;

	height: 25px;

	width:25px;

	margin-right: -295px;

	float: right;

	background-image:url(images/search.png);

	background-color: #FFFFFF;

	border:none;

	cursor: pointer;

}

#pageLinks {

padding: 40px 0 3px 0;

text-align: center;

font-size: 16px;

color:#636363;

clear:both;

font-weight: bold;}

#pageLinks a:link, #pageLinks a:active, #pageLinks a:visited {

padding: 10px 7px;

width: auto;

height: 26px;

background: #529dd7;

text-decoration: none;

font-size: 16px;

color: #fff;

margin-right: 1px;

border: 1px solid #E0E0E0;

}

.mosaique a{

	text-decoration:none;

	color: #4B89B9;

	font-size:12px;

}

.mosaique img {border:2px solid #529dd7;}

.mosaique img:hover {border:2px solid #e36692;}

.descr{white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

	text-align: center;

	padding: 2px;}

#navigation{ display:none;



}

.mosaique{width:1200px; margin-left:auto; margin-right:auto;}

.keywords{font-size:11px; text-align:left;color:#529dd7;}

.keywords span{font-weight:bold;}

.keywords a{color: #e46793; text-decoration:none;}