/* --- POSITIONNEMENT --- */

body {
    /*background: #FFF;*/
    margin: 0;
    padding: 0;
}
#logo {
    float: left;
    width: 271px;
    height: 101px;
}

#logo img, a img {
    border: 0;
}
#logs {
	float: left;
	margin: 0;
	padding: 115px 0px 0px 50px;
	color: #000000;
}




#pub728x90 {
    float: left;
    width: 728px;
    height: 90px;
    margin-top: 5px;
}

/* En-tête */
#entete {
    width: 100%;
    height: 101px;
}

/* Tableau central */
#centre {
    width: 100%;
    margin: 0;
    padding: 0;
}

#milieu span a {
    color: #FFF;
    text-decoration: none;
}

table td {
    vertical-align: top;
}

/* Formulaire commentaire */

#form1 {
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 25px;
}

form dl{
	align:center;
	text-align:center;
}

form dt{
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	width: 200px;
	text-align: right;
}

form dd{
	text-align:left;
}

.bouton {
	border: 1px solid #9A5513;
	background-color: #FEE4CA;
	color: #653C15;
	height: 22px;
	vertical-align: top;
	cursor: pointer;
}

.champspebot{
	display: none;
}

/*
#form1 p {
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 170px;
	height: 1%;
}


#form1 label {
	float: left;
	margin-left: -170px;
	width: 160px;
}


#form1 label em {
    color: #FF0000;
}


#form1 input[type="text"] {
	width: 200px;
	border: 1px solid #5A5A5A;
}

#form1 textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #5A5A5A;
}
*/

#form1 .tools,
#form1 .smiley {
    background-color: #FFF;
    border: 1px solid #5A5A5A;
}

#form1 .tools {
    padding: 0.1em;
}

#form1 .smiley {
    padding: 0.35em;
}


/* Mise en page de la fenêtre de connexion */

#cookie {
    text-align: center;
    margin: 10px;
    padding: 5px;
    border: 1px solid #AADBBC;
    background-color: #DDFFDB;
}

#cookie a {
    color: #FF0000;
    text-decoration: none;
}

#cookie a:hover {
    color: #FF0000;
    text-decoration: underline;
}



.bloc{
	width: 97%; margin: 0 auto; margin-top: 10px;
	clear: both;

}
#tailleimg{
	float: left; margin: 0px 10px 10px 0px;
}

.date_heure{
	border-bottom: 1px dashed #B0B0B0; padding-bottom: 5px;
}
.date_heure img{
	vertical-align: middle;
}
.auteur{
       text-align: left;
	border: 1px solid #B0B0B0; padding: 2px;
}

/*
 * ICONES DES TITRES DES BLOGS 
 */

