/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}

.hpxa{
    display: none;
}


blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a {
	text-decoration: none
}
h4#vid {
	border-color: #fff;
	background: url('../../img/icone3.png') 0px -183px no-repeat;	  
	font-size: 13pt;
	color: rgb(74, 115, 171);
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding: 0 0 15px 50px;
	border-bottom: 3px solid rgba(255, 255, 255, 0.45);
	margin: 0 0 .55em 0;
}
h4#com {
	border-color: #fff;
	background: url('../../img/icone1.png') 4px -300px no-repeat;	  
	font-size: 10pt;
	color: rgb(74, 115, 171);
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding: 0 0 5px 40px;
	border-bottom: 3px solid rgba(255, 255, 255, 0.45);
	margin: 0 0 .55em 0;
}
label#com {
margin: 0 0 .55em 0;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	padding: 0 0 5px 0;
	vertical-align: 300%;
}

#nav-wrp {
	width: 100%
}
#nav {
	width: 1030px;
	height: 130px;
	margin: 0 auto;
	position: relative;
	background: url('../../img/back_94.png') repeat-x

}

#main {
	width: 1028px;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	box-shadow: 0 2px 10px 0 #bba;
	background: #fff;
	position: relative
}
#colContenu {
	width: 665px;
	margin: 0 0 0 16px;
	float: left
}
#colContenuMobile {
	width: 100%;
	margin: 0 0 0 2px;
	float: left
}
#colContenu2 {
	width: 960px;
	height: 400px;
	margin: 0 0 0 16px;
	float: left;
	background: url('/img/back-blue.png')
}
#colContenugalerie {
	width: 1000px;
	height: 1030px;
	margin: 0 0 0 16px;
	float: left;
	background: url('/img/back-blue.png')
}

#colContenugalerieM {
	width: 1000px;
	margin: 0 0 0 16px;
	float: left;
	background: none repeat scroll 0% 0% rgb(235, 240, 243);
}
#colAside {
	width: 320px;
	float: left;
	margin: 21px 0 0 0
}
#colAside.hp {
	margin-top: 10px
}
#colAside.pl {
	margin-top: 0px
}
#colAside.sp {
	margin-top: 0px
}
#banners {
	width: 950px;
	margin: 10px auto;
	clear: both
}
#footer {
	width: 1030px;
	margin: 20px auto 10px auto;
	border-bottom: 1px solid #DCDCDC;
	padding: 0 0 1.3em 0
}
#footerM {
display: block;
	width: 100%;
	margin: 20px auto 10px auto;
	padding: 0 0 1.3em 0
}
#content-info {
	width: 1030px;
	margin: 5px auto 20px auto
}
#content-infoM {
display: block;
	width: 100%;
	margin: 20px auto 10px auto;
	border-bottom: 1px solid #DCDCDC;
	padding: 0 0 1.3em 0
}
#page {
/*	background: url('../../img/back-blue.png') 0 -124px repeat-x */
}
#page #nav-wrp {
width: 1030px;
	height: 126px;
	margin: 0 auto;
	position: relative;
	border-bottom: 10px solid #225396
}
#page #Version-texte em {
	color: #225396
}
#page #couriste {
	background: url('../../img/logo.png') 0 0 no-repeat
}
#page.cyan1 #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan1 #Version-texte em {
	color: #225396
}

#page.cyan2 #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan2 #Version-texte em {
	color: #225396
}
#page.cyan #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan #Version-texte em {
	color: #225396
}

#page.cyan3 #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan3 #Version-texte em {
	color: #225396
}

#page.cyan4 #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan4 #Version-texte em {
	color: #225396
}
#page.cyan5 #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan5 #Version-texte em {
	color: #225396
}
#page.cyan6 #nav-wrp {
	border-bottom: 10px solid #225396
}
#page.cyan6 #Version-texte em {
	color: #225396
}
body {
	font-family: Arial, sans-serif
}
h1 {
	font-size: 1.125em;
	margin: 5px 0 10px 0
}
h1.accueil {
	font-size: .688em;
	color: #000;
	font-weight: bold;
	margin: 3px 0 0 0
}
h1.autor {
	font-size: .688em;
	color: #000;
	font-weight: bold;
	text-align: right;
	margin: 3px 0 0 0
}

h1.accueil span {
	display: block;
	color: #B1B1B2;
	font-weight: normal
}

div.contact {
	width: 654px;
	height: 826px;
	margin: 0 auto;
	position: relative;
	background: #EBF0F3
}
div.xavnews {
	margin: 5px 0 10px 0;
	width: 620px;
	position: relative;
	background: #EBF0F3;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.xavnews2 {
	width: 620px;
	margin: 5px 0 5px 0;
	position: relative;
	background-color: rgba(243, 247, 248, 0.9);
	list-style: disc;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.newscomment {
	width: 620px;
	margin: 5px 0 5px 0;
	position: relative;
	background-color: rgba(243, 247, 248, 0.9);
	list-style: disc;
	border-bottom: 3px solid rgba(255, 255, 255, 0.45);
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.newscommentind{
	border-bottom: 4px solid rgba(255, 255, 255, 0.55) 
}

.xavjeu {
	width: 620px;
	margin: 5px 0 5px 0;
	position: relative;
	background-color: rgba(216, 216, 216, 0.9);
	list-style: disc;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.xavnewsMobile {
	width: 95%;
	margin: 5px 0 5px 0;
	position: relative;
	background-color: rgba(243, 247, 248, 0.9);
	list-style: disc;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}


.xavcommentaire
{
	width: 620px;
	margin: 5px 0 5px 0;
	position: relative;
	background-color: rgba(243, 247, 248, 0.9);
	list-style: disc;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}

.xavnewssommaire {
	width: 620px;
	height: 180px;
	margin: 5px 0 5px 0;
	position: relative;
	background: #EBF0F3;
	list-style: disc;
	border-color: #ABABAB;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.xavnewssommairew {
	width: 620px;
	height: 180px;
	margin: 5px 0 5px 0;
	position: relative;
	background: #FFFFFF;
	list-style: disc;
	border-color: #ABABAB;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.xavnewssommaireMobile
{
	width: 97%;
	margin: 5px 0 5px 0;
	position: relative;
	background: #EBF0F3;
	list-style: disc;
	border-color: #ABABAB;
	padding: 5px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.xavcommentaireMobile
{
	width: 95%;
	margin: 5px 0 5px 0;
	position: relative;
	background-color: rgba(243, 247, 248, 0.9);
	list-style: disc;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}


.xavnews3 {
	width: 620px;
	margin: 5px 0 5px 0;
	position: relative;
	list-style: disc;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}

.xavplan {
	width: 620px;
	height: 120px;
	margin: 5px 0 5px 0;
	position: relative;
	background: #EBF0F3;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.photoarticle {
	height: 120px;
	margin: 5px 0 5px 0;
	position: relative;
	border-bottom: 5px solid rgba(235, 240, 243,0.90);
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}

.photoarticleM {
	height: 120px
	width:100%;	
	margin: 5px 0 5px 0;
	position: relative;
	border-bottom: 5px solid rgba(235, 240, 243,0.90);
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}

ol{
	list-style: none
}

#page #minute_img {
	position: absolute;
	top: 5px;
	height: 75px;
	width: 135px
}
#logo {
	display: block;
	width: 800px;
	height: 90px;
	position: absolute;
	top: 0;
	background: url('../../img/logo3.png') center center no-repeat
}
#logo span {
	position: absolute;
	top: 56px;
	left: 140px;
	font-size: 0.6em;
	font-weight: bold;
	color: #000
}

#logoM {
	display: block;
	width: 60%;
	position: absolute;
	top: 0;
	background: url('../../img/logo3.png') center center no-repeat
}


#derniersVideos {
	position: absolute;
	top: 62px;
	right: 260px;
	text-align: right;
	width: 200px;
	font-size: .688em
}
#derniersVideos a {
	color: #000
}
#derniersVideos a:focus, #derniersVideos a:hover {
	text-decoration: underline
}
#fildarianne {
	font-size: .688em;
	color: #666;
	margin: 3px 0 0 16px
}
#fildarianne a {
	color: #000;
	font-weight: bold
}
#fildarianne a:focus, #fildarianne a:hover {
	text-decoration: underline
}
#fildarianne h1 {
	display: inline;
	margin: 0;
	font-size: 1em
}

