body {padding:0px;margin:0px;font-size:14px;font-family:Tahoma,"Open Sans", Helvetica, sans-serif,  Arial;line-height:130%;color:#202020; height:100%}
td {font-size:14px;font-family:Tahoma,"Open Sans", Helvetica, sans-serif,  Arial;line-height:150%;color:#202020}

h1 {padding-bottom:0px;margin-bottom:0px;margin-top:10px;line-height:26px;font-size:26px;line-height:140%}
h2{padding-bottom:0px;margin-bottom:0px;padding-top:10px;line-height:26px;font-size:26px}
h3{}

a.menu {line-height:60px;padding:19px;margin:0px;font-size:18px;text-decoration:none; }
a.menu:hover {}
a.button {line-height:35px;padding:7px;margin:2px;font-size:14px;padding-right:10px;padding-left:10px;border-radius:3px;box-shadow:4px 4px 3px rgba(0,0,0,.11);}
a.button:hover {}

div.container{width:60%}

#pagination {}
#pagination a {font-weight:normal;line-height:35px;margin:2px;padding:7px;font-size:14px;padding-right:10px;padding-left:10px;border-radius:3px;box-shadow:4px 4px 3px rgba(0,0,0,.11);}
#pagination span {font-weight:bold}
#pagination b {line-height:35px;margin:2px;padding:7px;font-size:14px;padding-right:10px;padding-left:10px;border-radius:3px;box-shadow:4px 4px 3px rgba(0,0,0,.11);}

#paginator {}
#paginator a {font-weight:normal;line-height:35px;margin:2px;padding:7px;font-size:14px;padding-right:10px;padding-left:10px;border-radius:3px;box-shadow:4px 4px 3px rgba(0,0,0,.11);}
#paginator b {line-height:35px;margin:2px;padding:7px;font-size:14px;padding-right:10px;padding-left:10px;border-radius:3px;box-shadow:4px 4px 3px rgba(0,0,0,.11);}


a.smallbutton {line-height:25px;padding:5px;margin:2px;font-size:12px;padding-right:5px;padding-left:5px;color:white}
a.smallbutton:hover {}

a.help{text-decoration:none;border-radius:10px; background:#EEF0F3;padding:2 6px}

#bubble_help {text-decoration:none;}
#bubble_help span {display:none; position:absolute; text-align:justify; z-index:10;color:black; padding:5px; background:#eeeeee; border:solid  1px ; border-radius: 5px}
#bubble_help u {}
#bubble_help i {text-decoration:underline; color:blue; cursor:pointer; }
#inline_help {text-decoration:none;}
#inline_help span {display:none;text-align:justify;color:black; padding:5px; background:#eeeeee; border:solid  1px ; border-radius: 5px}
#inline_help u {}
#inline_help i {text-decoration:underline; color:blue; cursor:pointer; }

a.intext {text-decoration:none; }
a.intext:hover {text-decoration:underline; }

input {font-size:14px;height:30px;font-family:"Open Sans", Helvetica, sans-serif,  Arial;}
select {font-size:14px;height:30px;font-family:"Open Sans", Helvetica, sans-serif,  Arial;}
input[type="checkbox"]{vertical-align:-11%;margin:0;height:15px;}

input.button {font-size:14px;border-radius:3px;box-shadow:4px 4px 3px rgba(0,0,0,.11);cursor:pointer}

a:hover img.ten {               
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);               
-moz-opacity: 1; /* Mozilla 1.6 */               
-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */               
opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */               
filter: alpha(opacity=100); /* IE 5.5+*/               
}               

a img.ten {               
width:800;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);               
-moz-opacity: 0.5; /* Mozilla 1.6 */               
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */               
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */               
filter: alpha(opacity=50); /* IE 5.5+*/               
}

#infovideo{width:50%;height:400px}

#b-message{height:200px;}
#b-message td{text-align:center;vertical-align:middle}
#warning_save{position:absolute;top:0px;left:30px;padding:10px;border:solid 1px;display:none;background:white;z-index:15}


#tarifs td {border-bottom:solid 1px gray; text-align:center; padding:5 15 5 15px; }
li {padding-bottom:5px;text-align:justify}

#clear{
clear:left;
}
#b-main{width:100%; display: table;  height: 100%;}

#content {text-align:center;width:100%;padding-top:10px;min-height:300px;background:white; display: table-row;  height: 100%;}
#bh-left {width:20%;float:left; min-height:60px; text-align:left;z-index:5;position:relative;}
#bh-left img {padding-top:10px;padding-left:20px}
#bh-left a {text-decoration:none; color:black; }
#bh-right {width:100%;min-height:60px;margin-left:-20%;padding-left:20%;text-align:right;position:relative;z-index:1;}
#bh-status{background:#CBCBCB; padding:10px; padding-left:20px}
#bh-menu{padding-right:30px; padding-top:0px;margin:auto}

