/* Artichautcture dou chite */
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, 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 {
border : none 0;
font : inherit;
margin : 0;
padding : 0;
vertical-align : baseline;
}
ol, ul {
list-style : none outside none;
}
body{
background: url("../img/bg_grey.png") repeat scroll 0 0 #762266;
font-family: Arial;
margin: 0 auto;
padding: 0;
font-family: Georgia,"Times New Roman",serif;
color:black;
}
h1#faketitle {
overflow: hidden;
position: absolute;
top: -150px;
}
.row {
margin: 0 auto;
width:1240px;
min-width:1240px;
}
.space_left {
padding-left: 3px;
}
.back-to-top {
background-color : rgba(235, 235, 235, 0.8);
bottom : 2em;
color : #b42c43;
display : none;
font-size : 12px;
font-weight : bold;
padding : 1em;
position : fixed;
right : 0;
text-decoration : none;
text-transform : uppercase;
z-index : 1000;
}
.back-to-top:hover {
background-color : rgba(235, 235, 235, 0.5);
}
div.message{
color: #762266;
font-family: Georgia,serif;
line-height: 2em;
padding: 0 0 5px 30px;
font-weight:bold;
}
div.message.info{
background:url("../img/info.gif") no-repeat scroll 1px 6px rgba(0, 0, 0, 0);
color:blue;
}
div.message.succes{
background:url("../img/valid.gif") no-repeat scroll 1px 6px rgba(0, 0, 0, 0);
color:green;
}
div.message.erreur{
background:url("../img/error.gif") no-repeat scroll 1px 6px rgba(0, 0, 0, 0);
color:red;
}
span.clearboth,div.clearboth{
clear:both;
display:block;
}
.minigris {
color: #ddd;
font-size: 11px;
}
.watchmore{
color: black;
display: block;
font-weight:bold;
font-size: 14px;
padding-bottom: 5px;
text-align: center;
width: 100%;
clear:both;
padding-top:5px;
}
#notif {
position:fixed;
bottom:45px;
left:50px;
width:220px;
z-index:105;
text-align:center;
font-weight:normal;
font-size:12px;
font-weight:bold;
color:white;
background-color:rgba(218,165,32, 0.6);
padding:10px 5px;
border-radius: 10px;
border:1px solid rgba(218,165,32);
}
#notif:hover{
opacity:0.7;
}
#notif span#dismiss {
cursor: pointer;
float: right;
font-size: 11px;
margin-right: 0;
padding: 0 3px;
}
#notif a {
color:white;
text-decoration:none;
font-weight:bold
}
a.badge{
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
filter:none !important;
height:60px !important;
width:60px !important;
display:block;
background-position:0 -60px !important;
padding: 0 5px;
float:left;
}
a.avatar_profil img{
float:right;
display:block;
margin-top: 8px;
margin-right: 8px;
border:1px solid #762266;
cursor:pointer;
width:90px;
height:90px;
}
img.avatar_memberlist{
float:right;
display:block;
margin-top: 8px;
margin-right: 8px;
border:1px solid #762266;
width:90px;
height:90px;
}
img.avatar{
margin-right:10px;
width:90px;
height:90px;
cursor:pointer;
}
a.badge.verr{
opacity:0.3;
background-position:0 0 !important;
}
a.badge{
position: relative;
}
a.badge p{
display:none;
width:420px;
}
a.badge:hover {
background: none; /* Correction d'un bug d'Internet Explorer. */
z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.badge:hover p {
display: inline-block; /* On affiche l'infobulle. */
position:absolute;
left:-5px;
top:-50px;
background: #CCC;
padding: 3px;
opacity:1 !important;
border: 1px solid #AAA;
}
section.row_fat {
display: inline;
float: left;
padding:5px;
width: 920px;
text-align:left;
}
section.row_mid {
display: inline;
float: left;
padding:5px;
width: 610px;
text-align:left;
}
section.row_fat h2,section.row_mid h2,section.row_full h2,section.row_thin h2{
background: #762266;
color: white;
font-family: "Fjalla One",sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.5;
margin: 0;
padding-left: 10px;
text-transform: uppercase;
}
a.rss_link,a.rss_link_black{
background: url("../img/rss.png") no-repeat scroll right center;
display: block;
float: right;
height: 17px;
margin-top: 6px;
width: 17px;
}
a.rss_link_black{
background: url("../img/rssb.png") no-repeat scroll right center;
}
section.row_fat h2,section.row_mid  h2{
font-size: 23px;
padding:6px 10px;
}
section.row_full h2{
font-size: 26px;
padding:6px 10px;
}
section.row_thin h2{
font-size: 20px;
padding:8px 10px;
}
section.row_thin {
display: inline;
float: left;
width: 300px;
text-align:left;
padding:5px;
}
section.row_full {
display: inline;
float: left;
padding:5px;
width: 1230px;
text-align:left;
}
section.row_thin div.txt_justify{
font-size: 13px;
line-height: 23px;
padding: 5px;
text-align: justify;
}
section.row_thin div.txt_left{
font-size: 13px;
line-height: 23px;
padding: 5px;
}
section.row_fat div.txt_justify,section.row_mid div.txt_justify{
font-size: 14px;
line-height: 23px;
padding: 5px;
text-align: justify;
}
section.row_fat div.txt_left,section.row_mid div.txt_left{
font-size: 14px;
line-height: 23px;
padding: 5px;
}
section.row_full div.txt_justify{
font-size: 15px;
line-height: 23px;
padding: 5px;
text-align: justify;
}
section.row_full div.txt_left{
font-size: 15px;
line-height: 23px;
padding: 5px;
}
section a{
color:#bb91b3;
text-decoration:none;
transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-property: color;
-webkit-transition-property:color;
}
section a:hover{
color:#762266;
text-decoration:none;
}
section.greige div{
background:#eee;
padding:14px !important;
padding-top:5px !important;
}

section div>img,img.news_fix_img{
-moz-box-shadow: 2px 2px 2px 0px #656565;
-webkit-box-shadow: 2px 2px 2px 0px #656565;
-o-box-shadow: 2px 2px 2px 0px #656565;
box-shadow: 2px 2px 2px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=2);
max-width:600px;
margin-bottom:5px;
}

section.greige div>img{
border:1px solid white;
max-width:578px;
}
.liensociete{
color:goldenRod;
background:url("../img/link.png") no-repeat scroll right center transparent;
padding-right:14px;
font-weight:bold;
font-style:italic;
}
.lienfiche{
color:#762266;
background:url("../img/link.png") no-repeat scroll right center transparent;
padding-right:14px;
font-weight:bold;
font-style:italic;
}
.lienlexique{
color:#aaa;
background:url("../img/link.png") no-repeat scroll right center transparent;
padding-right:14px;
font-style:italic;
}
.lienfiche:hover{
border-bottom: 1px dotted #bbb;
color:#bb91b3;
}
.liensociete:hover{
border-bottom: 1px dotted #bbb;
color:#e4c549;
}
.lienlexique:hover{
border-bottom: 1px dotted #bbb;
color:#5e5e5e;
}

