/* STYLE GENERAL. */

body{
	background 	: rgb(0,15,150); 
	margin 		: 0 ; 
	padding 	: 0 ; 
	color 		: rgb(0,0,200);
	font-size	: 100%;
        text-align      : justify
}

body * { margin : 0 ; padding : 0 }



blockquote {
	width 		: 90% ; 
	margin		: auto; 
	padding		: 0.5em; 
	background 	: rgb(250,250,255) ; 
	font-style 	: italic
}

h1,h2,h3,h4,h5,h6 {margin-bottom : 0.8em; margin-top: 1em}

h1 { font-size : 200%}
h2 { font-size : 150%}
h3 { font-size : 135%}
h4 { font-size : 120%}
h5 { font-size : 110%}
h6 { font-size : 105%}

/* Classe utilitaire, pour vider les flottants. */
.spacer {clear : both; font-size : 50%; text-align : center; }

/* NAVIGATION DANS L'ARBORESCENCE */
#navigation {
	display 	: block; 
	color 		: rgb(200,255,200) ;
	font-weight 	: bold ;
}

#navigation a {
	text-decoration : none ; 
	color 		: rgb(200,255,200)
}

/* CADRE DE PUBLICITE */

#publicite
{
	height 		: 60px;
	width  		: 468px;
	
	float 		: right;
	margin 		: 1em;
}

/* ENTETE DU SITE */

#entete {
	background    : rgb(0,15,150); 
  	border-bottom : 1px solid rgb(230,230,230); 
}

#logo { padding : 5px ; margin : 0 ; margin-bottom : -15px}

/* CORPS DU SITE (Partie centrale) */

#corps { 
	margin 		: 0; 
	padding 	: 0; 
	background 	: rgb(50,120,185); 
	border-top 	: 1px solid rgb(230,230,230) ; 
	border-bottom 	: 2px solid rgb(230,230,230);
	margin-bottom 	: 0
}


/* DIVISION POUR LE CORPS DU DOCUMENT */

#document {
	width 		: 65% ;
	padding 	: 2% ; 
	margin 		: 0;
	margin-left	: 1% ; 
	margin-top 	: 5px; 
	color 		: rgb(0,0,135) ; 
 	/*background  	: url(/img/interface/dice2.gif) center no-repeat #FAF7D6;*/
	background 	: #FAF7D6;
        font-size       : 103%;
	border		: 1px solid rgb(0,15,150);
}

#document p {margin-top : 0.2em; margin-bottom : 0.5em; line-height:13pt; }
/* #document p {margin-top : 0.2em; margin-bottom : 0.2em; text-indent : 2em;} */

#document ul {margin-left : 3em; }
#document ol {margin-left : 3em; }

/* PIED DU DOCUMENT (Informations de copyright) */

#pied {
	background 	: transparent ; 
	text-align 	: center; 
	font-size  	: 80%;
	color		: white;
}

/* DIVISION POUR LES MENUS LATERAUX (Raccourçis) */

#menu { 
	position 	: relative; 
	float 		: right; 
	width 		: 28%; 
	margin 		: 0; 
	padding-right 	: 1%;
	margin-top      : 5px;
	font-size 	: 80% ;
	text-align	: left;
}

#menu h3 {
	background 	: url("/img/interface/titre_cat.gif") repeat-x; 
	margin 		: 0;
	padding		: 0;
	padding-left 	: 35px; 
	color		: white;
	}

#menu a {
	color		: rgb(0,70,70);
	text-decoration : none; 
}

#menu a:hover {
	color		: rgb(0,255,0);
}
#menu a:visited {
	color : rgb(220,235,210);
}

/* Blocs à l'intérieur du menu */
.categories {
	color 		: rgb(0,15,150); 
	font-weight 	: bold; 
	padding 	: 0; 
	margin 		: 0; 
	margin-bottom 	: 0.2em; 
	font-size	: 95% ;
	background 	: rgb(80,150,215) no-repeat url(/img/interface/dice.gif) 100% 50%;
	border : 1px solid rgb(0,15,150);
}
 