.announceblog	{ background: url(http://www.jblog.fr/images/ico/announceblog.png) no-repeat 12px 5px; }
.writemsg 		{ background: url(http://www.jblog.fr/images/ico/writemsg.png) no-repeat 12px 5px; }
*/ 












input.vanadium-invalid, select.vanadium-invalid, textarea.vanadium-invalid {
  border-color: red !important;
  border-style: solid !important;
}

input.vanadium-valid, select.vanadium-valid, textarea.vanadium-valid {
  border-color: #0F0 !important;
  border-style: solid !important;
}

.vanadium-message-value {
  font-style: italic;
  text-decoration: underline;
}

.vanadium-advice {
  font-size: 13px;
}

.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
  color: red;
}

input.vanadium-valid {
  background-color: greenyellow;
}

input.vanadium-valid ~ .vanadium-valid-advice {
  display: inline !important;
  color: green;
}

.container {
  border-color: #00F;
  border-style: solid;
  border-width: 2px;
  margin: 3px;
  padding: 2px;
  width: auto;
}

.container.vanadium-valid {
  border-color: #0F0 !important;
}

.container.vanadium-invalid {
  border-color: #F00 !important;
}

.soustitre{
	align:center;
	text-align:center;
	color:#653c15;
}


.warning_box{width:500px;clear:both;background:url(warning.png) no-repeat left #fcfae9;
border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:auto;spacing-bottom:10px;}

.valid_box{width:500px;clear:both;background:url(valid.png) no-repeat left #edfce9;
border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:auto;spacing-bottom:10px;}

.error_box{width:500px;clear:both;background:url(error.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:auto;spacing-bottom:10px;}

.small_warning_box{clear:both;background:url(../images/ico/attention.png) no-repeat left; padding-left:18px;  color:#c9c697}

.small_valid_box{clear:both;background:url(../images/ico/tick.png) no-repeat left; padding-left:18px; color: #cceac4}

.small_error_box{clear:both;background:url(../images/ico/cross.png) no-repeat left; padding-left:18px; color:#eac7c7}
/************************************************

Feuille de styles site Easy4blog.com 

************************************************/

/* folder dossier com date xhtml css */
.xhtml {
	background:url(http://www.jblog.fr/images/xhtml.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.album {
	background:url(http://www.jblog.fr/images/ico/picture.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
a.feed {
    background:url(http://www.jblog.fr/images/ico/ico_feed.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
img.is_cadre
{
	background: url() #EFEFEF;
	border: solid 1px #D4D4D4;
	padding: 5px;
}
.css {
	background:url(http://www.jblog.fr/images/css.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.dossier {
	background:url(http://www.jblog.fr/images/ico/dossierblog.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:-4px;
    font-size:10px;
}
.css {
	background:url(http://www.jblog.fr/images/css.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}

.com {
	background:url(http://www.jblog.fr/images/ico/com.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.addcom  {
	background:url(http://www.jblog.fr/images/ico/com-add.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.date {
	background:url(http://www.jblog.fr/images/ico/date.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.chart {
	background:url(http://www.jblog.fr/images/ico/chart.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.web {
     background:url(http://www.jblog.fr/images/ico/world.png) no-repeat left;
     padding:3px 3px 3px 20px;
     margin-left: 10px;
     font-size:11px;
}
.user {
	background:url(http://www.jblog.fr/images/ico/user.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.user_go {
	background:url(http://www.jblog.fr/images/I/user_go.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}
.announceblog {
	background:url(http://www.jblog.fr/images/ico/announceblog.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:-0px;
    font-size:10px;
}
.writemsg {
	background:url(http://www.jblog.fr/images/ico/writemsg.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:-0px;
    font-size:10px;
}
/* folder dossier com date*/
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
///// affichage des messages sur le module livre d'or et des commentaires///////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
 */ 

#contenu .message-livredor
{
line-height:20px;
text-align:justify;
}

#contenu .titre-livredor
{
font-weight:bold;
}

#contenu .img-livredor
{
text-align:right;
margin-top:-30px;
margin-bottom:10px;
}
.citation{
    border: 1px solid #75735A;
    margin-top: 10px;
    padding: 5px;
    background-color: #FFFCDF;
}
.categorieblog {
    background:url(http://www.jblog.fr/images/ico/dossierblog.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}

/* Pagination Albums Photos */
.pagination {
	padding: 1px;
	margin: 1px;
       text-align:center;
}
div.pagination {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	border: 1px solid #BBB9BA;
	color: #6B6260;
	margin: 1px;
	padding: 2px 5px;
	text-decoration: none;
	background: #f1F1F1;
}
div.pagination a:hover, active {
	border: 1px solid #BBB9BA;
	color: #fff;
	margin: 1px;
	padding: 2px 5px;
	background: #000000;
}
div.pagination span.courante {
	border: 1px solid #BBB9BA;
	color: #fff;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px;
	background: #000000;
}
div.pagination span.desactive {
	border: 1px solid #BBB9BA;
	color: #ddd;
	margin: 1px;
	padding: 2px 5px;
	background: #F1F1F1;
}




div#contenu div#video_view{
	
}
div#contenu div#video_view div.extra{
	clear:left;
	height:25px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
div#contenu div#video_view div.extra ul{
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0px;
	margin-top:5px;
}
div#contenu div#video_view div.extra ul li{
	float:left;
	border-right:1px solid #FFFFFF;
	margin-right:5%;
	padding-right:5%;
}
div#contenu div#video_view div.extra ul li img{
	vertical-align:text-top;
}
div#contenu div#content_vid div.video{
	margin:5px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #edf2f2;
}
div#contenu div#content_vid div.video div.extra{
	clear:left;
	height:20px;
	border-top:1px solid #edf2f2;
}
div#contenu div#content_vid div.video div.extra ul li{
	float:left;
	border-right:1px solid #edf2f2;
	margin-right:5%;
	padding-right:5%;
}



/* Affichage des vidéos */
div#contenu div#video_view{
	
}
div#contenu div#video_view div.extra{
	clear:left;
	height:25px;
	border-top:10px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
}
div#contenu div#video_view div.extra ul{
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0px;
	margin-top:5px;
}
div#contenu div#video_view div.extra ul li{
	float:left;
	border-right:1px solid #FFFFFF;
	margin-right:5%;
	padding-right:5%;
}
.ul li img{
	vertical-align:text-top;
}
div#contenu div#content_vid div.video{
	margin:5px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #000000;
}
div#contenu div#content_vid div.video div.extra{
	clear:left;
	height:20px;
	border-top:1px solid #000000;
}
div#contenu div#content_vid div.video div.extra ul li{
	float:left;
	border-right:1px solid #000000;
	margin-right:5%;
	padding-right:5%;
}

/* WIDGETS DES TAGS DES VIDEOS */
div.tags_video{
	text-align:justify;
	padding:5px;
}
div.tags_video a{
	text-decoration:none;
	border:none;
	background:none;
}
div.tags_video a:hover{
	text-decoration:underline;
}

div.tags_video a.t1.black{font-size:10px;color:#888 !important;}
div.tags_video a.t2.black{font-size:14px;color:#666 !important;}
div.tags_video a.t3.black{font-size:18px;color:#444 !important;}
div.tags_video a.t4.black{font-size:22px;color:#222 !important;}
div.tags_video a.t5.black{font-size:26px;color:#000 !important;}
div.tags_video a.t1.white{font-size:10px;color:#777 !important;}
div.tags_video a.t2.white{font-size:14px;color:#999 !important;}
div.tags_video a.t3.white{font-size:18px;color:#BBB !important;}
div.tags_video a.t4.white{font-size:22px;color:#DDD !important;}
div.tags_video a.t5.white{font-size:26px;color:#FFF !important;}
div.tags_video a.t1.blue{font-size:10px;color:#65C4FF !important;}
div.tags_video a.t2.blue{font-size:14px;color:#49B9FF !important;}
div.tags_video a.t3.blue{font-size:18px;color:#24ACFF !important;}
div.tags_video a.t4.blue{font-size:22px;color:#0093EC !important;}
div.tags_video a.t5.blue{font-size:26px;color:#0575BA !important;}
div.tags_video a.t1.red{font-size:10px;color:#FF4646 !important;}
div.tags_video a.t2.red{font-size:14px;color:#FF2D2D !important;}
div.tags_video a.t3.red{font-size:18px;color:#F20D0D !important;}
div.tags_video a.t4.red{font-size:22px;color:#CA0000 !important;}
div.tags_video a.t5.red{font-size:26px;color:#990000 !important;}
div.tags_video a.t1.green{font-size:10px;color:#36FD39 !important;}
div.tags_video a.t2.green{font-size:14px;color:#0EFC12 !important;}
div.tags_video a.t3.green{font-size:18px;color:#00CA04 !important;}
div.tags_video a.t4.green{font-size:22px;color:#00A303 !important;}
div.tags_video a.t5.green{font-size:26px;color:#008102 !important;}

div#contenu div#content_vid div.video img.img_vid 

{

float: left;

border-top-width: medium;
border-right-width-value: medium;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: medium;
border-left-width-value: medium;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: none;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
margin-right: 10px;

}

.post_share .wdt_button {
	float: right;
	margin-left: 10px;
}
.blog-posts .post_share

{

float: right;

text-align: right;

}
.blog-posts .entry-summary
{

margin-bottom: 7px;

overflow-x: hidden;

overflow-y: hidden;

}
/* == Floating Sharing buttons =============================================================== */
.wrapper {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	
}
#sharebox {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 1px 2px 3px #B8B8B8;
	float: left;
	margin-left: -100px;
	position: fixed;
 overflow: hidden;
  padding: 5px 5px 8px;
  width: 68px;
}
#sharebox .wdt {
	clear: left;
	text-align: center;
}

#ads468x15 {
	text-align: center;
}

 








.ob_form { background: white; } .ob_form fieldset { border: none; clear: both; padding: 10px; } .ob_form fieldset legend { font-size: 16px; color: gray; font-weight: bold; } .ob_form ul { overflow: hidden; padding: 0; margin: 0; } .ob_form ul li { width: auto; clear: both; list-style: none; margin: 3px 0; padding-bottom: 5px; } .ob_form fieldset.buttons { text-align: right; float: none; clear: both; background: #F7F7F7; border-top: 1px solid #E5E5E5; margin-bottom: 10px; } .ob_form fieldset.buttons ul { min-width: 0; } .ob_form fieldset.buttons ul li { padding: 0; margin: 0; } .ob_form fieldset.left { text-align: left; } .ob_form fieldset.buttons ul li { border: none; float: none; } .ob_form ul li ul { margin: 0; padding: 0; } .ob_form ul li label { display: block; width: 35%; float: left; line-height: 20px; padding: 0; padding-right: 10px; color: #343434; font-size: 11px; } .ob_form ul li label.small { width: auto; } .ob_form li label.important { color: red; } .ob_form ul li label.full { display: inline; float: none; } .ob_form ul .captcha label { width:auto!important; float: left; } .ob_form ul .captcha label img { vertical-align:bottom; } .ob_form ul .captcha input { width:auto!important; font-size:1.5em; vertical-align: top; } .ob_form ul .captcha .yui-button input { width:auto!important; font-size:1em; } .ob_form ul li input, .ob_form ul li select, .ob_form ul li textarea { height: auto; width: 250px; vertical-align: middle; font-size: 12px; color: black; border-bottom-color: #DFDFDF; background: white; padding: 0; margin: 0; } .ob_form ul li input[type=checkbox] { width: 12px; } .ob_form .auto { width:auto; } .ob_form ul li textarea { height: 6em; } .checkbox, .radio { width: auto ! important; height: auto ! important; float: none ! important; border: none ! important; line-height:1em; vertical-align:middle; } .ob_form ul li.underInput { margin-left: 36%; border: none; } .ob_form .buttons { float: right; } .ob_form .buttons input { width: auto; } .ob_form .buttons ul li { float: right; clear: none; } .ob_form .deactivated { color: gray; border-color: gray; cursor: not-allowed; } .ob_form img { vertical-align: -0.4em; } .ob_form .inline { float: none; width: auto; display: inline; } .ob_form input.inline, .ob_form select.inline, .ob_form textarea.inline { margin: 0 3px 0 0; line-height: 100%; } /* Debug select disparus sous IE6 */ * html .ob_form select { visibility: visible ! important; } .ob_form .error { border: 1px solid red; font-weight: normal; text-align: left; /*padding: 0; margin: 0;*/ display: inline; } .ob_form .errors, .ob_error_field { border: 1px solid red; color: red; }     .ob_form_pretty { background: white; } .ob_form_pretty fieldset { border: none; clear: both; padding: 10px; } .ob_form_pretty fieldset legend { font-size: 16px; font-family: Georgia, serif; font-style: italic; margin: 10px 0; color: #2B637B; font-weight: bold; } .ob_form_pretty ul { overflow: hidden; padding: 0; margin: 0; } .ob_form_pretty ul li { width: auto; clear: both; list-style: none; margin: 3px 0; padding-bottom: 5px; } .ob_form_pretty fieldset.buttons { text-align: right; float: none; clear: both; background: #F7F7F7; border-top: 1px solid #E5E5E5; margin-bottom: 10px; } .ob_form_pretty fieldset.buttons ul { min-width: 0; } .ob_form_pretty fieldset.buttons ul li { padding: 0; margin: 0; } .ob_form_pretty fieldset.left { text-align: left; } .ob_form_pretty fieldset.buttons ul li { border: none; float: none; } .ob_form_pretty ul li ul { margin: 0; padding: 0; } .ob_form_pretty ul li label { display: block; width: 200px; float: left; line-height: 20px; padding: 0; padding-right: 10px; color: #666; font-size: 12px; } .ob_form_pretty ul li label.small { width: auto; } .ob_form_pretty li label.important { color: red; } .ob_form_pretty ul li label.full { display: inline; float: none; } .ob_form_pretty ul .captcha label { width:auto!important; float: left; } .ob_form_pretty ul .captcha label img { vertical-align:bottom; } .ob_form_pretty ul .captcha input { width:auto!important; font-size:1.5em; vertical-align: top; } .ob_form_pretty ul .captcha .yui-button input { width:auto!important; font-size:1em; } .ob_form_pretty ul li input, .ob_form_pretty ul li select, .ob_form_pretty ul li textarea { height: auto; width: 400px; vertical-align: middle; font-size: 14px; color: black; border: 1px solid #888; background: #fff url('../img/new/admin/body/input_bg.png') repeat-x left 1px; margin: 0; } .ob_form_pretty ul li input[type=checkbox] { width: 12px; } .ob_form_pretty .auto { width:auto; } .ob_form_pretty ul li textarea { height: 6em; } .checkbox, .radio { width: auto ! important; height: auto ! important; float: none ! important; border: none ! important; line-height:1em; vertical-align:middle; } .ob_form_pretty ul li.underInput { margin-left: 36%; border: none; } .ob_form_pretty .buttons { float: right; } .ob_form_pretty .buttons input { width: auto; background: transparent; } .ob_form_pretty .buttons ul li { float: right; clear: none; } .ob_form_pretty .deactivated { color: gray; border-color: gray; cursor: not-allowed; } .ob_form_pretty img { vertical-align: -0.4em; } .ob_form_pretty .inline { float: none; width: auto; display: inline; } .ob_form_pretty input.inline, .ob_form_pretty select.inline, .ob_form_pretty textarea.inline { margin: 0 3px 0 0; line-height: 100%; } .ob_form_pretty.light .fields input, .ob_form_pretty.light .fields select, .ob_form_pretty.light .fields textarea { margin-right: 0.25em; float: right; } .ob_form_pretty.light fieldset { padding: 0; background: #fff; border: 0; } .ob_form_pretty.light fieldset li { clear: both; padding-top: 5px; } /* Debug select disparus sous IE6 */ * html .ob_form_pretty select { visibility: visible ! important; } .ob_form_pretty .error { border: 1px solid red; font-weight: normal; text-align: left; /*padding: 0; margin: 0;*/ display: inline; } .ob_form_pretty .errors { border: 1px solid red; color: red; } /* @end pretty */ /* help class */ div.help { background:url("../img/new/admin/body/form_icon_i.gif") no-repeat scroll 0 0 white; color:#3A7AFE; display:block; float:right; font-size:10px; margin:0 0 0 10px; padding-left:20px; vertical-align:top; width:155px; } /* @end help class */ 
  table.ob_table { border: 1px solid #DDDEDD; border-collapse: collapse; color: #727272; font-size: 0.9em; } table.ob_table thead, table.ob_table tfoot { background: #727272; position: relative; } table.ob_table thead th, table.ob_table tfoot td { position: relative; font-weight: normal; color: white; padding: 5px; font-size: 0.9em; text-align: left; } table.ob_table thead th .sorting { position: absolute; top: -7px; right: 4px; vertical-align: top; width: 9px; padding-top: 2px; } * html table.ob_table thead th .sorting { top: -11px; } table.ob_table thead th .sorting a { display: block; height: 5px; margin-top: 4px; padding: 0; font-size: 5px; } table.ob_table thead th.selected { background: #535353; } table.ob_table thead th .relative { padding-right: 18px; } table.ob_table tbody { background: white; } table.ob_table tbody tr { border-bottom: 1px solid #D6D7D6; } table.ob_table tbody tr.alt { background: #EDF4FF; } table.ob_table tbody tr.over { background: #B5D1FF; } table.ob_table tbody td { padding: 5px; vertical-align: middle; } table.ob_table tbody td a { font-weight: bold; } table.ob_table th.center, table.ob_table td.center { text-align: center; } table.ob_table th.right, table.ob_table td.right { text-align: right; } table.ob_table .big { font-weight: bold; font-size: larger; } table.ob_table td.nowrap { white-space: nowrap; }   
  .notification { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; padding: 5px 5px 5px 45px; margin: 5px auto 15px; position: relative; color: #fff; } .notification * { color: #fff !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; } .notification ul li { list-style-type: square; margin-left: 2em !important; } .notification a { color: #fff; text-decoration: underline; } .notification .close { position: absolute; top: 5px; right: 5px !important; left: auto !important; left: 850px; padding: 1px; width: 11px !important; height: 11px !important; width: auto; height: auto; border: 1px solid #fff !important; border: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; borer-radius: 2px; } .notification .close a { display: block !important; display: inline; width: 11px !important; width: auto; height: 11px !important; height: 11px; background: transparent url('../img/new/base/body/notification_close.png') no-repeat 2px 2px !important; background: transparent none; text-decoration: none !important; text-decoration: underline; } .notification .close a span { display: none !important; display: inline; } .notification h4 { font-weight: bolder; } .notification_error { border: 1px solid #8B3939; background: #9F4241 url('../img/new/base/body/notification_error.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_warning { border: 1px solid #AF5C25; background: #CC6D2B url('../img/new/base/body/notification_warning.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_info { border: 1px solid #49718A; background: #56849F url('../img/new/base/body/notification_info.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_ok { border: 1px solid #4A8761; background: #599F72 url('../img/new/base/body/notification_ok.jpg') no-repeat 5px 5px; min-height: 32px; } .notification_promopda { background: #4072cc url('../img/new/base/body/notification_pda.jpg') no-repeat 5px center;; min-height: 32px; } /* @end notifications */ 
      .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .cl { overflow: hidden } .alignC { text-align: center; } .alignL { text-align: left; } .alignR { text-align: right; } .floatL { float: left; } .floatR { float: right; } .checkbox,.radio { border: none; } .content { margin: 1em; } .newsletter fieldset { border: none; } .newsletter input.err { border: 1px solid red; } .newsletter label.err { border-bottom: 1px solid red; } .newsletter li { margin: 0px 0px 10px 0px; width: 100%; } .newsletter label { } #pub { text-align: center; } .pub { padding: 0px; } .pub .box-content { padding: 0px; } /*----------workaround etirement des colonnes en cas de depassement ie-------------*/ .box-content { overflow: hidden; } /*----compatibilité minimum avec css perso----------*/ /*clic droit*/ #menuClicDroit { position: absolute; top: 0px; left: 0px; z-index: 500; visibility: hidden; border: 1px solid #666; padding: 3px; } #menuClicDroit span { display: block; margin-top: 5px; margin-bottom: 1px; } /* module Album*/ #Album li { list-style: none; text-align: center; margin-bottom: 5px; } .album li { margin-bottom: 5px; } /*image aleatoire*/ .divImgAl { margin-bottom: 2px; } .aleaIm_container { margin-bottom: 15px; } /**/ .bottomMarged { margin-bottom: 10px; } .paddedForSpacing { padding-bottom: 5px; } .noListStyle { list-style: none; } .imgOnly { padding: 0px } .imgOnly li { float: left; width: 40%; overflow: hidden; text-align: center; } .community li { margin-bottom: 5px; } /*------fin compatibilit�--------*/ #header { text-align: center; } .rightInput { float: left; } .letfLabel { width: 25%; float: left; } .formLine { clear: both; padding: 5px 0px; } .explain { margin-bottom: 10px; } .submit { margin: 10px 0px 0px 4px; cursor: pointer; } .lowimportance { color: #BBB } .centreTexte { text-align: center; } .leftMarged { margin-left: 10px; } .rightMarged { margin-right: 10px; } .sideMarged { margin-left: 10px; margin-right: 10px; } .RowBlue { background: #E8EEF4; } .topMarged { margin-top: 5px; margin-bottom: 5px; } .topWideMarged { margin-top: 10px; margin-bottom: 10px; } .toplinkImg { display: block; padding: 0; margin: 0; } .hitencart { display: block; } /*----------------------------------------------*/ .article_navigation { text-align: center; margin: 2em auto auto auto; width: 98%; } .nextArticle,.previousArticle,.linkAllArticles { display: block; float: left; overflow: hidden; } .previousArticle { text-align: left; width: 34%; overflow: hidden; height: 1.2em; } .linkAllArticles { text-align: center; width: 30%; overflow: hidden; } .nextArticle { text-align: right; width: 34%; overflow: hidden; height: 1.2em; } .w100pcrt { margin: 0px; display: none } .FBBlockContainer { padding: 4px; margin: 2px; border: 1px solid #eee; } .FBBlockContainer iframe { border: none; overflow: hidden; } .FBBlockContainer,.FBBlockContainer iframe { height: 80px; width: 400px; } /*-----------popups---------------------------*/ #formComment { width: 400px; margin: 10px auto; padding: 10px; height: auto !important; min-height: 380px; height: 380px; } #formComment #Texte { width: 100%; } #formComment #divTexte { margin-top: 5px; } #formComment .floatL,#divRecommander .floatL { width: 30%; margin-top: 5px; } #formComment .floatR,#divRecommander .floatR { width: 70%; margin-top: 5px; padding: 0px; } #divTrackBack .floatL { width: 40%; margin-top: 5px; } #divTrackBack .floatR { width: 60%; margin-top: 5px; padding: 0px; } #divTrackBack { width: 450px; margin: 10px auto; padding: 10px; height: auto !important; min-height: 320px; height: 320px; } #divTrackBack #divExcerpt { margin-top: 5px; } #divTrackBack #excerpt { width: 100%; } #divRecommander { width: 450px; margin: 10px auto; padding: 10px; height: auto !important; min-height: 510px; height: 510px; } #divRecommander #Texte { width: 100%; } #divRecommander .submit { margin-top: 10px; } #divNewsletter { width: 430px; margin: 10px auto; padding: 10px; height: auto !important; min-height: 250px; height: 250px; } #divNewsletter .legalNotice { color: #B5B5B5; } #divNewsletter .floatL,#divNewsletter .floatR { margin-top: 5px; } /*---------------Communautes--------------------*/ .community_information { display: block; } .community_avatar { display: block; width: 30px; } .community_list { list-style-type: none; } .community_description { display: block } #debug_hidden { display: none; } .nomargin { margin: 0px; } .nopadding { padding: 0px; } .w100prct { width: 100% } .w20prct { width: 20%; } .w80prct { width: 80%; } .nofont { font-size: 1px; } /*------------Recherche--------------------*/ .divSearchConcepts { } .divSearchConcepts ul { list-style: none; } .divSearchConcepts ul li { display: inline; } /*--------Liste d'articles---------------*/ .listArticles { margin-top: 4px; } /**/ .ctn_z_infobox { background: #F1F6FF url('../img/new/base/body/infoBoxIcon.png') no-repeat 3px 3px; border: 2px solid #6091FE; padding: 5px 5px 5px 44px; overflow: hidden; cursor: pointer; height: auto; min-height: 40px; margin: 5px; margin-bottom: 15px; } .ctn_z_infobox a { font-size: 90%; } /* deezer */ .deezercob { background: #222 url('../img/deezer/cobrand_ob.png') no-repeat; } .deezercob a { display: block; height: 13px; width: 100%; } /* Nouveau module albums */ .imgAndText li { list-style: none ! important; float: left; width: 70px; margin-right: 4px ! important; height: 11em; overflow: hidden; } /* Form */ .diablog { font-family: tahoma ! important; font-size: 12px; } .ob_form { margin: 0; padding: 1em; } .diablog .ob_form { padding: 10px 0; background: transparent; } .ob_form fieldset { padding: 0; } .ob_form fieldset legend { padding: 0; margin: 0; color: black; font-size: 14px; } .diablog .ob_form ul li input,.diablog .ob_form input.text,.diablog .ob_form ul li textarea,.diablog .ob_form ul li select { font-size: 1.1em; padding: 3px; width: 357px; background: #eee no-repeat 5px center; border: 1px solid #bbb; color: black; } .diablog .ob_form ul li select { width: 365px; } .diablog .ob_form input.error { border-color: red; } * html .ob_form ul li input,* html .ob_form input.text,* html .ob_form ul li textarea,* html .ob_form ul li select { width: 378px; } .ob_form ul li label { width: 120px; font-size: 12px; float: none; } .diablog .ob_form ul li label { float: left; } .diablog .ob_form ul li label.inline { float: none; } .ob_form .checkbox { background: transparent; } .ob_form .fieldset.buttons { margin: 0 -1em; padding: 1em 1em 0 0; } .diablog .ob_form .fieldset.buttons { padding: 1em 1em 0 0; } /* comment */ .infonok { font-size: 0.8em; color: red; visibility: hidden; } /* Recommend form */ .diablog .content { margin: 0; } .recommendForm legend { text-align: center; width: 100%; } .recommendForm .services { text-align: center; } .recommendForm .services a { display: -moz-inline-box; display: inline-block; width: 100px; height: 1.5em; padding: 60px 0 0 0; background: url('http://cdn2.iconfinder.com/data/icons/web2/Icons/F5aceBook_16x16.png') no-repeat center top; text-align: center; } .recommendForm .services a.fb { background-image: url('http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_16x16.png'); } .recommendForm .services a.twitter { background-image: url('http://www.jblog.fr/images/ico/twitter,jblog.png'); } .recommendForm .services a.link { background-image: url('../img/new/blog/body/aquaticus/link.png'); } .recommendForm .email .intro { font-size: 11px; text-align: center; position: relative; width: 100%; top: 0px; color: #000000; } .recommendForm form { width: 510px; } .recommendForm form { float: left; } .recommendForm form fieldset { width: 495px; } .recommendForm form.contactsList { float: right; width: 350px; overflow: hidden; } .recommendForm form.contactsList fieldset { width: auto; } .recommendForm p { margin: 0; } .recommendForm p.h { font-weight: bold; padding: 5px; background: #727272; } .recommendForm p.h,.recommendForm p.h a { color: white; } .recommendForm a.checkall { display: inline-block; margin-right: 10px; } .recommendForm .list { height: 290px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; border: 1px solid #727272; } .recommendForm .list li { border-bottom: 1px solid #D6D7D6; margin: 0; } .recommendForm .list li.disabled label { color: #ccc; } .recommendForm .list li.alt { background: #EDF4FF; } .recommendForm .list li span { display: inline-block; text-align: center; width: 100px; } .recommendForm .list label { display: inline; font-weight: normal; float: none ! important; } .recommendForm .buttons { clear: left; } .recommendForm textarea { height: 0; background: #eee; border: 1px solid #bbb; visibility: hidden; width: 338px; color: black; } .recommendForm .ims { width: 390px; } .recommendForm .ims,.recommendForm .ims option { background: white no-repeat 6px; padding-left: 30px !important; } .recommendForm .ims { text-indent: 30px; } .recommendForm .ims,x:-moz-any-link,x:default { text-indent: 0; } .recommendForm .ims option { padding-left: 10px; } .recommendForm .ims.gmail,.recommendForm .ims .gmail { background-image: url('../img/IMs/gmail.png'); } .recommendForm .ims.hotmail,.recommendForm .ims .hotmail { background-image: url('../img/IMs/hotmail.png'); } .recommendForm .ims.msn,.recommendForm .ims .msn { background-image: url('../img/IMs/msn.png'); } .recommendForm .ims.yahoo,.recommendForm .ims .yahoo { background-image: url('../img/IMs/yahoo.png'); }
 .facebook { display: inline-block; background: url('http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_16x16.png') no-repeat; padding-left: 15px; height: 15px; text-decoration: none ! important; } /* list of sharing services */ 


 .Twitter { display: inline-block; background: url('http://cdn5.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/16/social_twitter_box_blue.png') no-repeat; padding-left: 15px; height: 15px; text-decoration: none ! important; } /* list of sharing services */ 

 .Google { display: inline-block; background: url('http://cdn5.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/16/social_google_buzz_box.png') no-repeat; padding-left: 15px; height: 15px; text-decoration: none ! important; } /* list of sharing services */ 
 .Myspace { display: inline-block; background: url('http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/16/myspace.png') no-repeat; padding-left: 15px; height: 15px; text-decoration: none ! important; } /* list of sharing services */ 



















.spanRecommend .facebook,.spanRecommend .twitter,.spanRecommend .email,.spanRecommend .link,.spanRecommend .print { display: inline-block; text-decoration: none ! important; vertical-align: middle; background: url('http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_16x16.png1') no-repeat; height: 21px; width: 16px; padding: 0 !important; } .spanRecommend .facebook { background-position: 0 0; } .spanRecommend .twitter { background-position: 0 -21px; } .spanRecommend .email { background-position: 0 -42px; } .spanRecommend .link { background-position: 0 -63px; } .spanRecommend .print { background-position: 0 -84px; } .spanRecommend iframe.facebookLike { border: none; overflow: hidden; width: 80px; height: 21px; vertical-align: middle; } .spanRecommend iframe.facebookLike body { color: #FFF; } /* top commented article */ .listCommentedArticle dt { font-weight: bold; font-size: 110%; display: block; } .listCommentedArticle dd { margin-bottom: 15px; margin-left: 15px; } /* geo tag */ .geotag { margin: 1em; } .geotag .infos { min-height: 150px; position: relative; } .geotag h3 { font-size: 1.4em; font-weight: bold; } .geotag .rating,.geotag address { margin: 1em 0; min-width: 130px; } .geotag .rating { width: 90px; height: 18px; background: url('../img/new/blog/body/stars.png') no-repeat; background-position: 0 -72px; } .geotag .rating.stars_0 { background-position: 0 -90px; } .geotag .rating.stars_1 { background-position: 0 -72px; } .geotag .rating.stars_2 { background-position: 0 -54px; } .geotag .rating.stars_3 { background-position: 0 -36px; } .geotag .rating.stars_4 { background-position: 0 -18px; } .geotag .rating.stars_5 { background-position: 0 0; } .geotag .rating span { display: none; } .geotag .keywords { position: absolute; bottom: 0; } .geotag .map { position: relative; } .geotag .spin { width: 38px; height: 35px; background: url('../img/new/blog/body/geomarker.png'); position: absolute; top: 52px; left: 116px; } /* gravatar */ .commentAvatar { float: left; margin: 0 5px; } .commentAvatar img { border: 0px; max-height: 35px; } .commentMessage { min-height: 35px; } /* publicité comptage */ .pub img { border: 0px; } /* form des newsletters */ .ob_form input[type=text] { border: 1px solid lightgray; } /* bannière pub */ #ln_0 .box.pub,#ln_0 .box.pub * { background: transparent; border: 0; } #ln_0 .box.pub .box-titre,#ln_0 .box.pub .box-footer { display: none; } #ln_1 .pub { padding: 0 } /* date */ .date span { display: none; } .date span.text { display: inline; } /* Bakclinks */ .backlink { margin: 2em 0; font-size: 0.8em; } /* PopUnder Link */ #OB_popunderLink { display: none; } /* menu perso */ #menuob { line-height: 22px; height: 28px; margin-bottom: 25px; background-color: transparent; border: 0px; padding: 0; margin-top: 0; } #menuob a { font-size: 14px; color: #fff; font-weight: normal; text-decoration: none; padding: 10px 15px; text-align: center; } #menuob a:hover { text-decoration: underline; }
  .sponsoredLinksContainer { margin: 20px 5px; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 10px; font-family: Verdana, sans-serif; clear: both; } .sponsoredLinks .link { width: 33%; float: left; padding: 0; margin: 0; text-align: left; padding: 5px 0 0; } .sponsoredLinks .link h2 { padding: 0 10px; margin: 0; font-family: Verdana, sans-serif; color: #000; font-size: 11px; } .sponsoredLinks .link .descriptionContainer { padding: 0 10px; margin: 0; font-family: Verdana, sans-serif; font-size: 10px; } .sponsoredLinks .link .descriptionContainer p { margin: 0; font-size: 10px; } .sponsoredLinks .link .descriptionContainer .description { text-decoration: none !important; color: #000; } .sponsoredLinks .link h2 a { display: block; text-decoration: underline; } .sponsoredLinksInfo { float: right; clear: both; padding: 0 5px 5px 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; font-size: 9px; }     .sponsoredLinks a:link, .sponsoredLinks a:hover, .sponsoredLinks a:visited { color: #326DBE; } .sponsoredLinksContainer { border: 1px solid #6B95D2; } .sponsoredLinksContainer .sponsoredLinksInfo { color: #ccc; } /* @end default links theme */   .link_red a:link, .link_red a:hover, .link_red a:visited { color: #D63C4B; } .sponsoredLinksContainer.link_red { border: 1px solid #D67C7C; } .sponsoredLinksContainer.link_red .sponsoredLinksInfo { } /* @end red links theme */   .link_green a:link, .link_green a:hover, .link_green a:visited { color: #0CB00D; } .sponsoredLinksContainer.link_green { border: 1px solid #7FC672; } .sponsoredLinksContainer.link_green .sponsoredLinksInfo { } /* @end green links theme */   .link_yellow a:link, .link_yellow a:hover, .link_yellow a:visited { color: #EAEA2B; } .sponsoredLinksContainer.link_yellow { border: 1px solid #FFFC52; } .sponsoredLinksContainer.link_yellow .sponsoredLinksInfo { } /* @end yellow links theme */   .link_pink a:link, .link_pink a:hover, .link_pink a:visited { color: #EA76BD; } .sponsoredLinksContainer.link_pink { border: 1px solid #FF9ADF; } .sponsoredLinksContainer.link_pink .sponsoredLinksInfo { } /* @end pink links theme */   .link_purple a:link, .link_purple a:hover, .link_purple a:visited { color: #BF46EA; } .sponsoredLinksContainer.link_purple { border: 1px solid #C76DEA; } .sponsoredLinksContainer.link_purple .sponsoredLinksInfo { } /* @end purple links theme */   .link_orange a:link, .link_orange a:hover, .link_orange a:visited { color: #EA9A07; } .sponsoredLinksContainer.link_orange { border: 1px solid #FFBE6B; } .sponsoredLinksContainer.link_orange .sponsoredLinksInfo { } /* @end orange links theme */   .link_brown a:link, .link_brown a:hover, .link_brown a:visited { color: #A77C24; } .sponsoredLinksContainer.link_brown { border: 1px solid #C69229; } .sponsoredLinksContainer.link_brown .sponsoredLinksInfo { } /* @end brown links theme */   .link_white a:link, .link_white a:hover, .link_white a:visited { color: #fff; } .sponsoredLinksContainer.link_white { border: 1px solid #fff; } .sponsoredLinksContainer.link_white .sponsoredLinksInfo { } /* @end white links theme */   .link_black a:link, .link_black a:hover, .link_black a:visited { color: #000; } .sponsoredLinksContainer.link_black { border: 1px solid #000; } .sponsoredLinksContainer.link_black .sponsoredLinksInfo { } /* @end black links theme */ /* @end links themes */     .sponsoredLinksContainer { background-color: #fff; } .sponsoredLinksContainer .link .descriptionContainer .description { color: #000 !important; } /* @end default background theme */   .sponsoredLinksContainer.bg_grey { background-color: #ccc; } .sponsoredLinksContainer.bg_grey .link .descriptionContainer .description { color: #000 !important; } .sponsoredLinksContainer.bg_grey .sponsoredLinksInfo { color: #999; } /* @end grey background theme */   .sponsoredLinksContainer.bg_darkGrey { background-color: #333; } .sponsoredLinksContainer.bg_darkGrey .link .descriptionContainer .description { color: #fff !important; } .sponsoredLinksContainer.bg_darkGrey .sponsoredLinksInfo { color: #000; } /* @end darkGrey background theme */   .sponsoredLinksContainer.bg_black { background-color: #000; } .sponsoredLinksContainer.bg_black .link .descriptionContainer .description { color: #fff !important; } .sponsoredLinksContainer.bg_black .sponsoredLinksInfo { color: #333; } /* @end black background theme */ /* @end background themes */   .ads_sponsoredlinks { clear:both; position: relative; } .ads_sponsoredlinks .hardlink { bottom:4px; font-size:10px; left:12px; position:absolute; } .ads_sponsoredlinks .hardlink a { font-size: 10px; } /* @end hardlink */   .ebuzzingAds { padding-bottom: 25px; } /* @end eBuzzingAds */ /* @end sponsoredLinks */