/*-----------------------------------
 * LATERREMONAVENIR
 * réalisé par SQLI
 * Création : 27.10.2008
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/

body {
  	margin: 0; padding: 0;
	font-family: Verdana, Helvetica, sans-serif; font-size: 62.5%;
 	background: #B2B1A8 url('../images/fond.gif') repeat-x top left ! important;
	behavior: url('./css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}
img, div, h1, a, p {
	behavior: url('./css/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */
	border: none;
}
* {
	margin: 0; padding: 0;
}
div, li {
	_height: 1%;
}
br.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 1px;
}
span.clear {
	font-size: 1px;
}

/*-------------------------
 * PAGE
 *-------------------------*/
 div#page {
 	margin: 0px auto 0px auto; padding: 0;
 	width: 990px;
 }
 div#inner {
 	clear: both;
 	position: relative;
 	margin: 0; padding: 3px;
 	background: #ffffff;
 }
 		div#inner div.bbl,
 		div#inner div.bbr,
 		div#inner div.btl,
 		div#inner div.btr {
 			display: block;
 			margin: 0; padding: 0;
 			width: 5px; height: 5px;
 			font-size: 0.1em; line-height: 0.1em;
 		}
 		div#inner div.bbl { position: absolute; bottom: 0px; left: 0px; background: url('../images/bbl.gif') no-repeat top left; }
 		div#inner div.bbr { position: absolute; bottom: 0px; right: 0px; background: url('../images/bbr.gif') no-repeat top left; }
 		div#inner div.btl { position: absolute; top: 0px; left: 0px; background: url('../images/btl.gif') no-repeat top left; }
 		div#inner div.btr { position: absolute; top: 0px; right: 0px; background: url('../images/btr.gif') no-repeat top left; }
 		
 		div#inner div.navigation {
		 	clear: both;
		 	position: relative;
		 	margin: 2px 0px 0px 0px; padding: 0px 5px 0px 10px;
	 		height: 2.4em;
		 	background: #A7CB00;
		 }
		 	 div#inner div.navigation div.nbbl,
		 	 div#inner div.navigation div.nbbr,
		 	 div#inner div.navigation div.nbtl,
		 	 div#inner div.navigation div.nbtr {
		 			display: block;
		 			margin: 0; padding: 0;
		 			width: 4px; height: 4px;
		 			font-size: 0.1em; line-height: 0.1em;
		 	 }
			 div#inner div.navigation div.nbbl { position: absolute; bottom: 0px; left: 0px; background: url('../images/nav-bbl.gif') no-repeat top left; }
	 		 div#inner div.navigation div.nbbr { position: absolute; bottom: 0px; right: 0px; background: url('../images/nav-bbr.gif') no-repeat top left; }
	 		 div#inner div.navigation div.nbtl { position: absolute; top: 0px; left: 0px; background: url('../images/nav-btl.gif') no-repeat top left; }
	 		 div#inner div.navigation div.nbtr { position: absolute; top: 0px; right: 0px; background: url('../images/nav-btr.gif') no-repeat top left; }
	 		 
	 		 div#inner div.navigation ul {
	 		 		margin: 0; padding: 0;
	 		 }
	 		 div#inner div.navigation ul li {
	 		 		display: inline;
	 		 		margin: 0; padding: 0;
	 		 		list-style: none;
	 		 }
	 		 div#inner div.navigation ul li a,
	 		 div#inner div.navigation ul li a:link,
	 		 div#inner div.navigation ul li a:visited{
	 		 		float: left;
	 		 		display: block;
	 		 		padding: 0; padding: 0px 15px 0px 15px;
	 		 		line-height: 2em; height: 2em;
	 		 		font-size: 1.2em; font-weight: bold;
	 		 		color: #ffffff;
	 		 		background: #A7CB00;
	 		 		text-transform: uppercase; text-decoration: none;
	 		 }
	 		 div#inner div.navigation ul li a:hover { }
 
