@charset "utf-8";
/* CSS Document */
/*general*/
body{					
			margin:0;
			padding:0;
			border:0;
			background:#222222 url(images/fond.jpg) bottom repeat-x;			
			color:#e3e1e1;
			font-family:Arial, Helvetica, sans-serif;
			line-height:1.2em;
}

html{
			
			margin:0;
			padding:0;
			border:0;			
}


h1{
			text-align:center;
			font-weight:lighter;
			text-decoration: underline;
			font-size:20px;
			margin:30px 0 30px 0;
			color:#dbd8d3;
}

h2{
			padding:10px 0 5px 0;
			font-size:20px;
			font-weight:bold;
			color: #afabab;
			border-bottom:1px solid #afabab;
			
}

#admin h2{
			padding:10px 0 5px 0;
			font-size:20px;
			font-weight:bold;
			color: #6d6969;
			border-bottom:1px solid #848282;
			text-align:left;
			
}

h2:first-letter{
			color:#d55f09;
			font-size:22px;
}

h2#cafe{
			background:url(images/Tasse_cafe.png) center right no-repeat;
}

h2#restaurant{
			background:url(images/assiette.png) center right no-repeat;
}

h3{
			font-size:17px;
			color:#fff48e;			
}

img{
			border:none;
}

.souligne{
			text-decoration:underline;
}

.decale{
			margin-left:30px;
}

.surlign{
			color:#9c4b1c;
			font-weight:bold;
			text-decoration:underline;
}

.id{
			color:#e77726;
			font-weight:bold;
}

.fl_droite{
			float:right;
}

.inline{
			display:inline;
}

#conteneur{
			margin:0 auto;
			padding:0;
			width:980px;
			min-height:800px;
			background:#222222;
			overflow:hidden;
}

#conteneur.bon_plan{
			background:url(images/bon_plan.png) top left no-repeat;
}

.illus {
			float:left;
			margin:10px 10px 10px 0;		
}

.illus_g {
			float:right;
			margin:10px 0 10px 10px;
			
}

.illus img{
			border:none;
}

.mini_illus img{
			border: solid  #FFF 2px;	
}

.mini_illus img:hover{
			border:solid  #cb7747 2px;
}

/*debut haut de page -----------------------------------------------------------------------------------------------*/

#header{
			background-image:url(images/header.jpg);
			background-repeat:no-repeat;
			width:980px;
			height:280px;
			margin:0 auto;
			padding:0;
			position:relative;
			
}

#pub{
			top:185px;
			
			position:absolute;
			
}

#pub a{
			margin-right:10px;
}

/*menu principal*/
#menu{
			text-align:center;			
			height:52px;
			width:980px;
			margin:0 auto;
			font-size:14px;
			line-height:48px;
			margin-bottom:20px;
			overflow:visible;
			background: url(images/menu.png) repeat-x;
}

#menu a{
			text-decoration:none;
			height:40px;
			width:97px;
			display:block;
			float:left;
			color: #333;
			border-right:1px solid  #bb683a;
			position:relative;
}

.first{
			border-left:none;
}

#login{
			width:400px;
			height:60px;
			background:url(images/fond_login.png) top left no-repeat;
			position:absolute;
			top:150px;
			left:570px;
			z-index:10;
			overflow:hidden;
			
}

#login form{
			padding:10px;
}

#menu a:hover,
#menu a:focus {
			background:url(images/menu.png) repeat-x;
			/*border-bottom:4px solid #cb7747;*/
			height:40px;
			color:#FFF;
			/*font-weight:bold;*/
			top:-8px;
}

			
/*fin de haut de page---------------------------------------------------------------------------------------------- */

/*corps de page----------------------------------------------------------------------------------------------------*/

/*debut contenu gauche page accueil*/
#contenu_index{
			
			float:left;
			width:570px;
			margin:0;
			padding:0;
			text-align:justify;
			font-size:14px;
			color:#dddcd9;
			overflow:hidden;
			
			
			
}

.recap{
			color:#666363;
			font-size:14px;
			font-weight:bold;
}

