
/*CSS pour le site Ligue de Tir de Picardie : http://www.liguepicardiedetir.com/ */
/*Inspiré des modèles trouvés dans le site alsacreations.com */

/* Concerne toutes les pages - suppriment les marges, fond bleu clair et famille et taille de police par defaut */
body {
    margin: 5px 0;
    padding: 0;
    background: #C3C4FD;
    color: black;	
    font: normal 75% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: center ;
}
#conteneur {
    width: 930px ;
    margin: 0 auto ;
	text-align: left;
}

/* ########### */
/* barre de l'en tête */
/* ########### */
h1#header {
    margin: 0 ;
    height: 120px ;
    background: url(../pictures/header/fond_header.png) no-repeat top ;
    border: 5px solid #FFDF08 ;
}
h1#header a {
    width: 191px ;
    height: 120px ;
	display: block ;
    background: url(../pictures/header/Logo_FFTir.png) no-repeat right ;
    position: relative ;
}
ul#menu {
    float: right ;
    margin: 0 ;
    padding: 0 ;
    list-style-type: none ;
    text-align: center ;
}
ul#menu li {
    float: left ;
    display: inline ;
}
ul#menu li a {
    width: 130px ;
    line-height: 30px ;
    font-size: 1.6em ;
    font-weight: bold ;
    letter-spacing: 2px ;
    display: block ;
    color: #4FA628 ;
    text-decoration: none ;
}
ul#menu li a:hover {
    background-color: #DCE0E0 ;
    color: #2811D1 ;
}
ul#menu1 {
    float: right ;
    margin: 0 300px 0 0 ;
    padding: 0 ;
    list-style-type: none ;
    text-align: center ;
}
ul#menu1 li {
    float: left ;
    display: inline ;
}
ul#menu1 li a {
    width: 230px ;
    line-height: 30px ;
    font-size: 1.6em ;
    font-weight: bold ;
    letter-spacing: 2px ;
    display: block ;
    color: #2811D1 ;
    text-decoration: none ;
}
ul#menu1 li a:hover {
    background-color: #DCE0E0 ;
    color: #4FA628 ;
}

/* ########### */
/*      bloc gauche         */
/* ########### */
/* Contenu total du bloc gauche */
div#blocgauche {
  width: 210px;
  padding: 0 0 0 0;
  float: left;
  text-align: left;
  margin-bottom: 10px;
}
/* ########### */
/*    Menu accordéon */
/* ########### */
/* décoration du tour du menu*/
div#navigationmenu {
    width: 210px;
    margin: 20px 0 0 0;
    padding: 3px 0 0 0;
    background: url(../pictures/menugauche/hautgauche.png) left top no-repeat;
}
div#blocnavigation {
    margin: 0 0 0 1px;
    background: url(../pictures/menugauche/basgauche.png) left bottom no-repeat;
    padding: 0 0 10px 0;
} 
/* fin de la décoration*/   
.navigation {
    width: 185px;
    font: 1.2em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;      
    color: #303030;
    margin: 17px 0 10px 10px;
    padding: 0;
    text-align: left;
    list-style-type: none ;
}
.navigation li {
    background: none;
    padding: 0;
    margin: 0;
}
.navigation a, .navigation span {
    display: block;
    padding: 4px 0px;
    color: #303030;
    text-decoration: none;
    zoom: 1;
    border-bottom: 1px solid #ab4;
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
    text-decoration: underline;
}
.navigation .subMenu {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    font-variant: normal;
    font-weight: normal;
    font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    list-style-type: none ;
}
.navigation ul.subMenu a {
    background: none;
    padding: 3px 0px;
    color : green;
}

.archivesnavigationnew {
    width: 435px;
    font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;  
    margin: 0 0 12px 0;
    padding-top: 0;
    text-align: center;
    list-style-type: none ;
}
.archivesnavigationnew a, .archivesnavigationnew span {
    display: block;
    padding: 2px 0px;
    color: #303030;
    text-decoration: none;
}
.archivesnavigationnew a:hover, .archivesnavigationnew a:focus, .archivesnavigationnew a:active {
    text-decoration: underline;
}

.archivesnavigation {
    width: 435px;
    font: normal 1.2em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;     
    margin: 0 0 8px 15px;
    padding: 0;
    list-style-type: none ;
}
.archivesnavigation li {
    background: none;
    padding: 0;
    margin: 0;
}
.archivesnavigation a, .archivesnavigation span {
    display: block;
    padding: 2px 0px;
    color: #303030;
    text-decoration: none;
}
.archivesnavigation a:hover, .archivesnavigation a:focus, .archivesnavigation a:active {
    text-decoration: underline;
}

