/*****SOMMAIRE****/
/*
1)balises
2)header
3)main
4)nav
5)section1
6)section2
7)footer
*/

/***** 1) BALISES********/
html{
    font-size: 100%; /*contrer bug explorer*/
}
html,body{
    margin: 0;
    padding: 0;
    height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
}

ul,li{
    margin: 0;
    list-style-type: none;
}

h1,h2,p{
    margin: 0;
}

/*évite les débordement des élèments multimedia*/
video,audio,object{
    width: 100%;
    height: auto;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapperSquare {
	position: relative;
	padding-bottom: 100%; /* 16:9 */
	height: 0;
}
.videoWrapperSquare iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ----------------------------------- */
/* ----------------------------------- */

.habillage {
	width: 100%;
	height: 100%;
	display: block;
	position:absolute;
	z-index::-5;
}

.zonebienvenue {
	width: 640px;
	text-align: left;
	padding-right: ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
}

.zoneintro {
	width: 94.11764705882353%;
	text-align: left;
	padding-top:0px;
	padding-right:2.941176470588235%;
	padding-bottom:10px;
	padding-left:2.941176470588235%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
	text-align:justify;
}

.zonedroite {
	width: 93.33333333333333%;
	text-align: left;
	margin-top:0px;
	margin-right:6.666666666666667%;
	margin-bottom:0px;
	margin-left:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
}

.zonedroiteseparateur{
	margin-top:15px;
	margin-right:0px;
	margin-bottom:15px;
	border-bottom: #000000 2px solid;
}

.menuliens {
	float: right;
	text-align:left;
	width: 755px;
	height: 31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.cadreblancborder {
	margin:0px;
	background: #FFFFFF;
	border-right: #0c201c 1px solid;
	border-top: #0c201c 1px solid;
	border-left: #0c201c 1px solid;
	border-bottom: #0c201c 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #0c201c;
}

.cadreblancpadborder {
	margin:0px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	border-right: #0c201c 1px solid;
	border-top: #0c201c 1px solid;
	border-left: #0c201c 1px solid;
	border-bottom: #0c201c 1px solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #0c201c;
}

.cadreblancpadbigborder {
	margin:0px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	border-right: #0c201c 3px solid;
	border-top: #0c201c 3px solid;
	border-left: #0c201c 3px solid;
	border-bottom: #0c201c 3px solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #0c201c;
}

.cadreblancpadbordert {
	margin:0px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	border-top: #0c201c 1px solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #0c201c;
}

.cadrenoir {
	margin:0px;
	background: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadrevertfonce {
	margin:0px;
	background: #0c201c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadrevertfoncepad {
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	background-color:#122e38;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadrevertfoncepadbordert {
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	border-top: #b5c2bf 1px solid;
	background-color:#122e38;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadrevertfoncebordertb {
	margin:0px;
	background-color:#0c201c;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	border-top: #b5c2bf 1px solid;
	border-bottom: #b5c2bf 1px solid;
}

.cadrevertmoyenborder {
	margin:0px;
	background: #36403e;
	border-right: #0c201c 1px solid;
	border-top: #0c201c 1px solid;
	border-left: #0c201c 1px solid;
	border-bottom: #0c201c 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadrevertclair {
	margin:0px;
	background: #56615f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadrevertsoftpad {
	margin:0px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:15px;
	background: #e0e7e9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #12312b;
}

.cadrenewshome {
	height:108px;
	margin-top:5px;
	padding:0px;
	background: #FFFFFF;
	border-right: #0c201c 1px solid;
	border-top: #0c201c 1px solid;
	border-left: #0c201c 1px solid;
	border-bottom: #0c201c 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #0c201c;
}

.cadrebrevehome {
	margin:0px;
	width:220px;
	padding-top:4px;
	padding-bottom:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #ffffff;
	text-align:justify;
}

.cadresousrubfocus {
	margin:0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	background-color:#e04322;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: bold;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
	border:2px #0c201c solid;
	text-align:center;
}

.titrebandeausmallcoing {
	float: left;
	width: 13px;
	height:14px;
}

.titrebandeausmall {
	float: right;
	text-align:left;
	width: 439px;
	height:11px;
	background-color:#000000;
	padding-top:3px;
	padding-left:0px;
	padding-bottom:0px;
}

.soustitrebandeau {
	height:8px;
	background-color:#0c201c;
	padding:0px;
	border-top: #b5c2bf 1px solid;
	border-bottom: #b5c2bf 1px solid;
}

.fondcapsuka {
	text-align: center;
	background-image:url(../interf/images/fond_capsuka_01.png);
	background-repeat:repeat-x;
	background-position:top;
}

.tableagenda {
	padding:3px;
	border-collapse:collapse;
	border-spacing: 3px;
	border: #0c201c 1px solid;
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.replayhead {
	text-align: center;
	padding-bottom:0px;
	padding-top:0px;
	width: 232px;
	height:14px;
	background-image:url(../interf/images/replay_fond.gif);
}

.replayvideo {
	text-align: center;
	padding-bottom:0px;
	padding-top:0px;
	width: 232px;
	height:226px;
	background-color:#000000;
}

.menupage {
	width:442px;
	float: center;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	border-right: #0c201c 1px solid;
	border-left: #0c201c 1px solid;
	border-bottom: #0c201c 1px solid;
	background: #122e38;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #ffffff;
	background-image:url(../interf/images/menupage_haut.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

.menupagesmall {
	width:156px;
	float: center;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:5px;
	padding-left:5px;
	border-right: #0c201c 1px solid;
	border-left: #0c201c 1px solid;
	border-bottom: #0c201c 1px solid;
	background: #122e38;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #ffffff;
	background-image:url(../interf/images/menupage_haut_petit.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#menufocus_horizontal ul {
 padding:0;
 margin:0;
 list-style-type:none;
}
#menufocus_horizontal li {
 margin-left:2px;
 margin-top:2px;
 float:left; /*pour IE*/
}
#menufocus_horizontal ul li a {
 display:block;
 float:left;   
 background-color:#316072;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#FFFFFF;
 text-decoration:none;
 text-align:center;
 padding:4px;
 border:0px solid;
}
#menufocus_horizontal ul li a:hover {
 background-color:#db4719;
} 


#menufocus_vertical ul {
 padding:0;
 margin:0;
 list-style-type:none;
}
#menufocus_vertical li {
 margin-left:2px;
 margin-top:2px;
 line-height:25px;
}
#menufocus_vertical ul li a {
 background-color:#316072;
 color:#FFFFFF;
 text-decoration:none;
 text-align:center;
 padding:4px;
 border:0px solid;
}
#menufocus_vertical ul li a:hover {
 background-color:#db4719;
} 


