/* ----- RESET & BASE ----- */
/* START */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
	text-align:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
}

/*
@font-face {
    font-family: 'dinligregular';
    src: url('../fonts/dinlig-webfont.eot');
    src: url('../fonts/dinlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinlig-webfont.woff') format('woff'),
         url('../fonts/dinlig-webfont.ttf') format('truetype'),
         url('../fonts/dinlig-webfont.svg#dinligregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/



pre{white-space: pre-line;font-family:Arial, Verdana, Helvetica, sans-serif;}

a{border:none; color:#353535; text-decoration:none;}
a:hover{text-decoration:underline;}

textarea { display:inline-block; margin-right:3px; vertical-align:middle;}

h2{font-size:26px; font-weight:bold;}

input[type=file] { font-size: 1rem!important; padding: 0.375rem 0.75rem!important; }

/****
 input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select{

display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
position: static;
opacity: 1;
margin: 0;
padding: 0 10px;
overflow: visible;
border: 1px solid #707070;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #353535;
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(252,252,252,1);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}
textarea{
padding:10px;
border: 1px solid #707070;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #353535;
background: rgba(252,252,252,1);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
margin:10px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
}
input.RO_champ_err{border-color:#c24228;}
input[type="submit"]{
display: inline-block;
float: none;
z-index: auto;
position: static;
border:none;
opacity: 1;
margin: 0;
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-family:Arial, Verdana, Helvetica, sans-serif;
}





*****/

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

#RO_FOND{
	position:absolute;
	top:0;
	background:url(../img/bg.jpg) no-repeat #fff top center;
	margin-top:-10px;
	/* background:#1d1d1c;*/
	width:100%;
}
#RO_FOND_ALTERN{
	position:absolute;
	top:0;
	background:url(../img/RO_fond_alternatif.jpg) no-repeat #fff top center;
	/* background:#000;*/
	/*background-color:#261627;*/
	width:100%;
}
#RO_FOND_INSCRI{
	position:absolute;
	top:0;
	background:url(../img/RO_fond_inscription.jpg) no-repeat #fff top center;
	/* background:#000;*/
	width:100%;
}
#RO_FOND_404{
	position:absolute;
	top:0;
	background:url(../img/RO_fond_404.jpg) no-repeat #fff top center;
	/* background:#000;*/
	width:100%;
	height:100%;
}


#RO_CONTENEUR_PRINC{
	width:1024px;
	margin:0 auto 0;
}
#RO_TETE_DE_PAGE{
	width:1024px;
	margin:0 auto 0;
}