h2.titre_news{
			background:url(images/puce_news.png) right center no-repeat;
			padding-top:20px;
			
			
}

.top_news{
			width:570px;
			height:13px;
			background:url(images/fond_news_top.png) no-repeat;
			overflow:hidden;
}

.mil_news{
			width:570px;
			background:url(images/fond_news_mil.png) repeat-y;
			overflow:hidden;
			
			
}

.cont_tiny img{
			float:left;
			margin:5px 5px 5px 0;
			
}

.bot_news{
			width:570px;
			height:18px;
			background:url(images/fond_news_bot.png) no-repeat;
			margin-bottom:10px;
			overflow:hidden;
}

.cont_news{
			padding:0 20px 0 20px;
}

.info_news{
			font-size:small;
			color:#afabab;
			margin-top:10px;
			clear:both;
			float:left;
}

.info{
			color:#cf8c2d;
			font-weight:bold;
			margin-bottom:10px;
}

.info_validation{
			font-size:small;
			font-style:italic;
			color:#e3e1e1;
			text-align:center;
			
}

.commentaire{			
			margin-bottom:10px;			
}

.cont_commentaire{
			padding:0 10px;
			
}

#slider{
			margin:10px 0 10px 0;
}

#signez{
			clear:both;
}

#intro{
			color:#d55f09; 
			font-style:italic;
			font-size:22px;
			text-align:center;
			padding:0;
			line-height:1.4em;
			margin:0;
			
}

a{
			color:#e77726;
			text-decoration:none;
			outline-style:none;
}

a:hover,
a:focus {
			color:#FFFFFF;
			text-decoration:underline;
			
}

#contenu_index a:hover,
#contenu_index a:focus {
			color:#FFFFFF;
			text-decoration:underline;
}

.president{
			font-weight: bolder;
			text-decoration:underline;
}

/*fin de contenu gauche page index*/
/*debut contenu droit page index*/
#droit_index{
			float:right;
			width:400px;
			margin:0 0 0 -401px;
}

.media_droit{
			width:400px;			
			text-align:justify;
			overflow:hidden;
			margin-bottom:10px;
}

.droit_top{
			width:400px;
			height:13px;
			background:url(images/fond_droit_top.png) no-repeat;
			margin:0;
}

.droit_mil{
			width:400px;
			background:url(images/fond_droit_mil.png) repeat-y;
			overflow:hidden;
			padding:0;
			margin:0 ;
}

.cont_droit{
			padding:0 10px;
			overflow:hidden;
			margin:0;
}

.droit_bot{
			width:400px;
			height:18px;
			background:url(images/fond_droit_bot.png);
			overflow:hidden;
			margin:0;
}

#but{
			font-size:17px;
			color:#d55f09; 
			font-style:italic;
}

.media_droit a:hover,
.media_droit a:focus {
			color:#FFFFFF;
			text-decoration:underline;
}

#newsletter{
			background:url(images/newsletter.png) no-repeat;
			width:400px;
			height:150px;
			padding:0;
			margin:0;
			overflow:hidden;
			position:relative;
}

#retour_newsletter{
			position:absolute;
			top:40px;
			left:20px;
			color:black;
			font-style:italic;
			font-size:small;
}

#newsletter form{
			position:absolute;
			top:80px;
			left:150px;
}
/*fin de contenu droit page index*/

/*contenu toutes pages sauf index*/
/*#contenu{
			padding:0 20px 0 20px;
			text-align:justify;
			font-size: medium;
			background-color:#222222;
}*/

.contenu_top{
			background:url(images/fond_contenu_top.png) no-repeat;
			height:15px;
			width:940px;
			overflow:hidden;
			margin:0 auto;
}

.contenu_mil{
			background:url(images/fond_contenu_mil.png) repeat-y;
			width:940px;
			overflow:hidden;
			margin:0 auto;
}

.cont_contenu{
			padding:0 20px;
			overflow:hidden;
			margin:0 auto;
}

.contenu_bot{
			background:url(images/fond_contenu_bot.png) no-repeat;
			height:20px;
			width:940px;
			margin:0 auto 10px auto;
			overflow:hidden;
}