/*-------------------------
 * HEADER
 *-------------------------*/
 div#header {
 	margin: 0; padding: 0;
 }
 	div#header h1 {
 		float: left;
		display: block;
	 	margin: 10px 0px 5px 0px; padding: 0;
		overflow: hidden;
		width: 282px; height: 19px;
	 	font-size: 1.4em;
		color: #ffffff;
		background: url('../images/ltma.gif') no-repeat top left;
		text-decoration: none;
	}
			div#header h1 a,
			div#header h1 a:link,
			div#header h1 a:visited {
					display: block;
					width: 282px; height: 19px;
					text-indent:-100em;
			}
			
	div#header div.panel {
		float: right;
		margin: 0; padding: 10px 90px 5px 0px;
		width: 215px;
	}
	div#header div.panel label {
		margin: 0px 5px 0px 0px; padding: 0;
		font-size: 1.1em;
		color: #A6004D;
	}
	div#header div.panel input.txt {
		margin: 0; padding: 2px;
		width: 105px;
		font-size: 1.1em;
		color: #585753;
		border-top: none; border-left: none;
		border-bottom: 1px solid #A2A29A; border-right: 1px solid #A2A29A;
	}
	div#header div.panel input.sbmt {
		margin: 0; padding: 0px 0px 1px 0px;
		width: 27px; height: 16px;
		font-size: 1em;
		color: #ffffff;
		background: url('../images/btn-sbmt.gif') no-repeat top left;
		border: none;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
	}
	div#header div.panel input.sbmt:hover {
		background: url('../images/btn-sbmt.gif') no-repeat bottom left;
	}
	
/*-------------------------
 * COLONNE DROITE :
 *-------------------------*/
 div#colonne-droite {
 		float: right;
 		margin: 30px 0px 0px 0px; padding: 0;
 		width: 289px;
 }
 		div#colonne-droite div.ban {
 			margin: 0px 0px 10px 0px; padding: 0;
 		}
 				div#colonne-droite div.ban img {
		 			margin: 0px 0px 0px 0px; padding: 0;
		 		}
		 		div#colonne-droite div.ban-slide {
		 			margin: 0px 0px 20px 0px; padding: 0;
		 		}
		 		div#colonne-droite div.ban-item {}
		 		div#colonne-droite div.ban ul {
		 			float: right;
		 			margin-top: 1px;
		 		}
		 		div#colonne-droite div.ban li {
		 			display: inline;
		 			margin: 0; padding: 0;
		 		}
		 		div#colonne-droite div.ban li a,
		 		div#colonne-droite div.ban li a:link,
		 		div#colonne-droite div.ban li a:visited {
		 			display: block; float: left;
		 			margin: 0px 1px 0px 0px; padding: 0px 2px 0px 2px;
		 			height: 1.4em; line-height: 1.4em;
		 			color: #ffffff;
		 			background: #BABAB2;
		 			text-decoration: none;
		 		}
		 		div#colonne-droite div.ban li a.current,
		 		div#colonne-droite div.ban li a.current:link,
		 		div#colonne-droite div.ban li a.current:visited,
		 		div#colonne-droite div.ban li a:hover {
		 			background: #A6004D;
		 		}
		 		
 		div#colonne-droite div.blog {
 				margin: 0px 0px 10px 0px; padding: 0;
 				background: url('../images/droite-blog-middle.gif') repeat-y top left;
 		}
 		div#colonne-droite div.blog-inner {
 				padding: 0px 0px 10px 0px;
 				background: url('../images/droite-blog.gif') no-repeat bottom left;
 		}
 		div#colonne-droite div.blog-inner h2 {
 				margin: 0; padding: 0;
 				overflow: hidden;
 				height: 2.7em;
 				font-size: 1.3em;
 				color: #A6004D;
 				background: url('../images/direct-blogs.gif') no-repeat top left;
 				text-indent: -100em;
 		}
 		div#colonne-droite div.blog-inner ul {
 				margin: 0px 15px 0px 15px; padding: 0;
 		}
 		div#colonne-droite div.blog-inner ul li {
 				margin: 0; padding: 0px 0px 5px 0px;
 				font-size: 1.1em;
 				color: #424242;
 				list-style: none;
 		}
 		div#colonne-droite div.blog-inner ul li.frst {
 				margin-bottom: 15px;
 				font-size: 1.2em;
 		}
 		div#colonne-droite div.blog-inner ul li img.visuel {
 				float: right;
 				margin: 0px 0px 5px 20px;
 		}
 		div#colonne-droite div.blog-inner ul li strong {
 				font-weight: bold;
 				color: #A6004D;
 		}
 		div#colonne-droite div.blog-inner ul li a,
 		div#colonne-droite div.blog-inner ul li a:link,
 		div#colonne-droite div.blog-inner ul li a:visited {
 				color: #424242;
 				text-decoration: none;
 		}
 		div#colonne-droite div.blog-inner ul li a:hover {
 				color: #A6004D;
 		}
 		
 		div#colonne-droite div.blog-inner p.blogs {
 				margin: 10px 10px 0px 15px; padding: 0;
 				font-size: 1.1em; font-weight: bold; line-height: 2em;
 				color: #ffffff;
 				background: url('../images/btn-blogs.gif') no-repeat top left;
 		}
 		div#colonne-droite div.blog-inner p.blogs a,
 		div#colonne-droite div.blog-inner p.blogs a:link,
 		div#colonne-droite div.blog-inner p.blogs a:visited {
 				display: block;
 				padding-left: 10px; padding-right: 10px;
 				color: #ffffff;
 				text-decoration: none;
 		}
 		div#colonne-droite div.blog-inner p.blogs span {
 				float: right;
 				display: block;
 				width: 16px; height: 20px;
 				margin-right: 0px;
 				background: url('../images/btn-blogs-hover.gif') no-repeat top left;
 		}
 		div#colonne-droite div.blog-inner p.blogs a:hover { }
	
	
	