#xavcommentaire form input[type=text] {
	width: 80px;
	height: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1em;
	color: #909090
}

#colA form input[type=text] {
	width: 30px;
	height: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	color: #909090
}

#colContenu form input[type=text] {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.7em;
	color: #909090
}

#colContenu form select {
	width: 70px;
	height: 20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	color: #909090
}

#colAside form input[type=text] {
	width: 280px;
	border-radius: 5px;
	padding: 3px 3px 3px 10px;
	height: 26px;
	border: 1px solid #000
}
#colAside form input::-webkit-input-placeholder {
	margin-left: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.6em;
	color: #909090;
	padding: 5px 0 0 0
}
#colAside form input:-moz-placeholder {
	margin-left: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.6em;
	color: #909090
}
#colAside form input::-moz-placeholder {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.6em;
	color: #909090
}
#colAside form input:-ms-input-placeholder {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.6em;
	color: #909090
}
#colAside form input[type=submit] {
	cursor: pointer;
	width: 35px;
	height: 35px;
	background: url('../../img/icone2.png') 2px -20px no-repeat;
	border: 0;
	position: absolute;
	top: 36px;
	left: 940px
}
form#search-aside {
	margin: 0 0 10px 0
}
form#search-aside input[type=text] {
	width: 230px;
	border-radius: 5px;
	background: #fff;
	padding: 3px 3px;
	font-size: .95em;
	border: 1px inset #bba
}
form#search-aside button {
	cursor: pointer;
	width: 46px;
	height: 25px;
	background: url('../../img/icone2.png') 0 -55px no-repeat;
	text-indent: -9999px;
	border: 0;
	position: relative;
	top: -1px
}
#page.cyan1 form#search-aside button {
	background: url('../../img/icone2.png') -46px -55px no-repeat
}
#page.cyan2 form#search-aside button {
	background: url('../../img/icone2.png') -92px -55px no-repeat
}
#page.cyan form#search-aside button {
	background: url('../../img/icone2.png') -138px -55px no-repeat
}
#page.cyan3 form#search-aside button {
	background: url('../../img/icone2.png') -184px -55px no-repeat
}
#page.cyan4 form#search-aside button {
	background: url('../../img/icone2.png') -230px -55px no-repeat
}
#page.cyan5 form#search-aside button {
	background: url('../../img/icone2.png') -276px -55px no-repeat
}
#page.cyan6 form#search-aside button {
	background: url('../../img/icone2.png') -322px -55px no-repeat
}

#colContenu .pub-demipage {
	width: 300px;
	height: 160px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 15px 20px 0
}
#colContenu .pub-demipage p {
	text-align: right;
	color: #919191;
	font-size: .688em;
	font-weight: normal
}
#colContenu #cA-jeux-concours {
	margin: 15px 0;
	width: 653px;
	background: #EBF0F3;
	padding: 8px 0;
	border-top-right-radius: 25px
}
#colContenu #cA-jeux-concours > a {
	float: right;
	font-size: .688em;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 10px 0 0;
	padding: 0 0 0 23px;
	color: #000;
	background: url('../../img/icone2.png') -60px -23px no-repeat
}
#colContenu #cA-jeux-concours > a:hover, #colContenu #cA-jeux-concours > a:focus {
	text-decoration: none
}
#colContenu #cA-jeux-concours span {
	background: #FF831F;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: .75em;
	padding: .2em 0;
	display: block;
	margin: -1px 0 0 0
}

#page.cyan1 #colContenu h1 {
	color: #225396
}
#page.cyan2 #colContenu h1 {
	color: #225396
}
#page.cyan #colContenu h1 {
	color:  #225396
}
#page.cyan3 #colContenu h1 {
	color: #225396
}
#page.cyan4 #colContenu h1 {
	color: #225396
}
#page.cyan5 #colContenu h1 {
	color: #225396
}
#page.cyan6 #colContenu h1 {
	color: #225396
}
.RubM {
	margin: 0 0 0 0;
	width: 100%;
	color: #225396
}
.Rub {
	margin: 0 0 20px 0;
	width: 654px;
	color: #225396
}
.Rub h2 {
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 0 0 .2em 0;
	margin: 0 0 .55em 0
}
.Rub h2 a {
	color: inherit
}
.Rub h3 {
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #ABABAB;
	padding: 0 0 .2em 0;
	margin: 0 0 .45em 0
}
.Rub > h3 {
	color: #ABABAB
}
.Rub p, .Rub ul, .Rub ol {
list-style: none;
	font-size: .688em;
	font-weight: bold
}

.RubM p, .RubM ul, .RubM ol {
list-style: none;
	font-size: .688em;
	float:left;
	font-weight: bold
}

.Rub.cyan1 {
	color: #225396;
	border-color: #225396
}
.Rub.cyan2 {
	color: #225396;
	border-color: #225396
}
.Rub.cyan {
	color:  #225396;
	border-color:  #225396
}
.RubM.cyan {
	color:  #225396;
	border-color:  #225396;
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 0 0 .2em 0;
	margin: 0 0 .55em 0;
	color: inherit
}

