body
{
	width:1024px;
	background: #802e06 url('../fichiers/images/design/background.png') top repeat-x;
	margin: 40px auto 0;
}

#bulle_left
{
	width:165px;
	height:188px;
	background:url('../fichiers/images/design/bulle_left.png') top left no-repeat;
	position:absolute;
	margin-left:50px;
	margin-top:115px;
	z-index:0;
}

#bulle_right
{
	width:128px;
	height:246px;
	background:url('../fichiers/images/design/bulle_right.png') top left no-repeat;
	position:absolute;
	z-index:0;
	margin-left:870px;
	margin-top:400px;
}

#header
{
	width:439px;
	height:153px;
	background:url('../fichiers/images/design/logo.png') top left no-repeat;
	margin:0 auto;
	border:none;
}

#box_left
{
	margin-left:181px;
	z-index:20;
	position:relative;
}


/* Liens du menu horizontal */
#link_asso
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_asso.png') top left no-repeat;
	border:none;
}

#link_asso:hover
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_asso_hover.png') top left no-repeat;
	border:none;
}

#link_news
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_news.png') top left no-repeat;
	border:none;
}

#link_news:hover
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_news_hover.png') top left no-repeat;
	border:none;
}

#link_meteo
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_meteo.png') top left no-repeat;
	border:none;
}

#link_meteo:hover
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_meteo_hover.png') top left no-repeat;
	border:none;
}

#link_spot
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_spot.png') top left no-repeat;
	border:none;
}

#link_spot:hover
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_spot_hover.png') top left no-repeat;
	border:none;
}

#link_forum
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_forums.png') top left no-repeat;
	border:none;
}

#link_forum:hover
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_forums_hover.png') top left no-repeat;
	border:none;
}

#link_contact
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_contact.png') top left no-repeat;
	border:none;
}

#link_contact:hover
{
	width:95px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_contact_hover.png') top left no-repeat;
	border:none;
}

#link_connect
{
	width:149px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_connect.png') top left no-repeat;
	border:none;
}

#link_connect:hover
{
	width:149px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_connect_hover.png') top left no-repeat;
	border:none;
}

#link_deconnect
{
	width:149px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_deconnect.png') top left no-repeat;
	border:none;
}

#link_deconnect:hover
{
	width:149px;
	height:53px;
	float:left;
	background:url('../fichiers/images/design/button_deconnect_hover.png') top left no-repeat;
	border:none;
}


/* Corps de la page */
#corpus
{
	float:right;
	margin-right:112px;
	margin-top:-50px;
	position:relative;
	z-index:10;
}

#corpus_top
{
	width:732px;
	height:24px;
	background:url('../fichiers/images/design/body_top.png') top left no-repeat;
	margin:0;
}

#corpus_middle
{
	width:702px;
	background: url('../fichiers/images/design/body_middle.png') top left repeat-y;
	padding:20px 20px 0 10px;
	min-height:700px;
	font-family:Verdana;
	color:white;
	font-size:11px;
}

#corpus_middle a
{
	font-family:Verdana;
	color:white;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #FFF;
}

#corpus_middle h1
{
	width:100%;
	font-size:22px;
	border-bottom:1px solid #fff;
}

#corpus_middle blockquote
{
	width:500px;
	margin: 0 auto;
	padding: 10px;
	border:2px solid #5792a5;
	border-left:8px solid #5792a5;
	background:#47636c;
}

#corpus_bottom
{
	width:732px;
	height:68px;
	background: url('../fichiers/images/design/body_bottom.png') top left no-repeat;
}

/* Menu de gauche */
#box_right
{
	margin-left:40px;
	margin-top:100px;
}

*+html #box_right, * html #box_right
{
	margin-left:35px;
}

#box_right_top
{
	width:145px;
	height:37px;
	background:url('../fichiers/images/design/menu_top_title.png') top left no-repeat;
	padding-top:10px;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	color:white;
	font-size:12px;
}

#box_right_middle
{
	width:145px;
	background:url('../fichiers/images/design/menu_middle.png') top left repeat-y;
}

#box_right_middle a
{
	display:block;
	width:125px;
	height:21px;
	border-bottom:1px solid #444b4f;
	border-top:1px solid #444b4f;
	padding: 10px 10px 0 10px;
	text-align:left;
	font-family:Verdana;
	font-weight:bold;
	color:white;
	font-size:12px;
	text-decoration:none;
	margin-top:-1px;
}