/* ########### */
/*    Nos Partenaires */
/* ########### */
h2.partenaires {
    font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; 
    margin: 5px 0 5px 0;    
}
.challengecup {
    font: bold 1.2em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; 
    margin: 5px 0 0 0;    
}
img.challengecup {
  margin: 5px 0 0 0;
  padding: 1px;
  border-color: #DBDFDF;
}
div#challengecup2011 p{
    margin:10px 10px 0 0;
    padding:0 0 0 5px;
    
    font: normal 1.1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align:left;
}
div#challengecup2011 img{
    float:left;
    margin:0 12px 0 2px;
    padding:3px;
}


img.bordurerp {
  margin: 28px 0 0 0;
  padding: 1px;
  border-color: #DBDFDF;
}
img.borduredrdjs {
  margin: 3px 0 0 5px;
  padding: 1px;
  border-color: #DBDFDF;
}
mg.bordurediva {
  margin: -23px 0 0 5px;
  padding: 1px;
  border-color: #DBDFDF;
}
/*Logo du CDOS*/
img.cdos {
  margin: 8px 0 0 180px;
  padding: 1px;
  border-color: #DBDFDF;
}

/* ########### */
/*    Milieu de Page */
/* ########### */

/* Bande defilante*/
#barre_news{
	position : absolute;
	left:0;
	top:0;
	background-color:black;
	text-align:left;
	height:26px;
	width:100%;
	overflow:hidden;
}
#content_news {
	position:absolute;
	left:1000px;
	color:#fff;
	text-decoration:none;
	float:left;
	display:block;
	margin-top:4px;
}
#content_news a {
	color:#ccc;
	text-decoration:none;
}
#content_news a:hover {
	color:#fff;
	text-decoration:underline;
	z-index:200;
}
/* Fin bande defilante*/
div#bloccentre {
    width: 475px;
    float: left;
}
div#bloccentreagenda {
    width: 710px;
    margin-left:220px;
    margin-top:-1050px;
    float: left;
}
div#bloccentrecontact {
    width: 575px;
    float: left;
}
.encadre{	border: 3px dotted #FD1010;
	background-color: #ADDCF5;}
div#cadre {
    width: 475px;
    background-color: #DBDFDF;
    margin: 22px 0 0 12px;
}
div#cadreannonce {
    width: 375px;
    background-color: #DBDFDF;
    margin: 22px 0 0 62px;
}
div#cadreagenda {
    width: 705px;
    background-color: #DBDFDF;
    margin: 22px 0 0 12px;
}
div#cadrecontact {
    width: 605px;
    background-color: #DBDFDF;
    margin: 22px 0 0 12px;
}
/* propiétés communes aux quatre coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
    height: 19px; 
    width: 19px;
    background-repeat: no-repeat;
    font-size: 1px; /* correction d'un bug de IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
    background-image: url(../pictures/center/hautgauche.png);
}
#hautdroit {
    float: right;
    background-image: url(../pictures/center/hautdroit.png);
}
#basgauche {
    background-image: url(../pictures/center/basgauche.png);
}
#basdroit {
    float: right;
    background-image: url(../pictures/center/basdroit.png);
}
/* Page Présentation Ligue*/
/* Titre Présentation Ligue/ Mot Président*/
#evenements {
    font: bold 1.5em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #2507A7;
    text-align: center;
	margin: 0 0 0 0;
}

p#titre {
    font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    text-align: center;
	margin: 0 0 0 0;
}
h1.titre {
    font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    text-align: center;
    line-height: 2em;
	margin: 0 0 0 0;
}
/* Page Mot du Président */
div#edito p{
    margin:10px 10px 0 0;
    padding:0 0 0 5px;
    font: normal 1.1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align:left;
}
div#edito img{
    float:left;
    margin:0 0 0 5px;
    padding:5px;
}
hr{
  clear:left;
}
/* fin Mot du Président*/
/* Page region Picardie*/
p#region {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 12px 15px 20px 15px;
} 
h1.region {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
    line-height: 1.3em;
	margin: 12px 15px 20px 15px;
}
h1.regionannonce {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
    line-height: 1.3em;
	margin: 12px 15px 5px 15px;
}  
.tourismepicardie {
    font: bold 1.1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;
}