.categories ul {
	display 	: block; 
	border 		: 0;
	margin 		: 0; 
	padding 	: 0; 
}

.categories ul li {
	display 	: block; 
	margin 		: 0; 
	padding 	: 0 ; 
	padding-left 	: 25px; 
	padding-right 	: 10px; 
	border		: 0}


 li#page_modifier {   background : 5px 50% url("/img/interface-modifier.png") no-repeat}
 li#page_ajouter {    background : 5px 50% url("/img/interface-ajouter.png") no-repeat}
 li#page_supprimer {  background : 5px 50% url("/img/interface-effacer.png") no-repeat}
 li#page_droits {     background : 5px 50% url("/img/interface-droits.png") no-repeat}
 li#image_ajouter  {  background : 5px 50% url("/img/interface-image.png") no-repeat}
 li#fichier_ajouter { background : 5px 50% url("/img/interface-ajouter.png") no-repeat}
 li#fichier_lister {  background : 5px 50% url("/img/interface-liste.png") no-repeat}
 li#image_lister {    background : 5px 50% url("/img/interface-liste.png") no-repeat}
 li#page_visualiser { background : 5px 50% url("/img/interface-visualiser.png") no-repeat}

/* Affichage dynamique des nouveautés FFJdR */

.nouveautes{
   position 	: absolute;
   left 	: -100%;
   border 	: solid 2px black;
   background 	: rgb(240,240,255);
   color 	: black;
   width 	: 90%;
   padding 	: 5px;
   visibility 	: hidden;
}

.nouveaute_long{
 width         : 80%;
 margin        : auto;
 margin-top    : 1em;
 margin-bottom : 0;
 border        : 1px solid rgb(240,240,255);
}

.nouveaute_long h4{
	font-size : 105%;
	margin  : 0;
        padding : 0;
}

.nouveaute_long h5{
	font-size  : 90%;
	font-weight: bold;
	margin : 0;
 	padding : 0;
	border-bottom : 1px solid rgb(240,240,255);
}

/* Classes de mise en page */
.bouton {border : inset 2px rgb(200,200,250) ; font-size : 75% ; text-decoration : none; padding-left : 1em ; padding-right : 1em}

.information {width : 70%; margin: auto; margin-bottom : 1em; margin-top : 0.5em; text-align: center; padding : 1em; border : solid 1px rgb(200,200,250); background : rgb(230,230,250)}

#plan {
float: right; width : 30% ; border : 1px blue solid ; padding : 2px ; margin : 0 ; margin-left : 1em; font-size : 80% ; background : rgb(200,200,250)
}

#plan ul {display : block ; margin : 0 ; padding : 0}
#plan li.titre {display : block; text-align : center; background : rgb(190,190,240)}
#plan li {display : block}


.exemple 
{
margin : 1em ; 
padding : 1em ; 
border : 1px black solid ; 
background : rgb(250,250,255)}

.fiche
{
margin : 1em ;
padding : 1em ;
border : 1px black solid ;
background : rgb(250,250,255)
}

.message{
 margin-bottom : 1em;
 margin-left : 1em;
}

.message_entete
{
 margin-left: -0.5em;
 font-weight: bold;
 color : darkblue;
}


.carte{
 margin:0;
 padding:0;
 position:relative;
}

.carte a{font-size:90%; font-weight:bold; text-decoration:none; padding:0; margin:0}
.carte div {margin:0 ; padding:0; margin-left:7px}
.carte a:hover{color: red; font-size:110%}
.carte img {margin:0;padding:0;border:0}

.section {border-bottom : 1px solid red}

.boutique{
 width : 100%;
}
.boutique th {
 border : 1px solid blue;
}

.boutique td {
 border : 1px dashed rgb(0,0,200);
  text-align : center;
}