.liennewssimple {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 14px;
}
.liennewssimple:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 14px;
}

div#liencadrenewssimple a {
    display: block;
	background: #ffffff;
	padding:6px;
	overflow:auto;
	border: #000000 1px solid;
}
 
div#liencadrenewssimple a:hover {
    display: block;
	background: #eeeeee;
	padding:6px;
	overflow:auto;
	border: #000000 1px solid;
}

.cadrenewsnormal {
	background: #FFFFFF;
	padding:6px;
	height:59px;
	border: #56615f 1px solid;
}

div#lienrubriquesnews a {
    display: block;
    background-color: #ffffff;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:2px;
	padding-left:7px;
	border-bottom: #000000 1px solid;
}
 
div#lienrubriquesnews a:hover {
    background-color: #eeeeee;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:2px;
	padding-left:7px;
	border-bottom: #56615f 1px solid;
}

.lienvideosimple {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 12px;
}
.lienvideosimple:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 12px;
}

div#liencadrevideosimple a {
    display: block;
	background: #e0e7e9;
	overflow:auto;
}
 
div#liencadrevideosimple a:hover {
	background: #122e38;
	overflow:auto;
}

.cadreneutre {
	float: left;
	text-align: left;
	padding: 0 0 0 0;
}

.clear {
	clear: both;
}


.gauche {
	float: left;
	text-align: left;
}

.milieu {
	float: left;
	text-align: center;
	position: absolute;
}

.droite {
	float: left;
	text-align: left;
}

.droite_droite {
	float: right;
	text-align: right;
}