.RO_txt_bold{font-weight:bold; color:#353535;}

.RO_txt_white{color:#fff;}
.RO_txt_dark{color:#353535;}
.RO_txt_jaune{color:#daa257;}
.RO_txt_vert{color:#8dc73f;}
.RO_txt_bleu{color:#4ca8f9;}
.RO_txt_rouge{color:#c24228;}

.RO_TABLEAU{border-collapse: collapse;}
.RO_TABLEAU th{padding:20px;}
.RO_TABLEAU td{border:1px solid #e7e7e7; background:#fff; padding:0 10px; height:40px;}
.RO_TABLEAU td:first-child{text-align:left;}
.RO_TABLEAU p{font-size:10px;}

.RO_form input, .RO_form select{width:180px; height: 32px; margin:5px;}
.RO_form label{width: 150px; display: inline-block;}

/* END */

/* BTN */
/* START */
.RO_BTN_bleu{
	color:#fff;
	text-align:center;
	text-decoration:none;
	background: #4ca8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #4ca8f9 0%, #3d85ca 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4ca8f9 0%,#3d85ca 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4ca8f9 0%,#3d85ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca8f9', endColorstr='#3d85ca',GradientType=0 ); /* IE6-9 */
}
.RO_BTN_bleu:hover{
	cursor:pointer;
	background: #3d85ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #3d85ca 0%, #4ca8f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3d85ca 0%,#4ca8f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3d85ca 0%,#4ca8f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d85ca', endColorstr='#4ca8f9',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.RO_BTN_vert{
	color:#fff;
	text-align:center;
	text-decoration:none;
	background: #8dc73f; /* Old browsers */
	background: -moz-linear-gradient(top,  #8dc73f 0%, #719d33 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8dc73f 0%,#719d33 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8dc73f 0%,#719d33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc73f', endColorstr='#719d33',GradientType=0 ); /* IE6-9 */
}
.RO_BTN_vert:hover{
	cursor:pointer;
	background: #719d33; /* Old browsers */
	background: -moz-linear-gradient(top,  #719d33 0%, #8dc73f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #719d33 0%,#8dc73f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #719d33 0%,#8dc73f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719d33', endColorstr='#8dc73f',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.RO_BTN_rouge{
	color:#fff;
	text-align:center;
	text-decoration:none;
	background: #f25431; /* Old browsers */
	background: -moz-linear-gradient(top,  #f25431 0%, #c24228 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f25431 0%,#c24228 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f25431 0%,#c24228 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25431', endColorstr='#c24228',GradientType=0 ); /* IE6-9 */

}
.RO_BTN_rouge:hover{
	cursor:pointer;
	background: #c24228; /* Old browsers */
	background: -moz-linear-gradient(top,  #c24228 0%, #f25431 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c24228 0%,#f25431 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c24228 0%,#f25431 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c24228', endColorstr='#f25431',GradientType=0 ); /* IE6-9 */
}
.RO_BTN_jaune{
	color:#fff;
	text-align:center;
	text-decoration:none;
	background: #e9b465; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9b465 0%, #bc8e52 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e9b465 0%,#bc8e52 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e9b465 0%,#bc8e52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9b465', endColorstr='#bc8e52',GradientType=0 ); /* IE6-9 */
}
.RO_BTN_jaune:hover{
	cursor:pointer;
	background: #bc8e52; /* Old browsers */
	background: -moz-linear-gradient(top,  #bc8e52 0%, #e9b465 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bc8e52 0%,#e9b465 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bc8e52 0%,#e9b465 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc8e52', endColorstr='#e9b465',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.RO_BTN_gris{
	color:#fff;
	text-align:center;
	text-decoration:none;
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #b8b7ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#b8b7ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#b8b7ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#b8b7ba',GradientType=0 ); /* IE6-9 */
}
.RO_menu_marge{
	text-align:center;
	text-decoration:none;
	padding:8px 0;
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.RO_menu_marge:hover{
	color:#353535;
	cursor:pointer;
}
/*END*/

/* MENU */
/* START */
#RO_MENU{
	width:1026px;
	margin:8px 0 0 -32px;
	list-style-type: none;
}
#RO_MENU_MOBILE{display:none;}
#RO_MENU_PREMIUM{
	width:240px !important;
	height:44px;
	background:url(../img/RO_menu_premium.png) no-repeat;
	background-position: -6px 8px;
	font-size:18px;
	padding:10px 0 0 23px !important;
}
#RO_MENU li{
	width:100px;
	height:54px;
	display: inline-block;
	/* background-color:#fff; */
	margin:0px;
	padding:15px 0 0 0;
}
#RO_MENU li:hover{ /*background:url(../img/RO_menu_simple_h.png) no-repeat; */}
#RO_MENU_PREMIUM:hover{ /* background:url(../img/RO_menu_premium_h.png) no-repeat !important; */}
/* END */

/* INTERFACE */
/* START */
#RO_CONNEXION{
	background:url(../img/RO_connexion_fond.png) no-repeat;
	width:297px;
	height:206px;
	margin-top:-150px;
	position:absolute;
	padding:20px 50px 25px 15px;
	text-align:left;
	display:none;
}
#RO_CONNEXION form{margin-top:10px;}

#RO_SERVEURS{
	width:210px;
	height:190px;
	margin:-185px 0 0 20px;
	position:absolute;
	text-align:left;
	display:none;
}
#RO_SERVEURS_WRAPPER{
	height:170px;
	padding:15px;
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
#RO_SERVEURS_WRAPPER table{border-collapse: collapse; margin-top:5px;}
#RO_SERVEURS_WRAPPER p{font-size:10px;}
#RO_SERVEURS_WRAPPER img{float:right; margin-right:10px;}
#RO_SERVEURS_FLECHE{position: relative; background: #e7e7e7;}
#RO_SERVEURS_FLECHE:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(231, 231, 231, 0);
	border-top-color: #e7e7e7;
	border-width: 12px;
	margin-left: -12px;
}

#RO_CARROUSEL{
	position:absolute;
	width:1005px;
	height:268px;
	z-index:1;
	margin-top:10px;
}
#RO_INTERFACE{
	position:relative;
	width:1024px;
	height:278px;
	padding:0 10px;
}
#RO_INTERFACE_ALTERN{
	position:relative;
	width:1024px;
	height:307px;
	padding:0 10px;
}
#RO_INTERFACE_G{
	position:absolute;
	width:243px;
	left:10px;
	bottom:0;
	z-index:2;
}
#RO_INTERFACE_SERVEUR{
	width:243px;
	height:45px;
	padding:0px 0 0 15px;
	text-align:left;
	margin:0 0 10px 0;
	background: #4ca8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #4ca8f9 0%, #3d85ca 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4ca8f9 0%,#3d85ca 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4ca8f9 0%,#3d85ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca8f9', endColorstr='#3d85ca',GradientType=0 ); /* IE6-9 */
}
#RO_INTERFACE_SERVEUR{cursor:pointer;}
#RO_INTERFACE_SERVEUR p{float:left;}
#RO_INTERFACE_SERVEUR ul{float:left; list-style-type: none; margin:-34px 0 0 91px;}
#RO_INTERFACE_SERVEUR ul li{ display: inline;margin-left:5px;}
#RO_INTERFACE_CONNEX, #RO_INTERFACE_DECONNEX{
	width:243px;
	height:45px;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:12px 0;
}
#RO_INTERFACE_D{
	position:absolute;
	width:243px;
	right:0;
	bottom:0;
	z-index:2;
	margin-right:10px;
}

#RO_INFOS_PERSOS{
	width:243px;
	margin:-195px 0 0 0;
	position:absolute;
}
#RO_PERSOS_WRAPPER{
	width:243px;
	height:180px;
	padding:10px;
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.RO_PERSOS_coter{width:27px; height:150px; float:left; padding:65px 0;}
#RO_PERSOS_FLECHE_G{transform:rotate(-90deg);}
#RO_PERSOS_FLECHE_G:hover{cursor:pointer;}
#RO_PERSOS_FLECHE_D{transform:rotate(90deg);}
#RO_PERSOS_FLECHE_D:hover{ cursor:pointer;}
#RO_PERSOS_LISTE{width:165px; height:170px; overflow:hidden; float:left;}
#RO_PERSOS_LISTE ul{white-space: nowrap; margin:0;}
#RO_PERSOS_LISTE li{
	width:165px;
	height:150px;
	display: inline-block;
	vertical-align:top;
	list-style:none;
	margin:0;
	padding:0;
}
#RO_SERVEURS_FLECHE{position: relative; background: #e7e7e7;}
#RO_SERVEURS_FLECHE:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(231, 231, 231, 0);
	border-top-color: #e7e7e7;
	border-width: 12px;
	margin-left: -12px;
}
#RO_INTERFACE_INFOS{
	width:243px;
	height:90px;
	padding:10px 15px;
	text-align:left;
	margin:0 0 10px 0;
	background: #4ca8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #4ca8f9 0%, #3d85ca 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4ca8f9 0%,#3d85ca 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4ca8f9 0%,#3d85ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca8f9', endColorstr='#3d85ca',GradientType=0 ); /* IE6-9 */
}
.RO_INFOS_karats{font-size:25px; width:165px; background:url(../img/RO_picto_karats.png) no-repeat 140px 0; display:inline-block;}
/* END */

