body {
	background:url(../images/hautdepage.jpg) top left repeat-x;
	background-color:#824e0f;	
}

a {
	outline:none;	
}

.container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#haut_page h1  {
	display:block;
	width:200px;
	height:99px;
	background:url(../images/titre_page_200.png) top left no-repeat;
	margin:0 0 0 15px;
	float:left;
}

#haut_page h1 a  {
	display:block;
	width:200px;
	height:99px;
}

#haut_page h1 span {
	position:absolute;
	left:-5879px;	
}

#haut_page ul {
	display:block;
	background:#FFFFFF;
	margin:0;
	padding:5px 8px;
	text-align:right;
	float:right;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

#haut_page ul li {
	display:inline;
	list-style-type:none;
	margin:5px;
}

#haut_page ul li a {
	color:#000000;
	text-decoration:none;
}

#haut_page ul li a:hover {
	text-decoration:underline;
}

#contenu {
	background:#cebca5;
	margin-top:27px;
}

#page {
	background:#FFFFFF;
	padding:0;
	margin-right:0;
}

#page h2, #page h3, #page h4, #page p {
	margin:0 15px 15px 15px;
}

#page div#onglet {
  margin-top:-27px;
	height:27px;
}

#page div#onglet ul {
	margin:0;
	padding:0;
}

#page div#onglet ul li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

#page div#onglet ul li:last-child {
  visibility:hidden;
}

#page div#onglet ul li a {
	display:block;
	float:left;
	text-decoration:none;
	margin:5px 2px 0 2px;
	padding:2px 7px 2px 7px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#eeeeee;
	text-transform:uppercase;
	color:#000000;
	font-size:11px;
}

#page div#onglet ul li.selected a {
	display:block;
	float:left;
	text-decoration:none;
	margin:5px 2px 0 2px;
	padding:2px 7px 2px 7px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #ffffff;
	background:#FFFFFF;
	text-transform:uppercase;
	color:#000000;
}

#page form p label {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	line-height:25px;
	margin-right:15px;
}

#page form fieldset {
	border:none;
	margin-top:15px;	
}

#page form p input {
	width:300px;
	height:25px;
	margin:0;
	padding:0
}

#page form p.checkbox input {
	width:15px;
	height:15px;
	margin-left:165px;
}

#page form input.btn_radio {
	width:30px;
	height:auto;	
}

#page form p.liste_checkbox span {
	margin-right:15px;
}

#page form p.liste_checkbox span.box_liste_checkbox {
	display:block;
	margin-left:165px;
	margin-right:30px;
}

#page form p.liste_checkbox input {
	width:15px;
	height:15px;
}

#page form p .btn_inscription {
	width:auto;
	height:auto;
	margin-left:165px;
	padding:3px;
}

.bloc_validation {
	background:#cccccc;
	margin:0;
	padding:10px 0;	
}

.bloc_error {
	color:#CD0A0A;
	border:1px solid #CD0A0A;
	margin:10px 15px;
	padding:10px 0;
}

.bloc_valid {
	color:#41a62a;
	border:1px solid #41a62a;
	margin:10px 15px;
	padding:10px 0 10px 15px;
}

.bloc_error ul {
	margin:0;
}

#page form p a {
	font-size:10px;
}

#page table {
	border-collapse:collapse;
	margin:15px;
	width:720px;
	background:#FFFFFF;
}

#page table td, #page table th {
	border:1px solid #CCCCCC;
}

#page table td.actions_table a {
	display:block;
	text-align:center;	
}

#page table span.picto_ajout {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/green_plus.png) top left no-repeat;
	margin:auto;
}

#page table span.picto_suppr {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/red_cross.png) top left no-repeat;
	margin:auto;
}

#page table span.picto_favoriteon {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/favorite_on.png) top left no-repeat;
	margin:auto;
}

#page table span.picto_favoriteoff {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/favorite_off.png) top left no-repeat;
	margin:auto;
}

#page .bouton_page {
	float:right;
	margin:0;
	padding:0;
	border:1px solid #cccccc;
	-moz-border-radius:3px;
	webkit-border-radius:3px;
}

#page .lien_page a {
	color:#000000;
	font-size:11px;
	padding:0;
	float:right;
	margin:0 15px 0 0;
}

#page .bouton_page a:hover span {
	background-color:#eeeeee;
}

#page .detail_blog {
	margin:10px 15px 0 0;	
}