.Rub.cyan3 {
	color: #225396;
	border-color: #225396
}
.Rub.cyan4 {
	color: #225396;
	border-color: #225396
}
.Rub.cyan5 {
	color: #225396;
	border-color: #225396
}
.Rub.cyan6 {
	color: #225396;
	border-color: #225396
}
#page.cyan1 .Rub {
	color: #225396;
	border-color: #225396
}
#page.cyan2 .Rub {
	color: #225396;
	border-color: #225396
}
#page.cyan .Rub {
	color:  #225396;
	border-color:  #225396
}
#page.cyan3 .Rub {
	color: #225396;
	border-color: #225396
}
#page.cyan4 .Rub {
	color: #225396;
	border-color: #225396
}
#page.cyan5 .Rub {
	color: #225396;
	border-color: #225396
}
#page.cyan6 .Rub {
	color: #225396;
	border-color: #225396
}
.Rub .list {
	margin: 0 0 15px 0
}
.Rub .list li  {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	height: 130px
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0

}
.RubM .list {
	margin: 0 0 0 0
}
.RubM .list li  {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	border: 0;
	font-size: 100%;
	font: inherit;
	float:left;
	margin: 0;
	padding: 0

}
.RubM li  {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	border: 0;
	font-size: 100%;
	font: inherit;
	float:left;
	margin: 0;
	padding: 0

}
.containerM{
   
    width:100%;
	font-weight: bold;
}

.child{
    display:table-cell;
}

.child:nth-child(odd){
}

.child:nth-child(even){

}
.Rub .list li  .xa{
	display: block;
	margin: 0 10px 0 0;
	zoom: 0.8;
	*display: inline;
	vertical-align: top;
	height: 100px;
	width: 130px;
	font-weight: bold;
	color: #000;
	position: relative;
}
.Rub .list li.last-of-type {
	margin: 0
}
.RubM .list li.last-of-type {
	margin: 0
}
.Rub .list li .fb_like {
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 100
}
.Rub .list li .sugestion {
	display: block;
	width: 148px;
	font-weight: bold;
	color: #000;
	position: relative;
	line-height: 1.2em
}
.Rub .list li .sugestion:hover .titre, .Rub .list li .sugestion:focus .titre {
	text-decoration: underline
}
.Rub .list li .sugestion img {
	margin: 0 0 10px 0;
	width: 148px;
	height: 84px
}
.Rub .list li .sugestion span {
	display: block;
	font-weight: normal;
	color: #757575
}

.RubM .list li .sugestionM {
	display: block;
	width: 50%;
	font-weight: bold;
	color: #000;
	position: relative;
	line-height: 1.2em
}
.RubM .list li .sugestionM:hover .titre, .Rub .list li .sugestionM:focus .titre {
	text-decoration: underline
}
.RubM .list li .sugestionM img {
	margin: 0 0 0 0;
}
.RubM .list li .sugestionM span {
	display: block;
	font-weight: normal;
	color: #757575
}


.Rub .list li .sugestion .fleshe_video {
	width: 43px;
	height: 35px;
	position: absolute;
	top: 24px;
	left: 50px;
	background: url('../../img/icone1.png') 0 -183px no-repeat
}
.Rub .list li .sugestion .duree {
	width: 30px;
	padding: 1px 7px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 70px;
	color: #fff;
	text-align: center;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.7)
}
.Rub .list li .sugestion .vues {
	color: #757575;
	font-weight: normal;
	right: 0;
	margin: 0;
	position: absolute;
	top: 110px
}



.Rub .list li .sugestionart {
	font-weight: bold;
	color: #000;
	position: relative;
	max-width: 150px;
	line-height: 1.2em
	
}
.Rub .list li .sugestionart:hover .titre, .Rub .list li .sugestionart:focus .titre {
	text-decoration: underline
}
.Rub .list li .sugestionart img {
	margin: 0 0 10px 0;
	width: 75%;
	height: 75%

}
.Rub .list li .sugestionart span {
	display: block;
	font-weight: normal;
	color: #757575
}
.Rub .list li .sugestionart .fleshe_video {
	width: 43px;
	height: 35px;
	position: absolute;
	top: 24px;
	left: 50px;
	background: url('../../img/icone1.png') 0 -183px no-repeat
}
.Rub .list li .sugestionart .duree {
	width: 30px;
	padding: 1px 7px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 70px;
	color: #fff;
	text-align: center;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.7)
}
.Rub .list li .sugestionart .vues {
	color: #757575;
	font-weight: normal;
	right: 0;
	margin: 0;
	position: absolute;
	top: 110px
}
.Rub .bulletlist {
	vertical-align: top;
	width: 300px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 10px 0 0
}
.Rub .bulletlist li {
	background: url('../../img/icone1.png') 0 -138px no-repeat;
	margin: 0 0 0 1.5em;
	line-height: 1.2em;
	padding: 0 0 0 1.3em
}
.Rub .bulletlist li a {
	color: #000
}
.Rub .bulletlist li a:focus, .Rub .bulletlist li a:hover {
	text-decoration: underline
}
.Rub .autres {
	margin: 12px 0 0 27px;
	position: relative
}
.Rub .autres h3 {
	display: inline;
	font-size: .688em;
	border: 0
}
.Rub .autres p {
	display: inline;
	color: #757575;
	padding: 0 100px 0 0
}
.Rub .autres p a {
	color: #757575;
	font-weight: normal
}
.Rub .autres p a:focus, .Rub .autres p a:hover {
	text-decoration: underline
}
.Rub .autres > a {
	color: #000;
	position: absolute;
	top: 4px;
	right: 0;
	padding: 0 0 0 23px;
	font-size: .688em;
	font-weight: bold;
	text-decoration: underline;
	background: url('../../img/icone2.png') -60px -23px no-repeat
}
.Rub .autres > a:focus, .Rub .autres > a:hover {
	text-decoration: none
}
#nav ul {
list-style: none;
		border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	font-size: .75em;
	position: absolute;
	width: 750px;
	bottom: -1px;
	letter-spacing: -.35em
}
#nav ul li {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 30px;
	vertical-align: bottom;
	letter-spacing: normal;
	zoom: 1;
	*display: inline
}
#nav ul li a {
	display: block
}
#nav ul li a.bigMenu-tab span {
	display: block
}
#nav ul li a.bigMenu-tab, #nav ul li a.top {
	width: 95px;
	height: 20px;
	padding: 9px 0 0 0;
	color: #FFF;
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center
}
#nav ul li a.cat_cyan1 {
	width: 100px
}
#nav ul li a.cat_cyan2 {
	width: 100px
}
#nav ul li a.cat_cyan {
	width: 100px
}
#nav ul li a.cat_cyan3 {
	width: 100px
}
#nav ul li a.cat_cyan4 {
	width: 100px
}
#nav ul li a.cat_cyan5 {
	width: 100px
}
#nav ul li a.cat_cyan6 {
	width: 100px
}
#nav ul li a.top {
	width: 93px
}
#nav ul li:first-of-type a.bigMenu-tab {
	width: 112px
}
#nav ul li:last-of-type a.bigMenu-tab {
	width: 118px
}
#nav ul li:last-of-type {
	background: 0
}
#nav ul li a.bigMenu-tab:hover, #nav ul li a.bigMenu-tab:focus {
	color: #fff
}
#nav ul li a.bigMenu-tab:hover, #nav ul li a.bigMenu-tab:focus {
	background: url('../../img/menu-rollover.png')
}
#nav ul li.home a {
	display: table-cell;
	vertical-align: middle;
	height: 30px;
	width: 40px
}
#nav ul li.home div {
	margin: 0 auto;
	width: 15px;
	height: 20px;
	background: url('../../img/icone2.png') top left no-repeat;
	background-position: -13px 0;
}
#nav ul li.top a {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -784px 0
}
#nav ul li.top em {
	color: #000
}
#nav ul li.home:hover, #nav ul li.home:focus, #page.home #nav ul li.home {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: 0 0
}
#nav ul li.home:hover div, #nav ul li.home:focus div, #page.home #nav ul li.home div {
	color: #fff;
	background: url('../../img/icone2.png');
	background-position: -13px 0
}
#nav ul li.top:hover em, #nav ul li.top:focus em, #page.top #nav ul li.top em {
	color: #fff
}

