/* CSS Document */
/* ****************************************************************************
		reset
**************************************************************************** */
html {
	color:#000;
	background:transparent;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, img {
	margin:0;
	padding:0
}
.blog-cover-cat, .slider-left-cat, .slider-right-cat, .feat-content-cat, .reply a:hover, .pagination a:hover, .pagination .current, .tagcloud a:hover, .button-send#submitmail:hover, .highlight, .button-link a, .single-tag a:hover, ul.tabs li a, a.pp_download, p.form-submit input#submit:hover, .slicknav_btn, #wizemenu > ul > li:hover > a, #wizemenu > ul > li.active > a, #wizemenu > ul > li > a:active, #wizemenu > ul ul li a:hover{
	background:#E91B23;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit
}
del, ins {
	text-decoration:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%
}
q:before, q:after {
	content:''
}
abbr, acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:baseline
}
sub {
	vertical-align:baseline
}
legend {
	color:#000
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
input, button, textarea, select {
	font-size:100%
}
a {
	cursor:pointer
}
.clearfix:before, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
/* ************************************************************************************************
		struture
************************************************************************************************ */
#container {
	position:relative;
	background:#FFF;
	padding: 0px 0;
	margin:70px auto 0;
	max-width:1050px;
}
#header {
	z-index:10
}
#bandeau{
	position:relative;
	float: right;
    max-height: 90px;
    padding-right: 12px;
    max-width: 728px;
}
#bandeau img, img.logo{
	width:100%;
}
#columns {
	z-index:1
}
/* ************************************************************************************************
		generic style
************************************************************************************************ */
body {
	font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background:#111;
}
body#popup {
	background:#fff;
}
#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 1px; 
    top: -2px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
    background: url('/themes/ffboxe/img/fondjo.jpg') no-repeat top center;
}

.stretch {
    width:100%;
    height:100%;
}
#header{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 20px 30px;	
}
/* positionnement ****************************************************************************** */
.hidden {
	display:none
}
.f_right {
	float:right
}
/* title *************************************************************************************** */
h1 {
	margin-bottom:20px;
	font-size:24px;
	line-height: 22px;
}
.une h1 {
	font-size:30px;
	color:#024b86;
	line-height: 30px;
	padding-top: 5px;
}
h2 {
	padding-bottom:20px;
	font-size:18px
}
h3 {
	padding-bottom:20px;
	font-size:16px
}
h4 {
	padding-bottom:20px;
	font-size:14px
}
hr{
	background: #67A4D6;
    border: 1px solid #67A4D6;
}
/* text **************************************************************************************** */
p {
	margin:0 0 10px;
}
.warning {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e6db55;
	font-size:13px;
	background:#ffffe0
}
.success {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #5cff74;
	font-size:13px;
	background: #d3ffab
}
#backgdMess{
	position:fixed;
	width:100%;
	height:100%;
	background:#d5d5d5;
	top:0;
	left:0;
	z-index:101;
	
}
#Message{
	position:fixed;
	top:100px;
	min-height:20%;
	left:20%;
	width:60%;
	background:#d3ffab;
	z-index:102;
	text-align:center;
	font-size:2em;
	line-height:1.8em;
}
/* link **************************************************************************************** */
a, a:active, a:visited {
	color:#333;
	text-decoration:none;
	outline: medium none
}
a, a:active, a:visited {
	color:#004985;
}
a:hover {
	text-decoration:underline
}

/* top links **************************************************************************************** */
#topLinks{
	background:#96c1e4;
	padding:5px 0;
	text-align:right;
}
#topLinks #mylist{
	float:right;
	padding-right: 10px;
}
#topLinks ul{
	list-style:none;
}
#topLinks ul li{
	display:block;
	float: left;
	padding:0 8px;
	border-right:1px #004985 solid;
	
}
#topLinks ul li a, #topLinks ul li a:visited{
	color:#767676;
}
form .keywords {
	background: #FFF;
	color: #64686B;
	width: 110px;
	border: 0;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	float:left;
}
form .gosearch {
	width:35px; 
	height:35px;
	border:none;
	background:transparent url('../img/loupe.png');
}
/* boutons **************************************************************************************** */


/* form **************************************************************************************** */
form.std fieldset {
	margin:20px 0;
	border:1px solid #ccc
}
/* table *************************************************************************************** */
table.std, table.table_block {
	margin-bottom:20px;
	width:100%;
	border:1px solid #999;
	border-bottom:none
}
table.std th, table.table_block th {
	padding:14px 12px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0 1px 0 #000;
	background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}