.tags a{
background: none repeat scroll 0 0 goldenRod;
border-radius: 5px;
color: #E7E7E7;
display: inline-block;
font-size: 12px;
margin: 0;
padding: 1px 6px;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
max-width: 255px;
line-height: 19px;
border:1px solid #AAA;
}	
.tags a:hover {
background: none repeat scroll 0 0 #762266;
color:white;
border:1px solid #3b1133;
}
.right{
float:right;
}
.left{
float:left;
}

/* sociaux */
#sociaux{
color: white !important;
display: inline-block;
float: right;
}
#sociaux .socbutton {
background: url("../img/sprite_social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff !important;
cursor: pointer;
float: left;
font-family: "Fjalla One",sans-serif;
font-size: 10px;
height: 3px;
line-height: 12px;
margin-bottom: 8px;
margin-left: 2px;
padding: 4px 4px 12px 25px;
text-transform: uppercase;
}
.fbbut {
background-color: #3b5998 !important;
}
.twbut {
background-color: #4099ff !important;
background-position: 0 -20px !important;
}
.gpbut {
background-color: #d34836 !important;
background-position: 0 -40px !important;
}
#sociaux .fbbut:hover {
background-color: #293e6a !important;
background-position: 0 -60px !important;
color: black;
}
#sociaux .twbut:hover {
background-color: #337acc !important;
background-position: 0 -80px !important;
color: black;
}
#sociaux .gpbut:hover {
background-color: #7e2b20 !important;
background-position: 0 -100px !important;
color: black;
}
#sociaux .socbutton a {
color: white;
}
/* Topbar */
#topbar {
background: #762266;
color: white;
font-family: 'Fjalla One', sans-serif;
font-style: normal;
letter-spacing: 1px;
padding: 4px 0;
font-size:11px;
min-width:1240px;
}
a.topbar{
color:#999999;
text-decoration:none;
transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-property: color;
-webkit-transition-property:color;
}
a.topbar:hover{
color:white;
}
.list_right {
float: right;
font-family: 'Fjalla One', sans-serif;
padding-right: 3px;
}
.list_right > ul {
list-style: outside none none;
}
.list_right > ul li {
cursor:pointer;
}
.list_right > ul li {
background-color: white;
display: block;
float: left;
height: 18px;
overflow:hidden;
list-style: outside none none;
padding: 0 8px;
}
.list_right > ul li:hover {
background-color: #762266;
}
.list_right > ul > li > a {
color: #bb91b3;
text-decoration:none;
}
.list_right > ul > li > a:hover {
color: white;
text-decoration:none;
}
#tw,#rsf,#fb{
margin-right:-2px;
}
/* Logo, pub, membres et recherche */
form.boxrech {
display: block;
float: left;
line-height: 27px;
padding-top: 23px;
text-align: left;
width: 395px;
}
#moteur_recherche_membre{
padding-top:0;
padding-bottom:15px;
margin:0 auto;
width:210px;
float:right;
}
#moteur_recherche_membre input.recherche{
width:150px;
height:12px;
}
#moteur_recherche_membre input.gorech{
height:32px;
}
span.boxmembers {
display: block;
float: left;
line-height: 27px;
padding-top: 23px;
text-align: left;
width: 333px;
}
span.boxmembers a{
background: none repeat scroll 0 0 #404040;
border: 0 none;
color: white;
float: left;
font: 12px Georgia,serif;
height: 20px;
margin: 0;
padding: 10px;
transition: background 0.3s ease-in-out 0s;
text-transform:uppercase;
margin-right:10px;
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 0;
border-radius: 10px 0;
text-decoration:none;
line-height:19px;
}
span.boxmembers a:hover{
background:#4a4a4a;
}
input.recherche{
background: none repeat scroll 0 0 #404040;
border: 0 none;
color: white;
float: left;
font: 12px Georgia,serif;
height: 20px;
margin: 0;
padding: 10px;
transition: background 0.3s ease-in-out 0s;
width: 300px;
text-transform:uppercase;
}
input.gorech{
background: url("../img/rech.png") no-repeat scroll center center #4a4a4a;
border: 2px solid #404040;
cursor: pointer;
height: 40px;
text-indent: -99999em;
transition: background 0.3s ease-in-out 0s;
width: 40px;
}
input.gorech:hover {
background: url("../img/rech2.png") no-repeat scroll center center white;
}

#suggestions{ position: absolute; display:none; z-index:200; }
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; box-shadow:3px 3px 10px -2px #9b9b9b;}
#searchresults a { display:block; background-color:white; clear:left; height:56px; text-decoration:none; padding-right: 4px;}
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#404040; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; font-family: "Fjalla One",sans-serif; }
#searchresults span img { max-width: 90px; min-width:45px; min-height:45px;}
#searchresults span.boximg_rech { border: 1px solid black;
float: left;
height: 45px;
margin: 4px 10px 6px 5px;
overflow: hidden;
width: 45px; }

#leadtopright {
display: block;
float: right;
padding-top: 20px;
text-align: center;
width: 728px;
}
#wraphead {
margin: 0 auto;
padding-bottom: 1px;
width:1240px;
min-width:1240px;
}
#loginimportant {
margin: 0 auto;
background-color:#DDD;
width:1240px;
min-width:1240px;
max-height:90px;
overflow:hidden;
}