/* CONTENU */
/* START */
#RO_WRAPPER{
	/* background:#fff; */
	background: transparent;
	width:1024px;
	padding:0 10px;
	margin-top:15px;
}
.RO_CONTENU{
	width:750px;
	float:left;
	margin: 15px 10px 0 0;
}
.RO_CONTENU2{
	width:1024px;
	float:left;
	margin: 15px 10px 0 0;
}
#RO_CONTENU_IMG{width:100%;}

.RO_CONTENU_txt{text-align:left; padding:10px;}

.RO_fond{padding:10px;}
.RO_fond_gris{
	background-color:#e8e8e8;
	padding:10px;
}



#submenu { padding-bottom:25px !important; }












.RO_Kafras{
	width:155px;
	height:305px;
	float:left;
	margin-bottom: 15px;
}

#RO_ACHAT_WRAPPER_PREMIUM{float:left; margin:15px 0;}
#RO_ACHAT_WRAPPER{float:left; margin:15px 0;min-height: 300px}
.RO_txt_contmoy{text-align:left; margin-bottom:10px;}
.RO_ACHAT{width:573px; min-height:47px; background-color:#fff; display:block; margin-bottom:5px; border:1px solid #e8e8e8; display:block;}
.RO_UTILISER{height:47px; overflow:hidden;}
.RO_ACHAT_desc{width:423px; height:45px; float:left;  background-color:#e8e8e8;}
.RO_ACHAT_txt{width:348px; height:45px; font-size:15px; text-align:left; padding:15px; float:left;}
.RO_ACHAT_prix{width:75px; height:45px; font-size:15px; padding:15px 30px 0 0; float:left; text-align:left;
background:url(../img/RO_picto_karats.png) no-repeat 45px 10px;}
.RO_ACHAT_btn{width:148px; height:45px; display:block; font-size:16px; font-weight:bold; padding:15px 0; float:right;}
.RO_ACHAT_btn_loyprog{width:148px; height:45px; display:block; font-size:16px; font-weight:bold; padding:15px 0; float:right;}
.RO_ACHAT p{text-align:left; margin:55px 10px 10px 10px;}
.RO_ACHAT form{text-align:left; margin:10px 10px 10px 10px;}

.RO_petit_contenu{
	width:260px;
	background:#e8e8e8;
	padding:10px;
	float:left;
}
.RO_petit_contenu div{background:#fff; padding:10px; text-align:left;}
.RO_petit_contenu h2{font-size:20px;}

.RO_moyen_contenu{
	width:480px;
	background:#e8e8e8;
	padding:10px;
	float:left;
	margin-left:10px;
}
.RO_moyen_contenu div{background:#fff; padding:10px; text-align:left;}
.RO_moyen_contenu h2{font-size:20px;}
.RO_moyen_contenu img{float:left; margin:0 5px 5px 0;}
/* END */

/* ACTUALITÉS */
/* START */
#RO_ACTU_IMG{
	background-color:#e8e8e8;
	width:100%;
	padding:15px 0 0 15px;
	float:left;
}
#RO_ACTU_IMG div:first-child{margin-left:0px;}

.RO_ACTU_IMG_news{
	width:352px;
	height:338px;
	background-color:#fff;
	float:left;
	margin:0 15px 15px 0;
}
.RO_ACTU_IMG_news img{width:100%;}
.RO_ACTU_IMG_news div{text-align:left; padding:10px;}
.RO_NEWS_titre{color:#353535; font-size:16px; font-weight:bold;}
.RO_NEWS_titre a{color:#353535; text-decoration:none;}

.RO_ACTU_TXT{text-align:left; clear:both; padding:12px 14px 25px 0px; }
#RO_ACTU_PRE{
	background-color:#e8e8e8;
	width:100%;
	padding:15px;
	float:left;
}

.RO_pagination{width:100%; height:41px; list-style-type:none; padding-top:10px; clear:both;}
.RO_pagination li{
	width:31px;
	height:31px;
	display: inline-block;
	margin:0px;
	padding:7px;
}
.RO_pagination a li{
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.RO_pagination a li:hover{
	color:#353535;
}
.RO_pagination_select{
	color:#fff;
	background: #4ca8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #4ca8f9 0%, #3d85ca 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4ca8f9 0%,#3d85ca 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4ca8f9 0%,#3d85ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca8f9', endColorstr='#3d85ca',GradientType=0 ); /* IE6-9 */
}

#RO_ACTU_GRD{
	background-color:#e8e8e8;
	width:100%;
	padding:15px;
}

#RO_ACTU_GRD img{
	max-width: 100%;
	height: auto;
}
.RO_ACTU_WHT{
	background-color:#fff;
	width:100%;
	padding:15px;
}

.RO_ACTU_GRD_news{
	width:100%;
	background-color:#fff;
}
.RO_ACTU_GRD_news img{width:100%;}
.RO_ACTU_GRD_news div{text-align:left; padding:10px;}
/* END */

/* PREMIUM */
/* START */
#RO_PREMIUM_VIP_FOND{width:750px; height:266px; background:url(../img/RO_fond_abonnement_vip.jpg) no-repeat; padding:35px 290px 35px 100px;}
#RO_PREMIUM_VIP_FOND p{margin:15px 0;}
#RO_PREMIUM_DESCR{width:225px; text-align:left; float:left; margin-right:10px;}
#RO_PREMIUM_GRAVITY{float:left;}
#RO_PREMIUM_GRAVITY_BTN{
	text-align:center;
	background-color:#00aae2;
	color:#fff; font-size:18px; font-family:dinligregular;
	width:340px; height:45px;
	display:block;
	text-decoration:none;
	padding:15px 0;
	margin:0 auto 0;
}

#RO_PREMIUM_VIP_BTN{
	background-color:#00aae2;
	color:#fff; font-size:18px;
	width:350px; height:60px;
	display:block;
	text-decoration:none;
	padding:20px 0;
	margin-top:70px;
}
/* END */

/* GUIDE */
/* START */
#RO_CLASSES_MENU{margin:0;}
#RO_CLASSES_MENU li{
	width:73px;
	height:123px;
	list-style-type:none;
	display:inline-block;
	padding:0;
	margin:0;
}