table.std tr.alternate_item, table.table_block tr.alternate_item {
	background-color: #f3f3f3
}
table.std td, table.table_block td {
	padding:12px;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	font-size:12px;
	vertical-align:top
}

/* ************************************************************************************************
		HEADER
************************************************************************************************ */
#header {
	max-width: 1050px;
	height: 130px;
	margin: 0;
	background: #FFF;
	width: 100%;
}
#header_logo {
	float:left;
	display:block;
}
#header_right {
	position:relative;
	float: right
}

/* ************************************************************************************************
		MENU
************************************************************************************************ */
.menu-navigation {
	padding-left: 10px;
	padding-top: 7px;
	float: left;
	height: 60px;
	background: #18191d;
	width: 100%;
	z-index: 999;
	opacity: 1;
	max-width: 1050px;
}
#menu li{
	display:block;
	float:left;
	padding:4px 24px 0 0;
}
#menu li:first-child {
	padding-top:0;
}
#menu li a{
	color: #FFFFFF;
    font-size: 1.2em;
    text-transform: uppercase;
}
#wizemenu { 
	height:60px;
	zoom: 1; 
	padding:0; 
	margin:0;
}

#wizemenu > ul {
    margin: 0px;
    padding: 0;
    position: relative;
    }
	
#wizemenu > ul li {
    list-style: none;
    margin-left: 3px;
    padding: 0;
	background: #18191d;
}
	
#wizemenu:before, #wizemenu:after, #wizemenu > ul:before, #wizemenu > ul:after {
    display: table;
    content: '';
    }
	
#wizemenu:after, #wizemenu > ul:after { clear: both }

#wizemenu > ul > li {
    float: left;
    position: relative;
	height: 53px;
}
#wizemenu > ul > li:hover, #wizemenu > ul ul > li:hover {
    background:#e91b23;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
	
#wizemenu > ul > li > a {
    text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 9px 7px 8px 7px;
	font-size: 14px;
	font-weight: 600;
	height: 100%;
	max-width: 135px;
	text-align: center;
}
	
#wizemenu > ul > li:hover > a { color: #fff }

#wizemenu > ul > li > a > span { line-height: 18px }

#wizemenu > ul > li.active > a, #wizemenu > ul > li > a:active { color: #fff }
	
/* --- menu childs --- */

#wizemenu > ul ul {
    visibility: hidden;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    top: 180px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
    position: absolute;
    }
	
#wizemenu > ul ul:before {
    background: transparent;
    top: -10px;
    width: 100%;
    height: 20px;
    content: '';
    position: absolute;
    }
	
#wizemenu > ul ul li {
    list-style: none;
    margin-bottom: 2px;
    width: 100%;
    margin: 0;
    padding: 0;
    }
	
#wizemenu > ul ul li a {
    text-transform: uppercase;
    text-decoration: none;
    width: 220px;
    color: #fff;
    display: block;
    padding: 8px 13px 8px 13px;
    font-size: 14px;
    font-weight: 600;
    z-index: 999;
    }
	
#wizemenu > ul ul li a:hover { color: #fff }

#wizemenu > ul li:hover ul {
    visibility: visible;
    top: 53px;
    left: 0;
    color: #000;
    margin: 0;
    opacity: 1;
    z-index: 2;
    }
	
/* --- 3-level menu childs --- */

#wizemenu ul ul > li {
    position: relative;
    display: block;
    }
	
#wizemenu > ul ul ul li {
    list-style: none;
    width: 220px;
    }
	
#wizemenu > ul ul li:hover ul {
    top: 0px;
    left: 220px;
    }
	
#wizemenu > ul li:hover ul ul, #wizemenu > ul li:hover ul ul ul, #wizemenu > ul li.over ul ul, #wizemenu > ul li.over ul ul ul { display: none }

#wizemenu > ul li:hover ul, #wizemenu > ul li li:hover ul, #wizemenu > ul li li li:hover ul, #wizemenu > ul li.over ul, #wizemenu > ul li li.over ul, #wizemenu >ul li li li.over ul { display: block }