#header{
min-width:1240px;
background-color:white;
}
#header2{
background-color: #DDD;
padding: 0px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 1;
}
b.mini_date{
font-weight:normal;
color:gray;
font-size:11px;
font-family: 'Fjalla One', sans-serif;
}
h2.second_row,a.second_row{
clear:both;
background:none !important;
border:0 !important;
color:#762266 !important;
}
section.greige h2{
background:#AAA;
}
/* LISTE ALPHA */
ul.alpha_buttons{
display:block;
clear:both;
margin:0 auto;
padding-bottom:45px;
}
ul.alpha_buttons li{
background: none repeat scroll 0 0 #762266;
border-top: 3px solid black;
display: block;
float: left;
padding: 4px 6px;
text-align: center;
vertical-align: middle;
width: 11px;
}
ul.alpha_buttons li.active{
background: #bb91b3;
border-color:#762266;
}
ul.alpha_buttons li:hover{
background: #bb91b3;
border-top: 3px solid #762266;
}
ul.alpha_buttons li a{
color:white !important;
}
ul.alpha_buttons li:hover>a{
color:black !important;
}
li.letter_box{
background: none repeat scroll 0 0 #eee;
font-size: 89px !important;
line-height: 1.8em;
text-align: center;
vertical-align: baseline;
color:#762266;
border-bottom:1px solid #ddd;
width: 204px !important;
border-left:3px solid #ddd;
}
.box_thema.x4{
width: 207px;
font-size:12px;
}
img.boxmaster_avatar{
width:90px;
height:90px;
text-align:center;
margin:0 auto;
display:block;
clear:both;
-moz-box-shadow: 4px 4px 2px 0px #9b9b9b;
-webkit-box-shadow: 4px 4px 2px 0px #9b9b9b;
-o-box-shadow: 4px 4px 2px 0px #9b9b9b;
box-shadow: 4px 4px 2px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=2);
}
.x4 b{
font-size:15px;
line-height:35px;
}
.x4.theme1{
border-bottom:1px solid #ddd;
}
.x4.theme2{
border-bottom:1px solid #bbb;
}
.x4.group0{
background:url('../img/group0.png');
}
.x4.group1{
background:url('../img/group1.png');
}
.x4.group2{
background:url('../img/group2.png');
}
.x4.group3{
background:url('../img/group3.png');
}
/* Wrap global */
#wrap{
width:1240px;
min-width:1240px;
margin:0 auto;
}
.headline {
background: none repeat scroll 0 0 #fff;
color: #434343;
font-size: 14px;
line-height: 28px;
margin: 13px 0;
position: relative;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.headline a{
color:black;
transition-duration:0.5s;
-webkit-transition-duration: 0.5s;
transition-property:color;
-webkit-transition-property:color;
font-size:14px;
text-decoration:none;
}
.headline a.alternative{
color:#AAA;
transition-duration:0.5s;
-webkit-transition-duration: 0.5s;
transition-property:color;
-webkit-transition-property:color;
font-size:13px;
text-decoration:none;
}
.headline a:hover{
color: #762266;
}
.headline h3 {
background: none repeat scroll 0 0 #762266;
color: #fff;
display: inline-block;
font-family: 'Fjalla One', sans-serif;
margin-bottom: 0;
margin-right: 30px;
padding: 2px 30px;
position: relative;
text-align: center;
}
.headline span {
background-image: url("../img/arrow.png");
content: " ";
display: block;
float: right;
font-size: 40px;
height: 32px;
left: -1072px;
position: relative;
top: 0;
width: 25px;
z-index: 2;
}
div.content {
background: none repeat scroll 0 0 white;
display: inline-block;
}
.cgu h3{
font-size:20px;
margin:10px 0;
font-family: "Fjalla One",sans-serif;
}

/* Pages inscription et log */
form.inscription label{
float:left;
width:40%;
line-height: 2.3em;
text-align:right;
}

form.inscription input{
float:right;
width:35%;
border: 3px solid #734b82;
font-size: 19px;
margin-bottom: 5px;
margin-right:150px;
font-family: Georgia,serif;
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 0;
border-radius: 10px 0;
-moz-box-shadow: 3px 3px 10px -2px #9b9b9b;
-webkit-box-shadow: 3px 3px 10px -2px #9b9b9b;
-o-box-shadow: 3px 3px 10px -2px #9b9b9b;
box-shadow: 3px 3px 10px -2px #9b9b9b;
display:block;
padding:0 5px;
}
form.inscription label>span{
color: #762266;
font-weight: bold;
}
form.inscription label.cgu_lab{
width:100%;
text-align:right;
}
form.inscription label.cgu_lab input{
float:right;
margin-top:0.5em;
width:1em;
text-align:right;
}
form.inscription #boxcaptcha{
clear:both;
width:600px;
margin: 0 auto;
padding:10px 0;
}
.recaptchatable #recaptcha_response_field {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
form.inscription input[type="submit"]{
border: 1px solid #ccc;
width: 6.5em;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size:1em;
margin:0 auto;
cursor:pointer;
padding:2px 0;
}
form.inscription input[type="submit"]:hover{
background-color:#eaeaea;
}

/* footer */
#footer {
min-width:1240px;
display:flex;
-moz-display:flex;
-webkit-display:flex;
background-color: #58194c;
color: white;
margin: -4px auto 0;
position: relative;
z-index: 110;
border-top: 5px solid #aaa;
}
#wrapfoot {
margin: 0 auto;
padding: 5px 0;
text-align: center;
width:1240px;
min-width:1240px;
font-size:11px;
}
#wrapfoot a{
color:white;
}
div.row_credits{
color: white;
text-align: center;
padding-left: 3px;
margin: 0 auto;
width:1240px;
min-width:1240px;
font-size:12px;
}
div.row_credits a{
color:white;
}
a.line{
color: #bb91b3 !important;
text-decoration: none;
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-property: color;
-webkit-transition-property:color;
}
a.line:hover{
color:white !important;
text-decoration:underline;

}
p#linksfoot {
color: #a0a0a0;
padding: 10px 0 5px 0;
}
p#linksfoot a{
color:#c0c0c0;
text-decoration:none;
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-property: color;
-webkit-transition-property:color;
}
p#linksfoot a:hover{
color:white;
text-decoration:underline;
}
/* Menus */
div.wrapmenu {
margin: 0 auto;
padding-bottom: 1px;
width:1240px;
min-width:1240px;
height:31px;
overflow:hidden;
line-height: 16px;
}
nav#wrapmenu {
min-width:1240px;
background: url("../img/hovermenu2.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-top: 1px solid #c0c0c0;
border-bottom: 3px solid #58194c;
display: block;
height: 31px;
}
.horizontal-nav ul {
float: left;
text-align: center;
font-family: 'Fjalla One', sans-serif;
font-size: 14px;
}
.horizontal-nav ul li {
float: left;
border-left: 1px solid black;
width:123px;
}

