/*
 * STYLE VITRINE EASY4BLOG
 */

body {
	font: normal 80% "Trebuchet MS", Arial, Tahoma, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	background-color: #A26D38;
	color: #000;
}
h1 {
/*	text-shadow: 2px 1px 2px #959595;*/
	background: url(/pics/h2.bg.png);
	padding: 2px;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 8px;
	letter-spacing: 0.3px;
	margin-top: 3px;
}
form {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	margin-top: 5px;
}

img {
	vertical-align: middle;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}
a img{
	border:0
}

.champ  {
	border: 1px solid #9A5513;
	color: #A0A0A0;
	padding: 2px;
	vertical-align: top;
}

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

.img_left {
	float: left;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 40px;
	width: 100px; 
	height: 85px; 
	border: 1px solid #CCC; 
	padding: 5px; 	
}

.em_right {
	position: absolute;
	right: 0px !important;
	right: 10px;
}

.span_table {
	padding: 0;
	display: block; 
	width: 97%; 
	float: left; 
	text-indent: 20px;
	margin: 2px;
	margin-top:15px;
}

.span_table2 {
	padding: 0;
	display: block; 
	width: 47%; 
	float: left; 
	background: url(../images/ico/folder.png) no-repeat 0 0;
	text-indent: 20px;
	margin: 2px;
	margin-top:5px;
}
.span_table:hover {
	background-color: #FEE4CA;
}


.link a, .link a:hover {
	color: #000;
	text-decoration: none;
}

.hr {
	display: block;
	width: 95%;
	margin: 0 auto;
	border: 0;
	border-bottom: 1px dotted #8F8F8F; 
	height: 8px;
}

.txt_rouge {
	color: #CC0000;
}

.clear {
	clear: both !important;
	font-size: 1px !important;
}


/*
 * EN TETE DU SITE
 */

#header {
	width: 100%;
	height: 152px;
	background: url(../images/fond_header.gif) repeat-x 0 0;
	float: left;
}

#header 
#header_bloc {
	position: relative;
	width: 970px;
	height: 152px;
	margin: 0 auto;
}


/*
 * MENU A ONGLET DANS L'ENTETE
 */

#header_bloc ul {
	position: absolute;
	margin: 0;
	padding: 0;
    list-style: none;
	left: 18px;
	float: left;
	height: 26px;
	bottom: 0;
}

#header_bloc li {
    float: left;
    margin: 0;
    padding: 0;
	background:url(../images/onglet/menu_right_normal.gif) no-repeat right top;
	margin-right: 2px;	
}

#header_bloc li a {
	float: left;
	display: block;
	background: url(../images/onglet/menu_left_normal.gif) no-repeat left top;
    padding: 4px 15px;
	height: 18px;
	color: #FFF;
	text-decoration: none;
}


#header_bloc .actif {
    background-image: url(../images/onglet/menu_right_actif.gif);
}

#header_bloc .actif a {
	background-image: url(../images/onglet/menu_left_actif.gif);
	font-weight: bolder;
	color: #000;
	text-decoration: none;
}


/*
 * EMPLACEMENT LOGO ET PUB
 */

#header_bloc #logo {
	width: 200px;
	height: 117px;
	margin-left: 10px;
	float: left;
}

#header_bloc #logo img { 
	border: 0; 
}

#header_bloc #pub {
	position: absolute;
	width: 728px;
	height: 90px;
	right: 16px;
	top: 14px;
}


/*
 * MENU CENTRAL POUR LE CONTENU
 */

#center {
	width: 100%;
	background-color: #FFF;
	float: left;
}

#center 
#center_bloc {
	width: 938px;
	margin: 0 auto;
	padding: 16px;
}


/*
 * COLONNE DES TABLEAUX GAUCHE/DROITE
 */

#left, 
#right {
	margin-bottom: 16px;
	vertical-align: top;	
	margin: 0 auto;
}

#left {
	width: 619px;
	margin-right: 12px;
	float: left;
}

#right {
	width: 303px;
	float: right;
}


/* 
 * TABLEAUX DE CONTENU GAUCHE/DROITE
 */

.tableL,
.tableR {
	position: relative;
	margin-bottom: 16px;
}

.tableL .haut {
	background: url(../images/table/header_01.gif) no-repeat 0 0;
	height: 25px;
}

.tableR .haut {
	background: url(../images/table/header_02.gif) no-repeat 0 0;
	height: 25px;
}

.tableL .milieu,
.tableR .milieu {
	border-top: 1px solid #653C15;
	border-left: 1px solid #653C15;
	border-right: 1px solid #653C15;
}

.tableL .bas {
	background: url(../images/table/footer_01.gif) no-repeat bottom left;
	height: 10px;
	font-size: 1px; /* Bug IE 6 */
}

