/*
td {border: 1px dotted gray
}

div {border: 1px solid orange
}

img, form {border: 1px dashed blue
}

h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow
}

ul {border: 1px solid green
}

li {border: 1px solid lightgreen
}

*/

* { 
	font-family: Arial;
}


/* styles généraux */

html, body, form { 
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}


body{ 
	background-color: #8bb6d8;
}


h1 {font-size: 30px;
	color:#005286;
	font-weight: normal;
	margin: 0px 0px 20px 0;
	
}

h2 {font-size: 16px;
	color:#bed814;
	font-weight: normal;
	margin: 0px 0px 20px 0;
}

h3 {font-size: 14px;
	color:#7b9cc2;
	font-weight: normal;
	margin: 0px 0px 10px 0;
}

h4 {font-size: 12px;
	color:#bed814;
	font-weight: bold;
	  margin: 0px 0px 10px 0;
}

p { 
	margin:  0px 0px 10px 0;
	font-size: 12px;
	
}

a { 
	font-size: 12px;
	color:#005286;
	text-decoration: none;
	border-bottom: 1px dotted #005286;
}

a:hover { 
	font-size: 12px;
	color:#bed814;
	text-decoration: none;
	border-bottom: 1px solid #bed814;
}

li { 
	font-size: 12px;
	
}

ul { 
	margin: 0px 0px 10px 0;
	padding: 0;
}

ul li { 
	margin:  0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	list-style-image: url('../images/puce-list.gif');
}

ol { 
	margin: 0px 0px 10px 0;
	padding: 0;
}

ol li { 
	margin:  0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	
}

tt { 
	margin: 5px 0px 5px 0px ;
	font-size: 9px;
	display: block
}

address { 
	font-size: 14px;
	font-style: italic;
	text-align: right
}



/* page classique */


