/* CSS Document */
/********************************************************* 

Styles generaux
	background-image : 	<uri> | none;
	background-position: ;	[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ]
	background-repeat: repeat | repeat-x | repeat-y | no-repeat;
********************************************************/

body {
	margin:				0px;
	padding:			0px;
	color: 				#2b4a76;
	font-family: 		Tahoma, Verdana, Arial, sans-serif; 
	font-size: 			11px;
	border:				0px;
	background-color:	#fff;
	margin-top:			5px;
}


/* Pour IE qui ne supporte pas l'heritage (identique a body) */
TD {  
	font-family: 	Tahoma, Verdana, Arial, sans-serif; 
	font-size: 		11px; 
	color :			#2b4a76;
}

P {
	font-family: 	Tahoma, Verdana, Arial, sans-serif; 
	font-size: 		11px; 
	text-indent: 	0px;
	white-space: 	normal;
	margin:			0px;
}
#contenu{
		text-align: left;
}
/********************************************************* 

	DIVERS 
font-family : toujours finir par une famille generique.
	Arial, sans-serif
	Courier, Monospace
	Helvetica, sans-serif
	Palatino, serif
	Times, serif
	Verdana, sans-serif
	ZapfChancery, Cursive
font-style: normal | italic | oblique
font-variant: normal | small-caps
font-weight : normal (400)| bold (700)| bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
content : 	normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote
********************************************************/

.big 		{ font-size: 14px; } /* Gros Texte */
.small 		{ font-size: 10px;  } /* Petit Texte */


/*********************************************************
	Raccourcis
	Stylse specifiques
	Classifier par ordre d'importance les couleurs de la charte
	Ces styles permettront de les utiliser
********************************************************/