.tableR .bas {
	background: url(../images/table/footer_02.gif) no-repeat bottom left;
	height: 10px;
	font-size: 1px; /* Bug IE 6 */
}

.tableL .haut h2,
.tableR .haut h2 {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
	text-indent: 35px;
	line-height: 25px;
}

.tableL .milieu p,
.tableR .milieu p {
	position: relative;
	margin: 0;
	padding: 0;	
	padding: 6px 10px 0px 10px;	
}

.tableL .milieu p a,
.tableR .milieu p a {
	color: #CC0000;
	text-decoration: none;
}

.tableL .milieu p a:hover,
.tableR .milieu p a:hover {
	text-decoration: underline;
}

.tableL .milieu p em,
.tableR .milieu p em {
	color: #5B5B5B;
	font-style: normal;
}



/* Menu à onglet d'un tableau */
.tableL ul {
	position: relative;
	margin: 0;
	padding: 0;
    list-style: none;
	height: 25px;
	margin-bottom: 0px !important;	
	margin-bottom: -1px; /* Bug IE 6 */
}

.onglet li {
    float: left;
    margin: 0;
    padding: 0;
	background: url(../images/onglet/table_right_normal.gif) no-repeat right top;
	margin-right: 2px;
}

.onglet li a {
	float: left;
	display: block;
	background: url(../images/onglet/table_left_normal.gif) no-repeat left top;
    padding: 4px 15px;
	height: 18px;
	color: #FFF;
	text-decoration: none;	
}

.onglet .actif {
    background-image: url(../images/onglet/table_right_actif.gif);
}

.onglet .actif a {
	background-image: url(../images/onglet/table_left_actif.gif);
	font-weight: bolder;
	color: #000;
	text-decoration: none;
}


/* Liste à puces normal */
.liste {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 5px 0px 0px 5px;
}

.liste li {
	line-height: 25px;
	padding-left: 35px;
}

.liste2 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.liste ul {
	margin-left: 500px;
}

.liste2 li {
	float: left;
	line-height: 25px;
	padding-left: 35px;
}


/*
 * ICONES DES TITRES H2 DE TABLEAU 
 */