input {
	border:1px solid black;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.imageborder2vert
{
	BORDER-RIGHT: #12312B 2px solid;
	BORDER-TOP: #12312B 2px solid;
	BORDER-LEFT: #12312B 2px solid;
	BORDER-BOTTOM: #12312B 2px solid;
}

.imageborder1orange
{
	border: #FF4F1E 1px solid;
}

.imageborder1blanc
{
	border: #ffffff 1px solid;
}

.lignepontilles
{
	background-color: #56615f;
	color: #56615f;
	width:100%;
	border:none;
	border-bottom: dashed #dc4520 2px;
}

.pointillessmallblanc
{
	height:4px;
	background-image:url(../interf/images/pointilles_moyen1_blanc.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

.pointillessmallvertfonce
{
	height:4px;
	background-image:url(../interf/images/pointilles_moyen1_vertfonce.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

.pointillessmallorange
{
	height:4px;
	background-image:url(../interf/images/pointilles_moyen1_orange.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

#myGallery
{
width: 640px !important;
height: 260px !important;
}

#calendrier{
	/*border-top: 1px solid white;*/
}

#calendrier table{
	font-size: 0.85em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#calendrier table caption{
	margin: 0 auto;
	color: #000000;
}

#calendrier table th{
	color: #12312b;
	background: transparent;
}

#calendrier table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #667371;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}

#calendrier table td a{
	display: block;
	background: #667371;
	color: white;
	text-decoration: none;
}

#calendrier table td a:hover{
	background: #dc4520;
	color: white;
}


/* ----------------------------------- */
/* ----------------------------------- */


.txtnoir8 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir9 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir8arial {
	color: #000000;
	font-family: Arial;
	font-size: 8px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir9arial {
	color: #000000;
	font-family: Arial;
	font-size: 9px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir10 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir10arial {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir10b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtnoir11 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir11b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtnoir12 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir12b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtnoir13 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir14 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir14b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtnoir15b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtnoir17 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtnoir17b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtnoir20b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txt2vert9arial {
	color: #495452;
	font-family: Arial;
	font-size: 9px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txt3vert10 {
	color: #667371;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc8 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc9 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc10 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc11 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc12 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc12b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtblanc14 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc15b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtblanc17 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtblanc17b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtorange8 {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtorange10 {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtorange12b {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtorange14b {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtorange15b {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtorange17b {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtrouge10 {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtrouge11 {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtrouge12 {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtrouge14 {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtrouge15 {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.txtbleu10 {
	color: #9999FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
}

.lienblancrouge9 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}
.lienblancrouge9:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}

.lienblancrouge9b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 9px;
}
.lienblancrouge9b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 9px;
}

.lienblancrouge10 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}
.lienblancrouge10:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}

.lienblancrouge11b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 11px;
}
.lienblancrouge11b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 11px;
}

.lienblancrouge11 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 11px;
}
.lienblancrouge11:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 11px;
}

.lienblancrouge11u {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 11px;
}
.lienblancrouge11u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 11px;
}

.lienblancrouge12 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 12px;
}
.lienblancrouge12:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 12px;
}

.lienblancrouge12u {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}
.lienblancrouge12u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}

.lienblancrouge12b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}
.lienblancrouge12b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}

.lienblancrouge13b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 13px;
}
.lienblancrouge13b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 13px;
}

.lienblancrouge15b {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}
.lienblancrouge15b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}

.lienblancrouge17 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 17px;
}
.lienblancrouge17:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 17px;
}

.lienblancrouge22 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 22px;
}
.lienblancrouge22:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 22px;
}

.lienblancnoir8u {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 8px;
}
.lienblancnoir8u:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 8px;
}

.lienblancnoir9 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}
.lienblancnoir9:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}

.lienorangerouge10u {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 8px;
}
.lienorangerouge10u:hover {
	color: #ff3200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 8px;
}


.lienorange8u {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 8px;
}
.lienorange8u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 8px;
}

.lienrougevert10u {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}
.lienrougevert10u:hover {
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}

.lienrougevert11u {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 11px;
}
.lienrougevert11u:hover {
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 11px;
}

.lienrougevert12u {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}
.lienrougevert12u:hover {
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}

.lienrougevert14u {
	color: #DC4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 14px;
}
.lienrougevert14u:hover {
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 14px;
}