.horizontal-nav ul li:first-child {
border-left: 0 none;
}
.horizontal-nav ul li a {
display: block;
border-left: 1px solid rgba(0,0,0, 0.25);
height: 31px;
color:black;
text-decoration:none;
text-transform:uppercase;
padding-top:7px;
}
.horizontal-nav ul li:first-child a {
border-left: 0 none;
}
.horizontal-nav ul li a:hover {
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-property: background;
-webkit-transition-property:background;
background: #58194c;
color: white;

}
ul.sublevel li{
width:auto;
display:block;
float:left;
clear:both;
width:220px;
border-bottom:1px dotted black;
border-right:1px solid black;
border-left:1px solid black;
}
ul.sublevel li:hover,ul.sublevel li a:hover{
background:black !important;
border-bottom-color:white;

}
ul.sublevel li:first-child{
border-bottom:1px dotted black;
border-right:1px solid black;
border-left:1px solid black;
}
ul.sublevel li:first-child:hover{
border-bottom-color:white;
}
ul.sublevel li a{
color:white;
padding:10px 10px 1px;
}
ul.sublevel li:last-child a{
color:white !important;
}
.sublevel{
visibility:hidden;
background:url('../img/bg_trans_bold.png');
position: absolute;
z-index: 9999;
margin-top: -4px;
}
.horizontal-nav ul li:last-child a {
border-right: 0 none;
color:orange;
}
.horizontal-nav ul li:last-child a:hover {
border-right: 0 none;
color:white;
}
/* TIME LINE DE L'ABOUT */
#timeline {
background: url("../img/dot.gif") repeat-x scroll left 45px rgba(0, 0, 0, 0);
overflow: hidden;
position: relative;
}
#dates {
height: 60px;
overflow: hidden;
width: 800px;
}
#dates li {
background: url("../img/biggerdot.png") no-repeat scroll 7px bottom rgba(0, 0, 0, 0);
float: left;
font-size: 22px;
height: 50px;
list-style: outside none none;
text-align: center;
width: 100px;
}
#dates a {
line-height: 38px;
padding-bottom: 10px;
}
#dates .selected {
font-size: 36px;
}
#issues {
height: 290px;
overflow: hidden;
width: 800px;
}
#issues li {
float: left;
height: 350px;
list-style: outside none none;
width: 800px;
}
#issues li.selected img {
transform: scale(1.1, 1.1);
}
#issues li img {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 10px 30px 10px 50px;
transform: scale(0.7, 0.7);
transition: all 2s ease-in-out 0s;
}
#issues li h3 {
color: #BBB;
font-size: 48px;
margin: 20px 0;
text-shadow: 1px 1px 2px #000;
}
#issues li p {
font-weight: normal;
margin-right: 70px;
}
/* pub */
.openpaypal{
cursor:help;
}
/*#fumier {
background:url('../img/cartonadb.png');
height:250px;
margin-bottom:10px;
}*/
section > div#fumier img{
border: none;
max-width: 300px;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
section > div#fumier{
padding:0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
/* profil */
form.profil label {
float: left;
line-height: 2.3em;
text-align: right;
width: 20%;
}
form#contact_form label {
float: left;
display:block;
width:100%;
text-align: left;
}
h3.nom_profil{
font-size: 20px;
font-weight: bold;
height: 30px;
padding: 12px;
}
form#contact_form input[type="submit"]{
border: 1px solid #ccc;
width: 140px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size:1em;
margin:0 auto;
cursor:pointer;
padding:2px 0;
clear:both;
}
form#contact_form input[type="submit"]:hover{
background-color:#eaeaea;
}
form.profil input,form.profil textarea {
border: 3px solid #734b82;
border-radius: 10px 0;
box-shadow: 3px 3px 10px -2px #9b9b9b;
display: block;
float: right;
font-family: Georgia,serif;
font-size: 19px;
margin-bottom: 5px;
margin-right: 150px;
padding: 0 5px;
width: 50%;
}
form.collection input{
border: 2px solid #734b82;
border-radius: 10px 0;
box-shadow: 3px 3px 10px -2px #9b9b9b;
display: block;
font-family: Georgia,serif;
font-size: 16px;
margin: 5px auto;
width:80%;
text-align:center;
padding: 0 5px;
}
form#contact_form input,form#contact_form textarea {
border: 3px solid #734b82;
border-radius: 10px 0;
box-shadow: 3px 3px 10px -2px #9b9b9b;
display: block;
float: left;
font-family: Georgia,serif;
font-size: 19px;
margin-bottom: 5px;
padding: 0 5px;
}
form.profil label>span{
color: #762266;
font-weight: bold;
}
form.collection input[type="submit"]{
border: 0;
width: 17px;
box-shadow: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size:1em;
margin:0 auto;
cursor:pointer;
content:" ";
margin-left:10px;
padding:2px 0;
float:right;
clear:both;
background:url('../img/Add-icon.png') no-repeat;
background-size:15px;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; cursor:pointer;}
.autocomplete-suggestion { padding: 2px 5px;  }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #762266; }

form.profil input[type="submit"]{
border: 1px solid #ccc;
width: 140px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size:1em;
margin:0 auto;
cursor:pointer;
padding:2px 0;
clear:both;
}

form.profil input[type="submit"]:hover{
background-color:#eaeaea;
}