.color1     { color: #fff;} /* blanc( */
.color2     { color: #666; } /* gris */
.color3     { color: #db0000; } /* red */
.color4     { color: #1777b7; } /* bleu */
.color5     { color: #febd2b; } /* jaune */
.color6     { color: #106d99 ;} /* bleu */

.bgcolor1     { background-color: #fff; }
.bgcolor2     { background-color: #666;}
.bgcolor3     { background-color: #db0000; }
.bgcolor4     { background-color: #ea862a;}
.bgcolor5     { background-color: #febd2b; }
.bgcolor6     { background-color: #106d99; }

.border 	{ border: 1px solid #132552; }
.noborder 	{ border: 0px; }

/* Attention, Erreurs, mises en gardes 
border-style : none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset 
border-top-style, border-right-style, border-bottom-style, border-left-style
overflow : scroll | hidden | visible | auto
*/
.warning	{
	color: 				#FF0000;
	font-weight: 		bold;
	font-size: 			12px;
}


/* Citations */
Q 			{ font-style: italic;}
 
/* Definition des caracteres de quotes (FF seulement) */
Q:lang(fr)	{quotes: '« ' ' »'; }
Q:lang(en)	{quotes: '" ' ' "'; }

Q:before 	{content : open-quote}
Q:after 	{content : close-quote}

/* A utiliser pour les acronymes en utilisant l'attribut title dans la balise pour la signification de l'acronyme (synthese vocale) */
ACRONYM {
   text-transform: uppercase
}

/* A utiliser pour les abbreviations en utilisant l'attribut title dans la balise pour la signification de l'abbreviation (synthese vocale) */
ABBR {
   text-transform: uppercase
}


/********************************************************* 
	LINKS - LIENS 
a:focus:hover { outline: thick solid black }
vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
text-decoration : none | [ underline || overline || line-through || blink ]
white-space : normal | pre | nowrap | pre-wrap | pre-line
********************************************************/


A:link 		{text-decoration: underline; color: #132552}
A:active 	{text-decoration: underline; color: #132552}
A:visited 	{text-decoration: underline; color: #132552}
A:hover 	{text-decoration: underline; color: #db0000}

/********************************************************* 
	PARAGRAPHES
	(le style par defaut des paragraphes est defini au debut du doc)
********************************************************/
/* Style pour la premiere lettre */
P.lettrine:first-letter {
	font-size:			16pt; 
	vertical-align: 	text-top; 
	text-indent: 		15px;
	text-transform: 	uppercase
}

/* style specifique pour la premiere ligne d'un paragraphe */
p.lettrine:first-line { 
	font-weight: 	bold;
}



/********************************************************* 

	TABLES 
	dont on se sert comme veritables tableau pour y fair apparaiter des données.
	Ceci ne concerne pas les tableaux qui structurent la page.

********************************************************/

/* Tableau de structure */

TABLE.struct {
	border: 0px;
}




/********************************************************* 
	 Titres
	dipaly: block,inline
********************************************************/	


/********************************************************* 
	LISTE
	
********************************************************/
/* Liste a puce de contenu NIV 1 */
UL {
	list-style-position: 	outside; /* outside, inside */
	font-size:				11px;
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			20px;
	padding-left:       	20px;
	color:					#2b4a76;
	margin:					0px;
}

/* Liste a puce de contenu NIV 2 */
UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	font-size:				11px;
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			20px;
	padding-left:       	20px;
	font-weight: 			normal;
	color:					#2b4a76;
	margin:					0px;
}

/* Liste a puce de contenu NIV 3 */
UL LI UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	font-size:				11px;
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			20px;
	padding-left:       	20px;
	font-weight: 			normal;
	color:					#2b4a76;
	margin:					0px;
}

/* Liste numerotee de contenu NIV 1 */
OL {
	list-style-type: upper-roman; 
}
/* Liste numerotee de contenu NIV 2 */
OL LI OL {
	list-style-type: upper-alpha; 
}

/* Liste numerotee de contenu NIV 3 */
OL LI OL LI OL {
	list-style-type: decimal; 
}

/*********************************************************
  FORMS - FORMULAIRES
********************************************************/

FORM {
	margin : 	0px;
	padding : 	0px;
}

/* Le titre des champs doivent se trouver dans une balise LABEL (accessibilite) */ 
LABEL {
	display: block;
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: bold;
}


/* Text Box*/
INPUT.fieldtextbox{
	border-top: 		1px solid #666;
	border-right: 		1px solid #666;
	border-bottom: 		1px solid #666;
	border-left: 		1px solid #666;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
	padding-right: 		2px;
}

/* Check Box*/
INPUT.fieldcheckbox {
	border: 0px;
}

/* Radio Box*/
INPUT.fieldradiobox {
	border: 0px;
}

INPUT.file{
	background-color: 	#FFF;
	padding-left:		2px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size:			9px;
}


INPUT.button, INPUT.fieldbutton {
	color: 				#2b4a76;
	font-family:     	Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-weight: 		bold;
	font-size:    		10px;
	background-color:   #fff;
	border-bottom: 		#000 solid 1px;
	border-right: 		#000 solid 1px;
	border-left: 		#000 solid 1px;
	border-top: 		#000 solid 1px;
	cursor: 			pointer;
}


INPUT.button:hover, INPUT.fieldbutton:hover {
	background-color:   #FFF;
	color: 				#db0000;
	border-bottom: 		#db0000 solid 1px;
	border-right: 		#db0000 solid 1px;
	border-left: 		#db0000 solid 1px;
	border-top: 		#db0000 solid 1px;
}

INPUT.search{
	border-top: 		1px solid #666;
	border-right: 		1px solid #666;
	border-bottom: 		1px solid #666;
	border-left: 		1px solid #666;
	color:				#999999;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	background-image:	url('/skins/ludres/images/p_loupe.gif');
	background-repeat:	no-repeat;
	padding-left:		20px;
	padding-right:		5px;
	background-position:2px 2px;
	}

SELECT.fieldlistbox {
	background-color:   #FFFFFF;
	color: 				#000000;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-size:    		10px;
	width: 				150px;
	border-top: 		1px solid #666;
	border-right: 		1px solid #666;
	border-bottom: 		1px solid #666;
	border-left: 		1px solid #666;
}

SELECT.fieldlistbox OPTION {
	color: 				#000000;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-size:        	11px;
	background-color:   #FFFFFF;
	width: 				150px;
}

TEXTAREA, TEXTAREA.fieldtextbox {
	border-top: 		1px solid #666;
	border-right: 		1px solid #666;
	border-bottom: 		1px solid #666;
	border-left: 		1px solid #666;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Champs de formulaire inactif */
.disabled {
	visibility : 		hidden;
	color: 				#FFF;
	font-size: 			0px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	background-color:   transparent;
	border: 			#FFF solid 0px;
}

/* Champs de formulaire actif */
.enabled {
	visibility : 		visible;
	border-top: 		1px solid #666;
	border-right: 		1px solid #666;
	border-bottom: 		1px solid #666;
	border-left: 		1px solid #666;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Impression */
.unprintable {
	display:	block;
}

@media print {
.unprintable { 
	display: 	none;
	visibility: hidden;
	}
}



/********************************************************* 
	STRUCTURES
	(style des tableaux de structure (header, menu, colonne)
********************************************************/

			/********************************************************* 
				ACCUEIL
			********************************************************/
			
			/* fond de structure */
			DIV.main_bg {
				background-image:	url('/skins/ludres/images/main_bg.jpg');
				background-repeat:	repeat-y;
				width:				760px;
				}
			/* fond accueil ludres.eu */
			TD.home_bg_header {
				background-image:	url('/skins/ludres/images/home_bg01b.jpg');
				background-repeat:	no-repeat;
				height:				250px;	
				}	
			/* fond accueil hotel */
			TD.home_bg_hotel {
				background-image:	url('/skins/ludres/images/home_bg02.jpg');
				background-repeat:	no-repeat;
				height:				169px;	
				}		
			DIV.main_bg_bottom {
				background-image:	url('/skins/ludres/images/bottom_bg.gif');
				background-repeat:	no-repeat;
				width:				760px;
				height:				41px;
				}
			IMG.padding {
				margin-bottom:25px;
				margin-top:20px;
				}
			

			/********************************************************* 
				CONTENU
			********************************************************/

			/* fond header */
			TD.cont_head_bg {
				background-image:	url('/skins/ludres/images/cont_head_bg01b.jpg');
				background-repeat:	no-repeat;
				height:				129px;
				}	
			/* fond de structure */
			DIV.cont_bg {
				background-image:	url('/skins/ludres/images/cont_bg.jpg');
				background-repeat:	repeat-y;
				width:				760px;
				}
				
			.menu_padding {
				padding-top:			11px;
				padding-left:			0px;
				padding-right:			0px;
				}
				
			TD.box_top {
				background-image:	url('/skins/ludres/images/box_top.gif');
				height:				24px;
				}
				
			TD.box_top_left {
				background-image:	url('/skins/ludres/images/box_top.gif');
				height:				24px;	
				font-family: 		Tahoma, Verdana, Arial, sans-serif;
				font-size: 			18px;
				font-weight:		bold;
				background-repeat: repeat-x;
				background-position: bottom left;
				}

			TD.box_top_right {
				background-image:	url('/skins/ludres/images/box_top.gif');
				height:				24px;	
				font-family: 		Tahoma, Verdana, Arial, sans-serif;
				font-size: 			18px;
				font-weight:		bold;
				background-repeat: repeat-x;
				background-position: bottom right;
				}

			TD.box_title_smll {	
				font-family: 		Tahoma, Verdana, Arial, sans-serif;
				font-size: 			16px;
				font-weight:		bold;
				padding-right:		5px;
				color:				#2b4a76;
				}			
			TD.box_title_smll02 {	
				font-family: 		Tahoma, Verdana, Arial, sans-serif;
				font-size: 			16px;
				font-weight:		bold;
				padding-right:		5px;
				color:				#8590ac;
				}
			SPAN.box_top{
				background-color:	transparent;
				}		

			TD.box_bot{
				background-image:	url('/skins/ludres/images/box_bot.gif');
				background-repeat:	repeat-x;
				height:				6px;
				background-position:top;
				}				
			TD.box_left{
				background-image:	url('/skins/ludres/images/box_left.gif');
				background-repeat:	repeat-y;
				width:6px;
				background-position:top;
				}					
			TD.box_right{
				background-image:	url('/skins/ludres/images/box_right.gif');
				background-repeat:	repeat-y;
				width:6px;
				background-position:top;
				}			

			TD.plan{
				background-image:	url('/skins/ludres/images/plan.jpg');
				height:				183px;
				background-repeat:	no-repeat;		
				}
		/* separation zoom verticale*/
		TD.zoomsepver{
		background-image:	url('/skins/ludres/images/sep_verpoint01.gif');
		background-repeat:	repeat-x;
		height:				1px;
		}
		
		DIV.sep{
		background-image:	url('/skins/ludres/images/sep_verpoint01.gif');
		background-repeat:	repeat-x;
		height:				1px;
		}		
		
		/* BG Tableau annuaire (Pair et Impair)*/						
			TR.title_tablo TD {
			background-color:#86b5d1;
			border-bottom:solid 1px #666;
			height:27px;
			color:#FFFFFF;
			}
			TR.title02_tablo TD {
			background-color:#B5D0DF;
			border-bottom:solid 1px #666;
			height:27px;
			}

			
			TR.odd TD {
			background-color:#eff5f9;
			border-bottom:solid 1px #666;
			height:27px;
			}
	
			TR.even TD {
			background-color:#fff;
			border-bottom:solid 1px #666;
			height:27px;
			}
			/* fond actu et agenda*/			
			TD.bg_actu{
			background-color:	#eff5f9;			
			}			
			/* titre actu et agenda*/					
			.TitreActu{
			color: 				#1777b7;
			font-family:		Tahoma, Verdana, Arial, sans-serif;
			font-weight:		bold;
			font-size: 			16px;
			text-align: 		left;
			margin-bottom:		8px;
			height:				20px;
			letter-spacing: 	2px;
			}							
			/* cellule couleur bleu vert*/		
			TD.coul_01{
			background-color:#00978f;
			width:5px;
			}				
			/* cellule couleur jaune*/		
			TD.coul_02{
			background-color:#edb500;
			width:5px;
			}				
			/* cellule couleur rose*/		
			TD.coul_03{
			background-color:#ff01f0;
			width:5px;
			}	
			/* cellule couleur red*/		
			TD.coul_04{
			background-color:#db0000;
			width:5px;
			}				
			/* cellule couleur vert*/		
			TD.coul_05{
			background-color:#519700;
			width:5px;
			}				
			/* cellule couleur orange*/		
			TD.coul_06{
			background-color:#ff6d01;
			width:5px;
			}				
			/* cellule couleur violet*/		
			TD.coul_07{
			background-color:#9f44a6;
			width:5px;
			}		
			/* separation colonne*/				
			TD.sep_col{
			background-image:url('/skins/ludres/images/sep_col.gif');
			background-repeat:repeat-y;
			width:12px;
			
			}


/********************************************************* 
	MENU VERTICAL
********************************************************/			


/* fond menu vertical yellow*/				
UL.menu_on {
	background-image:		url('/skins/ludres/images/menu_bg_on.gif');
	background-position:	top right;
	list-style-position: 	outside; /* outside, inside */
	background-repeat:		no-repeat;
	font-size:				11px;
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			24px;
	padding-left:       	25px;
	font-weight: 			bold;
	color:					#717171;
	margin:					0px;
	list-style:				none;
}

/* liens red*/
.link_red:link 	{text-decoration: none;  color: #db0000;}
.link_red:visited 	{text-decoration: none;  color: #2b4a76;}
.link_red:hover 	{text-decoration: none;  color: #2b4a76;}	
			
				
/* Liste a puce de contenu NIV 1 */
UL.menu {
	background-image:		url('/skins/ludres/images/menu_bg.gif');
	background-position:	top right;
	list-style-position: 	outside; /* outside, inside */
	background-repeat:		no-repeat;
	font-size:				11px;
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			24px;
	padding-left:       	25px;
	font-weight: 			bold;
	color:					#717171;
	margin:					0px;
	list-style:				none;
}

/* liens blanc*/
.link_blanc:link 	{text-decoration: none;  color: #fff;}
.link_blanc:visited 	{text-decoration: none;  color: #ffc822;}
.link_blanc:hover 	{text-decoration: none;  color: #ffc822;}	

/* Liste a puce de contenu NIV 2 */
UL.submenu  {
	list-style-image:		url('/skins/ludres/images/puce_01.gif');
	list-style-position: 	outside; /* outside, inside */
	font-size:				11px;
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			20px;
	padding-left:       	5px;
	font-weight: 			normal;
	color:					#717171;
	margin:					0px;
}			
UL.submenu LI{
	border-bottom: 			1px solid #86b5d1;
}


/* ACTUS */

DIV.actuRow {
	display: block;
}

.actuList_image {
	margin: 4px;
}

.actuList_date {
	font-weight: bold;
}

.actu_image {
	margin: 4px;
	margin-right: 16px;
}

.actu_date {
	font-weight: bold;
}

#blason {
	margin-left: 20px;
	margin-top: 5px;
}

#ville_internet {
	margin-right: 20px;
}

P#coordonnees {
	padding-top:10px;
}

#menu_principal_home {
	padding-top: 40px;
	height: 300px;
}

#logo_home {
	padding-top: 78px;
}

DIV#home_pratique {
	float: left;
}
DIV#home_municipale {
	float: left;
	
}
DIV#home_ludres {
	float: left;
}
DIV#home_demarches {
	float: left;
}
DIV#home_culture {
	float: left;
}
DIV#home_forum {
	float: left;
}