#nav ul li a.cat_cyan:hover, #nav ul li a.cat_cyan:focus, #page.cyan #nav ul li a.cat_cyan, #nav .bigMenu-item-active a.cat_cyan {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -178px 0
}
#nav ul li a.cat_cyan1:hover, #nav ul li a.cat_cyan1:focus, #page.cyan1 #nav ul li a.cat_cyan1, #nav .bigMenu-item-active a.cat_cyan1 {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -178px 0
}
#nav ul li a.cat_cyan2:hover, #nav ul li a.cat_cyan2:focus, #page.cyan2 #nav ul li a.cat_cyan2, #nav .bigMenu-item-active a.cat_cyan2 {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -178px 0
}
#nav ul li a.cat_cyan3:hover, #nav ul li a.cat_cyan3:focus, #page.cyan3 #nav ul li a.cat_cyan3, #nav .bigMenu-item-active a.cat_cyan3 {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -260px 0
}
#nav ul li a.cat_cyan4:hover, #nav ul li a.cat_cyan4:focus, #page.cyan4 #nav ul li a.cat_cyan4, #nav .bigMenu-item-active a.cat_cyan4 {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -355px 0
}
#nav ul li a.cat_cyan5:hover, #nav ul li a.cat_cyan5:focus, #page.cyan5 #nav ul li a.cat_cyan5, #nav .bigMenu-item-active a.cat_cyan5 {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -452px 0
}
#nav ul li a.cat_cyan6:hover, #nav ul li a.cat_cyan6:focus, #page.cyan6 #nav ul li a.cat_cyan6, #nav .bigMenu-item-active a.cat_cyan6 {
	color: #fff;
	background: url('../../img/menu.png');
	background-position: -522px 0
}
#bigMenu .bigMenu-dd {
	position: absolute;
	z-index: 1030;
	left: 0;
	margin: 0;
	width: 496px;
	height: 304px;
	box-shadow: 2px 2px 4px 0 rgba(68,68,68,0.6);
	padding: 0;
	background: #fff;
	border-style: solid;
	border-width: 5px 5px 5px 5px;
	display: none;
	font-size: .94rem
}
#bigMenu .bigMenu-item-active .bigMenu-dd {
	display: block
}
#nav .dd-left {
	width: 173px;
	height: 280px;
	float: left;
	margin: 13px 0 0 13px;
	border-right: 1px solid #B8B8B8;
	letter-spacing: -2px
}
#nav .dd-left .pseudoheading {
	font-size: 2.125em;
	font-weight: bold;
	margin: 0 0 .6em 0
}
#nav .bigMenuVlist {
	float: right;
	width: 292px;
	height: 280px;
	margin: 13px 5px 0 0
}
.vignette {
	visibility: hidden
}
.vignetteShow {
	visibility: visible
}
#nav .bigMenuVlist .list {
	position: absolute;
	left: -9999px
}
#nav .bigMenuVlist .list.active {
	position: static
}
#nav .bigMenuVlist .list {
	display: inline
}
#nav .bigMenuSwitch {
	display: inline;
	width: inherit;
	margin: 0;
	position: inherit;
	font-size: .8em
}
#nav .bigMenuSwitch li {
	display: list-item;
	height: 1.5em;
	background: none
}
#nav .bigMenuSwitch li a {
	color: #000
}
#nav .bigMenuSwitch li a.active {
	font-weight: bold
}
#nav .bigMenuVlist .list li {
	display: block;
	height: 87px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url('../../img/icone1.png') center bottom no-repeat
}
#nav .bigMenuVlist .list li.last-of-type {
	margin: 0
}
#nav .bigMenuVlist .list li a {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #000;
	position: relative;
	line-height: 1.2em
}
#nav .bigMenuVlist .list li a img {
	width: 148px;
	height: 84px
}
#nav .bigMenuVlist .list li a .titre {
	position: absolute;
	top: 0;
	left: 155px;
	width: 130px
}
#nav .bigMenuVlist .list li a:hover .titre, #nav .bigMenuVlist .list li a:focus .titre {
	text-decoration: underline
}
#nav .bigMenuVlist .list li a .titre span {
	display: block;
	font-weight: normal;
	color: #757575;
	margin: 25px 0 0 0
}
#nav .bigMenuVlist .list li a .fleshe_video {
	width: 43px;
	height: 35px;
	position: absolute;
	top: 24px;
	left: 50px;
	background: url('../../img/icone1.png') 0 -183px no-repeat
}
#nav .bigMenuVlist .list li a .duree {
	width: 30px;
	padding: 1px 7px;
	height: 12px;
	position: absolute;
	left: 104px;
	top: 70px;
	color: #fff;
	text-align: center;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.7)
}
#bigMenu .cat_cyan1 .bigMenu-dd {
	border-color: #225396
}
#bigMenu .cat_cyan1 .pseudoheading {
	color: #225396
}
#bigMenu .cat_cyan2 .bigMenu-dd {
	border-color: #225396
}
#bigMenu .cat_cyan2 .pseudoheading {
	color: #225396
}
#bigMenu .cat_cyan .bigMenu-dd {
	border-color:  #225396
}
#bigMenu .cat_cyan .pseudoheading {
	color:  #225396
}
#bigMenu .cat_cyan3 .bigMenu-dd {
	border-color: #225396
}
#bigMenu .cat_cyan3 .pseudoheading {
	color: #225396
}
#bigMenu .cat_cyan4 .bigMenu-dd {
	border-color: #225396
}
#bigMenu .cat_cyan4 .pseudoheading {
	color: #225396
}
#bigMenu .cat_cyan5 .bigMenu-dd {
	border-color: #225396
}
#bigMenu .cat_cyan5 .pseudoheading {
	color: #225396
}
#bigMenu .cat_cyan6 .bigMenu-dd {
	border-color: #225396
}
#bigMenu .cat_cyan6 .pseudoheading {
	color: #225396
}
.pseudoheading a {
	color: inherit
}
.pseudoheading a:hover {
	text-decoration: underline
}
#colAside p, #colAside ul, #colAside ol {
list-style: none;
	font-size: .688em;
	font-weight: bold
}
#colAside .pub {
	margin: 0 0 15px 0
}
#colAside .pub p {
	text-align: right;
	color: #919191;
	font-size: .688em;
	font-weight: normal
}


