/*	
	----------------------------------------------------------------------------------------------
 	Feuille de style: www.lamarche.ch - Site officiel de la Fédération Suisse de Marche
	Copyright: pixam  
	Année: 2010                                            
	----------------------------------------------------------------------------------------------
*/

*  	{margin:0; padding:0;}	

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; color: #000; margin: 15px 0 0 0; background-color: #efefef;}

hr{ margin: 20px 0 20px 0;}

img { border: none; margin: 0;}
a img {border:none;}
.img_page {margin: 10px 0 20px 0;}

a { color: #a70240;}
a:hover { color: #000;}
a.little { color: #a70240; font-size: 0.8em; text-decoration: none; font-weight:bold;}

/*a.littlelink { font-size: 0.8em;}*/

p {	margin:0 0 10px 0; padding: 0px; line-height:1.5em;}
.p_first {margin-top: 10px; line-height:1.5em;}
.p_little {font-size:0.9em; margin: 10px 0 10px 0; font-weight:bold;}

h1 { font-size: 1em; color:#53003b; font-weight: bold; text-indent: 30px; margin:3px;} /*titres*/
h2 {margin: 30px 0 10px 0; padding: 4px 0 4px 0; font-size: 1em; color:#000; text-indent: 30px; font-weight: bold;  background:#efefef url(/images/bg_h2.gif) no-repeat; } /*titres des pages*/
h3 { font-size: 1em; color:#000; margin:0 0 10px 0; padding: 0px; line-height:1.5em; font-weight: bold;} /*p important en gras*/
h4 { font-size: 1em; color:#fff; margin:0px; padding: 5px 0 5px 0; text-indent: 10px; line-height:1.5em; font-weight: bold; background-color:#a70240;} /*titres importants*/
h5 { font-size: 1em; color:#000; text-indent: 30px; margin-top:20px; padding: 4px 0 4px 0; font-weight: bold; background:#efefef url(/images/bg_h2.gif) no-repeat; } /*sous-titres*/
h6 { width: 225px; font-size: 1em; color:#666; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; } /*titre_bottom*/

.home {width: 630px;}


table{ width: 630px; margin: 30px 0 30px 0;}

td { padding: 3px 5px 3px 5px; border-right: solid 1px #efefef; border-bottom: solid 1px #efefef;}

td.title { color:#a70240; padding: 30px 5px 10px 35px; letter-spacing: 0.2em; font-weight: bold; border-bottom: none; border-right: none; }
td.stitle { color:#000; padding: 3px 5px 3px 5px; font-weight: bold; border-bottom: solid 1px #efefef; border-right: solid 1px #efefef; background-color:#f7f7f7; }
td.date {color:#a70240;}

td.news_date { width: 70px; padding: 8px 5px 8px 5px; font-weight: bold;}
td.news_content { width: 540px; padding: 8px 5px 8px 5px; border-right: none;}
td.plus { padding-top: 10px; border-right: none; border-bottom: none; }

dt { font-size: 1em; font-weight: bold; margin: 20px 0 5px 0;}
dl { margin-left: 300px;}

/*  LISTE----------------------------------------------------------------------------------------------------------------------------*/


/*  CONTENT-CENTRE  */
.centre ul {margin: 20px 30px 30px 30px;}
.centre li  { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	line-height:1.5em;	list-style-image:url(/images/icons/liste.gif); margin-bottom: 6px;}

li a { color: #a70240; text-decoration: none; font-weight:bold; }
li a:hover { color: #000;}


/* CONTENEUR ----------------------------------------------------------------------------------------------------------------------------*/

#all { background: url(/images/template/bg.jpg) repeat-y; width: 1050px; height: 100%; margin: 0px auto 0px auto; overflow: hidden;}

#header { width: 1050px; height: 61px; float: left;}

#conteneur { width: 980px; height: 100%; margin: 0 35px 0 35px; border:  float: left;}

#content { width: 980px; height: 100%; float: left;}

#menu_1 { width: 980px;	height: 250px; background: url(/images/template/bandeau_accueil.jpg) no-repeat; float:left;}
#menu_2 { width: 980px;	height: 250px; background: url(/images/template/bandeau_marche.jpg) no-repeat;	float:left;}
#menu_3 { width: 980px;	height: 250px; background: url(/images/template/bandeau_activites.jpg) no-repeat; float:left;}
#menu_4 { width: 980px;	height: 250px; background: url(/images/template/bandeau_federation.jpg) no-repeat; float:left;}
#menu_5 { width: 980px;	height: 250px; background: url(/images/template/bandeau_contact.jpg) no-repeat; float:left;}
#menu_0 { width: 980px; height: 250px; background: url(/images/template/bandeau_divers.jpg) no-repeat; float:left;}

/*  SOUS-MENU - LISTE  */
.smenu ul { margin: 0 0 40px 0;}
.smenu li { list-style-position: outside; color:#a70240; font-weight: bold; list-style-type: none; list-style-image: none; padding:0px 10px 10px 20px;}
.smenu a { color: #4c4c4c;	text-decoration: none; font-weight:bold;}
.smenu a:hover { color: #a70240;}

.mn_fixe ul { background-color:#efefef;}
.mn_fixe li { list-style-position: outside; color:#a70240; font-weight: bold; list-style-type: none; list-style-image: none; padding:4px 10px 4px 20px;}
.mn_fixe a { color: #4c4c4c; text-decoration: none; font-weight:bold;}
.mn_fixe a:hover { color: #a70240;}

#top { height: 75px; width: 980px; background-image: url(/images/template/top.gif); float:left;}
#bottom {height: 100%;	width: 980px; padding-bottom: 5px; background: url(/images/template/bg_black.gif) repeat; float:left;}
#pixam {height: 60px; width: 1050px; float: left; background-color: #efefef;}

/* MENU ----------------------------------------------------------------------------------------------------------------------------*/

/*  MENU PRINCIPAL - LISTE  */
.menu_titre ul{	margin-top: 40px;}
.menu_titre li  { font-family: Arial, Helvetica, Verdana, Arial, sans-serif; font-size: 1.8em; list-style-position: inside; list-style-type: none; list-style-image: none; color:#fff; padding: 2px 4px 3px 20px; margin-bottom: 4px; letter-spacing: 1px;}

.menu_titre { width: 150px;	height: 250px;	float: left;}
.menu_titre a { color: #a70240;	text-decoration: none; font-weight:normal;}
.menu_titre a:hover { color: #fff;}

.menu_animation { width: 830px;	height: 200px; float:left;}
.menu_indexation { color:#FFF; width: 830px; height: 50px; text-indent:10px; line-height: 50px;	float: left;}


/* CONTENT ---------------------background: url(/images/animations/animation_fond.jpg) no-repeat;-------------------------------------------------------------------------------------------------------*/

.gauche{ width: 150px; height: 100%; padding: 20px 0px 0px 0px; float: left;}
.centre{ width: 630px; height: 100%; padding: 20px 10px 0px 10px; float: left;}
.droite{ width: 160px; height: 100%; padding: 20px 0px 0px 10px; float: left;}

/* BOX ----------------------------------------------------------------------------------------------------------------------------*/


.box{ width: 630px; margin: 0px 0 10px 0; padding: 10px 0 0 0; border-top: 1px solid #efefef; float:left;}

.box_first {width: 630px; margin: 10px 0 10px 0; padding: 20px 0 0 0; float:left;}
.box_end {width: 630px; margin: 10px 0 60px 0; padding: 10px 0 0 0; border-top: 1px solid #efefef; float:left}
.box_centre { width: 630px; margin: 0px 0 10px 0; padding: 10px 0 0 0;}

.box_menu { width: 630px; margin: 15px 0 0 0; padding: 0;}

.box_bottom {width: 225px; padding: 10px; color: #efefef; float: left;}
.box_bottom p { margin: 0; padding:2px 0 2px 0; width: 225px; border-bottom: 1px solid #333; }
.box_bottom a { color: #efefef; text-decoration: none; }
.box_bottom a:hover { color: #a70240; text-decoration: none; }

.box_title{	width: 630px; margin: 10px 0 0 0; float:left;}

.b1{ width: 300px; font-weight: bold; float:left;}
.b2{ width: 220px; float:left;}
.b3{ width: 110px; float:left}

.a1{ width: 300px; font-weight: bold; float:left;}
.a2{ width: 330px; float: left;}


/*  CONTACT----------------------------------------------------------------------------------------------------------------------------*/

input, textarea, select { margin-bottom: 5px; border: 1px solid #a70240;}
.contact td {border: none;}