#RO_CLASSE{width:750px; height:655px; background:url(../img/RO_classes_fond_00.jpg) no-repeat; margin-top:10px;}

#RO_WOE_HORAIRES{border-collapse: collapse; margin:10px 0;}
#RO_WOE_HORAIRES td{border:1px solid #e7e7e7; background:#fff; border-collapse: collapse;}
/* END */

/* F.A.Q. */
/* START */
.RO_faq_categorie{background:#fff; padding:10px; text-align:left; height:45px; overflow:hidden; margin-bottom:10px;}


.RO_faq_fleche{float:right; margin:-20px 0 0 0; transform:rotate(180deg); cursor:pointer;}

.RO_faq_categorie h3{height:21px; margin:20px 0 10px 0; font-size:12px; background:url(../img/RO_picto_info.png) no-repeat left; padding:5px 0 0 30px;}
.RO_faq_categorie_ouvert h3{height:21px; margin:20px 0 10px 0; font-size:12px; background:url(../img/RO_picto_info.png) no-repeat left; padding:5px 0 0 30px;}


.RO_faq_categorie_ouvert hr{color:#e8e8e8; margin:10px 0;}

.RO_faq_btn{
	width:250px;
	height:45px;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:12px 0;
	margin-top:20px;
}
form .RO_faq_btn{margin:0 auto 0; margin-top:30px;}

#RO_FAQ_CONTACT{
	width:243px;
	height:45px;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:12px 0;

}

#RO_CONTACT_FORM input[type="date"], #RO_CONTACT_FORM input[type="datetime"], #RO_CONTACT_FORM input[type="datetime-local"], #RO_CONTACT_FORM input[type="email"], #RO_CONTACT_FORM input[type="month"], #RO_CONTACT_FORM input[type="number"], #RO_CONTACT_FORM input[type="password"], #RO_CONTACT_FORM input[type="search"], #RO_CONTACT_FORM input[type="tel"], #RO_CONTACT_FORM input[type="text"], #RO_CONTACT_FORM input[type="time"], #RO_CONTACT_FORM input[type="url"], #RO_CONTACT_FORM input[type="week"], #RO_CONTACT_FORM select{width: 250px; height: 32px; margin:10px;}


#RO_CONTACT_FORM label{width: 200px;display: inline-block;}
/* END */

/* MON COMPTE */
/* START */
#RO_COMPTE_INFOS{width:595px; float:left; text-align:left;}
.RO_COMPTE_INFOS_demi{float:left; width:285px;}
.RO_COMPTE_INFOS_demi p{margin-bottom:15px;}

#RO_COMPTE_INFOS_BTN{
	background:url(../img/RO_compte_info_btn.png) no-repeat;
	width:300px; height:90px;
	border:none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-bottom:20px;
	margin-left:150px;
}
#RO_COMPTE_INFOS_BTN:disabled{cursor:pointer; background:url(../img/RO_compte_info_btn_dis.png) no-repeat;}
#RO_COMPTE_INFOS_BTN:disabled:hover{cursor:pointer; background:url(../img/RO_compte_info_btn_dis.png) no-repeat;}
#RO_COMPTE_INFOS_BTN:hover{cursor:pointer; background:url(../img/RO_compte_info_btn_h.png) no-repeat;}
#RO_COMPTE_KARATS_ACTION{width:750px; float:left;margin-bottom: 30px;}
#RO_PARRAINAGE_CHECK{float:right; display:none;}
/* END */