/*Styles for screen 515px and lower*/
@media all and (min-width: 940px)
{
	#pull{
		display:none;
	}
}
@media all and (min-width: 930px) and (max-width: 1021px)
{
	#wizemenu > ul > li > a {
		font-size:12px;
		padding: 9px 5px 8px 5px;
	}
}
@media all and (min-width: 769px) and (max-width: 1070px)
{
	#slider-left {
  		max-width: 65%!important;
		margin: 3px 0.5% 0!important;
	}
	#slider-right-top, #slider-right-bottom {
  		width: 32%!important;
		margin: 3px 0.5% 0!important;
	}
	#slider-left .slides img{
		width:100%!important;
		height:100%!important;
	}
	#header-breaking {
		width:100%!important;
	}
	#header-breaking #header-social{
		margin: 0!important;
	}
}
@media all and (max-width: 1070px)
{
	.slider-right-des{
		top: inherit!important;
		bottom: 12%;
		max-height: 47px;
		overflow: hidden;
	}
	.slider-right-title{
		top: inherit!important;
		bottom: 35%;
	}
}


@media only screen and (max-width : 1050px) {
	#container {
		margin:0px auto 0;
	}
}



@media only screen and (max-width : 940px) {
	#header-breaking h3, #header-breaking .header-breaking-text{
		display:none!important;
	}
	.menu-navigation .col-xs-10 { 
		width:70%;
	}
	.menu-navigation .col-xs-2 { 
		width:30%;
	}
	nav {
		border-bottom: 0;
		height:auto;
		width: 53px;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: transparent;
		color: #FFF;
		width: 100%;
		position: absolute;
		top:0;
		padding-left: 50px;
		padding-top: 12px;
		font-size: 16px;
		font-weight: 600;
	}
	nav a#pull:after {
		content:"";
		background: url('../img/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 10px;
	}

	#wizemenu { 
		height: 53px;
	}
	#wizemenu li { 
		width: 100%;
	}
	#wizemenu ul li a, #wizemenu > ul ul li, #wizemenu > ul ul li a, #wizemenu > ul ul ul li, #wizemenu > ul ul ul li a {
		width: 100%;
		max-width: 100%;
		text-align: left;
	}
	#wizemenu > ul ul li{
		padding-left:20px;
	}
	#wizemenu > ul > li:first-child{
		height:53px;
		width:inherit;
		margin-left: 100px;
	}
	#wizemenu > ul > li {
		height:40px;
	}
	#wizemenu > ul li:hover ul{
		position:relative;
		top:0;
	}
	.slider-left-des, .slider-right-des {
		width:93%!important;
	}
	.slider-left-des{
		top:75%!important;
	}
	.slider-left-title, .slider-right-title {
		width:93%!important;
	}
}
@media all and (max-width: 768px)
{
	#slider-left {
  		max-width: 99%!important;
		margin: 3px 0.5% 0!important;
	}
	#slider-right-top, #slider-right-bottom {
  		width: 49%!important;
		margin: 3px 0.5% 0!important;
	}
	.col-xs-4{
		width:50%;
		margin-bottom:20px;
	}
}
/*tabs et phones*/
@media all and (max-width : 620px) {
	#header .col-xs-3{
		clear:both;
		width:50%;
		margin-bottom:10px;
	}
	#header .col-xs-9{
		clear:both;
		width:100%;
		position: relative;
		min-height: 70px;
	}
	.menu-navigation .col-xs-10 { 
		width:50%;
	}
	.menu-navigation .col-xs-2 { 
		width:50%;
	}
	#slider-left .slides img{
		max-width:100%!important;
		height:inherit!important;
	}
	.slider-left-title {
		font-size: 16px!important;
		width: inherit!important;
		max-width:100%!important;
		line-height: 18px!important;
	}
	.slider-left-des, .slider-right-des {
		display:none;
	}
	.slider-left-title, .slider-right-title {
	  bottom: 40px!important;
	  top:inherit!important;
	}
	#slider-right-top, #slider-right-bottom {
		width: 98%!important;
		margin: 3px 0.5% 0!important;
		height:auto!important;	
	}
	#sld-rightT, #sld-rightB, #sld-rightT ul li, #sld-rightB ul li{
		max-height:inherit!important;	
	}
	#slider-right-bottom p.slider-right, #slider-right-top p.slider-right {
		top: inherit!important;
		bottom:0!important;
	}
	#slider-right-top .slides img, #slider-right-bottom .slides img{
		width:100%!important;
	}
}
@media only screen and (max-width : 400px) {
	#header .col-xs-3 {
		width: 60%;
	}
  .menu-navigation{
		height:inherit;
	}
	.menu-navigation form{
		width:100%;
		margin-bottom: 10px;
	}
	.menu-navigation form .keywords{
		width:84%
	}
	.menu-navigation .col-xs-10 { 
		width:100%;
	}
	.menu-navigation .col-xs-2 { 
		width:100%;
	}
	.col-xs-4 {
		width: 100%;
		margin-bottom: 20px;
	}
	#div img{
		max-width: 100%;
	}
}