#box_right_middle a:hover
{
	background: url('../fichiers/images/design/menu_middle_hover.png') top left no-repeat;
}

#box_right_middle a.middle_title
{
	background: url('../fichiers/images/design/menu_title_middle.png') top left no-repeat;
	border-top:none;
	padding: 7px 10px 3px 10px;
	border-bottom:none;
}

#box_right_bottom
{
	width:145px;
	height:40px;
	background: url('../fichiers/images/design/menu_bottom.png') top left no-repeat;
}

.stop_float
{
	clear:both;
}


/* Footer */
/*#footer
{
	width:783px;
	height:41px;
	background: url('../fichiers/images/design/footer.png') top left no-repeat;
	margin-left:150px;
	padding: 15px 20px 0 20px;
	font-size:10px;
	color:white;
	font-family:Verdana;
	text-align:center;
	font-weight:bold;
}*/
#footer
{
	width:783px;
	margin-left:150px;
	padding:15px 20px 0 20px;
	font-size:10px;
	color:white;
	font-family:Verdana;
	text-align:center;
	font-weight:bold;
}

#footer a
{
	color:white;
	text-decoration:underline;
}

#footer a:hover
{
	color:#888;
}

#footer_top
{
	width:783px;
	height:12px;
	background: url('../fichiers/images/design/footer_top.png') top left no-repeat;
}

#footer_middle
{
	width:763px;
	background: url('../fichiers/images/design/footer_middle.png') top left repeat-y;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	color:white;
	font-family:Verdana;
	text-align:center;
	font-weight:bold;
}

#footer_bottom
{
	width:783px;
	height:12px;
	background:url('../fichiers/images/design/footer_bottom.png') top left no-repeat;
}

/* Cadre Accueil */
.cadre_top_top
{
	width:553px;
	height:115px;
	margin:0 auto;
	margin-top:18px;
	padding:1px 12px 0 10px;
	background:url('../fichiers/images/design/cadre_top_top.png') top center no-repeat;
	text-align:center;
	font-size:12px;
}

#cadre_top_top p
{
	vertical-align:middle;
}

.cadre_top_left
{
	float:left;
	width:228px; /* 258px */
	height:212px; /* 222px */
	background:url('../fichiers/images/design/cadre_top_left.png') top left no-repeat;
	padding:10px 20px 0px 10px;
	margin-top:13px;
	text-align:center;
	font-size:8px;
}

.cadre_top_right
{
	float:right;
	width:360px; /* 395px */
	height:211px; /* 221px */
	padding:10px 20px 0px 15px;
	background:url('../fichiers/images/design/cadre_top_right.png') top right no-repeat;
	margin-top:13px;
	text-align:left;
	font-size:10px;
}

.cadre_middle_left
{
	clear:both;
	float:left;
	width:245px; /* 260px */
	height:222px; /* 222px */
	background:url('../fichiers/images/design/cadre_middle_left.png') top left no-repeat;
	padding-right:15px;
	text-align:center;
	color:#000000;
	font-size:8px;
}

.cadre_middle_left_post_it
{
	margin:0 auto;
	padding:30px 20px 0 0px;
	width:190px; /* 210px */
	height:180px; /* 210px */
	background:url('../fichiers/images/design/post_it.png') top center no-repeat;
}

.cadre_middle_right
{
	float:right;
	width:375px; /* 395px */
	height:216px; /* 221px */
	padding:5px 20px 0px 0px;
	background:url('../fichiers/images/design/cadre_middle_right.png') top right no-repeat;
	text-align:center;
	font-size:8px;
}

.cadre_bottom_left
{
	clear:both;
	float:left;
	width:230px; /* 260px */
	height:217px; /* 222px */
	padding:5px 20px 0px 10px;
	background:url('../fichiers/images/design/cadre_bottom_left.png') top left no-repeat;
	text-align:center;
	font-size:8px;
}

.cadre_bottom_left_pile_photos
{
	margin:0 auto;
	padding:17px 13px 0 5px;
	width:196px; /* 214px */
	height:157px; /* 174px */
	background:url('../fichiers/images/design/pile_photos.png') top center no-repeat;
}