/* PROGRAMME DE FIDÉLITÉ */
/* START */
.RO_statut, .RO_statut_user{width:150px; height:200px; float:left; margin:30px 15px;}
.RO_statut img{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.RO_statut h2, .RO_statut_user h2{text-align:center;}
.RO_points{font-size:20px;}

.RO_statut_item{width:100%; height:120px;}
.RO_statut_prix{text-align:right; padding-right:10px;}
.RO_statut_desc{text-align:left; padding-left:10px;}

#RO_PROG_RESUM{background:#fff; width:100%; margin:0 0 10px 0; border:1px solid #e7e7e7; border-collapse:collapse;}
#RO_PROG_RESUM td{padding:0px 5px 10px 5px;}
#RO_PROG_RESUM .RO_RESUM_statut{width:100px; margin:10px 0 0 0;}
/* END */

/* ROCG */
/* START */
#RO_CG_DRAW{width:100%; height:45px; display:block; font-size:16px; font-weight:bold; padding:15px 0; margin-top:10px;}
#RO_CG_SHOP{width:100%; height:45px; display:block; font-size:16px; font-weight:bold; padding:15px 0; margin-top:10px;}

#RO_CG_DECK{
	background:url(../img/rocg/RO_CG_deck.png) no-repeat top center;
	width:211px;
	height:301px;
	float:left;
	margin:0 15px;
}
#RO_CG_DEF{
	background:url(../img/rocg/RO_CG_defausse.png) no-repeat top center;
	width:211px;
	height:301px;
	float:left;
	margin:0 15px;
	padding-top:95px;
}