#b-left {width:50%;float:left;text-align:justify;}
#b-right {width:50%;float:left;text-align:justify}
#b-right div {padding:20px;padding-top:0px;}
#b-left div {padding:20px;padding-top:0px;}

#tarifs td.t-title {font-weight:bold;text-align:center;font-size:16px}
#tarifs td.t-row{text-align:left}

#b-one {padding-left:50px;padding-right:50px; padding-top:10px;}

div.a_notice {font-size:14px;padding-top:5px;padding-bottom:5px; padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:10px;  border:dotted 1px lightgrey}


#article h1 {padding-top:10px; text-transform: uppercase; text-align:left; font-size:14pt;}
#article h2 {padding-top:0px; padding-bottom:0px; margin-top:0px; font-size:14pt; font-weight:600;  text-transform: uppercase; line-height:140%; text-align:left}
#article h3 {padding-top:20px; font-size:20px;  text-transform: uppercase; font-weight:400; text-align:left; font-size:12pt;}
#article ul {margin-left:0px; padding-left:20px; }
#article ul li {font-size:11pt; font-weight:400; padding-bottom:15px; }
#article div.a_pre {font-size: 12pt;padding-top:5px; padding-bottom:0px;; text-align:left}
#article div.topic {line-height:180%;}


#article420left{margin-right:440px}
#article420right{width:420px;float:right;}

#link_form {padding:10px; padding-left:50px; padding-right:50px }
#link_form div {padding:10 10 10 0;clear:left;text-align:left}
#link_form label {margin: 0; padding-top: .1em; padding-right: .25em;  }
#link_form input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {background-color:#EEF0F3; lightyellow;border-color:#B3D6E7}
#link_form checkbox {margin:0px;height:15px}

#adv_settings{padding-left:5px;border:solid 1px #999999}

#link_form textarea {width:95%; height:26px}
#div_qtext textarea{width:95%; height:26px}
#div_qtext_minus textarea{width:95%; height:26px}

#comments {border:solid 0px grey;padding:0px;margin:0px;}
#comments table {padding-top:10px;}
#comments i {font-weight:600;color:#414b50;font-size:13px; font-style:normal} 
#comments small {color:#414b50;font-size:13px;}
span.comments_content{color:#111}
#comments textarea {width:100%;height:80px}
img.commenticon{padding-left:5;border:none}
#add_comment_notice {color:darkgray}
#secret {width:150px}
#secret-image {width:150px}

a.adlisthref {color:blue}
a.adlisthref:visited {color:grey}


.rounded-labels {background: #457BB1;
color: white;
text-decoration: none;
font-weight: bold; line-height: 2em;
 border-radius: .5em;padding:5px 10px; margin: 5px;
}

.rounded {
counter-reset: li; 
list-style: none; 
font: 16px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
padding-left:20px; 
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {background: #E9E4E0;}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #788DE5;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

#alertsdiv {width:100%; background:#e0e0e0; padding-top:1px; padding-bottom:1px; word-break: break-all;}
#alertsdiv div {background:white; margin:5px; margin-bottom:10px; border-radius:5px;padding:5px; font-size:14px}
#alertsdiv b {font-size:18px}
#alertsdiv a {font-size:18px; line-height:30px}
#alertsdiv span {position:relative; right:0; color:grey; font-size:12px}

@media (max-width: 800px) 
  {
	
    #bh-left {width:100%;padding-left:0px; }
	#bh-left img {padding-left:1px; }
	
	#bh-right {width:100%;float:left;margin-left:0px;padding-left:0px;text-align:left;min-height:40px;}	
	#bh-status{padding-left:10px;}
	#b-left {width:100%;}
	#b-right {width:100%;}
	#b-right div {padding:5px;}
	#b-left div {padding:5px;}

	#link_form {padding:3px;}
	#link_form textarea {width:100%; height:60px}
	#div_qtext textarea{width:95%; height:60px}
	#div_qtext_minus textarea{width:95%; height:60px}

	div.container{width:98%;}

	#b-one {padding-left:7px;padding-right:7px}
	
	#article420left{margin-right:0px}
	#article420right{display:none;width:100%;float:left;padding-bottom:10px}

	#article {padding-left:5px; padding-right:5px}

	#tarifs {padding-top:10px;}
	#tarifs td {padding:0px;border:solid 1px lightgrey;font-size:14px}
	#tarifs td.t-title {font-size:12px}	
	a img.ten {width:320px}
	a.menu {line-height:40px;padding:10px;margin:3px;font-size:14px;text-decoration:none }
	#infovideo{width:100%; height:240px}

	#button_change {font-size:0px;display:block;height:24px;width:24px;padding:0px;margin:0px;border:none; background:url(/images/edit.png) no-repeat center center; box-shadow:none}
	#button_ads {font-size:0px;display:block;height:24px;width:24px;padding:0px;margin:0px; border:none;background:url(/images/adlist.png) no-repeat center center; box-shadow:none}

  }