/* Page Organisations */
/*page réglementations*/
ul#reglement {
    /*float: right ;*/
    margin: 0 ;
    padding: 0 15px 0 0;
    font-size: 1.2em ;
    font-weight: bold ;
    list-style-type: none ;
    text-align: left ;
}
ul#reglement li {
    /*float: left ;*/
    text-align: left ;
    padding: 15px 0 0 15px;
    display: inline ;
}
ul#reglement li a {
    /*width: 130px ;*/
    padding: 0 0 15px 0;
    text-align: left ;
    line-height: 15px ;
    font-size: 1em ;
    font-weight: bold ;
    /*letter-spacing: 2px ;*/
    display: block ;
    color: #4FA628 ;
    text-decoration: none ;
}
ul#reglement li a:hover {
    background-color: #DCE0E0 ;
    color: #2811D1 ;
}
/*Page  Les Clubs de Picardie */
.tableau_club table {
    width: 470px; 
	border-collapse:collapse; /* Les bordures du tableau seront collées (plus joli)  ;*/
}
#result_club {
}
h1.villeclub {
    margin: 5px 0 0 0;	font: bold 1.1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;	color: red;}
.villeclub {
    margin: 12px 0 12px 0;
	font: bold 0.8em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;}
.internetclubl {
    margin: 12px 0 0 0;
	font: bold 0.8em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: left;}
.internetclubc {
    margin: 12px 0 12px 0;
	font: bold 0.8em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;}
.planclubr {
    margin: -11px 15px 12px 0;
	font: bold 0.8em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: right;}
.planclubc {
    margin: 12px 0 12px 0;
	font: bold 0.8em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;}
h1.departmentcluba {
    font: bold 1.4em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: center;
	margin: 0 0 0 0;
    color: #105172;
} 
.departmentclubb {
    font: bold 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    margin: 0 0 0 205px;
    color: #105172;
} 
.clubpresentation { 
    font: bold 1.1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    padding: 0 0 12px 0;
    text-align: center; 
}
/*Page  SEC*/
p#resultats {
    font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    text-align: center;
	margin: 0 0 0 0;
    padding: 0 0 5px 0;
}
.championnat {
    font: normal 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 0 0 0 15px;
	padding: 5px 0 5px 0;
}
.annee {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 0 0 0 15px;
	padding: 5px 0 5px 0;
}
.resultatcompet {
    font: bold 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 0 0 0 5px;
    text-decoration: underline;
}
.affichagecompet {
    font: normal 1em Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 0 0 0 5px;
    padding: 3px 0 3px 0;
}
.aucunpalma {
    font: bold 1em Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: red;
    text-align: left;
	margin: 0 0 0 5px;
    padding: 5px 0 5px 0;
}
.retour {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}
.reportfoto {
    margin: 3px 0 0 12px;
	font: bold 1em Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	/*text-align: right;*/	/*color: black;*/	/*text-decoration: none;*/}
.fotopresentation { 
    font: bold 1em Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    /*margin: 0 0 0 0;*/
    /*padding: 15px 0 12px 0;*/
    /*text-align: center; */
}

/*##########*/
/* Page Records */
/*##########*/
.records {
    /*width: 185px;*/
    font: bold 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;      
    /*color: #4FA628;*/
    /*margin: 17px 0 10px 10px;*/
    padding: 0;
    text-align: center;
    list-style-type: none ;
}
.records li {
    background: none;
    padding: 0;
    margin: 0;
}
.records a, .records span {
    display: block;
    padding: 4px 0px;
    color: #4FA628;
    text-decoration: none;
    zoom: 1;
    /*border-bottom: 1px solid #ab4;*/
}
.records a:hover, .records a:focus, .records a:active {
    text-decoration: underline;
}
.records .subMenu {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    font-variant: normal;
    font-weight: normal;
    font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    list-style-type: none ;
}
.records ul.subMenu a {
    background: none;
    padding: 3px 0px;
    color : black;
}

/* Page Arbitrage */

/* Page Comité Départementaux */
/* Affichage Logo*/
img.logodptx {
  margin: 23px 0 0 140px;
  padding: 1px;
}
h1.dptx {
    font: normal 1.1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 23px 0 0 12px;
} 