/* --- news breaking --- */

#header-breaking {
    height: 30px;
    background: #888;
	width:100%;
    max-width: 1050px;
    overflow: hidden;
    z-index: 600;
    }
	
#header-breaking h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    line-height: 20px;
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 10px;
    float: left;
    }
	
.header-breaking-text {
    display: inline;
    float: left;
    background-position: 0px 7px;
    }
	
.ticker-wrapper.has-js {
	padding-top: 8px;
	padding-left: 26px;
	display: block;
	font-size:12px;
	font-weight: 600;
	text-transform:uppercase;
	}

.ticker {
	width: 500px;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
	color:#FFF;
	}


.ticker-content a {
	text-decoration: none;	
	color: #fff;
	}
	
.ticker-content a:hover {
	text-decoration: underline;	
	color: #fff;
	}
	
.ticker-swipe {
	padding-top: 3px;
	position: absolute;
	top: 0px;
	background: #888;
	display: block;
	width: 500px;
	height: 23px; 
	}
	
.ticker-swipe span {
	margin-left: 1px;
	border-bottom: 3px solid #fff;
	height: 12px;
	width: 7px;
	display: block;
	}

.ticker-controls {
	list-style-type: none;
	}

.js-hidden {
	display: none;
	}
	
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
	}
	
.left .ticker-swipe {
	/*left: 80px;*/
	}
	
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
	}
	
.left .ticker-controls {
    padding-left: 6px;
	}
	
.right .ticker-swipe {
	/*right: 80px;*/
	}
	
.display-none {
	display: none;
	}
	
/* -------------------------------------------
    07. SOCIAL MEDIA
   ------------------------------------------- */
/* --- header --- */

#header-breaking #header-social {
    float: right;
    margin-right: 30px;
    }
	
#header-social { float: left }

#header-social li {
    list-style: none;
    float: left;
    width: 30px;
    margin: 0;
    border-right: 0px #979b9e solid;
    }
	
#header-social li:first-child { border-left: 0px #979b9e solid }

#header-social li a {
    list-style: none;
    text-aling: center;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0;
    }
	
#header-social li.facebook a { background: url("../img/social/facebook.png") no-repeat left }

#header-social li.facebook a:hover { background: #3b5998 url("../img/social/facebook.png") no-repeat left }

#header-social li.goaleo a { background: url("../img/social/goaleo.png") no-repeat left }

#header-social li.goaleo a:hover { background: #016d78 url("../img/social/goaleo.png") no-repeat left }

#header-social li.dailymotion a { background: url("../img/social/dailymotion.png") no-repeat left }

#header-social li.dailymotion a:hover { background: #0064c4 url("../img/social/dailymotion.png") no-repeat left }

#header-social li.twitter a { background: url("../img/social/twitter.png") no-repeat left }

#header-social li.twitter a:hover { background: #00acee url("../img/social/twitter.png") no-repeat left }

#header-social li.youtube a { background: url("../img/social/youtube.png") no-repeat left }

#header-social li.youtube a:hover { background: #cc181e url("../img/social/youtube.png") no-repeat left }

#header-social li.google a { background: url("../img/social/google.png") no-repeat left }

#header-social li.google a:hover { background: #dd4c39 url("../img/social/google.png") no-repeat left }

#header-social li.rss a { background: url("../img/social/rss.png") no-repeat left }

#header-social li.rss a:hover { background: #fe9900 url("../img/social/rss.png") no-repeat left }

/* ************************************************************************************************
		CORPS
************************************************************************************************ */
#corps {
	position:relative;
	background:#FFF;
	min-height: 25px;
    padding: 10px 10px 0;
    width: 974px;	
}

#droite{
	position:relative;
	float:right;
	width:310px;
	padding-bottom:10px;
}