#page .ligne_recherche {
	display:block;
	border-bottom:1px dotted #cccccc;
	margin-top:25px;
	font-weight:bold;
	padding-bottom:5px;
}

#liste_billet {
	background:#eeeeee;
	padding:15px 0 15px 0;
}

.pagination {
	margin:0 15px 10px 15px;	
}

/* css ligne d'un billet */
.bloc_img_en_avant {
	width:200px;
	height:200px;
	margin-left:15px;
	float:left;
}

#page .en_avant {
	overflow:hidden;
	margin-bottom:15px;
	margin-top:15px;	
}

#page .billet_blog {
	margin:15px;
	padding:5px;
	clear:both;
	overflow:hidden;
	border:1px dotted #cccccc;
	min-height:125px;
	background:#ffffff;
}

#page .billet_blog img {
	float:left;
}

#page .billet_blog h2 {
	font-size:20px;	
}

#page h2 span {
	font-size:14px;	
}

#page h2.h2_detail_blog {
	margin-top:30px;	
}

#page .en_avant h3, #page .en_avant p, #page .en_avant h4 {
	margin-left:220px;
	margin-right:20px;
}

#page .billet_blog p.date_billet {
	display : block;
	text-align:right;
	font-size:10px;
	margin:0 5px 15px 125px;
}

#page .billet_blog h3 {
	margin:0 5px 0 135px;
}

#page .billet_blog h3 a {
	text-decoration:none;
	color:#000000;
}

#page .billet_blog h4 {
	margin:0 30px 0 135px;
}

#page .billet_blog h4 a {
	text-decoration:none;
	color:#999999;
}

a.mettre_en_avant {
	font-size: 8px;
	float:right;
}

a.mettre_en_avant:hover {
	background:#EEEEEE;
}

/*css col droite */
#col_page {
	margin-right:0;	
}

.bouton_col a {
	display:block;
	text-align:center;
	text-decoration:none;
	background:#CCCCCC;
	width:170px;
	height:30px;
	line-height:30px;
	color:#000000;
	margin:10px auto;
}

.bouton_col a:hover {
	background:#FFFFFF;
}

ul.tags_col {
	margin:0 15px 0 0;
	padding:0;
}

ul.tags_col li {
	display:inline;
}

#profil {
	margin-top:5px;
	margin-bottom:20px;
}

#profil #avatar, .avatar {
	width:50px;
	height:50px;
	float:left;
	margin:5px 15px 5px 10px;
}

#profil h2 {
	font-size:14px;
	margin-bottom:0;
}

#profil h2 a {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#profil h2 a:hover {
	color:#FFFFFF;
}

#profil p.description {
	font-size:11px;
	margin:5px 0 10px 75px;	
}

p.ligne_col {
	display:block;
	margin:5px 10px;
	clear:left;	
}

.btn_col {
	text-align:center;
	height:25px;
}

.btn_col a {
	display:block;
	background:#FFFFFF;
	text-decoration:none;
	color:#717171;
	line-height:25px;
}

.btn_col a:hover {
	background:#717171;
	color:#FFFFFF;
}

#liens_supp_col {
	margin-bottom:25px;
}

.thematique {
	font-size:11px;
}

#accordion_right {
	margin:0 10px;
	border:none;
}

#accordion_right a, #accordion_right div, #accordion_right h3 {
	background:none;
	border:none;
}

#accordion_right h3 {
	font-weight:bold;
	font-size:12px;
}

#accordion_right .ui-accordion-content, #accordion_right .ui-accordion-content ul  {
	margin:0;
	padding:0;
}

#accordion_right .ui-accordion-content ul li a {
	display:block;
	text-decoration:none;
}

#accordion_right .ui-accordion-content ul li a:hover {
	background:#cccccc;
}

#accordion_right .ui-accordion-content ul li a span {
	float:left;
	margin:0 4px 0 8px;
}

.color-red {
	color: red;
}

#footer {
	margin:15px auto 0 auto;
	width:650px;
	height:15px;
	background:#FFFFFF;
	padding:5px 0 5px 300px;
}

#footer p {
	float:left;
	font-size:11px;
	margin:0 15px 0 0;
	color:#000000;
}

#footer p a {
	display:block;
	color:#000000;
	font-size:11px;
}

#footer p a:hover {
	color:orange;
}

/* css perso pour modifier apparence de la page 
body {
	background:url(../images/alhambra4.jpg) top center;
	background-color:#000000;
}

#contenu {
	background:#DDFFCC;
}

#liste_billet {
	background:#D1E584;	
}
*/