/*-------------------------
 * COLONNE centre :
 *-------------------------*/
 div#colonne-centre {
 		float: right;
 		margin: 18px 5px 0px 0px; padding: 0;
 		width: 256px;
 }
 		div#colonne-centre div.remonte {
 				margin: 0; padding: 0;
 				background: #ffffff url('../images/event-middle.gif') repeat-y top left;
 		}
 		div#colonne-centre div.remonte div.remonte-inner {
 				margin: 0; padding: 0;
 				background: url('../images/event-top.gif') no-repeat top left;
 		}
 		div#colonne-centre div.remonte div.remonte-inner-bottom {
 				margin: 0; padding: 20px 20px 20px 20px;
 				background: url('../images/event-bottom.gif') no-repeat bottom left;
 		}
 		div#colonne-centre div.remonte h2 {
 				margin: 0px 0px 15px 0px; padding: 0;
 				font-size: 1.3em; font-weight: normal;
 				color: #A6004D;
 		}
 				div#colonne-centre div.remonte h2.evenements {
 						overflow: hidden;
 						width: 115px; height: 19px;
 						background: url('../images/evenements.gif') no-repeat top left;
 						text-indent: -100em;
 				}
 				div#colonne-centre div.remonte h2.actualites {
 						overflow: hidden;
 						width: 104px; height: 20px;
 						background: url('../images/actualites.gif') no-repeat top left;
 						text-indent: -100em;
 				}
 		
 		div#colonne-centre div.remonte hr {
 				margin: 25px 0px 15px 0px; padding: 0;
 				color: #ffffff; background: #ffffff;
 				border: none; border-top: 1px solid #D1D0CF;
 		}
 				
 		div#colonne-centre div.remonte ul,
 		div#colonne-centre div.remonte dl {
 				margin: 0; padding: 0;
 				list-style: none;
 		}
 		div#colonne-centre div.remonte dt,
 		div#colonne-centre div.remonte dd,
 		div#colonne-centre div.remonte li {
 				margin: 0px 0px 15px 0px; padding: 0;
 				font-size: 1.1em;
 				color: #585753;
 		}
 		div#colonne-centre div.remonte dt {
 				margin-bottom: 2px;
 		}
 		div#colonne-centre div.remonte dd a,
 		div#colonne-centre div.remonte dd a:link,
 		div#colonne-centre div.remonte dd a:visited,
 		div#colonne-centre div.remonte li a,
 		div#colonne-centre div.remonte li a:link,
 		div#colonne-centre div.remonte li a:visited {
 				color: #585753;
 				text-decoration: none;
 		}
 		div#colonne-centre div.remonte dd a:hover,
 		div#colonne-centre div.remonte li a:hover {
 				color: #A6004D;
 		}
 		div#colonne-centre div.remonte p.lnk {
 				margin: 15px 0px 10px 0px; padding: 0;
 				font-size: 1em; font-weight: bold;
 				color: #A6004D;
 		}
 		div#colonne-centre div.remonte p.lnk a,
 		div#colonne-centre div.remonte p.lnk a:link,
 		div#colonne-centre div.remonte p.lnk a:visited {
 				color: #A6004D;
 				text-decoration: none;
 		}
 		div#colonne-centre div.remonte p.lnk a:hover {
 				color: #07ABBE;
 		}
	