.liennoirrouge9 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}
.liennoirrouge9:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 9px;
}

.liennoirrouge9u {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 9px;
}
.liennoirrouge9u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 9px;
}

.liennoirrouge10 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}
.liennoirrouge10:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}

.liennoirrouge10u {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}
.liennoirrouge10u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}

.liennoirrouge10nu {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}
.liennoirrouge10nu:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}

.liennoirrouge10nuarial {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}
.liennoirrouge10nuarial:hover {
	color: #FF4F1E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}

.liennoirrouge11 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 11px;
}
.liennoirrouge11:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 11px;
}

.liennoirrouge11b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 11px;
}
.liennoirrouge11b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 11px;
}

.liennoirrouge11u {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 11px;
}
.liennoirrouge11u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 11px;
}

.liennoirrouge12 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 12px;
}
.liennoirrouge12:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}

.liennoirrouge12u {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}
.liennoirrouge12u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 12px;
}

.liennoirrouge12b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}
.liennoirrouge12b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}

.liennoirrouge14u {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 14px;
}
.liennoirrouge14u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 14px;
}

.liennoirrouge15 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 15px;
}
.liennoirrouge15:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 15px;
}

.liennoirrouge15b {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}
.liennoirrouge15b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}

.liennoirrouge15bu {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}
.liennoirrouge15bu:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: underline;
	font-size: 15px;
}

.lienvertclairrouge15b {
	color: #6a7d7a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}
.lienvertclairrouge15b:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	font-size: 15px;
}

.lienrouge10nu {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 10px;
}
.lienrouge10nu:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}

.lienblancrouge10u {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}
.lienblancrouge10u:hover {
	color: #FF4F1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: underline;
	font-size: 10px;
}

.liennoirrouge16arial {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 16px;
}
.liennoirrouge16arial:hover {
	color: #FF4F1E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 16px;
}

.liennoirrouge20arial {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 20px;
}
.liennoirrouge20arial:hover {
	color: #FF4F1E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 20px;
}

.liennoirrouge22arial {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 22px;
	line-height: 1.2;
}
.liennoirrouge22arial:hover {
	color: #FF4F1E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 22px;
	line-height: 1.2;
}

.tdcadre1
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
}

.tdcadre2
{
BORDER-RIGHT: #667371 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #667371 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
}

.tdcadre3
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
}

.tdcadreblanc
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
BACKGROUND: #FFFFFF;
}

.tdcadreblanc2
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
BACKGROUND: #FFFFFF;
padding-top:3px;
padding-right:8px;
padding-bottom:8px;
padding-left:8px;
}

.tdcadreblanc3
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
BACKGROUND: #FFFFFF;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}

.tdcadreblanc4
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
BACKGROUND: #FFFFFF;
padding-top:8px;
padding-right:8px;
padding-bottom:8px;
padding-left:8px;
}

.tdcadrevert
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM: #12312B 1px solid;
BACKGROUND: #EDF5F4;
}

.tdblanc
{
BACKGROUND: #FFFFFF;
}

.tdvertclair
{
BACKGROUND: #EDF5F4;
}

.tdvertmoyen
{
BACKGROUND: #667371;
}

.tdvertfonce
{
BACKGROUND: #495452;
}

.tdbleuvertclair
{
BACKGROUND: #DDE4E3;
}

.tdorange
{
BACKGROUND: #FF4F1E;
}

.tdgrisclair
{
BACKGROUND: #F7F7F7;
}

.image1
{
BORDER-RIGHT: #12312B 1px solid;
BORDER-TOP: #12312B 1px solid;
BORDER-LEFT: #12312B 1px solid;
BORDER-BOTTOM:
#12312B 1px solid;
}

.cadreplayer {
	height: 215px;
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	border-right: #12312B 1px solid;
	border-left: #12312B 1px solid;
	background: #FFFFFF;
	padding-top:7px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:5px;
}

.cadrescroll {
	height: 290px;
	overflow: auto;
	color: #12312B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	border-right: #12312B 1px solid;
	border-left: #12312B 1px solid;
	background: #FFFFFF;
}

.cadrescrollint {
	margin-top:7px;
	margin-right:3px;
	margin-bottom:7px;
	margin-left:5px;
}