#droite .plusBreves{
	display: block;
    float: right;
    font-size: 1.5em;
    padding-right: 10px;
}

#droite h2{
	color:#074D8A;
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:1.2em;
	padding:0;
}

#droite ul#breves{
	clear:both;
	margin-top:3px;
	margin-bottom:10px;
	padding: 5px 3px;
    width: 299px;
	height: 340px;
	background:#E7EFF8;
	border-top:3px solid #67a4d6;
	border-bottom:3px solid #67a4d6;
	list-style:none;
	font-size:0.9em;
}

#chargeBreves{
	background:#fff;
	height: 190px;
    left: 0;
    padding: 160px 0 0 140px;
    position: absolute;
    top: 22px;
    width: 165px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}

#droite ul#breves li{
	height: 20px;
    overflow: hidden;
}

#droite ul#breves span{
	font-weight:bold;
	display: inline;
    font-size: 1em;
	color:#001965;
}

#droite ul#breves h1{
	font-weight:normal;
	display: inline;
    font-size: 1em;
	color:#004985;
}

.hot span {
    color: #E20F22!important;
}
.hot a {
    color: #E20F22!important;
}
.book span {
    color: #28AD09!important;
}
.book a {
    color: #28AD09!important;
}
.matos span {
    color: #000!important;
}
.matos a {
    color: #000!important;
}
.tdf span {
    color: #FA9014!important;
}
.tdf a {
    color: #FA9014!important;
}

#droite .pubs{
	clear:both;
	padding: 0 2px;
}

#droite .pubs a{
	display:block;
	width:300px;
	height:125px;
}

#droite .pubGoogle300{
	border: 1px solid #999999;
    height: 250px;
    margin: 0 2px;
    width: 300px;
}

#droite .photoContent {
	position:relative;
	border-bottom: 3px solid #67a4d6;
	margin-bottom:15px;
}

#droite .photoContent h2{
	border-bottom: 3px solid #67a4d6;
    float: inherit;
    padding-bottom: 3px;
    width: 305px;
}

.photoContent .imageGal{
	width:305px;
	height:194px;
	overflow:hidden;
}

.photoContent .picPhoto{
	position:absolute;
	top:180px;
	left:10px;
}

.photoContent .imagesMini{
	position:relative;
	background:#e7eff8;
    height: 73px;
    overflow: hidden;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-top: 8px;
}

.photoContent .imagesMini .contImg{
	height: 73px;
    left: 3px;
    position: absolute;
    top: 8px;
    width: 910px;
}

.photoContent .imagesMini .degrade{
	position:absolute;
	top:8px;
	right:0px;
}

.photoContent .imagesMini .degradeInverse{
	display:none;
	position:absolute;
	top:8px;
	left:0px;
}

.photoContent .allPhoto{
	background:#e7eff8;
	display: block;
    padding: 5px;
    text-align: right;
    width: 295px;
	margin-bottom:0;
}
.news_category {
color:#001965;
font-size: 1em;
font-weight: bold;
}
/* ************************************************************************************************
		CONTENT
************************************************************************************************ */
#corps #content {
	width:650px;
}
#content {
	position:relative;
	font:normal 12px/15px Verdana, Helvetica, sans-serif;
}
.plusUne{
	position:absolute;
	display: block;
    right:10px;
    font-size: 1.5em;
}

.une h2, #colLeft h2{
	border-bottom: 3px solid #67a4d6;
    color: #074D8A;
    display: block;
    float: left;
    font-size: 1.2em;
    padding: 0 0 4px;
    text-transform: uppercase;
    width: 100%;
}

.pubs{
	position:relative;	
}

.une #slideNews{
	clear: left;
    position: relative;
	margin-bottom:13px;
}

.une #slideNews .imageUne{
	border-bottom: 3px solid #67a4d6;
	height:350px;
	overflow:hidden;	
}

.une #slideNews .imageUne a{
	display: inherit;
    height: 350px;	
}

.une #slideNews .detailUne {
	cursor:pointer;
    height: 90px;
	width:370px;
	background:#004985;
	position:absolute;
	left:0;
	bottom:3px;	
}

.une #slideNews .detailUne .date {
	float:left;
    height: 70px;
	width:80px;
	background:#96c1e4;
	position:relative;
	left:10px;
	top:10px;	
	text-align:center;
	color:#024b86;
	text-transform:uppercase;
	font-weight:bold;
}