/*************************** BOTTIN et ANNUAIRES *******************************/
	#document a:link { 
		font-weight: bold; 
		text-decoration: none; 
		color: #ED4135;
		}
		
	#document a:visited { 
		font-weight: bold; 
		text-decoration: none; 
		color: rgb(75,0,75);
		}
		
	#document a:hover, #document a:active { 
		text-decoration: underline; 
		color: #ED7600;
		}
		
  p.addbdelement {font-size:0.86em; text-align:center;}
  
  #mapcountry { position:relative; height: 784px; }
  #mapdepartment {position: relative; z-index: 1;}
  #maplegend     {left: 10px;}
  .legend        {font-family: Verdana, Tahoma, Sans-serif; font-size: 0.75em; line-height: 10px; width:280; }
  #warning { color: #f00; font-weight: bold; }
  
	#pageHeader {
		padding: 0 0 0 0;
		margin: 20px 0 0 0;
  }
  
	#preambule, #epilogue {
		padding: 0 0 0 0;
		width:100%;
 	}
 	
	#preambule h1, #epilogue h1 {
  	float: left;
  	width: 192px;
  	height: 192px;
  	margin: 8px 8px 8px 8px;
	}
	#preambule h1.picture1 {
		background: url(/img/bottin-picture1.png) no-repeat left top; 
	}
	#preambule h1.picture2 {
		background: url(/img/bottin-picture2.png) no-repeat left top; 
	}
		
	#preambule p, #epilogue p {
		padding: 0px 0 10px 5px ;
		margin: 0 0 0 30px;
		}
		
	#preambule h3, #epilogue h3 {
		padding: 0px;
		margin-bottom: 5px;
		}
		
	#mainPage {
		padding: 0;
		width:100%;
	}		
		
	#mainPage h2 {
    background: url("/img/bandeauH2.gif") no-repeat left top; 
		height: 48px;
		margin: 0px;
		padding: 5px 0 0 40px;
	}

	#mainPage h3 {
		padding: 10px 0 0 0;
	}