a.loadmore{
background: none repeat scroll 0 0 #eee;
border-left: 7px solid #ccc;
cursor: pointer;
display: block;
font-family: Georgia;
font-size: 13px;
padding: 7px 0 4px 10px;
width: 94.4%;
}
.txt_justify > li,.txt_left > li {
list-style: outside none none;
}
li.msgfolder{
border-bottom: 1px dotted #bbb;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 266px;
height:24px;
padding-left: 24px;
background:url("../img/messages-icon.png") no-repeat 0 2px;
}
li.msgnonlu{
background:url("../img/new-messages-icon.png") no-repeat 0 2px #eee;
}
li.msgfolder a{
color:black;
cursor:pointer;
}
li.msgfolder:hover{
border-bottom:1px solid #bbb;
}
/* Colorbox overlay */
#colorbox, #cboxOverlay, #cboxWrapper {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 9999;
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
height: 100%;
position: fixed;
width: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
border: 0 none;
display: block;
float: left;
margin: auto;
max-width: none;
}
.cboxIframe {
border: 0 none;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box;
}
#cboxOverlay {
background: url("../img/bg_grey.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#colorbox {
outline: 0 none;
border:10px solid #c0c0c0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#cboxContent {
background: none repeat scroll 0 0 #fff;
overflow: hidden;
}
.cboxIframe {
background: none repeat scroll 0 0 #fff;
}
#cboxError {
border: 1px solid #ccc;
padding: 50px;
}
#cboxLoadedContent {
margin-bottom: 28px;
}
#cboxTitle {
bottom: 4px;
color: #949494;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
#cboxCurrent {
bottom: 4px;
color: #949494;
left: 58px;
position: absolute;
}
#cboxLoadingOverlay {
background: url("../img/loading_background.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#cboxLoadingGraphic {
background: url("../img/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
margin: 0;
overflow: visible;
padding: 0;
width: auto;
}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
outline: 0 none;
}
#cboxSlideshow {
bottom: 4px;
color: #0092ef;
position: absolute;
right: 30px;
}
#cboxPrevious {
background: url("../img/overlay_controls.png") no-repeat scroll -75px 0 rgba(0, 0, 0, 0);
bottom: 0;
height: 25px;
left: 0;
position: absolute;
text-indent: -9999px;
width: 25px;
}
#cboxPrevious:hover {
background-position: -75px -25px;
}
#cboxNext {
background: url("../img/overlay_controls.png") no-repeat scroll -50px 0 rgba(0, 0, 0, 0);
bottom: 0;
height: 25px;
left: 27px;
position: absolute;
text-indent: -9999px;
width: 25px;
}
#cboxNext:hover {
background-position: -50px -25px;
}
#cboxClose {
background: url("../img/overlay_controls.png") no-repeat scroll -25px 0 rgba(0, 0, 0, 0);
bottom: 0;
height: 25px;
position: absolute;
right: 0;
text-indent: -9999px;
width: 25px;
}
#cboxClose:hover {
background-position: -25px -25px;
}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
}
/* THEMAS */
.box_thema{
float: left;
overflow: hidden;
height: 170px;
margin: 0 10px 20px;
width: 283px;
}
/*NEWSTICKER*/
.newsticker {
    font-size: 10px;
}
.newsticker li {
    list-style: outside none none;
}
.newsticker li.item {
     border-bottom: 1px dotted #bbb;
    height: 27px;
    overflow: hidden !important;
}
.newsticker li.item:hover {
    background: none repeat scroll 0 0 #f6f6f6;
	border-bottom:1px solid #bbb;
}
.newsticker li.item b {
    color: #aa0000;
    float: right;
}
.rstk li.item b {
    color: rgb(153, 192, 206);
    float: right;
}
.newsticker li > .date {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: block !important;
    float: left !important;
	font-family: "Fjalla One",sans-serif;
    height: 24px !important;
    line-height: 29px;
    margin: 0 !important;
    overflow: hidden;
    padding-left: 6px;
    padding-top: 0 !important;
    width: 30px !important;
	color:gray;
}
.newsticker li.immanquable a{
font-weight:bold;
color:#762266;
}
.newsticker a {
    display: block;
    float: left;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    padding-top: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 233px;
}
.catnews {
    background: url("../img/news_sprite.png") no-repeat scroll right -81px transparent;
}
.catnews:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right -81px #f6f6f6 !important;
}
.catvideo {
    background: url("../img/news_sprite.png") no-repeat scroll right 0 transparent;
}
.catvideo:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right 0 #f6f6f6 !important;
}
.catmatos {
    background: url("../img/news_sprite.png") no-repeat scroll right -163px transparent;
}
.catmatos:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right -163px #f6f6f6 !important;
}
.catbusiness {
    background: url("../img/news_sprite.png") no-repeat scroll right -135px transparent;
}
.catbusiness:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right -135px #f6f6f6 !important;
}
.catarticles {
    background: url("../img/news_sprite.png") no-repeat scroll right -108px transparent;
}
.catarticles:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right -108px #f6f6f6 !important;
}
.catagenda {
    background: url("../img/news_sprite.png") no-repeat scroll right -55px transparent;
}
.catagenda:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right -55px #f6f6f6 !important;
}
.catdownloads {
    background: url("../img/news_sprite.png") no-repeat scroll right -27px transparent;
}
.catdownloads:hover {
    background: url("../img/news_sprite2.png") no-repeat scroll right -27px #f6f6f6 !important;
}
/* News */
.surtitre_news{
border-bottom: 3px solid #762266;
display: inline-block;
font-size: 13px;
font-family:"Fjalla One",sans-serif;
font-weight: bold;
margin-top: 5px;
padding: 0 5px;
text-align: left !important;
background:white;
}
img.thema_news{
width: 290px !important;
}
.thema_bottom{
border-bottom:1px dotted #762266;
}
.titre_news{
font-size: 28px;
font-weight: bold;
padding: 12px;
text-align:left !important;
margin-bottom:10px;
}
.lead_news{
display:block;
clear:both;
font-weight:bold;
font-size: 14px;
margin-left:55px;
margin-bottom:10px;
text-align:left !important;
}
.contenu_news{
text-align:justify !important;
display:block;
}
.auteur_news{
font-size: 10px;
margin-bottom:10px;
display:block;
text-align:right;
color:#BBB;
}
.bandeau_news{
display:block;
border-top:1px solid #58194c;
padding:10px 4px 0;
color:#bbb;
clear:both;
}
.bandeau_news p{
clear: both;
display: block;
float: right;
padding-top: 21px;
text-align: left;
width: 80%;
}
.bandeau_news b{
font-size:17px;
font-weight:bold;
clear:both;
color:black;
}
img.cover_news{
width:150px;
margin:0 auto;
display:block;
border:1px solid #58194c;
background:white;
padding:5px;
margin-bottom:5px;
}
p.carre{
color: #762266;
display: inline;
font-size: 14px;
padding-left: 5px;
}
.galerie_news{
background-color:#762266;
text-align: center;
border-top:2px solid #58194c;
border-bottom:2px solid #58194c;
}
.galerie_news li a{
margin: 10px;
width: 178px;
float: left;
overflow:hidden;
border:1px solid white;
max-height:98px;
background:white;
}
div.colmid p{
font-family: "Fjalla One",sans-serif;

}
.galerie_news img{
width:178px;
}
.galerie_news li {
list-style: outside none none;
}
.galerie_news li.item {
border-bottom: 1px dotted #bbb;
height: 27px;
overflow: hidden !important;
}
.galerie_news li.item:hover {
background: none repeat scroll 0 0 #f6f6f6;
border-bottom:1px solid #bbb;
}
.galerie_news li.item b {
color: #aa0000;
float: right;
}
div.artwork_news{
max-height:270px;
margin-bottom:-31px;
overflow:hidden;
}
div.navnews{
background: none repeat scroll 0 0 #efefef;
border: 1px solid #a0a0a0;
display: block;
font-size: 12px;
height: 15px;
margin: 5px 0;
padding: 5px;
}
div.navnews a{
color:#762266;
}
div.navnews a:hover{
color:#bb91b3;
}
/* VIDEOS */
div.playertv{
color: white;
position: relative;
display:inline-flex;
z-index: 102;
margin-top:5px;
}
div.bloc_emissions{
background:url("../img/camera.png") no-repeat scroll 489px center / 20% auto #AA0000 !important;
opacity:0.9;
color: white;
font-family: "Fjalla One", sans-serif;
font-size: 35px;
height: 35px;
margin-top: 5px;
}
div.bloc_emissions:hover{
opacity:1;
background:url("../img/camera.png") no-repeat scroll 489px center / 20% auto #AA0000 !important;
}
div.bloc_emissions a{
color:#FFF;
}
/*COMMENTAIRES*/
form.comment_popup textarea{
width:97.2%;
float:none;
}
.enattente{
opacity:0.5;
}
#hints{
color:goldenrod;
font-size:11.5px;
}
.row_comm{
border-bottom: 1px dotted #aaa;
display: block;
font-size: 12px;
margin: 0;
padding: 5px;
clear:both;
min-height:60px;
width:900px;
}
.row_comm b{
color:#2f2f3b;
}
.row_comm.type1{
background:#fff;
}
.row_comm.type2{
background:#eee;
}
.row_comm.type3{
background:#ffe7e5;
border-left:7px solid #aa0000; 
border-color:#aa0000;
width:893px;
}
.row_comm.type4{
background:#eee;
border:2px solid gray; 
width:896px;
margin-top:10px;
margin-bottom:20px;
}
.row_comm.type_form{
padding-bottom:10px;
border-bottom:none;
}
.type_form textarea{
font-family: Georgia,serif;
font-size:14px;
width:819px;
height:38px;
border: 1px solid #734b82;
}
.row_comm.type3 b{
color:#aa0000;
}
.row_comm p{
margin-left:80px;
line-height: 20px;
}
.row_comm img.avatar{
float:left !important;
display:block;
width:60px;
height:60px;
border:1px solid black;
}
.row_comm span.date{
color: gray;
font-family: "Fjalla One",sans-serif;
}
.commentz h3
{
background: none repeat scroll 0 0 #aa0000;
color: white;
font-family: "Fjalla One",sans-serif;
font-size: 15px;
padding: 5px 0;
text-align: center;
}
.commentz h3.narmol
{
background:#a9a9a9;
}
span.commobile {
background: url("../img/phone.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float: right;
height: 16px;
width: 12px;
}

.loading-bar {
padding: 10px 20px;
display: block;
text-align: center;
margin: 20px 1px 2px 0;
border: 1px solid #ddd;
font-weight: bold;
cursor: pointer;
position: relative;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.loading-bar:hover {
background-color:#EEE;
}

/* ARTICLES */
#cover_art{
background-position: center -40px;
background-repeat: no-repeat;
background-size: cover;
height: 75em;
left: 0;
overflow: visible;
position: absolute;
top: 160px;
width: 100%;
z-index: -10; 
}
#cover_art h3 {
color: white;
font-family: "Fjalla One",sans-serif;
font-size: 50px;
font-weight: bold;
line-height: 65px;
margin: 0 auto;
max-width: 950px;
min-width: 750px;
position: relative;
text-align: center;
text-shadow: 5px 5px 3px black;
text-transform: uppercase;
top: 240px;
}
#cover_art h5 {
color: white;
font-family: "Lobster",Georgia,cursive;
font-size: 21px;
line-height: 65px;
margin: 0 auto;
max-width: 950px;
min-width: 750px;
position: relative;
text-align: center;
text-shadow: 1px 1px 6px black;
top: 240px;
}
#cover_art h6{
line-height: 65px;
margin: 0 auto;
max-width: 950px;
position: relative;
text-align: center;
text-shadow: 1px 1px 6px black;
top: 240px;
float:right;
right:100px;
}
#cover_art h6 span{
margin: 0 auto;
padding-top: 62px;
position: absolute;
text-align: center;
width: 180px;
font-size:10px;
color:white;
}
h4.intertitre {
font-size:20px;
font-family: "Fjalla One",sans-serif;
margin:20px 20px -20px;
color:goldenrod;
}
img.galerie_article{
width: 178px;
float: left;
overflow:hidden;
border:1px solid #734b82;
max-height:98px;
background:white;
-moz-box-shadow: 2px 2px 2px 0px #656565;
-webkit-box-shadow: 2px 2px 2px 0px #656565;
-o-box-shadow: 2px 2px 2px 0px #656565;
box-shadow: 2px 2px 2px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=2);
opacity:0.9;
}
img.galerie_article:hover{
border-color:white;
opacity:1;
}
.line_jump{
margin-bottom: 15px;
}
img.ParaRight{
float:right;
margin: 5px 0px 5px 10px;
}
img.ParaLeft{
float:left;
margin: 5px 10px 5px 0;
}
div.vignette_article{
width:300px; 
height:200px; 
padding-top:5px;
margin-bottom:5px;
overflow:hidden;
opacity:0.9;
}
div.vignette_article span{
color: white;
font-family: "Fjalla One",sans-serif;
display: block;
font-size: 23px;
font-weight: bold;
margin: 10px;
width: 280px;
position: absolute;
text-align: center;
text-shadow: 5px 5px 3px black;
text-transform: uppercase;	
}
div.vignette_article span.note_vig{
background: url("../img/note_bg_tr.png") no-repeat scroll center 18px rgba(0, 0, 0, 0);
font-size: 80px;
height: 90px;
padding-top: 90px;
line-height: 27px;
}
span.note{
background: url("../img/note_bg.png") no-repeat scroll center center rgba(0, 0, 0, 0);
color: white;
display: block;
font-family: "Fjalla One",sans-serif;
font-size: 80px;
font-weight: bold;
height: 150px;
line-height: 158px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
text-shadow: 5px 5px 3px black;
text-transform: uppercase;
width: 270px;
}
div.vignette_article:hover{
opacity:1;
}
span.note_alt{
display:block;
font-size: 20px;
padding: 8px 10px;
}
span.auteur_alt{
font-size:16px;
}
/* HOVER BOX */
.hoverboxgame{
width:150px !important;
font-size: 11px !important;
line-height: 23px !important;
}
.hoverboxgame h3{
background:#734b82;
font-size: 15px !important;
color:white;
font-family: "Fjalla One",sans-serif;
padding:10px;
}
a.close_box{
background: url("../img/overlay_controls.png") no-repeat scroll -25px 0 rgba(0, 0, 0, 0);
bottom: 0;
clear:both;
display:block;
height: 25px;
left: 0;
text-indent: -9999px;
width: 25px;
cursor:pointer;
float:right;
margin-top:10px;
}
a.notlog{
color:gray !important;
text-decoration:none !important;
cursor:pointer !important;
}
a.notlog:hover,a.log:hover{
color:black !important;
text-decoration:underline !important;
}
a.log{
color:goldenRod !important;
text-decoration:none !important;
cursor:pointer !important;
}
span.metanote,span.tanote{
text-align:center;
width:63px;
padding:5px;
font-size: 20px;
font-family: "Fjalla One",sans-serif;
display:block;
}
span.metanote p,span.tanote p{
width:63px;
display:block;
font-size: 10px;
}
span.metanote{
float:left;
background:#c0c0c0;
}
span.tanote{
float:right;
background:#f0f0f0;
}
.star-rating{
font-size:0;
white-space:nowrap;
display:inline-block;
width:150px;
height:15px;
overflow:hidden;
position:relative;
background:
url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
background-size: contain;
}
.star-rating i{
opacity: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10%;
z-index: 1;
background: 
url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');  
background-size: contain;
}
.star-rating input{ 
-moz-appearance:none;
-webkit-appearance:none;
opacity: 0;
display:inline-block;
width: 10%;
height: 100%; 
margin:0;
padding:0;
z-index: 2;
position: relative;
}

