/*
 * STYLE VITRINE EASY4BLOG
 */

body {
	font: normal 80% "Trebuchet MS", Arial, Tahoma, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
}

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

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

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

.img_left {
	float: left;
	margin-top: 5px;
	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 {
	margin: 0;
	padding: 0;
	display: block; 
	width: 32%; 
	float: left; 
	background: url(../images/ico/folder.png) no-repeat 0 0;
	text-indent: 20px;
	margin: 2px;
}

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

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



/*
 * 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 label {
	float: left;
	margin-top: 2px;
	margin-left: -155px;
	margin-right: 20px;
	width: 200px;
	text-align: right;
}

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


/*
 * BAS DE PAGE POUR LES LIENS
 */

#footer {
	width: 100%;
	height: 110px;
	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;
}

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











td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color:#333333;}
td.row1	{ background-color: #ffffff; }
td.row2	{ background-color: #ffffff; }
td.row3	{ background-color: #ffffff; }
td.td_head {color: #FFFFFF; font-size: 11px; font-weight : bold; background-color: #006699; padding:3px}
td.td_head a, td.td_head a:active, td.td_head a:hover, td.td_head a:visited, td.td_head a:link {
	color:#FFFFFF;
}
th {color: #000; font-size: 11px; font-weight : bold; background-color: #ffffff; height: 25px;	padding:3px}
.reg_tb{background:#FFFFFF; color:#333333; border:1px solid #0791FE;}

a, a:visited, a:active {color:#0791FE; text-decoration:none}
a:hover {text-decoration:underline}

div.ajax, span.ajax{color:#0791FE; text-decoration:none; cursor:hand; cursor:pointer}
div.ajax:hover, span.ajax:hover{font-weight:bold; cursor:hand; cursor:pointer}

.error_message {
	color: #FF0000;
	font-size: 11px;
}

.topnav {color:#FFFFFF;}
a.topnav, a.topnav:visited, a.topnav:active {color:#FFFFFF; text-decoration:none;}
a.topnav:hover{color:#FFFFFF; text-decoration:underline}

.bottomnav {background:#FFFFFF; padding:3px; border:1px solid #CCCCCC}

.editable{
	color: #000;
	background-color: #ffffd3;
 }

.bold_green {
	font-weight: bold;
	color: green;
}

.paging_info { background-color: #F0F8FF; }
.paging_next { background-color: #BFE3FF; padding: 0px 5px 0px; }
.paging_current { background-color:#006699; color:#FFFFFF; padding: 0px 5px 0px; }