/* Forms in the bottin */
/*table*/.formtableout {border: 0px; background-color: #CFDBE4; border-spacing: 1px;}
/*table*/.formtablein {border: 0px; background-color: #f6f6f6; border-spacing: 1px; }
caption {border: 1px solid #CFDBE4; background-color: #5E7CB6; color: #00106C; font-weight: bold; font-size: 18px; font-family: 'arial'; padding: 8px;} /*td*/.formtdout {background-color: #EAF1F7; padding: 0px;} /*td*/.formtdin {background-color: #EAF1F7; padding: 5px; text-align: left;} /*td*/.formtdtitlein {background-color: #DAE1E7; padding: 5px; text-align: right; font-weight:bold;}
/*td*/.formtdvalidatein {background-color: #DAE1F0; padding: 5px;}
/*td*/.formtdout {background-color: #EAF1F7; padding: 0px;}
/*td*/.formtdin {background-color: #EAF1F7; padding: 5px; text-align: left;}
/*td*/.formtdtitlein {background-color: #DAE1E7; padding: 5px; text-align: right; font-weight:bold;}
/*td*/.formtdvalidatein {background-color: #DAE1F0; padding: 5px;}
/*tr*/.evenline {background-color: #DAE1F0}
/*tr*/.oddline {background-color: #DAE1B7}
/*tr*/.invalidline {background-color: #DA2127}


/* Events and Assos */
.year {border-style: outset; border-width: 1px; background-color: #e4e4e4; text-align: center;}
.month {border-style: none; background-color: #e4e4e4; text-align: center;}
.yearname {text-align: center; font-size: 18px; font-weight: bold;}
.monthname {text-align: center; font-size: 13px; font-weight: bold; background-color: #DADADA; color: #5D5D5D; border-style: outset; border-width:1px}
.dayname td {text-align: center; font-size: 12px; font-weight: bold; background-color: #3E97CF; color: #ffffff; border-style: outset; border-width:1px}
.yearnavigation {font-size: 12px;}
.datepicker {background-color: #e4e4e4;}
.datepickerform {margin: 0px;}
.monthnavigation {font-family: Tahoma, Arial, sans-serif;}
.monthpicker {font-size: 11px; background-color: #8CC3F6;}
.yearpicker {font-size: 11px; background-color: #8CC3F6;}
.pickerbutton {font-size: 11px; background-color: #8CC3F6; border-style: solid; border-color: #000000; border-width: 1px;}
.nomonthday {height:20px; width:20px;}
.monthday {text-align: center; font-size: 11px; font-weight: bold; background-color: #E4E4E4; color: #384955; height:20px; width:20px;}
.today {text-align: center; font-size: 11px; font-weight: bold; background-color: #5CB5C7; color: #ffffff; height:20px; width:20px;}
.selectedday {text-align: center; font-size: 11px; font-weight: bold; background-color: #66ff66; height:20px; width:20px;}
.sunday {text-align: center; font-size: 11px; font-weight: bold; color: #667171; height:20px; width:20px;}
.sunday a {color: #667171;}
.saturday {text-align: center; font-size: 11px; font-weight: bold; color: #667171; height:20px; width:20px;}
.saturday a {color: #667171;}
.event {text-align: center; font-size: 11px; font-weight: bold; color: red; background-color: #ffff99; height:20px; width:20px;}
.event a {background-color: #ffff99; color: red;}
.selectedevent {text-align: center; font-size: 11px; font-weight: bold; color: red; background-color: #ffff99; height:20px; width:20px;}
.selectedevent a {background-color: #ffff99; color: red;}
.todayevent {text-align: center; font-size: 11px; font-weight: bold; color: red; background-color: #ffff99; height:20px; width:20px;}
.todayevent a {background-color: #ffff99; color: red;}

div#asso_partner, div#shop_partner, div#person_partner {
	border:1px solid #3337ED;
	clear:both;
	background-color:#DDE0F1;
	margin: 30px 10px 10px 0px;
}

div#asso_disappear, div#shop_disappear, div#person_disappear {
	border:1px solid #000000;
	clear:both;
	background-color:#BBBBBB;
	margin: 30px 10px 10px 0px;
}

div#event, div#asso, div#person, div#shop {
	border:1px solid #1E23F4;
//	clear:both;
	background-color:#8CC3F6;
	margin: 30px 10px 10px 0px;
}

div#authentication {
	clear:both;
}

#event p, #authentication p, #asso p, #asso_partner p, #asso_disappear p, #person p, #person_partner p, #person_disappear p, #shop p, #shop_partner p, #shop_disappear p {
  text-align: left;
	margin: 0px 10px 0px 10px;
}

#modification_date, #hidden_person {
  background: #F7F89C;
	font: 12pt/18pt georgia;
	font-style:oblique;
}

#ffjdr_member {
  background: #AFB1F9;
	font: 95% georgia;
	font-weight: bold;
	font-style:oblique;
	padding: 4px 0px 4px 0px;
}
#ffjdr_member p {
  text-align: center;
  line-height: 12pt;
}
#ffjdr_member ul {
  text-align: left;
  list-style: square;
}

.department, .department_disappear {
	background: #000F96;
	// float: right;
	width: 200px;
	// margin: -65px -5px 0px 0px;
	padding: 0.2em;
	margin : 0.2em;
	border-width: 2px;
	border-style: outset;
	border-color: #003273;
}

.department_disappear {
	background: #eee;
	border-color: #eee;
}

.department p, .department_disappear p {
	margin: 0px 0px 0px 0px;
  text-align: center;
}

.department p span, .department_disappear p span {
	font: 12pt georgia;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	color: #FFFFFF;
}

.department_disappear p span {
	color: #222;
}

#affiche_info, #logo_info, #photo_info {
	float: right;
	margin: 0px 0px 0px 0px;
	z-index: 12;
}

#affiche_info img, #logo_info img, #photo_info img {
	border:1px solid #3337ED;
}

#event_name, #authentication_name, #asso_name, #asso_name_disappear, #asso_name_partner, #person_name, #person_name_disappear, #person_name_partner, #shop_name, #shop_name_disappear, #shop_name_partner {
	position:relative;
	background-color:#fff;
	border:1px solid #3337ED;
	width:100%;
	top:-20px;
	left:-10px;
	padding:10px;
	margin:0;
}

#asso_name_disappear, #shop_name_disappear, #person_name_disappear {
	background-color:#eee;
	border:1px solid #000;
}

#event_name p, #authentication_name p, #asso_name p, #asso_name_disappear p, #asso_name_partner p, #person_name p, #person_name_disappear p, #person_name_partner p, #shop_name p, #shop_name_disappear p, #shop_name_partner p {
	font-family:Georgia, serif;
	font-variant:small-caps;
	font-style:oblique;
	color:#3337ED;
	font-weight:bold;
	font-size:120%;
}

#asso_name_disappear p, #shop_name_disappear p, #person_name_disappear p {
	color:#222;
}

#asso_info .list, #asso_info_disappear .list, #person_info .list, #person_info_disappear .list, #shop_info .list, #shop_info_disappear .list {
  FONT-SIZE: 12px;
  COLOR: #ff6600;
	font-variant:small-caps;
  FONT-FAMILY: Verdana, 'interface user';
	padding: 0px 20px;
}

#asso_info .list_disappear {
  FONT-SIZE: 12px;
  color:#fff;
	font-variant:small-caps;
  FONT-FAMILY: Verdana, 'interface user';
	padding: 0px 20px;
}

#asso_info_disappear .list, #shop_info_disappear .list, #person_info_disappear .list {
  color:#fff;
}

p span.title, #asso_info .title, #asso_info_disappear .title, #person_info .title, #person_info_disappear .title, #shop_info .title, #shop_info_disappear .title {
  font-weight: bold;
}

#pr {
  font-weight: bold;
  color:#115463;
}
#asso_info .subtitle, #asso_info_disappear .subtitle, #person_info .subtitle, #person_info_disappear .subtitle, #shop_info .subtitle, #shop_info_disappear .subtitle {
  font-weight: bold;
  color: #0066ff;
	font-variant:small-caps;
}

#asso_info_disappear .subtitle, #shop_info_disappear .subtitle, #person_info_disappear .subtitle {
  color: #111;
}

#column_right {
    width: 49%;
    float: right;
}

#column_left {
    width: 50%;
    float: left;
}

div.event_info_page, div.asso_info_page, div.person_info_page, div.shop_info_page {
//  clear:left;
//  clear:right;
  width:100%;
}

#contact_info .activity {
  FONT-SIZE: 10px;
  COLOR: #ff6600;
	font-variant:small-caps;
  FONT-FAMILY: Verdana, 'interface user';
	padding: 0px 20px;
}

#event_info .date, #asso_info .date, #person_info .date, #shop_info .date {
  FONT-SIZE: 10px;
  COLOR: #ff4444;
	font-variant:small-caps;
  FONT-FAMILY: Verdana, 'interface user';
	padding: 0px 30px;
	font-style:oblique;
  text-shadow: 0.2em 0.2em silver;
	font-weight:bold;
}

#event_date, #activity {
	position:relative;
	margin: 5px 5px 10px 5px;
}

#event_date .date, #activity .activity, #activity .activity_disappear {
  FONT-SIZE: 16px;
	color:#3337ED;
	font-style:oblique;
  text-shadow: 0.2em 0.2em silver;
	font-weight:bold;
	line-height: 17px;
}

#activity .activity_disappear {
	color:#444;
}

span .normal {
	font-weight:normal;  
}

#amateur {color: #125623;}
#responsable {font-weight: bold;}
#visibility {font-weight: bold; color: #cc2244}

/* Cartes */
	h1.picture1 {
		background: url(/img/bottin-picture1.png) no-repeat left top; 
	}
	
.city { }
 //  z-index : 300 ;  font-weight:bold ; color : rgb(0,0,50) ; margin : 2em ; padding : 2em } 

/************************* FIN BOTTIN et ANNUAIRES *****************************/

/* Elements de style divers */

 #administration { width : 100%  }

 .donnees { width : 100%  }
 .donnees th { border : 1px black solid ; background : rgb(200,200,200)}
 .donnees td { border : 1px black dashed ; padding-left : 0.5em}

 .reserved {font-weight : bold; font-style : italic ; color : rgb(0,50,0)}
 .reserved a {color : rgb(0,50,0)}
 .reserved a:visited {color : rgb(0,50,0)}
 .reserved a:active {color : rgb(0,50,0)}
 .reserved a:hover {color : rgb(0,80,0)}