.chart		{ background: url(../images/ico/chart.png) no-repeat 12px 5px; }
.charts		{ background: url(../images/ico/chart_bar_add.png) no-repeat 12px 5px; }
.com 		{ background: url(../images/ico/com.png) no-repeat 12px 5px; }
.credit		{ background: url(../images/ico/credit.png) no-repeat 12px 5px; }
.date 		{ background: url(../images/ico/date.png) no-repeat 12px 5px; }
.email 		{ background: url(../images/ico/email.png) no-repeat 12px 5px; }
.eye 		{ background: url(../images/ico/eye.png) no-repeat 12px 5px; }
.folder		{ background: url(../images/ico/folder.png) no-repeat 12px 5px; }
.home 		{ background: url(../images/ico/home.png) no-repeat 12px 5px; }
.homes 		{ background: url(../images/ico/homes.png) no-repeat 12px 5px; }
.image 		{ background: url(../images/ico/image.png) no-repeat 12px 5px; }
.info 		{ background: url(../images/ico/info.png) no-repeat 12px 5px; }
.lock 		{ background: url(../images/ico/lock.png) no-repeat 12px 5px; }
.note 		{ background: url(../images/ico/note.png) no-repeat 12px 5px; }
.pencil		{ background: url(../images/ico/pencil.png) no-repeat 12px 5px; }
.user 		{ background: url(../images/ico/user.png) no-repeat 12px 5px; }
.world 		{ background: url(../images/ico/world.png) no-repeat 12px 5px; }
.tools 		{ background: url(../images/ico/mini_tools.png) no-repeat 12px 5px; }
.book 		{ background: url(../images/ico/book.png) no-repeat 12px 5px; }
.look 		{ background: url(../images/ico/look.png) no-repeat 12px 5px; }
.add 		{ background: url(../images/ico/add.png) no-repeat 12px 5px; }
.liv 		{ background: url(../images/ico/liv.png) no-repeat 12px 5px; }
.diz 		{ background: url(../images/ico/palette.png) no-repeat 12px 5px; }
.doc 		{ background: url(../images/ico/Download.png) no-repeat 12px 5px; }
.hotmail	{ background: url(http://www.jblog.fr/images/ico/hotmail,jblog.png) no-repeat 9px 5px; }
.facebook	{ background: url(http://www.jblog.fr/images/ico/facebook,jblog.png) no-repeat 12px 5px; }
.tuto		{ background: url(http://www.jblog.fr/images/ico/tuto.png) no-repeat 12px 5px; }
.rss		{ background: url(http://www.jblog.fr/images/ico/ico_feed.png) no-repeat 12px 5px; }
.all		{ background: url(http://www.jblog.fr/images/ico/picture.png) no-repeat 12px 5px; }
.my_doc 	{ background: url(http://www.jblog.fr/images/ico/dossierblog.png) no-repeat 12px 5px; }
.vide		{ background: url(http://www.jblog.fr/images/ico/videos.png) no-repeat 12px 5px; }
.card		{ background: url(http://www.jblog.fr/images/ico/picture.png) no-repeat 12px 5px; }
.annu 		{ background: url(http://www.jblog.fr/images/ico/coeur.png) no-repeat 12px 5px; }
.blog		{ background: url(http://www.jblog.fr/images/ico/world.png) no-repeat 12px 5px; }
.site		{ background: url(http://www.jblog.fr/images/ico/web.png) no-repeat 12px 5px; }
.news		{ background: url(../images/ico/news_letter.png) no-repeat 12px 5px; }
.videos	{ background: url(http://www.jblog.fr/images/ico/jblog,videos.png) no-repeat 12px 5px; }
.pub		{ background: url(http://www.jblog.fr/images/ico/award_star_gold_3.png) no-repeat 12px 5px; }
.game		{ background: url(http://www.jblog.fr/images/ico/joystick.png) no-repeat 12px 5px; }
.wall		{ background: url(http://www.jblog.fr/images/ico/wallpapers.gif) no-repeat 12px 5px; }
.cinema	{ background: url(http://www.jblog.fr/images/ico/jblog,video.png) no-repeat 12px 5px; }
.album	{ background: url(http://www.jblog.fr/images/ico/picture.png) no-repeat 12px 5px; }
.videos_accueil		{ background: url(http://www.jblog.fr/images/ico/jblog,video_.gif) no-repeat 12px 5px; }
.video_editer		{ background: url(http://www.jblog.fr/images/ico/video_editer.gif) no-repeat 12px 5px; }
.video_ajouter	{ background: url(http://www.jblog.fr/images/ico/video_ajouter.gif) no-repeat 12px 5px; }
.doc_edit	{ background: url(http://www.jblog.fr/images/ico/editer_image_jblog.png) no-repeat 12px 5px; }
.doc_picture	{ background: url(http://www.jblog.fr/images/ico/categorie_album_jblog.png) no-repeat 12px 5px; }
.doc_multi	{ background: url(http://www.jblog.fr/images/ico/multi_img_jblog.png) no-repeat 12px 5px; }
.extension	{ background: url(http://www.jblog.fr/images/ico/plug_extension.png) no-repeat 12px 5px; }
.page	{ background: url(http://www.jblog.fr/images/ico/page_16.png) no-repeat 12px 5px; }


.a gerer1	{ background: url(http://www.jblog.fr/images/ico/twitter.png) no-repeat 12px 5px; }

.a gerer	{ background: url(http://www.jblog.fr/images/ico/facebook.png) no-repeat 12px 5px; }



/*
 * LISTE DES BLOGS DE L'ANNUAIRE
 */

.paginate { 
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.paginate a { 
	padding: 3px 6px; 
	margin-right: 4px;
	width: 10%;
	display: inline;
	text-decoration: none;
	border: 1px solid #000; 
}

.paginate a.selected {
	border: 0; 
	font-weight: bolder; 
	color: #FFF; 
	border: 1px solid #653C15; 
	background-color: #FE881D;	
}

.paginate .point {
	border: 0;
	font-weight: bolder;
}
.courante{
	padding: 3px 6px; 
	margin-right: 4px;
	width: 10%;
	display: inline;
	text-decoration: none;
	border: 0; 
	font-weight: bolder; 
	color: #FFF; 
	border: 1px solid #653C15; 
	background-color: #FE881D;	
}




/*
 * BARRE DE LIEN AVANT FOOTER
 */

#center_menu {
	width: 942px;
	background: url(../images/center_menu.gif) no-repeat 0 0;
	height: 30px;
	float: left;
	margin-bottom: 16px;
}

#center_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#center_menu li {
	display: inline;
	line-height: 28px;
}

#center_menu a {
	color: #653C15;
	text-decoration: none;
}

#center_menu a:hover {
	color: #653C15;
	text-decoration: underline;
}

#center_menu em {
	color: #FFF;
}


/*
 * FORMULAIRE SANS TABLEAU
 */

form {
	width: 100%;	
	margin: 0 auto;
	padding: 0;
	border: 1px solid #9A5513;
}

form h2 {
	margin: 5px 5px 20px 5px;
	padding-left: 5px;
	text-transform: uppercase;
	background-color: #FE881D;
	color: #FFF;
	font-size: 18px;
}

form p {
	clear: left;
	padding-left: 155px;
	height: 1%;
	margin: 5px 5px 10px 5px;
}


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;
}

dl.submit dt{
	width:1px;
}
dl.submit dd{
	display:block;
	text-align:center;
}

/*
#form input,
#form select,
#form textarea {	
	border: 1px solid #9A5513;
	padding: 2px;
}
*/

form a, 
form a:hover {
	color: #CC0000;
	text-decoration: none;	
}

form a:hover {
	text-decoration: underline;
}

form fieldset{
	border: 1px solid #AA7533;
	padding:0;
	-moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border-radius: 3px; 
}
form fieldset legend{
	font-weight:bold;
}
/*
 * meta-cloud
 */
#meta-cloud {
	margin-top: 7px;
	font-size: 19px;
	width: 280px;
	height: auto;
	text-align: center;
	border: 0px solid #ccc;
	background: #fff;
	-moz-border-radius: 10px;	
	padding: 5px;
	overflow: hidden;
}
a.t1 {
	font-size: 60%;
	color: #888888;
}
a.t1:hover {
	background-color: #888888;
	color: #FFFFFF;
	text-decoration: none;
}
a.t2 {
	font-size: 65%;
	font-weight: bold;
	color: #3399FF;
}
a.t2:hover {
	background-color: #3399FF;
	color: #FFFFFF;
	text-decoration: none;
}
a.t3 {    
	font-size: 75%;
	color: #339999;
}
a.t3:hover {
	background-color: #339999;
	color: #FFFFFF;
	text-decoration: none;
}
a.t4 {    
	font-size: 80%;
	font-weight: bold;
	color: #339933;
}
a.t4:hover {
	background-color: #339933;
	color: #FFFFFF;
	text-decoration: none;
}
a.t5 {
	font-size: 90%;
	color: #339933;
}
a.t5:hover {
	background-color: #339933;
	color: #FFFFFF;
	text-decoration: none;
}
a.t6 {
	font-size: 95%;
	font-weight: bold;
	color: #99CC33;
}
a.t6:hover {
	background-color: #99CC33;
	color: #FFFFFF;
	text-decoration: none;
}
a.t7 {
	font-size: 100%;
	color: #FF9933;
}
a.t8 {
	font-size: 105%;
	font-weight: bold;
	color: #FF9933;
}
a.t7:hover {
	background-color: #FF9933;
	color: #FFFFFF;
	text-decoration: none;
}
a.t8:hover {
	background-color: #FF9933;
	color: #FFFFFF;
	text-decoration: none;
}
a.t9 {
	font-size: 110%;
	color: #FF3300;
}
a.t9:hover {
	background-color: #FF3300;
	color: #FFFFFF;
	text-decoration: none;
}
a.t10 {
	font-size: 115%;
	font-weight: bold;
	color: #FF3300;
}
a.t10:hover {
	background-color: #FF3300;
	color: #FFFFFF;
	text-decoration: none;
}
/*
 * BAS DE PAGE POUR LES LIENS
 */

#footer {
	width: 100%;
	height: 95px;
	background: url(../images/fond_footer.gif) repeat-x 0 0;
	font-size: 11px;	
	float: left;
}

#footer
#footer_bloc {
	width: 970px;
	height: 95px;
	margin: 0 auto;	
}

#footer_bloc .trait {
	border-right: 1px solid #FFF;
}



.tooltip {
	display:none;
	background:#3A3A3A;
	font-size:12px;
	width:220px;
	color:#fff;
	vertical-align:middle;
	padding:4px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 5px;
}


/* the overlayed element */
.overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://www.jblog.fr/images/ico/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
	
	/* a little styling */	
	font-size:12px;
}

/* default close button positioned on upper right corner */
.overlay .close {
	background-image:url(http://www.jblog.fr/images/ico/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.overlay_big
{
	display:none;
}

.details  .overlay_big  .close {
	
}

.details  .overlay_big .centre .close {

}


.details {
	background-color:#FFFFFF;
}




/*-------------------------- BOUTON --------------------------*/
.boutons, .bouton
{
	background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#fe881d), to(#BD8D46));
	background: -moz-linear-gradient(90deg, #BD8D46, #fe881d) repeat scroll 0 0 transparent;
	background-color:#267ba7;
	border:1px solid #ccc;
	font-size:18px;
	color:#fff;
	text-shadow: 0 1px 0 #888;
	text-decoration:none;
	margin:11px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

.bouton:hover, .boutons:hover
{
	background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#BD8D46), to(#fe881d));
	background: -moz-linear-gradient(90deg, #fe881d, #fe881d) repeat scroll 0 0 transparent;
}
#footer_bloc ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	height: 75px;
	margin: 13px 4px 0px 4px;
	padding-left: 5px;
	color: #FFF;
	float: left;
	display: inline;		
}

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

#footer_bloc a:hover {
	color: #FFF;
	text-decoration: underline;
}

.champspebot{
	display: none;
}


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}

/* == 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;
}