#RO_CG_CARD{position:relative; width:197px; height:286px; margin-top:8px;}
#RO_CG_LUCK{position:absolute; width:0px; height:286px; margin:-170px 0 0 -116px;}

#RO_CG_n{font-size:60px; color:#000;}
#RO_CG_more{font-size:12px; color:#000;}
#RO_CG_try{font-size:18px; color:#000;}

.RO_CG_set{
	background-color:#e8e8e8;
	width:750px;
	height:215px;
	text-align:left;
	padding:10px;
	margin:15px 0;
}
.RO_CG_base{
	width:135px;
	height:196px;
	margin-right:10px;
	float:left;
}
.RO_CG_base img{width:135px; height:196px;}
.RO_CG_base p{width:135px; position:absolute; font-size:50px; color:#f7c867; margin-top:60px; text-align:center; text-shadow: #22201e 1px 1px, #22201e -1px 1px, #22201e -1px -1px, #22201e 1px -1px}

.RO_CG_item{
	width:150px;
	height:196px;
	text-align:center;
	float:left;
}
.RO_CG_getitem{
	width:150px;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:15px 0 !important; 
}

#RO_CG_blackbg{
	position:fixed;
	background-color: rgba(0, 0, 0, 0.7);
	height:100%;
	overflow:hidden;
	width:100%;
	z-index:9998;
	display: block;
}
#ROCG_blackbg a:hover{text-decoration:none;}
#RO_CG_GAIN{width:320px; background:#fff; margin:0 auto 0; margin-top:100px; padding:10px;}
#RO_CG_GAIN h2, #RO_CG_GAIN p{margin:10px 10px
; text-align:left;}
#RO_CG_GAIN .RO_CG_getitem{margin: 0 auto 0;}