.une #slideNews .detailUne .date span {
	display:block;
    width:100%;
	font-size:5em;	
	line-height: 0.85em;
}

.une #slideNews .detailUne h1 {
	color: #FFFFFF;
    float: right;
    font: bolder 14px/13px "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 0px;
    width: 270px;
}

.une #slideNews .detailUne h1 small {
	color: #EEE;
	font-style:italic;
}

.une #slideNews .detailUne h3 {
	color: #96c1e4;
    float: right;
    font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
    position: absolute;
    right: 5px;
    top: 50px;
    width: 270px;
	font-style:italic;
}

.une #slideNews .imgMiniUne {
	bottom: 3px;
    position: absolute;
    right: 0;
    width: 280px;
	background:#00325b;
}

.une #slideNews .imgMiniUne li {
	display: block;
    float: left;
    height: 35px;
    width: 65px;
	padding: 4px 2px;
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.3;
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	-moz-opacity : 0.3;
	/* IE 8 ET COMPRIS PAR IE 10*/
	-ms-filter: "alpha(opacity=30)";
	/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	/* IE 4 */
	filter : alpha(opacity=30);
	/* AUTRE */
	opacity : 0.3;
}

.une #slideNews .imgMiniUne li.active, .une #slideNews .imgMiniUne li:hover {
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:1;
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	-moz-opacity : 1;
	/* IE 8 ET COMPRIS PAR IE 10*/
	-ms-filter: "alpha(opacity=100)";
	/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	/* IE 4 */
	filter : alpha(opacity=100);
	/* AUTRE */
	opacity : 1;
}

#colLeft{
	width:430px;
	position:relative;
	float:left;	
}

#colLeft #autresUne{
	clear: left;
    position: relative;
	margin-bottom:10px;
}

#colLeft #autresUne .contentUne{
	width:200px;
	float:left;
	padding: 0 7px;
	cursor:pointer;
}

#colLeft #autresUne .imageUne{
	height:107px;
	overflow:hidden;	
}

#colLeft #autresUne .imageUne a{
	display: inherit;
    height: 107px;	
}

#colLeft #autresUne .detailUne {
		
}

#colLeft #autresUne .detailUne .date {
	color: #575757;
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;		
}

#colLeft #autresUne .detailUne h1 {
	color: #074E8A;
    font-size: 14px;
    font-style: italic;
    height: 45px;
    margin-bottom: 0;
    text-align: justify;
	overflow:hidden;
}

#colLeft #autresUne .detailUne h3 {
	color: #000000;
    font-size: 11px;
    height: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: justify;
	overflow:hidden;
}

#colLeft #allVideo{
	background: #E7EFF8;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-top: 3px;
    text-align: right;	
	border-bottom: 3px solid #67a4d6;
	margin-bottom:10px;
}

#colLeft #allVideo a, #colLeft #allVideo a:visited{
	color:#494a4a;
	text-decoration:none;
}

#colCenter{
	float:right;
	width:210px;
}

#colCenter #classements{
	position:relative;
	padding-top:10px;
}

#colCenter .plusClassements{
	display: block;
    float: right;
    font-size: 1.5em;
    padding-right: 10px;
}

#colCenter h2{
	color:#074D8A;
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:1.2em;
	padding:0;
}

#colCenter ul#classement{
	clear:both;
	margin-top:3px;
	margin-bottom:10px;
	padding: 5px 3px;
    width: 204px;
	height: 475px;
	background:#E7EFF8;
	border-top:3px solid #67a4d6;
	border-bottom:3px solid #67a4d6;
	list-style:none;
	font-size:0.9em;
}

#colCenter #chargeClassements{
	background:#fff;
	height: 255px;
    left: 0;
    padding: 230px 0 0 95px;
    position: absolute;
    top: 32px;
    width: 115px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}

#colCenter ul#classement li{
	height:240px;
}

#colCenter ul#classement li h2{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#colCenter ul#classement li h2 a, #colCenter ul#classement li h2 a:visited{
	color:#000;
	text-transform:capitalize;
}

#colCenter ul#classement li ul {
	padding-top:5px;
	clear:both;
}

#colCenter ul#classement li ul li{
	height:inherit;
	list-style:none;
	line-height: 19px;
	height: 19px;
	margin-left:20px;
	overflow:hidden;
}

#colCenter ul#classement li ul li:nth-child(1){
	list-style:url(../img/class-1er.gif);
}