.star-rating input:hover + i,
.star-rating input:checked + i{
opacity:1;    
}

.star-rating i ~ i{
width: 20%;
}
.star-rating i ~ i ~ i{
width: 30%;
}
.star-rating i ~ i ~ i ~ i{
width: 40%;
}
.star-rating i ~ i ~ i ~ i ~ i{
width: 50%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i{
width: 60%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i{
width: 70%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
width: 90%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
width: 100%;
}

.star-rating *, .star-rating ::after, .star-rating ::before{
height: 100%;
padding:0;
margin:0;
box-sizing: border-box;
text-align: center;  
vertical-align: middle;
}

/* Menu adaptable */
#wrapmenu.floatable {
margin: 0 auto;
position: fixed;
top: 0;
z-index: 999;
width:100%;
}
#conclusion.floatable {
margin: 0 auto;
position: fixed;
top: 40px;
width:300px;
}
img#minilogo{
display: block;
float: left;
height: 25px;
padding-top: 3px;
position: absolute;
visibility: hidden;
width: 25px;
}
li#minirech{
display:none;
}
li#GT{
display:;
}

/* FB like des comm */
#display
{
display:none;
border-left:solid 1px #dedede;
border-right:solid 1px #dedede;
border-bottom:solid 1px #dedede;
overflow:hidden;
position:absolute;
z-index:3;
width:300px;
background:white;
margin-left: 85px;
margin-top: -20px;
}
.display_box
{
font-family: Arial,Helvetica,sans-serif;
padding:4px; border-top:solid 1px #dedede; font-size:11px; height:30px;
}
.display_box:hover
{
background:#eee;
color:#FFFFFF;
}
.display_box .image
{
width:30px; float:left; margin-right:6px
}
.display_box a {
color: #333;
text-decoration: none;
cursor:pointer;
}
.display_box span{
float:right;
color: #999999;
font-size: 9px;
line-height: 0;
margin-left: 32px;
margin-top:5px;
}
/* Downloads */
.btn_dl{
background: none repeat scroll 0 0 #404040;
border: 0 none;
border-radius: 10px 0;
color: white;
display: block;
font: bold 14px/21px Georgia,serif;
height: 20px;
margin: 0 auto;
padding: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background 0.3s ease-in-out 0s;
width: 200px;
}
.btn_dl a{
color:white;
}
.btn_dl:hover{
color:white;
background:#606060;
}
.dlprogress{
background: url("../img/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
display: block;
padding-bottom: 30px;
font-size: 27px;
height: 100px;
padding-top: 10px;
text-align: center;
width: 100%;
}
/* FICHES */
.flagfr_fiche {
background-image: url("../img/flags.gif");
display: block;
float: left;
height: 10px;
margin-right: 5px;
margin-top: 7px;
width: 15px;
}
.flagus_fiche {
background-image: url("../img/flags.gif");
background-position: 0 10px;
display: block;
float: left;
height: 10px;
margin-right: 5px;
margin-top: 7px;
width: 15px;
}
.flagjp_fiche {
background-image: url("../img/flags.gif");
background-position: 0 20px;
display: block;
float: left;
height: 10px;
margin-right: 5px;
margin-top: 7px;
width: 15px;
}
.pegi{
display: block;
margin: 0 auto;
width: 60px;
}
.galerie3 li{
list-style: outside none none;
}
.galerie3 a{
background: none repeat scroll 0 0 white;
float: left;
margin: 10px;
max-height: 98px;
overflow: hidden;
width: 178px;
-moz-box-shadow: 1px 1px 5px 0px #656565;
-webkit-box-shadow: 1px 1px 5px 0px #656565;
-o-box-shadow: 1px 1px 5px 0px #656565;
box-shadow: 1px 1px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
border:1px solid #606060;
}
.galerie3 a:hover{
border:1px solid #aaa;
}
.galerie img{
display: inline; 
width: 178px;
}
.onglet_article img,.onglet_news img{
box-shadow: none;
display: block;
float: left;
margin: 10px 10px 10px 0;
max-width: 300px;
overflow: hidden;
clear:both;
}
.onglet_article h4,.onglet_news h4{
font-family: "Fjalla One",sans-serif;
float:right;
width:300px;
margin: 7px 0 3px 0;
font-size: 16px;
}
.onglet_article p,.onglet_news p{
float: right;
font-size: 14px;
width: 300px;
margin-bottom:10px;
text-align:justify;
color:#303030;
}
.onglet_news div#hl{
float:left;
width:270px;
background: none repeat scroll 0 0 #eee;
padding: 5px 14px 2px 14px !important;
}
.onglet_news div#hl img,.onglet_news div#hl p,.onglet_news div#hl h4{
width:270px;
}
.onglet_news #vigimg{
max-height:130px;
overflow:hidden;
}
.onglet_news div#bl{
float:right;
width:300px;
}
.onglet_news div#bl h4{
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}
.metanote.largemeta,.tanote.largemeta{
width:130px;
font-size: 30px;
}
span.metanote.largemeta p, span.tanote.largemeta p{
font-size: 20px;
width: 130px;
padding-bottom: 5px;
}
a.btn_dl.largemeta{
clear: both;
cursor: pointer;
display: block;
margin-bottom: 7px;
width: 200px;
}
.star-rating.largemeta{
height: 28.5px;
width:285px;
}
img#collec_fiche{
border:0px;
box-shadow:none;
text-align:center;
margin:0 75px;
width:140px;
margin-bottom:-5px;
cursor:pointer;
}
span.priceminister{
margin:0 auto;
width:160px;
display:block;
padding-top:10px;
}
.topmeta{
border-bottom:1px dashed white;
}
/* LISTENEWS */
.liste_news>.lead_news{
font-size:12px !important;
margin-bottom:0;
margin-left:35px;
padding-bottom: 10px;
}
.liste_news>.titre_news{
font-size:23px;
margin-bottom:0;
}
.liste_news>.artwork_news_mini{
max-height: 100px;
max-width: 155px;
overflow: hidden;
float:right;
padding-left: 10px;
}
.liste_news>.artwork_news{
margin:0;
}
.liste_news{
display:block;
/* margin-bottom:10px; */
padding-bottom:10px;
min-height:100px;
/* border-right:10px solid */
border-left:5px solid;
padding-left:4px;
}
.ligne8{
font-size: 110px; position: relative; right: 21.7px; display: flex; height: 28px; float: left; width: 8px; top:5px;
}
div.grisay{
background:url("../img/separator.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
height:1px;
display:block;
}
.liste_news>.titre_news>u.date_news{

font-family: "Fjalla One",sans-serif;
font-size: 19px;
margin-right: 5px;
text-decoration: none;
}
.dot_video{
color:#008080;
}
.dot_matos,.dot_Patch,.dot_Zoom{
color:#762266;
}
.dot_news,.dot_Demo,.dot_Dossier{
color:#CCC;
}
.dot_articles{
color:#bb91b3;
}
.dot_business,.dot_Freeware,.dot_Test{
color:orange;
}
.dot_agenda{
color:#cc190f;
}
.dot_downloads{
color:#78AB46;
}
.sepa_video{
border-color:#008080 !important;
}
.sepa_matos,.sepa_Patch,.sepa_Zoom{
border-color:#762266 !important;
}
.sepa_news,.sepa_Demo,.sepa_Dossier{
border-color:#CCC !important;
}
.sepa_articles{
border-color:#bb91b3 !important;
}
.sepa_business,.sepa_Freeware,.sepa_Test{
border-color:orange !important;
}
.sepa_agenda{
border-color:#cc190f !important;
}
.sepa_downloads{
border-color:#78AB46 !important;
}
ul.list_rubrique_news li{
border-left: 10px solid;
display: block;
margin: 2px 0;
padding: 3px 6px;
}
a.thema_col_news{
display: block;
overflow: hidden;
width: 270px;
}
.thema_col_news img{
opacity:0.88;
z-index:2;
}
.thema_col_news img:hover{
opacity:1;
}
.thema_col_news span{
font-size:18px;
font-family: "Fjalla One",sans-serif;
}

/* PAGINATION */
.pagination{
text-align:center;
margin-top: -2px;
}
.pagination a{
background: none repeat scroll 0 0 #e9e9e9;
border: 1px solid #c0c0c0;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
color: #717171;
display: inline-block;
font-size: 0.875em;
font-weight: bold;
margin-right: 4px;
padding: 2px 6px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.pagination a:hover {
background: #fefefe;
}
.pagination span.active {
border-radius: 3px;
display: inline-block;
font-size: 0.875em;
font-weight: bold;
margin-right: 4px;
padding: 2px 6px;
text-decoration: none;
background: none repeat scroll 0 0 #616161;
border: medium none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.8);
color: #f0f0f0;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.pagination span.inactive {
border-radius: 3px;
display: inline-block;
font-size: 0.875em;
font-weight: bold;
margin-right: 4px;
padding: 2px 6px;
text-decoration: none;
background: #ccc;
border: medium none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.8);
color: #ddd;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.separator{
border-top: 1px solid blue !important;
height: 0;
position: relative;
top: -45px;
}
/* PAGE RECHERCHE */
.resultat_recherche {
width:760px;
float:left;
}
.resultat_recherche span.category{
background-color: #a0a0a0;
border-color: #919191;
border-style: solid;
border-width: 1px;
box-shadow: 3px 3px 10px -2px #9b9b9b;
color: #ffffff;
display: block;
font-family: "Fjalla One",sans-serif;
font-size: 26px;
margin: 6px 0;
padding: 0 10px;
width: 450px;
}
.resultat_recherche span.boximg_rech {
border: 1px solid black;
float: left;
height: 90px;
margin: 4px 10px 6px 5px;
overflow: hidden;
width: 90px;
}
.resultat_recherche a {
background-color: white;
clear: left;
display: block;
margin-bottom: 5px;
padding-right: 4px;
text-decoration: none;
}
.resultat_recherche a span.searchheading {
font-size: 23px;
font-weight: bold;
text-align: left !important;
}
.resultat_recherche span.description{
display: block;
font-size: 12px;
margin-left: 130px;
text-align: left !important;
line-height:20px;
font-weight:bold;
}
.resultat_recherche  span img {
margin-left: -100px;
width: 265px;
}
.resultat_recherche .date_news{
color: black;
margin-right: 5px;
font-family: "Fjalla One",sans-serif;
font-size: 19px;
font-weight: bold;
text-decoration: none;
}
div.boxrech_full{
display: block;
height: 90px;
margin: 0 auto;
width: 360px;
}
.box_conseil{
width:500px;
height:auto !important;
margin:15px auto !important;
}
.box_conseil a{
background:none;
clear:none;
display:inline;
margin:none;
padding:none;
}
/* GALERIES */
.infobox_galerie{
border: 1px solid #aaa;
display: block;
float: right;
text-align: center;
width: 140px;
margin-top:15px;
}
.infobox_galerie li.inactive{
color:gray;
opacity:0.6;
text-decoration:line-through;
}
.infobox_galerie h4 {
background: none repeat scroll 0 0 #aaa;
color: white;
font-family: "Fjalla One",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
margin: 0;
padding: 3px 10px;
text-transform: uppercase;
}
.infobox_galerie ul {
font-size:12px;
margin:5px;
}
.infobox_galerie ul>li{
margin:5px 0;
}
.full_img_col img{
max-width:1230px;
margin:0 auto;
}
.full_img_col{
text-align:center;
}
#gallery img{
cursor:zoom-in;
}
/* FICHES SOCIETES */
h4.stelinks{
width: 280px; float:left; text-align:right; margin-right:20px;
}
h4.stelinks > p{
text-align:right;font-family: Georgia,'Times New Roman',serif; margin-right:0px;
}
/* TOPS */
.boxes_label{
float:left;
margin-left: 10px !important;
margin-right: 10px !important;
height:260px;
overflow:hidden;
margin-bottom:10px;
}

ul.tops span{
display: block;
float: right;
height: 30px;
width: 23px;
font-family: "Fjalla One",sans-serif;
text-align:center;
font-size:17px;
}
ul.tops li>a{
width:260px; display:block; float:left;
white-space:nowrap; overflow: hidden; text-overflow:ellipsis;
height:30px;
}

/*TEAM*/
div.avatar_g{
float:left;
padding:0 !important;
width:100px;
clear:both;
margin-top:10px;
}
div.fonction_d{
float:right;
padding:0 !important;
width:736px;
}
/* EVENT */
.map_event{
margin-top:10px;
border:1px solid black;
width:272px;
}