.cadrescrollbas {
	height: 16px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	background: #0c201c;
	padding-top:2px;
	padding-bottom:2px;
}

.cadregrisclairborder {
	margin:0px;
	padding:10px;
	background: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
	border: #000000 1px solid;
}

.cadremenudroitgrisclair {
	margin:0px;
	padding:10px;
	background: #e0e7e9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
}

.cadremenudroitgrisfonce {
	margin:0px;
	padding:0px;
	background: #122e38;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #FFFFFF;
}

.cadremenudroitblanc {
	margin:0px;
	padding:0px;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
}

.cadremenudroitblancborder {
	margin:0px;
	background: #FFFFFF;
	border: #122e38 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
}

.lienmenu {
	color: #FFFFFF;
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 24px;
}
.lienmenu:hover {
	color: #FF4F1E;
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 24px;
}

.lienmenuborder {
	color: #FFFFFF;
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 20px;
	border:1px solid #8fa0a6;

}
.lienmenuborder:hover {
	color: #FF4F1E;
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
    text-decoration: none;
	font-size: 20px;
	border:1px solid #FF4F1E;

}

.txtheadrub {
	color: #000000;
	font-family: 'Exo 2', sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.txtheadrubblanc24 {
	color: #FFFFFF;
	font-family: 'Exo 2', sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 1.2;
	font-weight: bold;
}

.bloctngauche {
    margin: 0;  
    padding: 0;
	border: 0;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: left;
}
.bloctngauche div:nth-of-type(1){
    float: left;
	padding-right: 10px;
}
.bloctngauche div:nth-of-type(1) img {
    display: block;
}
.bloctngauche div:nth-of-type(2){
	vertical-align: middle;
}

.jcarousel-categorie {
    position: relative;
    overflow: hidden;
	width: 580x;
}

.jcarousel-categorie ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-categorie li {
    float: left;
	margin-right:17px;
}

/* carousel V2 */

@-webkit-keyframes slidy {
0%  { left: 0%; }
10% { left: 0%; }
15% { left: -100%; }
20% { left: -100%; }
25% { left: -200%; }
30% { left: -200%; }
35% { left: -300%; }
40% { left: -300%; }
45% { left: -400%; }
50% { left: -400%; }
55% { left: -500%; }
60% { left: -500%; }
65% { left: -600%; }
70% { left: -600%; }
75% { left: -700%; }
80% { left: -700%; }
85% { left: -800%; }
95% { left: -800%; }
100%{ left: -900%; }
}
 
@keyframes slidy {
0%  { left: 0%; }
10% { left: 0%; }
15% { left: -100%; }
20% { left: -100%; }
25% { left: -200%; }
30% { left: -200%; }
35% { left: -300%; }
40% { left: -300%; }
45% { left: -400%; }
50% { left: -400%; }
55% { left: -500%; }
60% { left: -500%; }
65% { left: -600%; }
70% { left: -600%; }
75% { left: -700%; }
80% { left: -700%; }
85% { left: -800%; }
95% { left: -800%; }
100%{ left: -900%; }
}
figure { 
  margin: 0;
  background: #101010;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
div#captioned-gallery { 
  width: 100%;
  overflow: hidden; 
}
figure.slider { 
  position: relative;
  width: 1000%;
  font-size: 0;
  -webkit-animation: 40s slidy infinite;
  animation: 40s slidy infinite; 
}
figure.slider figure { 
  width: 10%;
  height: auto;
  display: inline-block;
  position: inherit; 
}
figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { 
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff;
  width: 100%;
  font-size: 12px;
  padding: .6rem; 
}
figure.slider figure figcaption a {
  color: #fff;
  text-decoration:none;
}

/* carousel V3 */

.slider-container {
  margin: 0 auto;
  max-width: 640px;
}

.slider-item {
  position: relative;
}

.slider-item img {
  max-width: 100%;
  height:auto;
}

.slider-item div { 
  position: absolute;
  bottom:0;
  color: #fff;
  background: rgba(0,0,0,0.7);
  padding:10px;
  margin:0;
  font-size: 14px;
}
.slider-item a {
  color: #fff;
  text-decoration:none;
}