#colCenter ul#classement li ul li:nth-child(1) a{
	font-weight:bold;
}

#colCenter ul#classement li ul li:nth-child(2){
	list-style:url(../img/class-2em.gif);
}

#colCenter ul#classement li ul li:nth-child(3){
	list-style:url(../img/class-3em.gif);
}

#colCenter ul#classement li ul li a, #colCenter ul#classement li ul li a:visited{
	color:#3e3e3e;
}

#colCenter ul#classement span{
	font-weight:bold;
	display: inline;
    font-size: 1em;
	color:#004985;
}

#colCenter ul#classement h1{
	font-weight:normal;
	display: inline;
    font-size: 1em;
	color:#004985;
}

#colCenter #sondages h2{
	padding-top:3px;
	border-bottom:3px solid #67a4d6;
	padding-bottom: 3px;
    width: 100%;
}

#colCenter #sondages #sondage h2{
	border-bottom:0;
	font-style:italic;
}

#colCenter ul#sondage{
	clear:both;
	margin-top:3px;
	margin-bottom:10px;
	padding: 5px 3px;
    width: 204px;
	height: 148px;
	background:#E7EFF8;
	border-bottom:3px solid #67a4d6;
	list-style:none;
	font-size:0.9em;
	overflow:hidden;
}

#colCenter ul#sondage li ul {
	padding-top:5px;
	clear:both;
}

#colCenter ul#sondage li ul li{
	height:inherit;
	list-style:none;
	line-height: 19px;
	margin-left:20px;
}

#colCenter #sondages .bottom{
	background:#E7EFF8;
    bottom: 3px;
    height: 26px;
    position: absolute;
    width: 100%;
}

#colCenter #sondages .bottom .left{
	float: left;
    font-weight: bold;
    left: 45px;
    position: relative;
    top: 4px;
}

#colCenter #sondages .bottom .left input{
	border:0;
	background:none;
}

#colCenter #sondages .bottom .left input:hover, #colCenter #sondages .bottom .left input:focus{
	cursor:pointer;
	background:#67a4d6;
}

#colCenter #sondages .bottom .right{
	float: right;
	position: relative;
    right: 7px;
    top: 7px;
}

#boutique{
	padding-top:10px;
}

#contBoutique{
	background:#E7EFF8;
	height:436px;
	width:100%;
	border-bottom:3px solid #67a4d6;
	clear:both;
}

#contBoutique .boutons a, #contBoutique .boutons a:visited{
	display:block;
	float:left;
	width:205px;
	text-align:center;
	height:27px;
	line-height:27px;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
}

#contBoutique .boutons a:nth-child(1){
	background:url(../img/degrade-boutik-nouveaute.gif) repeat-x;
	margin:5px 2px 2px 7px;
	color:#000;
}

#contBoutique .boutons a:nth-child(2){
	background:url(../img/degrade-boutik-top-ventes.gif) repeat-x;
	margin: 5px 0 2px 2px;
}

#contBoutique .boutons a:nth-child(4){
	background:url(../img/degrade-boutik-mon-compte.gif) repeat-x;
	margin: 1px 2px 0 7px;
}

#contBoutique .boutons a:nth-child(5){
	background:url(../img/degrade-boutik-top-promotions.gif) repeat-x;
	margin: 1px 0 2px 2px;
}

#colCenter #comments{
	position:relative;
	padding-top:10px;
	clear:both;
}

#colCenter .plusComments{
	display: block;
    float: right;
    font-size: 1.5em;
    padding-right: 10px;
}

#colCenter ul#commentaire{
	clear:both;
	margin-top:3px;
	margin-bottom:10px;
	padding: 5px 3px;
    width: 204px;
	height: 333px;
	background:#E7EFF8;
	border-top:3px solid #67a4d6;
	border-bottom:3px solid #67a4d6;
	list-style:none;
	font-size:0.9em;
}

#colCenter #chargeComments{
	background:#fff;
	height: 135px;
    left: 0;
    padding: 100px 0 0 95px;
    position: absolute;
    top: 32px;
    width: 115px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}

#colCenter ul#commentaire li{
	height: 108px;
    margin-bottom: 5px;
    overflow: hidden;
}

#colCenter ul#commentaire li h2{
	font-size:11px;
	font-weight:normal;
	text-transform:inherit;
	font-style:italic;
	width:100%
}