.cadre_bottom_right
{
	float:right;
	width:365px; /* 395px */
	height:216px; /* 221px */
	padding:5px 20px 0px 10px;
	background:url('../fichiers/images/design/cadre_bottom_right.png') top right no-repeat;
	text-align:center;
	font-size:8px;
}

/* "top", "right", "bottom", "left" */
/* "top", "bottom" => height */
/* "right", "left" => width */

/* INFOS MESSAGE FORMULAIRE*/
.barre_msg
{
	padding-left:40px;
	-moz-border-radius:10px 10px 10px 10px; /* pour navigateur sur moteur gecko (firefox, netscape, etc) */
	-khtml-border-radius:10px 10px 10px 10px; /* pour navigateur sur moteur khtml (peu de navigateurs) */
	-webkit-border-radius:10px 10px 10px 10px; /* pour navigateur sur moteur webkit (Safari, konqueror, chrome, etc)  */
	border-radius: 10px 10px 10px 10px; /* pour navigateur supportant CSS 3 */
	padding-top: 10px;
	padding-bottom: 10px;
}

.barre_msg.barre_info
{
	background-color: #C38C46;
	background-image: url('../fichiers/images/design/infos_formulaire.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	border-top-color: #9fcf9f;
	border-bottom-color: #2E1B03;
	border-right-color-value: #2E1B03;
	border-left-color-value: #2E1B03;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	color: #673A01;
}

img
{
	border: none;
}

.image_lien
{
	border: none;
}

#corpus_middle a.lien_image
{
	border-bottom:none;
}

.bouton_action
{
	height:29px;
	float:left;
	border:none;
}

.boutton_action_left
{
	width:5px;
	height:29px;
	background-image:url('../fichiers/images/design/boutton_action_left.png');
	background-repeat:no-repeat;
	float:left;
	border:none;
}

.boutton_action_center
{
	height:23px;
	background-image:url('../fichiers/images/design/boutton_action_center.png');
	background-repeat:repeat-x;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
	float:left;
	border:none;
}

.boutton_action_right
{
	width:5px;
	height:29px;
	background-image:url('../fichiers/images/design/boutton_action_right.png');
	background-repeat:no-repeat;
	float:left;
	border:none;
}

ul.liste_new_message li
{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: black;
	list-style-type: none;
	background: url('../fichiers/images/forums/nouveau_message.png') no-repeat 0 0.32em;
	padding-left: 15px;
} 



/* LIENS EXTERNE */
a.lien_externe:after {content: "\0000a0[\2197]";}

p.surligne {text-decoration:underline;}

/* ALIGNEMENT TEXTE */
.gauche {text-align:left;}
.centre {text-align:center;}
.droite {text-align:right;}
.vertical_align {vertical-align:middle;}

/* COULEUR */
.orange {color:#AA7717}
.bleu_design {color:#427899}

/* LISTE A PUCE */
.no_puce {list-style:none outside none;}


/* METEO */
.meteo_style1
{
	color:#53677F;
	font-weight:bold;
	font-size:18px;
}

.meteo_style2
{
	color:#FFFFFF;
	border-style:solid;
	text-align:center;
}

/* EVENEMENT */
#evenement .liste_evenement, #membre .liste_membre
{
	border-collapse:collapse;
	width:100%;
}

#evenement .liste_evenement th, #membre .liste_membre th
{
	background-color: #808080;
	background-image:url('../fichiers/images/design/th.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	color: #ffffff;
	text-align: center;
}

#evenement .liste_evenement td, #membre .liste_membre td
{
	border:1px solid black;
	padding: 5px;
}

#evenement .liste_evenement .sous_cat td, #membre .liste_membre .sous_cat td
{
	border:1px solid #82420B;
	padding:2px 3px;
	vertical-align:top;
	background-color:#EFEFEF;
	color:#000000;
}

#evenement .liste_evenement a, #membre .liste_membre a, #evenement ul.no_puce a
{
	font-family:Verdana;
	color:#0b92cb;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #82ADCC;
}

#evenement .evt_cadre ul
{
	border:1px solid #82420B;
	background-color:#EFEFEF;
	margin:8px;
	width:40%;
	float:right;
	list-style-type: none;
	padding: 8px;
	color:#000000;
}

#evenement .evt_cadre li
{
	padding: 0;
	margin: 2px;
}