/* layout */
div.thebody { 
	height:100%;
	
}
hr{ color: #b1d312; height: 1px}
.texte{ font-family: Arial; font-size:12px}
.titreGrille{font-family: Arial; font-size:12px; color:#b1d312}
.bouton  {border: transparent 0px none; background: url('../images/button.gif') top right; color: #ffffff; font-weight: bold; }

		div.thebody div.page { 
			width:1010px;
			margin: 0px auto 0px auto;
			background-color: #ffffff;
			border-left: solid 1px #273861;
			border-right: solid 1px #273861;
			height: 100%;
		}


/* zone d'entête */
div.thebody div.head { 
	background: #ffffff url('../images/header.gif') no-repeat;
	height:225px;
	
}


/* Retour */
div.thebody div.utils { 
	 color: white;
	position: absolute;
	padding:85px 0px 0px 15px;
}

		div.thebody div.utils span { 
			font-size: 11px;
			padding: 0px 5px 0px 0;
			color: white;
			border-right: solid 1px #ffffff;
			
		}
			
			div.thebody div.utils a { 
				font-size: 11px;
				color: #8FB9E3;
				border:none;
				
			}
			
			div.thebody div.utils a:hover { 
				font-size: 11px;
				color:#ffffff;
				border:none;
				
			}


/* Search */
div.thebody div.search { 
	color: white;
	position: absolute;
	padding:40px 0px 0px 15px;
	
}

		div.thebody div.search span.word { 
			position: absolute;
			padding:0px 0px 0px 5px;
			
		}
		
			div.thebody div.search span.word input.word { 
				font-size: 12px;
				color: #003354;
				border: none 0px transparent;
				background-color: transparent;
				width: 140px;
				height: 20px;
				
			}
			
				div.thebody div.search span.button { 
					position: absolute;
					padding:0px 0px 0px 150px;
					
				}
				
					div.thebody div.search span.button a { 
						text-decoration: none;
						border: none 0px transparent;
					}
					
					div.thebody div.search span.button a img.button { 
						font-size: 11px;
						color: white;
						border: none 0px transparent;
						width: 40px;
						height: 20px;
					}

/* chemin d'accès */
div.thebody div.path { 
	position: absolute;
	top: 125px;
	margin:0px 0px 0px 15px;
}

		div.thebody div.path a { 
			border: none;
			font-size: 12px;
			color: #005286;
			background: url('../images/puce-path-out.gif') no-repeat 0px center;
			padding: 0px 20px 0px 20px;
			text-decoration: none;
		}
		
			div.thebody div.path a:hover { 
				color: #bed814;
				text-decoration: none;
			}
			
			div.thebody div.path a.selected { 
				border: none;
				font-size: 12px;
				color:#bed814;
				background: url('../images/puce-path-over.gif') no-repeat 0px center;
				padding: 0px 20px 0px 20px;
				text-decoration: none;
			}

/* menu */
div.thebody div.menu { 
	width:220px;
	position: absolute;
	top: 235px;
	margin:0px 0px 0px 15px;
}

		div.thebody div.menu ul { 
			margin: 0;
			padding: 0;
		}
		
			div.thebody div.menu ul li { 
				margin: 0px 0px 5px 0;
				padding: 0;
				list-style-type: none;
				list-style-image: none;
			}
			
				div.thebody div.menu a { 
					 display: block;
					border: none;
					color: #005286;
					font-size: 14px;
					background: url('../images/puce-menu-out.gif') no-repeat 0px 2px;
					padding: 0px 20px 0px 20px;
					text-decoration: none;
				}
				
					div.thebody div.menu a:hover,
					div.thebody div.menu a.selected { 
						display: block;
						border: none;
						color:#bed814;
						font-size: 14px;
						background: url('../images/puce-menu-over.gif') no-repeat 0px 2px;
						padding: 0px 20px 0px 20px;
						text-decoration: none;
					}


/* Retour */
div.thebody div.retour { 
	 color: white;
	position: absolute;
	padding:5px 0px 0px 15px;
}

		div.thebody div.retour span { 
			font-size: 11px;
			padding: 0px 5px 0px 0;
			color: white;
			border-right: solid 1px #ffffff;
			
		}
		
			div.thebody div.retour a { 
				font-size: 11px;
				color: #8FB9E3;
				border:none;
				
			}
			
				div.thebody div.retour a:hover { 
					font-size: 11px;
					color:#ffffff;
					border:none;
					
				}
				
			div.thebody div.retour a.ordre { 
				font-size: 11px;
				color: #8FB9E3;
				border:none;
				
			}
			
				div.thebody div.retour a.ordre:hover { 
					font-size: 11px;
					color:#ffffff;
					border:none;
				}


/* boutons */
div.thebody div.boutons { 
	position: absolute;
	top: 150px;
	margin:0px 0px 0px 250px;
}

		div.thebody div.boutons a.print { 
			background: url('../images/print.gif') no-repeat 0px 0;
			width: 32px;
			height: 32px;
			display: inline-block;
			border: none;
			margin-right: 10px;
		}
		
		div.thebody div.boutons a.save { 
			 background: url('../images/save.gif') no-repeat 0px -7px;
			width: 32px;
			height: 32px;
			display: inline-block;
			border: none;
		}
	

/* contenu */
div.thebody div.content {width:1010px;
	background-color: #ffffff;
	
}


/* zone texte */
div.thebody div.text {
	margin:0px 0px 0px 250px;
	padding-right: 20px;
	height: 100%;
	background-color: #ffffff;
}


/* zone de pied */
div.thebody div.foot { 
	color: #003385;
	border-top: 1px solid #bed814;
	margin: 20px 0px 50px 0;
	padding:10px 0px 0px 0;
	font-size: 10px
}
		
		div.thebody div.foot a { 
			color: #b1d312;
			font-size: 10px;
			border: none;
		}
			
			div.thebody div.foot a:hover { 
				color: #0071b8;
				font-size: 10px;
				border: none;
			}
		

/* zone de pied */
div.thebody div.actu { 
	z-index:99;
	background-color:#ffffff ;
	font-size: 10px;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 20px;
	border-left: dotted 1px #8FB9E3;
	
}

		div.thebody div.actu .actu_tips { 
			font-size: 12px;
			font-weight: normal;
			color: #000000;
			padding: 10px 10px 10px 10px;
			margin: 0px 0px 0px 0px;
			border-bottom: dotted 1px #8FB9E3;
			
		}
		
		div.thebody div.actu h1 { 
			font-size: 20px;
			font-weight: bold;
			padding: 5px 0px 5px 0px;
			margin: 0px 0px 0px 5px;
			color: #e2007d; /*#cd1423;*/
			/* padding-left: 40px; */
			/* background: url(../images/puce-actu.jpeg) no-repeat; */
			
		}
		
		div.thebody div.actu .titre { 
			font-size: 14px;
			font-weight: bold;
			color: #e2007d; /*#cd1423;*/
			border: none 0px transparent;
			
		}
		
		div.thebody div.actu .date { 
			font-size: 12px;
			font-weight: normal;
			color: #bed814;
			
		}
		



/* page en popup */

/* site classique */


/* layout */
div.thepopup { 
	background-color: #ffffff;font-family: Arial; font-size: 12px
	
}

		div.thepopup div.page { 
			margin: 0px;
			background-color: #ffffff;
			border-left: solid 1px #273861;
			border-right: solid 1px #273861;
			
		}


/* zone d'entête */
div.thepopup div.head { 
	background: #ffffff url('../images/header_popoup.gif') no-repeat;
	height:150px;
	
}


/* Retour */
div.thepopup div.retour { 
	 color: white;
	position: absolute;
	padding:5px 0px 0px 15px;
}
		
		div.thepopup div.retour span { 
			font-size: 11px;
			padding: 0px 5px 0px 0;
			color: white;
			border-right: solid 1px #ffffff;
			
		}
			
			div.thepopup div.retour a { 
				font-size: 11px;
				color: #8FB9E3;
				border:none;
				
			}
			
			div.thepopup div.retour a:hover { 
				font-size: 11px;
				color:#ffffff;
				border:none;
				
			}


/* boutons */
div.thepopup div.boutons { 
	position: absolute;
	top: 90px;
	margin:0px 0px 0px 35px;
}

		div.thepopup div.boutons a.print { 
			background: url('../images/print.gif') no-repeat 0px 0;
			width: 32px;
			height: 32px;
			display: inline-block;
			border: none;
			margin-right: 10px;
		}
		
		div.thepopup div.boutons a.save { 
			 background: url('../images/save.gif') no-repeat 0px -7px;
			width: 32px;
			height: 32px;
			display: inline-block;
			border: none;
			
		}


/* contenu */
div.thepopup div.content {width:100%;
	height:100%;
	background-color: #ffffff;
	
}


/* zone texte */
div.thepopup div.text { 
	margin:0px 40px 0px 40px;
	background-color: #ffffff;
}


/* zone de pied */
div.thepopup div.foot { 
	color: #003385;
	border-top: 1px solid #bed814;
	margin: 20px 0px 50px 0;
	padding:10px 0px 0px 0;
	font-size: 10px
}
		
		div.thepopup div.foot a { 
			color: #b1d312;
			font-size: 10px;
			border: none;
		}
		
		div.thepopup div.foot a:hover { 
			color: #0071b8;
			font-size: 10px;
			border: none;
		}
		
		
.foot img { padding-right:10px; }