/* ########### */
/*    blocdroit */
/* ########### */
div#blocdroit {
    width: 217px;
    float: right;
}
div#cadredroit {
    width: 217px;
    background-color: #DBDFDF;
    margin: 22px 0 0 0;
	border: 3px solid #4FA628;
}
div#actublocdroit {
    width: 217px;
    float: right;
}
div#actucadredroit {
    width: 217px;
    background-color: #DBDFDF;
    margin: 22px 0 0 0;
	border: 3px solid #4FA628;
}
div#inscripactucadredroit {
    width: 217px;
    background-color: #8F93E9;
    margin: 22px 0 0 0;
	border: 3px solid #4FA628;
}
div#actucadredroitpp {
    width: 217px;
    background-color: #8BBC00;
    margin: 22px 0 0 0;
	border: 3px solid #DBDFDF;
}
img.zoom { 
    margin: 0 0 0 0;
text-align: center;	
}
/* titre dans zoom */
.titrezoom {
    font: bold 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    text-align: left;
	margin: 0 0 0 0;
} 
.titrezoombis {
    font: bold 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #0B0E7B;
    text-align: left;
	margin: 0 0 0 0;
} 
.titrezoomter {
    font: bold 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #C00000;
    text-align: left;
	margin: 0 0 0 0;
} 
.titrezoomquatro a {
    font: bold 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #E91B50;
    text-align: left;
	margin: 0 0 0 0;
} 
.titrezoom1 {
    font: bold 1.2em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    color: #4FA628;
    text-align: center;
	margin: 0 0 0 0;
} 
.zoom {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 0px 5px 5px 5px;
    line-height: 1.5em;
} 
.actuzoom {
    font: normal 1em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: left;
	margin: 5px 5px 5px 5px;
    line-height: 1.5em;
} 
h1.actualite {
    font: bold 1.3em bold Comic Sans MS, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    text-align: center;
    margin: 0 0 0 0;
} 
.interligne {
    margin-top: 0.7em;
}

/* ########### */
/* Bloc Agenda             */
/* ########### */
/*div#blocagenda {
    width: 185px;
    float: right;
	color: #001b81;	background: #DBDFDF;
}*/
/* Police pour gros mois */
h5 {
    margin-top: 12px;	font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;	color: #4FA628;	text-decoration: none;}
h5.rechercher {
    margin-top: 12px;	font: bold 2em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;	color: #4FA628;	text-decoration: none;}
h1.calendrier {
    margin-top: 12px;	font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	text-align: center;	color: #4FA628;	text-decoration: none;}
/* Police en tête de la boîte Agenda */	
.cadre {    border-bottom: 3px double #C0C0C0;}
.tableau_agenda table {
    margin: 0 0 0 0;
    width: 100%; 
}
p, td {    font-family: verdana, arial, helvetica, sans-serif;    font-size:12px;    text-decoration: none;}
h1.lien {
    font-family: verdana, arial, helvetica, sans-serif;    font-size:12px;    text-decoration: none;
    text-align: center;}
h1.agenda {    font: bold 11px verdana, arial, helvetica, sans-serif;    text-decoration: none;
    margin: 0 0 0 0;
	padding: 2px 0 2px 0;
}
h2.agenda {    font: normal 13px verdana, arial, helvetica, sans-serif;    text-align: left;
    margin: 0;
	padding: 2px 0 2px 0;
}
h3.agenda {    font: bold 14px verdana, arial, helvetica, sans-serif;    text-align: left;
    margin: 0;
	padding: 2px 0 2px 0;
}
h4.agenda {    font: bold 13px verdana, arial, helvetica, sans-serif;    text-align: left;
    margin: 0 0 0 12px;;
	padding: 2px 0 2px 0;
}
/* saut entre les paragraphes*/
.saut1 {
/*background-image: url(../pictures/agenda/saut1.png);*/
/*padding: 0;*/
height: 8px;
/*vertical-align: left;
display: block;*/
}

/* ########### */
/*    Pied de page */
/* ########### */
div#pied {
  clear: both;
  background: url(../pictures/pied/pied.png) left top no-repeat;
}
#pied { 
    width: 930px;
    height: 120px;	
}









/*
Feuille de styles pour formulaire contact.php
màj du 17.05.2005
*/
FORM {
	margin: 0
}
FORM * {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 10px 10px 0
}
/*TEXTAREA, INPUT {
	/*border: #666 1px solid; */
	/*background-color: #fff;*/
/*	width: 350px; 
}*/
TEXTAREA {
	width: 400px; 
	height: 150px
}
FORM P {
	clear: both; margin: 0
}
FORM LABEL {
	float: left; width: 12%; text-align: left; margin-left: 15px;
}
#submit {
    font: bold 14px verdana, arial, helvetica, sans-serif;
	border: 1px #000 solid; cursor: pointer; padding: 3px; color: #fff; background-color: #006633; width: 200px;
    height:30px; margin-left:150px;
}
#submit:hover {
	border: 1px red solid
}
.alerte {
	font-weight: bold; font-size: 14px
}
.focus {
	background: #ff9
}

/*css pour bande defilante*/
#barre_news{
	position : absolute;
	left:0;
	top:0;
	background-color:#161980;
	text-align:left;
	height:26px;
	width:100%;
	overflow:hidden;
}

#content_news {
	position:absolute;
	left:1000px;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	display:block;
	margin-top:4px;
}

#content_news a {
	color:#9CF49C;
	text-decoration:none;
}
#content_news a:hover {
	color:#F1C5C5;
	text-decoration:underline;
	z-index:200;
}