#colAside h4 {
	font-size: 1em;
	padding: 0 0 7px 30px;
	border-bottom: 1px solid #DCDCDC;
	margin: 0 0 .55em 0
}
#colAside h4#vid {
	border-color: #fff;
	background: url('../../img/icone1.png') 8px -231px no-repeat
}
#colAside h4#newsletter {
	background: url('../../img/icone1.png') 8px -263px no-repeat
}
#colAside h4#jeux {
	border-color: #fff;
	background: url('../../img/icone1.png') 8px -343px no-repeat
}


.titrerub{
	border-color: rgba(235, 240, 243,0.90);  
	background: url('../../img/icone3.png') 0px -183px no-repeat;
	text-align: center;
	font-size: 15pt;
	color: rgb(74, 115, 171);
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding: 0 0 15px 50px;
	border-bottom: 5px solid rgba(235, 240, 243,0.90);
	margin: 0 0 .55em 0
}
.titrerubmin{
	border-color: #fff;  
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding: 0 0 6px 50px;
	border-bottom: 5px solid rgba(218, 228, 235, 0.9);
	margin: 0 0 .55em 0
}



#page.cyan1 #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #E9EADC;
	background-image: -webkit-gradient(linear, left top, right top, from(#B3DE91), to(#E9EADC));
	background-image: -webkit-linear-gradient(left, #B3DE91, #E9EADC);
	background-image: -moz-linear-gradient(left, #B3DE91, #E9EADC);
	background-image: -o-linear-gradient(left, #B3DE91, #E9EADC);
	background-image: linear-gradient(to right, #B3DE91, #E9EADC);
	border-top-left-radius: 16px
}
#page.cyan2 #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #FDF1EC;
	background-image: -webkit-gradient(linear, left top, right top, from(#F8D0BD), to(#FDF1EC));
	background-image: -webkit-linear-gradient(left, #F8D0BD, #FDF1EC);
	background-image: -moz-linear-gradient(left, #F8D0BD, #FDF1EC);
	background-image: -o-linear-gradient(left, #F8D0BD, #FDF1EC);
	background-image: linear-gradient(to right, #F8D0BD, #FDF1EC);
	border-top-left-radius: 16px
}
#page.cyan #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #E7F5F9;
	background-image: -webkit-gradient(linear, left top, right top, from(#ABDCE9), to(#E7F5F9));
	background-image: -webkit-linear-gradient(left, #ABDCE9, #E7F5F9);
	background-image: -moz-linear-gradient(left, #ABDCE9, #E7F5F9);
	background-image: -o-linear-gradient(left, #ABDCE9, #E7F5F9);
	background-image: linear-gradient(to right, #ABDCE9, #E7F5F9);
	border-top-left-radius: 16px
}
#page.cyan3 #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	min-height: 140px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #FBE3DF;
	background-image: -webkit-gradient(linear, left top, right top, from(#F3A192), to(#FBE3DF));
	background-image: -webkit-linear-gradient(left, #F3A192, #FBE3DF);
	background-image: -moz-linear-gradient(left, #F3A192, #FBE3DF);
	background-image: -o-linear-gradient(left, #F3A192, #FBE3DF);
	background-image: linear-gradient(to right, #F3A192, #FBE3DF);
	border-top-left-radius: 16px
}
#page.cyan4 #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	min-height: 140px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #FAF6E7;
	background-image: -webkit-gradient(linear, left top, right top, from(#EEDFAC), to(#FAF6E7));
	background-image: -webkit-linear-gradient(left, #EEDFAC, #FAF6E7);
	background-image: -moz-linear-gradient(left, #EEDFAC, #FAF6E7);
	background-image: -o-linear-gradient(left, #EEDFAC, #FAF6E7);
	background-image: linear-gradient(to right, #EEDFAC, #FAF6E7);
	border-top-left-radius: 16px
}
#page.cyan5 #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #F2EAF5;
	background-image: -webkit-gradient(linear, left top, right top, from(#D2B6DD), to(#F2EAF5));
	background-image: -webkit-linear-gradient(left, #D2B6DD, #F2EAF5);
	background-image: -moz-linear-gradient(left, #D2B6DD, #F2EAF5);
	background-image: -o-linear-gradient(left, #D2B6DD, #F2EAF5);
	background-image: linear-gradient(to right, #D2B6DD, #F2EAF5);
	border-top-left-radius: 16px
}
#page.cyan6 #colAside #topSuggestions {
	margin: 0 0 0 -13px;
	width: 313px;
	padding: 8px 0 0 0;
	background-color: #E3E1E1;
	background-image: -webkit-gradient(linear, left top, right top, from(#9F9998), to(#E3E1E1));
	background-image: -webkit-linear-gradient(left, #9F9998, #E3E1E1);
	background-image: -moz-linear-gradient(left, #9F9998, #E3E1E1);
	background-image: -o-linear-gradient(left, #9F9998, #E3E1E1);
	background-image: linear-gradient(to right, #9F9998, #E3E1E1);
	border-top-left-radius: 16px
}

#colAside #topSuggestions .list li {
	background: none
}
#colAside #topSuggestions ul {
list-style: none;
	margin: 0 10px 0 20px
}
#colAside #topSuggestions .radius1 {
	height: 16px;
	width: 100%;
	border-top-left-radius: 16px;
	background: #fff
}
#colAside #topSuggestions h4#vid {
	margin: 0 0 .55em 13px
}

#colAside #toptop{
	background: #EBF0F3;
	padding: 8px 0
}

#colAside #toptop #search{
	margin: 5px 0 0px 10px
}
#colAside #toparticle {
	margin: 15px 0;
	background: #EBF0F3;
	padding: 8px 0;
	max-height: 500px
	
}
#colAside #toparticle ul {
list-style: none;
	margin: 0 10px
}
#colAside #toparticle > a {
	float: right;
	font-size: .688em;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 10px 0 0;
	padding: 0 0 0 23px;
	color: #000;
	background: url('../../img/icone2.png') -60px -23px no-repeat
}
#colAside #toparticle > a:hover, #colAside #toparticle > a:focus {
	text-decoration: none
}
#colAside .list li {
	position: relative;
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url('../../img/icone1.png') center bottom no-repeat;
	min-height: 84px
}
#colAside .list li.last-of-type {
	margin: 0
}
#colAside .list li .fb_like {
	position: absolute;
	left: 155px;
	bottom: 23px;
	z-index: 100
}
#colAside .list li .sugestion {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #000;
	position: relative;
	line-height: 1.2em;
	z-index: 1
}
#colAside .list li .sugestion img {
	width: 148px;
	height: 84px
}
#colAside .list li .sugestion .titre {
	position: absolute;
	top: 0;
	left: 155px;
	width: 130px
}
#colAside .list li .sugestion:hover .titre, #colAside .list li .sugestion:focus .titre {
	text-decoration: underline
}
#colAside .list li .sugestion span {
	display: block;
	font-weight: normal;
	color: #757575;
	margin: 25px 0 0 0
}
#colAside .list li .sugestion .fleshe_video {
	width: 43px;
	height: 35px;
	position: absolute;
	top: 24px;
	left: 50px;
	background: url('../../img/icone1.png') 0 -183px no-repeat
}
#colAside .list li .sugestion .duree {
	width: 30px;
	padding: 1px 7px;
	height: 12px;
	position: absolute;
	left: 104px;
	top: 70px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7)
}
#colAside .list li .sugestion .vues {
	position: absolute;
	top: 70px;
	left: 0;
	margin: 0;
	color: #757575;
	font-weight: normal
}
#banners li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 14px 0 0
}
#banners li.last {
	margin: 0
}
#banners li a {
	display: block;
	position: relative;
	width: 223px;
	height: 175px
}
#banners li a .texts {
	display: block;
	position: absolute;
	top: 130px;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../../img/bg-texts.png') no-repeat;
	width: 135px;
	height: 40px
}
#banners li a .texts.cuisine {
	background-position: 0px 0px
}
#banners li a .texts.beaute {
	background-position: -135px 0
}
#banners li a .texts.deco {
	background-position: -270px 0px
}
#banners li a .texts.bien-etre {
	background-position: -405px 0px
}
#slider {
	width: 654px;
	height: 369px;
	position: relative
}
#slider {
	margin: 11px 0 1em -5px
}
#slider span {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	font-size: .6em;
	color: #fff
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none
}
#slider li {
	width: 654px;
	height: 369px;
	overflow: hidden;
	position: relative
}
#slider h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 602px;
	color: #333333;
	padding: 19px 12px 19px 40px;
	background-color: rgba(216, 216, 216, 0.8);
	background-image: url('../../img/icone1.png');
	background-position: -467px -222px;
	background-repeat: no-repeat;
	font-size: 1em;
	font-weight: bold;
	margin: 0
}