.article2_top{
			background:url(images/fond_article_top.png) no-repeat;
			height:15px;
			width:940px;
			overflow:hidden;
			margin:0 auto;
}

.article2_mil{
			background:url(images/fond_article_mil.png) repeat-y;
			width:940px;
			overflow:hidden;
			margin:0 auto;
}

.cont_article2{
			padding:0 10px;
			overflow:hidden;
			margin:0 auto;
}

.article2_bot{
			background:url(images/fond_article_bot.png) no-repeat;
			width:940px;
			height:20px;
			margin:0 auto 10px auto;
			overflow:hidden;
}

.icone{
			clear:both;
			float:left;
			width:148px;
			height:148px;
			background:url(images/icone_message.png) no-repeat;
			
}

.message_top{
			background:url(images/message_top.png) no-repeat;
			width:740px;
			height:13px;
			overflow:hidden;
			margin:0 auto;
			clear:right;
			float:right;
			
}

.message_mil{
			background:url(images/message_mil.png) repeat-y;
			width:740px;
			overflow:hidden;
			margin:0 auto;
			clear:right;
			float:right;
			
}

.cont_message{
			padding:0 20px;
			margin:0;
			overflow:hidden;
			
}

.message_bot{
			background:url(images/message_bot.png) no-repeat;
			width:740px;
			height:40px;
			overflow:hidden;
			margin:0 auto 10px auto;
			clear:right;
			float:right;
}

.bordure_bot{
			border-bottom:1px solid #e3e1e1;
			width:50%;
			padding-top:20px;
			margin:0 auto;
}

.intro_page{
			color:#e77726;
			font-weight:bold;
			line-height:1.5em;
			font-size: 16px;
			text-align:center;
			margin-left:100px;
			margin-bottom:50px;
}

.illus_message{
			float:left;
			margin:0 5px 5px 0;
}

#asso{
			background:url(images/bureau.jpg) bottom 725px no-repeat;
}

#bulles{
			background:url(images/bulles_fond.jpg) bottom 735px no-repeat;
}

.sous_art{
			overflow:hidden;
}

.liens{
			list-style-image:url(../images/puce.png);/*page des liens + partenaires*/
}

.liens2{
			list-style-image:url(../images/puce.png);/*page des liens + partenaires*/
			margin-left:200px;
}

#plan{
			padding-left:150px;/*plan du site*/
			padding-top:50px;
}

#plan ul li{
			list-style-image:url(images/puce.png);
}

.leg_for{
			font-style:italic;/*legende bas de formulaire*/
			font-size:11px;
			text-align:center;
			color:#FFF;
}

/*fieldset{
			border:none;
			padding:0 10px;
			
}*/

.red{
			color:red;
}

#partenaires{
			float:left;
			width:500px;
			margin:0;
			padding:0;
}

#liens{
			float:left;
			width:500px;
}

.logos{
			float:right;			
}

/*fin de contenu toutes pages sauf index*/
/*fin corps de page------------------------------------------------------------------------------------------------*/

/*--pied de page-----------------------------------------------------------------------------------------------------*/

#footer{
			background:url(images/footer.jpg) center repeat-x;
			width:980px;
			height:258px;
			margin:0 auto;
			padding:0;
			text-align:left;
			overflow:hidden;
			clear:both;	
}
	
#menu_footer{
			padding-top:215px;
			color:#eca726;
			font-size:11px;			
}

#menu_footer li{
			font-size:11px;
			margin-left:15px;
			display:inline;
			border-right:solid 1px #999999;
			padding-right:20px;
			
}

#menu_footer li.last{
			border:none;
			margin-right:0;
			padding-right:0;
}

#menu_footer li.first{
			margin-left:15px;
			border-left:0;
}

#menu_footer li a{
			color:#eca726;
			text-decoration:none;
}

#menu_footer li a:hover,
#menu_footer li a:focus {
			color:#FFFFFF;
			border-bottom:3px solid #FFF;
}

#menu_footer img{
			border:none;
}
/*fin pied de page-----------------------------------------------------------------------------------------*/