/*-------------------------
 * COLONNE gauche :
 *-------------------------*/
 div#colonne-gauche {
 		float: left;
 		margin: 18px 0px 0px 8px; padding: 0;
 		width: 421px;
 }
 		div#colonne-gauche div.choix {
 				margin: 0; padding: 0px 15px 0px 10px;
 				background: url('../images/gauche-metier.gif') no-repeat bottom left;
 		}
 		div#colonne-gauche div.choix hr {
 				margin: 10px 0px 10px 0px; padding: 0;
 				color: #ffffff; background: none;
 				border: none; border-top: 1px solid #ffffff;
 		}
 		div#colonne-gauche div.choix h1 {
 				margin: 0; padding: 0;
 				width: 261px; height: 48px;
 				overflow: hidden;
 				background: url('../images/metier-davenir.gif') no-repeat top left;
 				text-indent: -100em;
 		}
 		div#colonne-gauche div.choix img.visuel {
 				float: right;
 				margin-top: 25px;
 		}
 		div#colonne-gauche div.choix img.depliants {
 				float: left;
 		}
 		div#colonne-gauche div.choix p {
 				margin: 0px 0px 0px 5px; padding: 0;
 				width: 255px;
 				font-size: 1.2em;
 				color: #585753;
 		}
 		div#colonne-gauche div.choix ol {
 				margin: 10px 0px 0px 30px; padding: 0;
 		}
 		div#colonne-gauche div.choix ol li {
 				margin: 0; padding: 0px 0px 0px 5px;
 				line-height: 2.1em;
 				font-size: 1.2em; font-weight: bold;
 				color: #ffffff;
 				background: url('../images/puce-rose.gif') no-repeat center left;
 				list-style: none;
 		}
 		div#colonne-gauche div.choix ol li a,
 		div#colonne-gauche div.choix ol li a:link,
 		div#colonne-gauche div.choix ol li a:visited {
 				margin-left: 8px;
 				color: #A6004D;
 				text-decoration: none;
 		}
 		div#colonne-gauche div.choix ol li a:hover {
 				color: #585753;
 		}
 		div#colonne-gauche div.choix div.video {
 				float: left;
 				margin-left: 10px;
 				width: 200px;
 		}
 				div#colonne-gauche div.choix div.video h2 {
 						margin: 0; padding: 0;
 						width: 202px; height: 35px;
 						overflow: hidden;
 						background: url('../images/vous-le-dites.gif') no-repeat top left;
 						text-indent: -100em;
 				}
 				div#colonne-gauche div.choix div.video p {
 						margin: 0px 0px 5px 5px; padding: 0;
 						width: 200px;
 						font-size: 1.1em;
 						color: #585753;
 				}
 				div#colonne-gauche div.choix div.video p.lnk {
 						padding-top: 10px; padding-left: 5px;
 						font-weight: bold;
 						color: #A6004D;
 				}
 				div#colonne-gauche div.choix div.video p.lnk a,
 				div#colonne-gauche div.choix div.video p.lnk a:link,
 				div#colonne-gauche div.choix div.video p.lnk a:visited {
 						color: #A6004D;
 						text-decoration: none;
 				}
 				div#colonne-gauche div.choix div.video p.lnk a:hover {
 						color: #585753;
 				}
	
/*-------------------------
 * BOTTOM
 *-------------------------*/
 div#bottom {
 	margin: 0; padding: 10px 0px 0px 0px;
 }
 	div.rss {
 		float: left;
 		width: 31px; height: 33px;
 		margin: 5px 10px 0px 0px;
 	}
 	div#bottom div.rss a,
 	div#bottom div.rss a:link,
 	div#bottom div.rss a:visited {
 		display: block;
 		overflow: hidden;
 		margin: 0; padding: 0;
 		width: 31px; height: 33px;
 		background: url('../images/rss.gif') no-repeat top left;
 		text-decoration: none; text-indent: -100em;
 	}
 	div#bottom div.logo {
 		float: right;
 		margin: 0; padding: 0;
 	}
 	div#bottom ul {
 		margin: 20px 0px 0px 0px; padding: 0;
 	}
	 	div#bottom ul li {
	 		float: left;
	 		margin: 0px 5px 0px 0px; padding: 0;
	 		font-size: 1em;
		 	color: #ffffff;
		 	list-style: none;
	 	}
	 		div#bottom ul li a,
	 		div#bottom ul li a:link,
	 		div#bottom ul li a:visited {
		 		color: #ffffff;
		 		text-decoration: none;
		 	}
		 	div#bottom ul li a:hover {
		 		text-decoration: underline;
		 	}