#wrap-controls {
	position: relative;
	z-index: 5
}
ol#controls {
	position: absolute;
	top: 350px;
	right: 30px
}
ol#controls li {
	margin: 0 3px 0 0;
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	text-align: center;
	border-radius: 7px;
	background: #fff;
	font-size: 1em;
	font-weight: bold;
/*	box-shadow: 0 0 2px 2px rgba(27, 126, 159, 0.4);*/
	border: 2px solid #225396
}
ol#controls li.current {
	background: #225396
}
ol#controls li a {
	color: #225396;
	display: block;
	padding: 4px 0 0 0;
	outline: none
}
ol#controls li.current a {
	color: #fff !important
}
.bubble_cyan1 ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(105, 190, 40, 0.4);
	border: 2px solid #225396
}
.bubble_cyan1 ol#controls li.current {
	background: #225396
}
.bubble_cyan1 ol#controls li a {
	color: #225396
}
.bubble_cyan2 ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(242, 162, 125, 0.4);
	border: 2px solid #225396
}
.bubble_cyan2 ol#controls li.current {
	background: #225396
}
.bubble_cyan2 ol#controls li a {
	color: #225396
}
.bubble_cyan ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(91, 187, 212, 0.4);
	border: 2px solid #225396
}
.bubble_cyan ol#controls li.current {
	background: #225396
}
.bubble_cyan ol#controls li a {
	color: #225396
}
.bubble_cyan3 ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(231, 70, 42, 0.4);
	border: 2px solid #225396
}
.bubble_cyan3 ol#controls li.current {
	background: #225396
}
.bubble_cyan3 ol#controls li a {
	color: #225396
}
.bubble_cyan4 ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(221, 192, 92, 0.4);
	border: 2px solid #225396
}
.bubble_cyan4 ol#controls li.current {
	background: #225396
}
.bubble_cyan4 ol#controls li a {
	color: #225396
}
.bubble_cyan5 ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(166, 112, 188, 0.4);
	border: 2px solid #225396
}
.bubble_cyan5 ol#controls li.current {
	background: #225396
}
.bubble_cyan5 ol#controls li a {
	color: #225396
}
.bubble_cyan6 ol#controls li {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(66, 55, 53, 0.4);
	border: 2px solid #225396
}
.bubble_cyan6 ol#controls li.current {
	background: #225396
}
.bubble_cyan6 ol#controls li a {
	color: #225396
}
#player {
	margin: 0 0 3px 0;
	height: 364px
}
#Version-texte {
	width: 612px;
	padding: 5px 20px 1px;
	line-height: .85em;
	position: relative;
	background-color: #EFEEEE;
	display: none
}
#Version-texte p a {
	color: #000;
	text-decoration: underline
}
#Version-texte p, #Version-texte ol, #Version-texte ul {
list-style: none;
	font-size: .688rem;
	margin: 0 0 .85em 0
}
#Version-texte p#mf_summary_versionTexte {
	margin-top: 5px
}
#Version-texte em {
	font-weight: bold;
	color: #fff
}
#Version-texte ol {
	margin: 0 0 20px 0
}
#Version-texte ol li {
	display: inline-block;
	margin: 0 5px 10px 0;
	*display: inline;
	zoom: 1
}
#Version-texte ol li a {
	display: block;
	position: relative;
	color: #000
}
#Version-texte ol li a:hover p, #Version-texte ol li a:focus p {
	text-decoration: underline
}
#Version-texte ol li a em {
	font-size: 110%;
	display: block
}
#Version-texte ol li a img {
	clear: both;
	margin: 5px 0 0 0
}
#Version-texte .num-etape {
	position: absolute;
	bottom: 5px;
	left: 25px;
	width: 54px;
	height: 54px;
	background: url('../../img/ol-num.png') no-repeat
}
#Version-texte ol li .hidden img {
	opacity: 0.4
}
#Version-texte ol li .hidden:hover img {
	opacity: 1
}
#colContenu .Vtext {
	text-align: center;
	font-weight: bold;
	font-size: .688em;
	margin: 0 0 1.5em 0
}
#colContenu .Vtext a {
	color: #000;
	text-decoration: underline
}
#colContenu .Vtext a:hover, #colContenu .Vtext a:focus {
	text-decoration: none
}
#Version-texte ol li:nth-of-type(1) .num-etape {
	background-position: 0 0
}
#Version-texte ol li:nth-of-type(2) .num-etape {
	background-position: -54px 0
}
#Version-texte ol li:nth-of-type(3) .num-etape {
	background-position: -108px 0
}
#Version-texte ol li:nth-of-type(4) .num-etape {
	background-position: -162px 0
}
#Version-texte ol li:nth-of-type(5) .num-etape {
	background-position: -216px 0
}
#Version-texte ol li:nth-of-type(6) .num-etape {
	background-position: 0 -54px
}
#Version-texte ol li:nth-of-type(7) .num-etape {
	background-position:  -54px; 
}
#Version-texte ol li:nth-of-type(8) .num-etape {
	background-position: -108px -54px
}
#Version-texte ol li:nth-of-type(9) .num-etape {
	background-position: -162px -54px
}
#Version-texte ol li:nth-of-type(10) .num-etape {
	background-position: -216px -54px
}
#videosList {
	margin: 0 0 20px 0;
	width: 600px;
	margin-top: 10px
}
#videosList .list {
	font-size: 70%
}
#videosList .list li {
	position: relative;
	display: block;
	clear: both;
	height: 85px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url('../../img/videosList-filet.png') center bottom no-repeat
}
#videosList .list p {
	margin: 0 0 .6em 0;
	color: #757575
}
#videosList .list li .fb_like {
	position: absolute;
	left: 170px;
	bottom: 12px;
	z-index: 100
}
#videosList .list li .sugestion {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	position: relative;
	line-height: 1.2em;
	z-index: 0
}
#videosList .list li .sugestion img {
	width: 148px;
	height: 84px;
	float: left;
	margin: 0 20px 0 0
}
#videosList .list li .sugestion .titre {
	font-weight: bold
}
#videosList .list li .sugestion:hover .titre, #videosList .list li .sugestion:focus .titre {
	text-decoration: underline
}
#videosList .list li .sugestion .fleshe_video {
	width: 43px;
	height: 35px;
	position: absolute;
	top: 24px;
	left: 50px;
	background: url('../../img/icone1.png') 0 -183px no-repeat
}
#videosList .list li .sugestion .duree {
	width: 30px;
	padding: 1px 7px;
	height: 13px;
	position: absolute;
	left: 104px;
	top: 69px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.7)
}
#videosList .list li .sugestion .vues {
	position: absolute;
	top: 63px;
	left: 275px;
	color: #757575;
	font-weight: normal
}
#recherche {
	margin: 0 0 20px 0;
	width: 640px;
	color: #000;
	z-index: 1
}
#recherche h1 {
	color: #225396;
	font-weight: bold;
	border-bottom: 1px solid #225396;
	padding: 0 0 .2em 0
}
#recherche .list {
	font-size: 70%
}
#recherche .list li {
	display: block;
	clear: both;
	height: 85px;
	margin: 0;
	padding: 5px 0 5px 0;
	background: url('../../img/videosList-filet.png') center bottom no-repeat
}
#recherche .list li:nth-child(odd) {
	background-color: #f6f6f6
}
#recherche .list p {
	margin: 0 0 .6em 0;
	color: #757575
}
#recherche .list li a {
	display: block;
	width: 100%;
	color: #000;
	position: relative;
	line-height: 1.2em;
	z-index: 1
}
#recherche .list li a img {
	width: 148px;
	height: 84px;
	float: left;
	margin: 0 20px 0 0
}
#recherche .list li a .titre {
	font-weight: bold
}
#recherche .list li a:hover .titre, #recherche .list li a:focus .titre {
	text-decoration: underline
}
#recherche .list li a span {
	font-weight: normal;
	color: #757575
}
#recherche .list li a .fleshe_video {
	width: 43px;
	height: 35px;
	position: absolute;
	top: 24px;
	left: 50px;
	background: url('../../img/icone1.png') 0 -183px no-repeat
}
#recherche .list li a .duree {
	width: 30px;
	padding: 1px 7px;
	height: 12px;
	position: absolute;
	left: 104px;
	top: 70px;
	color: #fff;
	text-align: center;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.7)
}
#recherche .list li.search_top:nth-child(2) {
	border-bottom: solid 1px #187290
}
#recherche .list li.search_top {
	background: url('../../img/videosList-filet.png') center bottom no-repeat #EBEFF2
}
#recherche #form_classement {
	text-align: center;
	background: url('../../img/fond-classement.png') repeat-x;
	border-bottom: 1px solid #187290;
	padding: 8px 0
}
#recherche #form_classement .type_classement {
	width: 300px;
	display: inline-block;
	margin: 10px auto;
	*display: inline;
	zoom: 1
}
#recherche label {
	font-size: .688em
}
#recherche select {
	border-radius: 2px;
	border: 1px solid #999
}
#recherche #pages {
	margin: 10px 0 0 0;
	text-align: center;
	font-size: .688em;
	color: #000
}
#pages a {
	color: #000;
	text-decoration: underline
}
#pages a:hover, #pages a:focus {
	text-decoration: none
}
#pages .actif {
	font-weight: bold
}
#footer-ads {
	padding-bottom: 12px;
	text-align: center
}
#footer h4 {
	font-size: 1em;
	padding: 0 0 11px 36px;
	border-bottom: 1px solid #DCDCDC;
	margin: 0 0 .55em 0
}
#footer h4#plan-site {
	background: url('../../img/icone1.png') 4px -300px no-repeat
}
#footer .Fcol {
	width: 140px;
	display: inline-block;
	margin: 0 0 0 21px;
	*display: inline;
	zoom: 1;
	vertical-align: text-top
}
#footer .Fcol h5 {
	font-weight: bold;
	margin: 10px 0 0 0
}
#footer .Fcol h5 a {
	color: #000
}
#footer .Fcol a {
	color: #7E7E7E
}
#footer .Fcol a:focus, #footer .Fcol a:hover {
	text-decoration: underline
}
#footer .Fcol h5, #footer .Fcol ul {
	font-size: .688em;
	line-height: 1.15em
}
#content-info p {
	font-size: .688em;
	color: #000;
	text-align: center
}
#content-info a {
	color: #000
}
#content-info a:focus, #content-info a:hover {
	text-decoration: underline
}