#RO_CG_COLLECT{clear:both; padding-top:40px;}
/* END */

/* MARGE */
/* START */
#RO_MARGE a{text-decoration: none;}
#RO_MARGE{
	width:244px;
	float:left;
	margin: 15px 0 0 0;
}
#RO_ISHOP{
	background:url(../img/RO_loyshop.gif) no-repeat;
	width:244px;
	height:125px;
}
#RO_QLINKS{
	background:url(../img/quicklinks.png) no-repeat;
	width:244px;
	height:142px;
	padding-top: 39px;
    vertical-align: top;
    padding-left: 26px;
    text-align: left;
    line-height: 18px;
}
.RO_ISHOP_txt{text-align:left; width:112px; padding:0 10px;vertical-align:middle;}
#RO_ISHOP_ITEM{padding:10px 10px 0 0;vertical-align:middle;}
#RO_ISHOP_KARATS{font-size:20px; color:#00aae2;}
#RO_KARATS_BTN{
	background:url(../img/RO_karats_btn.gif) no-repeat;
	width:244px;
	height:102px;
}
#RO_KARATS_BTN:hover{
	background:url(../img/RO_karats_btn_h.png) no-repeat;
	width:244px;
	height:102px;
}
#RO_KARATS_BTN p{color:#fff; text-align:left; padding:25px 0 0 10px;}
.RO_MARGE_BTN{
	width:244px;
	height:120px;
	margin-top:15px;
}
#RO_FB_BTN{
	background:url(../img/RO_fb_btn.png) no-repeat;
	width:244px;
	height:103px;
	margin-top:15px;
}

.RO_fond_marge{
	width:244px;
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	margin:15px 0 0 0;
	padding:15px;
}
.RO_titre_marge{
	width:244px;
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	padding:15px;
	text-align:left;
	color:#353535;
}
#RO_PICTO{float:right; display:block; margin:-20px 0 0 0;}
#RO_PICTO img{margin-left:5px;}

#RO_TWITTER_AVATAR{float:left; margin:10px 0;}
#RO_TWITTER div{float:left; text-align:left; margin:10px 0 0 10px;}
#RO_TWITTER p{text-align:left; margin-bottom:10px; clear:both;}

#RO_MENU_SECOND{margin-top:15px;}

.RO_MARGE_btn_cadre{width:214px; display:block; font-size:16px; font-weight:bold; padding:15px 0;}
.RO_MARGE_btn_cadre span{font-size:12px;}
/* END */

/* INSCRIPTION / CONNEXION */
/* START */
#RO_INSCRIPTION_FOND{width:1024px; height:1070px;}

#RO_INSCRIPTION_RETOUR{margin-top:100px;}
#RO_INSCRIPTION_RETOUR a{
	font-size:12px;
	font-weight:bold;
	padding:20px 80px;
}

#RO_INSCRIPTION_WRAPPER{
	width:510px;
	border:1px solid #e7e7e7;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	padding:15px;
	text-align:left;
	color:#707070;
	float:right;
	margin: 100px 10px 0 0;
}

.RO_FORM_inscription_large{width: 455px; height: 32px;}
.RO_FORM_inscription_medium{width:210px; height: 32px;}
#RO_INSCRIPTION_FORM input, #RO_INSCRIPTION_FORM select{margin:10px 0;}
#RO_INSCRIPTION_FORM div{float:left;}
#RO_INSCRIPTION_DATE{margin-right:10px;}
#RO_INSCRIPTION_BTN, #RO_CONNEXION_BTN{
	width:480px;
	height:80px;
	font-size:30px;
	font-weight:bold;
	display:block;
	padding:20px 0;
	margin-top:10px;
}

