@charset "utf-8";
body {
	min-width: 320px;
	font-size: 16px;
}
.header {
	background-image: url(../images/bg_header2.jpg);
	margin-bottom: 20px;
}
.container {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.m-show {
	display:none;
}
.m-hidden {
	display:block;
}
#lgn_sep {
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
}
#pub_leader {
	float: right;
	height: 90px;
	width: 728px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	vertical-align: middle;
}

#logo_header a {
	background-image: url(../images/logo_hdr.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: left;
	height: 90px;
	width: 216px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#titre-site { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 30px;
}
.fb_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/fb_link.png);
	background-position: left center;
	float: right;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
}
.fb_link:hover {
	text-decoration: underline;
}

.container h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 30px;
}
#video_container {
	margin-right: 25px;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	width: 480px;
	height: 360px;
}
.lecteur-video {
	width: 480px;
	height: 360px;
}
#details {
	width: 470px;
	display: inline-block;
	vertical-align: top;
}
.titre  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
}
.date_time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	margin-bottom: 10px;
}
#description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CCC;
	text-decoration: none;
	height: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 10px;
}

#search {
	float: left;
}

#search input[type="text"] {
	border: 0 none;
	color: #333;
	width: 150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	background-color: #FFF;
	background-image: url(../images/btn_srch.png);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 40px;
    }

#search input[type="text"]:focus {
    width: 200px;
    }
.select-chaines {
	border: 0 none;
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 40px;
}
.select-chaines option {
	width: 80%;
}

#partager {
	display: inline;
	float: right;
}
#partager span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
	margin-right: 10px;
	text-transform: uppercase;
}
#partager a img {
}



#menu_chaines {
	width: 300px;
	list-style-image: none;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
}
#pub_bigbox {
	height: 250px;
	width: 300px;
	margin-bottom: 15px;
	float: left;
}
#pub_bigbox_header {
	width: 100%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
#menu_chaines ul {
	float: left;
	width: 270px;
	list-style-image: none;
	list-style-type: none;
	padding-right: 30px;
}

#menu_chaines ul li {
	text-align: right;
	height: 30px;
	width: 250px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #eee;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
}
#menu_chaines ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	text-decoration: none;
	padding-right: 30px;
}
#menu_chaines ul li a:hover {
	background-image: url(../images/bg_dotmenu.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu_chaines .first_item  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #424242;
	text-decoration: none;
	text-transform: uppercase;
}
#menu_chaines li .populaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #424242;
	text-decoration: none;
	text-transform: uppercase;
}

#menu_chaines .border_btm {
	border-bottom-color: #dedede;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-bottom: 10px;
}



#menu_chaines li .selected  {
	color: #006699;
	text-decoration: none;
	background-image: url(../images/bg_dotmenu.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#thumb_container {
	width: 660px;
	margin-bottom: 40px;
	margin-top: -5px;
	display: inline-block;
	vertical-align: top;
}
.thumb_item  {
	margin: 3px;
	width: 210px;
	display: inline-block;
	vertical-align: top;
}
.thumb_item a {
	text-decoration: none;
}

.thumb_item a img {
	border: 2px solid #ccc;
	width: 206px;
}
.thumb_item a:hover img  {
	border: 2px solid #666;
}
.thumb_item a .title_thumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin-bottom: 5px;
}
.thumb_item a:hover .title_thumb{
	color: #090;
}
.thumb_item a .date_thumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	margin-bottom: 5px;
}
#more_video {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 5px;
}

#more_video a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	background-image: url(../images/btn_more.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 17px;
	float: right;
	padding-right: 25px;
	font-weight: bold;
	padding-top: 3px;
}
#more_video a:hover {
	background-position: right bottom;
	color: #333;
}


#partenaires {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
.title_section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #424242;
	text-decoration: none;
	margin-bottom: 20px;
}
#partenaires .prtnr {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}
#srch_field_right {
	float: right;
	margin-top: 40px;
}
#srch_btn_result {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: 30px;
}
#srch_btn_result p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	float: left;
	margin-top: 10px;
}

.btn_prec {
	background-image: url(../images/btn_suiv_prec.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999%;
	height: 30px;
	width: 30px;
	margin-right: 10px;
	float: left;
}
.btn_prec:hover {
	background-position: right top;
}

.btn_suiv {
	background-image: url(../images/btn_suiv_prec.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999%;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	float: left;
}
.btn_suiv:hover {
	background-position: left top;
}
#copy_contact {
	text-align: center;
	margin-bottom: 40px;
}
#copy_contact p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
#copy_contact p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
#copy_contact p a:hover {
	text-decoration: underline;
}