#content-infoM p {
	font-size: .688em;
	color: #000;
	text-align: center
}
#content-infoM a {
	color: #000
}
#content-infoM a:focus, #content-infoM a:hover {
	text-decoration: underline
}
#modal_newsletter {
	color: #3c3c3c
}
#modal_newsletter h3 {
	color: #442525;
	background: #3996B7;
	width: 480px;
	padding-top: 10px;
	padding-left: 20px;
	height: 30px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px
}
#modal_newsletter form {
	padding: 20px
}
#modal_newsletter form .newsletter_title span {
	font-size: 0.95em;
	color: #e16e12
}
#modal_newsletter form .newsletter_title {
	clear: both;
	margin-top: 20px;
	font-size: 1em
}
#modal_newsletter form .newsletter_title .newsletter_subtitle {
	padding-left: 20px;
	font-weight: normal;
	font-size: 0.95em
}
#modal_newsletter form .newsletter_title .newsletter_subtitle a {
	float: right;
	color: #2c819f;
	text-decoration: underline;
	text-align: right
}
#modal_newsletter form .newsletter_categories {
	margin-bottom: 20px;
	font-size: 0.95em
}
#modal_newsletter form .newsletter_categories .newsletter_category {
	font-size: 0.85em;
	margin-left: 15px;
	float: left;
	width: 180px
}
#modal_newsletter form .newsletter_categories .newsletter_category span {
	color: #2c819f;
	font-size: 0.85em
}
#modal_newsletter form button {
	cursor: pointer;
	margin-top: 20px;
	float: right;
	height: 30px;
	width: 150px;
	background: #00749a;
	border-radius: 5px;
	border: 0;
	color: #fff
}
#modal_newsletter form input[type=email] {
	margin-top: 20px;
	margin-left: 20px;
	width: 230px;
	border-radius: 5px;
	padding: 3px;
	border: 1px inset #BBA
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	*zoom: 1
}
.hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}
.none {
	display: none
}
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #fbfaf6;
	position: absolute;
	z-index: 99999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4)
}
.reveal-modal.small {
	width: 200px;
	margin-left: -140px
}
.reveal-modal.medium {
	width: 400px;
	margin-left: -240px
}
.reveal-modal.large {
	width: 500px;
	margin-left: -340px
}
.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px
}
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #fff;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer
}
#Version-texte ol, #voir_video, #mf_summary_versionTexte, .mf_texte_versionTexte, .mf_special_hashtags_article {
	display: none
}
#commentaires {
	width: 650px
}
.image {float: left; margin: 0 6px 6px 0;}
.imagesommaire {height: 84px; float: left; margin: 0 6px 6px 0;}
.imagesommaireMobile {height: 60 %; float: left; margin: 0 2px 2px 0;}
.image2 {width: 620px;float: left; margin: 0 6px 6px 0;}
.contactall {
float: left;
border:1px;
border-color: #BBBBBB;
	width: 300px;
	height: 280px;
	margin: 5px 0 5px 5px;
	position: relative;
	background: #EBF0F3;
	border-radius: 5px;
	padding: 10px; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px 
}
.contactleft {

float: left;

letter-spacing: -2px;
}
.contactright {

	font-size: 11.5pt;font-family: Arial, sans-serif;position: relative;margin-bottom: 0.0001pt;line-height: 16.5pt;vertical-align: baseline;

	 padding-left:100px
}
#avis{
	font-size: 11.5pt;font-family: Arial, sans-serif;position: relative;margin-bottom: 0.0001pt;line-height: 16.5pt;vertical-align: baseline;