#colCenter ul#commentaire li h2 a, #colCenter ul#commentaire li h2 a:visited{
	color:#004985;
	font-style:inherit;
}

#colCenter ul#commentaire li ul {
	padding-top:5px;
	clear:both;
}

#colCenter ul#commentaire li ul li{
	height:inherit;
	list-style:none;
	line-height: 19px;
	margin-left:20px;
}

#colCenter ul#commentaire li ul li a, #colCenter ul#commentaire li ul li a:visited{
	color:#3e3e3e;
}

#colCenter ul#commentaire span{
	font-weight:bold;
	display: inline;
    font-size: 1em;
	color:#004985;
}

#colCenter ul#commentaire h1{
	font-weight:normal;
	display: inline;
    font-size: 1em;
	color:#004985;
}

/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#footer {
	width: 100%;
	margin: 0px auto 0px auto;
	background: #191A1E;
	padding:2% 0;
}

#footer a {
    color: #fff;
    font-weight: 600;
    }
	
#footer ul li { margin-bottom: 10px }

.footer-row {
    padding-left: 30px;
    margin: 0px auto 0px auto;
    color: #fff;
    }
	
.footer-row h3 {
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 18px;
    }
	
.footer-widget { margin-bottom: 30px }

.footer-bottom {
    background: #111;
    margin: 0px auto 0px auto;
    width: 100%;
	max-width:1050px;
    color: #888;
    padding: 14px 0px 30px 0px;
    font-size: 14px;
    }
	
.footer-bottom-copyright { float: left;
    color: #888; }

.footer-bottom-copyright a:hover { color: #fff }

.footer-bottom-social {
    margin-top: -9px;
    padding-right: 30px;
    float: right;
    }
	
#footer-social {
    margin-bottom: -9px;
    float: right;
    }
	
#footer-social li.facebook a { background: url("../img/social/grande/facebook.png") no-repeat left }

#footer-social li.facebook a:hover { background: #3b5998 url("../img/social/grande/facebook.png") no-repeat left }

#footer-social li.youtube a { background: url("../img/social/grande/youtube.png") no-repeat left }

#footer-social li.youtube a:hover { background: #ff3132 url("../img/social/grande/youtube.png") no-repeat left }

#footer-social li.twitter a { background: url("../img/social/grande/twitter.png") no-repeat left }

#footer-social li.twitter a:hover { background: #2daae1 url("../img/social/grande/twitter.png") no-repeat left }

#footer-social li.google a { background: url("../img/social/grande/google.png") no-repeat left }

#footer-social li.google a:hover { background: #dc4937 url("../img/social/grande/google.png") no-repeat left }

#footer-social li.rss  a { background: url("../img/social/grande/rss.png") no-repeat left }

#footer-social li.rss a:hover { background: #f2861d url("../img/social/grande/rss.png") no-repeat left }

#footer-social li {
    list-style: none;
    float: left;
    }
	
#footer-social li a {
    list-style: none;
    text-aling: center;
    float: left;
    width: 34px;
    height: 34px;
    margin: 0px 0px 0px 5px;
    }


.boiteNews img {
	float: left;
	margin: 4% 1%;
	width: 98%;
	border: 0;
}

#liensPartenaires{
	position:relative;
	background:none repeat scroll 0 0 #FFFFFF;
	margin-top:10px;
	text-align:center;
	width:100%;
	height:100px;
	overflow:hidden;
}

#liensPartenaires img{
	max-height:100px;
	margin:0px 5px;
}

#newsletter input{
	color:#000;
	padding: 2%;
}
#newsletter input[type=text]{
	width:76%
}
#newsletter input[type=submit]{
	width: 22%;
	background: #E91B23;
	border: 1px solid #000;
	color: #FFF;
	font-size: 1.2em;
}

#wrap{
	width: 100%;
	margin: 0px auto;
	padding: 30px 30px 0 30px;
	background: #FFF;
}

#sld-rightT, #sld-rightB, #sld-rightT ul li, #sld-rightB ul li{
	max-height: 211px;
	overflow: hidden;
}
.textwidget {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.textwidget iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media all and (max-width: 768px)
{
    .single-archive img {
       max-width: 100%;
	height:inherit!important;
    }
    .single-archive {
        width: 100%;
    }
    iframe, object, embed {
        max-width: 100%;
	}
	#ctl00_MCL_EmbedPane{
		max-width: 100%!important;
	}
}