#RO_INSCRIPTION_TELECHARGER{width:177px; float:left;}
#RO_INSCRIPTION_TELECHARGER p{padding-right:10px;}

#RO_BTN_TELECHARGER{
	width:301px;
	height:95px;
	background:url(../img/RO_telecharger.png) no-repeat;
	padding:40px 0 0 30px;
	display:block;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	line-height:16px;
	float:left;
	margin-top:20px;
}
#RO_BTN_TELECHARGER:hover{background:url(../img/RO_telecharger_h.png) no-repeat;}
#RO_BTN_TELECHARGER span{font-size:12px;}

#RO_INSCRIPTION_BTN_LIEN{float:right; margin-top:-45px;}
/* END */

/* ERREUR */
/* START */
#RO_404_TXT{width:350px; text-align:left; margin:380px 0 0 545px;}

#RO_ERREUR_WRAPPER{float:left; text-align:left; padding:50px 0 0 50px; max-width:550px;}
/* END */

/* CONFIRMATION */
/* START */
#RO_CONFIRMATION_WRAPPER{width:595px; float:left;}
/* END */

/* PIED DE PAGE */
/* START */
#RO_PIED_DE_PAGE{
	height:196px;
	background:url(../img/RO_pied_de_page.png) no-repeat top center;
	position:relative;
	clear:both;
	padding:25px 0;
}
#RO_PEGI{margin-left:750px;}
#RO_PIED_TXT{margin-top:215px;}
#RO_PIED_TXT p{margin:20px 0;}
/* END */

/* YOHO */
 .RO_faq_categorie_ouvert {text-align:left;}
 
ul{margin-left: 15px}

.RO_NEWS{position:relative;}
.RO_readmore{
	position: absolute;
	top: 100px;
	left: 0px;
}

.MARGIN_BOTTOM{margin-bottom: 15px}


.RO_form_valide {text-align: left;margin: 10px 10px 10px 10px;}
.RO_form_valide input, .RO_form select{width:180px; height: 32px; margin:5px;}
.RO_form_valide label{width: 150px; display: inline-block;}

.codetrans-bg{
	height: 288px;
    
    background-size: contain;
}
.transcode-p {
	left: 150px;
    position: relative;
    top: 138px;
    font-size: 20px;
}



h2 {padding-bottom:10px;}
.horizontal-table, .vertical-table {margin-bottom:20px; }
h3 {padding-top: 10px;}


.form-control {
    height: 38px;
}

#welcometext {
	background-image: url(../img/welcome.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 110px;
	vertical-align: top;
	padding-left: 10px;
	text-align: left;
	line-height: 18px;
}


#killerlist {
    /* height:1170px; */
    /* width:320px; */
    background:transparent url('../img/killers_list.png') no-repeat top center;
    padding-top: 20px;
    font-size: 15px;
    /* padding-left: 36px; */
}
ul.killlist {
    list-style-type: none;
    margin-left: 0px;
    /* width: 210px; */
}
li.killlist {
padding-top:20px;

}




.tooltip {
	font-size: 11px;
	font-family: 'Exo 2', sans-serif;
}
.tooltip-inner {
	max-width: 400px;
	color: #000;
	text-align: left;
	background-color: #fff;
	border: 3px double #c3c3c3;
	box-shadow: 2px 2px 3px #484848;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #4a4a4a;
}
.tooltip.show {
    opacity: 1;
}

.tooltip_jobs .tooltip.show {
    opacity: 0.5;
}


#ro_adminmenu { display: inline-block; position: fixed; right: 34px; width: 182px; min-height: 140px; margin-top: -354px; }
#quest_panel_top { margin-left: -30px; padding-bottom: 14px; text-align: center; }
#quest_data { max-height: 140px; max-width: 140px; position: relative; display: inline-block; margin-bottom: 24px; }