min-height: 150px;
max-height: 200px;
}


#avisplus {
display: block;
width: 250px;
float:left;
padding: 45px 0 7px 5px;
background: url('../../img/avisplus.png') 0 0 no-repeat;
position:relative
}
#avismoins {
display: block;
width: 250px;
padding: 45px 0 7px 5px;
float:left;
top: 0;
background: url('../../img/avismoins.png') 0 0 no-repeat;
position:relative
}

#socialbar {
	position: inherit;
	top: 95px;
	left: 800px;
	height:35px;
	width:200px;
}

#socialbarM{
	position: absolute;
	display: block;
	z-index: 1;
	width:115px;
  right: 0
}


#container{
	width:890px;
	margin:20px auto;
}
div.nomargin{
	margin-right:0px;
}

.pic{
	float:left;
	margin:0 15px 15px 0;
	border:5px solid white;
	width:200px;
	height:250px;
	vertical-align:middle;
}

.pic a{
	width:200px;
	height:250px;
	text-indent:-99999px;
	display:block;
	vertical-align:inherit;
}

.picmini{
	float:left;
	margin:0 10px 10px 0;
	border:5px solid white;
	width:100px;
	height:100px;
	vertical-align:middle;
}

.picmini a{
	width:100px;
	height:100px;
	text-indent:-99999px;
	display:block;
	vertical-align:inherit;
}
.picminiM{
	float:left;
	margin:0 3px 3px 0;
	border:1px solid white;
	vertical-align:middle;
}




#colA { width: 253px; float: left; }
#colB { width: 370px; float: left; }

.clear { clear: both; visibility: hidden; }

.bg_form { background: #e9e6cf url('/img/bg_form.png') repeat-x; padding: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }
#run_estimation { width: 380px; padding-left: 5px; }

#colA #score { border: 3px solid #F53607; margin: 0; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
#colA #score p { margin: 0; padding: 5px 0; text-align: center; }
#colA #speed { font-size: 4em; color: #F53607; font-weight: bold; padding: 0 20px; }
#colA #speed span.unity { color: #F53609; font-weight: 100; }

#colB #results { position: absolute; top: 60px; text-align: center; border: 5px solid #F53607; margin: 0; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; margin-left: 200px}
#colB #results p { margin: 0; padding: 4px 10px; }
#colB #velocity { font-size: 1.2em; color: #F53607; font-weight: bold; padding: 0 5px; }
#colB #velocity span.unity { color: #F53609; font-weight: 50; }

#share a { color: #fff; }
#raz { display: none; }

#colAM {}
#colBM {}

.clear { clear: both; visibility: hidden; }

.bg_formM { background: #e9e6cf url('/img/bg_form.png') repeat-x; padding: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }
#run_estimationM { }
#colAM #scoreM{ border: 3px solid #F53607; margin: 0; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
#colAM #scoreM p { margin: 0; padding: 5px 0; text-align: center; }
#colAM #speedM { font-size: 4em; color: #F53607; font-weight: bold; padding: 0 20px; }
#colAM #speedM span.unity { color: #F53609; font-weight: 100; }

#colBM #resultsM { position: absolute; top:160px; text-align: center; border: 5px solid #F53607; margin: 0; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; margin-left: 200px}
#colBM #resultsM p { margin: 0; padding: 4px 10px; }
#colBM #velocityM { font-size: 1.2em; color: #F53607; font-weight: bold; padding: 0 5px; }
#colBM #velocityM span.unity { color: #F53609; font-weight: 50; }
#shareM a { color: #fff; }
#raz { display: none; }

/* Tableaus */
table { width: 99%; font-size: 14px; background-color: #FDFDFD; border: 1px solid #F2F2F2; padding: 10px 0; }
table th span { font-weight: normal; font-size: 80%;}
table .r { text-align: center; width: 20%; }
table .l { text-align: left; width: 20%; }
table .c { color:#F53607; }