/*-----------------------------------
 * 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 */
}
	body.banner {
		background: #ffffff url('../images/fond.gif') repeat-x 0px 95px !important;
	}
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;
}
textarea {
	font-family: Verdana, Helvetica, sans-serif; font-size: 1em;
}
.addthis_toolbox {
  float: right;
  padding: 10px 0px 0px 0px;
  width: 250px; height: 2em;
}

/*-------------------------
 * PAGE
 *-------------------------*/
 div#page {
 	margin: 0px auto 0px auto; padding: 0;
 	width: 990px;
 }
 div#inner {
 	clear: both;
 	position: relative;
 	margin: 0; padding: 3px 3px 80px 3px;
 	background: #ffffff url('../images/fond-interne.gif') no-repeat bottom right;
 }
 div#colonne-gauche {
 	float: left;
 	margin: 5px 0px 10px 10px; padding: 0;
 	width: 660px;
 }
 		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 15px 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 {
	 		 		
	 		 		float: left;
	 		 		display: block;
	 		 		position: relative;
	 		 		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{
	 		 		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.current a:hover { }
	 		 div#inner div.navigation ul li.current a,
	 		 div#inner div.navigation ul li.current a:link,
	 		 div#inner div.navigation ul li.current a:visited {
	 		 		color: #ffffff;
	 		 		background: #CC045F;
	 		 }
	 		 div#inner div.navigation ul ul {
	 		 		display: none;
	 		 		position: absolute; top: 2.3em; left: 0px;
	 		 }
	 		 div#inner div.navigation ul ul li, 
	 		 div#inner div.navigation ul li:hover ul {
	 		 		display: block;
	 		 }
	 		 div#inner div.navigation ul li li {
	 		 		float: none;
	 		 }
	 		 div#inner div.navigation ul li li a,
	 		 div#inner div.navigation ul li li a:link,
	 		 div#inner div.navigation ul li li a:visited {
	 		 		display: block;
	 		 		padding: 0px 20px 0px 20px;
	 		 		font-weight: normal;
	 		 		background: #A6004D;
	 		 		text-transform: none;
	 		 }
	 		 div#inner div.navigation ul li li a:hover {
	 		 		background: #B80E5D;
	 		 }
 
 	div#inner div.ariane {
 		margin: 0px 10px 10px 10px; padding: 0;
 	}
 		div#inner div.ariane ul {
 			display: inline;
 			margin: 0; padding: 0;
 		}
 		div#inner div.ariane ul li {
 			display: inline;
 			margin: 0; padding: 0;
 			color: #717067;
 		}
 		div#inner div.ariane ul li a,
 		div#inner div.ariane ul li a:link,
 		div#inner div.ariane ul li a:visited {
 			color: #717067;
 			text-decoration: none;
 		}
 		div#inner div.ariane ul li a:hover {
 			text-decoration: underline;
 		}
 
/*-------------------------
 * 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;
	}
	
/*-------------------------
 * PARAGRAPHE
 *-------------------------*/
div#colonne-gauche div.texte div.bloc-connecte {
 			margin: 0px 0px 20px 0px; padding: 10px;
 			width: 624px;
 			border: 1px solid #D1D1D1;
 			-moz-border-radius: 5px;
 			text-align: center;
 		}
 			div#colonne-gauche div.texte div.bloc-connecte p {
 				margin: 0; padding: 0;
 				color: #575651;
 			}
 			div#colonne-gauche div.texte div.bloc-connecte p span {
 				font-weight: bold;
 				color: #BD417A;
 				text-transform: uppercase;
 			}
 			div#colonne-gauche div.texte div.bloc-connecte p a,
 			div#colonne-gauche div.texte div.bloc-connecte p a:link,
 			div#colonne-gauche div.texte div.bloc-connecte p a:visited {
 				color: #1AAFBD;
 			}
 			div#colonne-gauche div.texte div.bloc-connecte p a:hover {
 				color: #BD417A;
 			}
 			
 	
 	div#colonne-gauche div.diaporama {
 		float: right;
 		margin: 0px 0px 10px 20px; padding: 0;
 		width: 350px;
 	}
 		div#colonne-gauche div.diaporama div.precedent {
 			float: left;
 			margin: 0px 5px 0px 0px;
 			width: 25px;
 		}
 			div#colonne-gauche div.diaporama div.precedent a,
 			div#colonne-gauche div.diaporama div.precedent a:link,
 			div#colonne-gauche div.diaporama div.precedent a:visited {
 				display: block;
 				width: 25px; height: 230px;
 					overflow: hidden;
 				background: url('../images/fleche-g.gif') no-repeat center right;
 				text-indent: -100em;
 			}
 			div#colonne-gauche div.diaporama div.precedent a:hover {
 				background: url('../images/fleche-g.gif') no-repeat center left;
 			}
 			
 		div#colonne-gauche div.diaporama div.suivant {
 			float: right;
 			margin: 0px 0px 0px 5px;
 			width: 25px;
 		}
 			div#colonne-gauche div.diaporama div.suivant a,
 			div#colonne-gauche div.diaporama div.suivant a:link,
 			div#colonne-gauche div.diaporama div.suivant a:visited {
 				display: block;
 				width: 25px; height: 230px;
 					overflow: hidden;
 				background: url('../images/fleche-d.gif') no-repeat center right;
 				text-indent: -100em;
 			}
 			div#colonne-gauche div.diaporama div.suivant a:hover {
 				background: url('../images/fleche-d.gif') no-repeat center left;
 			}
 		
 		div#colonne-gauche div.diaporama div.diapo {
 			float: left;
 				position: relative;
 				overflow: hidden;
 			width:290px; height: 27em;
 		}
 			div#colonne-gauche div.diaporama div.diapo div.container {
 				position: absolute;
 					top: 0px; left: 0px;
 				width: 1000em;
 			}
 				div#colonne-gauche div.diaporama div.diapo div.container div.photo {
 					float: left;
 					text-align: center;
 				}
		 		div#colonne-gauche div.diaporama div.diapo p {
		 			margin-left: 10px;
		 			width: 280px;
		 			font-size: 1em;
		 			color: #717067;
 					text-align: left;
		 		}
		 		
	div#inner div#colonne-gauche div.rss {
 		float: right;
 		margin: 0px 40px 0px 0px;
 		width: 80px;
 	}
 		div#inner div#colonne-gauche div.rss a,
 		div#inner div#colonne-gauche div.rss a:link,
 		div#inner div#colonne-gauche div.rss a:visited {
 			font-size: 1.1em;
 			color: #717067;
 			text-decoration: none;
 		}
 		div#inner div#colonne-gauche div.rss a:hover {
 			color: #A6004D;
 		}
 		div#inner div#colonne-gauche div.rss img {
 			vertical-align: middle;
 		}

		 		
	div#inner div#colonne-gauche div.resultats {
		clear: both;
 		margin: 0px 0px 15px 0px; padding: 0;
 		width: 646px;
 		background: url('../images/fond-telecharger-middle.gif') repeat-y top left;
 	}
 		div#inner div#colonne-gauche div.resultats div.inner-resultats {
 			margin: 0; padding: 0;
 			background: url('../images/fond-resultats.gif') no-repeat top left;
 		}
 		div#inner div#colonne-gauche div.resultats div.bottom-resultats {
 			margin: 0; padding: 0;
 			background: url('../images/fond-telecharger-bottom.gif') no-repeat bottom left;
 		}
 		div#inner div#colonne-gauche div.resultats h2 {
 			margin: 0px 15px 10px 15px; padding: 10px 0px 0px 0px;
 			font-size: 1.1em;
 			color: #A6004D;
 			text-transform: uppercase;
 		}
 			div#inner div#colonne-gauche div.resultats h2 span {
 				font-weight: normal;
 				text-transform: none;
 			}
 			
 		div#inner div#colonne-gauche div.resultats p {
 			margin: 0px 15px 15px 15px;
 			font-size: 1.1em;
 		}
 		div#inner div#colonne-gauche div.resultats p.lien {
 			margin: 0px 15px 5px 15px;
 			font-weight: bold;
 			color: #1AAFBD;
 		}
 			div#inner div#colonne-gauche div.resultats p.lien a,
 			div#inner div#colonne-gauche div.resultats p.lien a:link,
 			div#inner div#colonne-gauche div.resultats p.lien a:visited {
 				color: #1AAFBD;
 				text-decoration: none;
 			}
 			div#inner div#colonne-gauche div.resultats p.lien a:hover {
 				color: #3D3C36;
 				text-decoration: underline;
 			}

 	
 	div#colonne-gauche div.texte p.thematiques {
 		margin: 0px 30px 2px 0px; padding: 0;
 		color: #3D3C36;
 	}
 		div#colonne-gauche div.texte p.thematiques span {
 			text-transform: uppercase;
 		}
 		
 	div#colonne-gauche div.publication-ssf {
 		margin: 40px 0px 10px 0px; padding: 0;
 	}
 		div#colonne-gauche div.texte img.visuel {
 			float: right;
 			margin: 0px 0px 10px 10px; padding: 0;
 		}
		div#colonne-gauche div.texte div.visuel {
 			float: right;
 			margin: 0px 10px 10px 30px; padding: 0;
 			width: 184px;
 			color: #717067;
 			text-align: center;
 		}
 			div#colonne-gauche div.texte div.visuel p {
 				font-size: 1em;
 				color: #717067;
 			}
	 	div#colonne-gauche div.texte h1 {
	 		margin: 0px 0px 20px 0px; padding: 0;
	 		font-size: 1.1em;
	 		color: #A6004D;
	 		text-transform: uppercase;
	 	}
	 		div#colonne-gauche div.texte h1.min {
	 			margin: 15px 0px 15px 0px;
	 			text-transform: none;
	 		}
	 		div#colonne-gauche div.texte h1 span {
	 			font-weight: normal;
	 			text-transform: none;
	 		}
	 		div#colonne-gauche div.texte div.publication-ssf h1 {
	 			margin-bottom: 4px;
	 		}
	 	div#colonne-gauche div.texte p {
	 		margin: 0px 0px 10px 0px; padding: 0;
	 		font-size: 1.1em;
	 		color: #3D3C36;
	 	}
	 		
	 		div#colonne-gauche div.texte p.dates {
	 			color: #A6004D;
	 		}
	 		div#colonne-gauche div.texte a,
	 		div#colonne-gauche div.texte a:link,
	 		div#colonne-gauche div.texte a:visited {
	 			color: #3D3C36;
	 			text-decoration: underline;
	 		}
	 		div#colonne-gauche div.texte a:hover {
	 			color: #A6004D;
	 		}
	 		div#colonne-gauche div.texte p.intro {
	 			font-weight: bold;
	 		}
	 		div#colonne-gauche div.publication-ssf p.lien {
	 			margin-top: 20px;
	 			color: #1AAFBD;
	 		}
	 			div#colonne-gauche div.publication-ssf p.lien a,
	 			div#colonne-gauche div.publication-ssf p.lien a:link,
	 			div#colonne-gauche div.publication-ssf p.lien a:visited {
	 				font-weight: bold;
	 				color: #1AAFBD;
	 				text-decoration: none;
	 			}
	 			div#colonne-gauche div.publication-ssf p.lien a:hover {
	 				color: #3D3C36;
	 				text-decoration: underline;
	 			}
	
/*-------------------------
 * LISTE
 *-------------------------*/
 	div#colonne-gauche div.publication {
 		margin: 0px 0px 10px 0px; padding: 0;
 		width: 646px;
 		background: url('../images/fond-telecharger-middle.gif') repeat-y top left;
 	}
 		div#colonne-gauche div.publication div.inner-publication {
 			margin: 0; padding: 5px 0px 0px 0px;
 			background: url('../images/fond-publication.gif') no-repeat top left;
 		}
 		div#colonne-gauche div.publication div.bottom-publication {
 			clear: both;
 			margin: 0; padding: 0;
 			background: url('../images/fond-telecharger-bottom.gif') no-repeat bottom left;
 		}
 		div#colonne-gauche div.publication div.visuel {
 			margin-bottom: 0px;
 		}
 		div#colonne-gauche div.publication h1 {
 			margin: 0px 15px 5px 15px; padding: 5px 0px 5px 0px;
 			font-size: 1.1em;
 			color: #A6004D;
 			text-transform: uppercase;
 		}
 		div#colonne-gauche div.publication p {
 			margin: 0px 15px 10px 15px; padding: 0;
 			font-size: 1.1em;
 		}
 		div#colonne-gauche div.publication p.intro {
 			margin: 0px 15px 15px 15px;
 		}
 		div#colonne-gauche div.publication p.lien {
 			margin: 15px 15px 0px 15px;
 			font-weight: bold;
 		}
 		div#colonne-gauche div.publication p.lien a,
 		div#colonne-gauche div.publication p.lien a:link,
 		div#colonne-gauche div.publication p.lien a:visited {
 			color: #1AAFBD;
 			text-decoration: none;
 		}
 		div#colonne-gauche div.publication p.lien a:hover {
		 	color: #3D3C36;
		 	text-decoration: underline;
		}
		
	div.texte div.publications {
	 	margin: 20px 0px 25px 0px; padding: 0;
	 	background: url('../images/border-separator.gif') repeat-y 49% 0%;
	 }
	 
	 	div.texte div.publications img.visuel {
	 		float: right;
	 		margin: 0px 0px 5px 10px;
	 	}
		div#colonne-gauche div.texte div.visuel {
 			float: right;
 			margin: 0px 10px 10px 30px; padding: 0;
 			color: #717067;
 			text-align: center;
 		}
 			div#colonne-gauche div.texte div.visuel p {
 				font-size: 1em;
 				color: #717067;
 			}
	 
	 	div#colonne-gauche div.fiche-publication {
	 		float: left;
	 		margin: 0px 10px 0px 0px; padding-top: 5px; padding-right: 10px;
	 		width: 310px;
	 		background-color: #ffffff;
	 	}
 		div#colonne-gauche div.fiche-publication h1 {
 			margin: 0px 25px 0px 5px; padding: 0;
 			font-size: 1.1em;
 			color: #A6004D;
 			text-transform: uppercase;
 		}
 		div#colonne-gauche div.fiche-publication p {
 			margin: 0px 25px 6px 5px; padding: 0;
 			font-size: 1.1em;
 		}
 		div#colonne-gauche div.fiche-publication p.intro {
 			margin: 10px 25px 15px 5px;
 		}
 		div#colonne-gauche div.fiche-publication p.dates {
 			margin: 0px 25px 0px 5px;
 		}
 		div#colonne-gauche div.fiche-publication p.lien {
 			margin: 15px 25px 40px 5px;
 			font-weight: bold;
 		}
 		div#colonne-gauche div.fiche-publication p.lien a,
 		div#colonne-gauche div.fiche-publication p.lien a:link,
 		div#colonne-gauche div.fiche-publication p.lien a:visited {
 			color: #1AAFBD;
 			text-decoration: none;
 		}
 		div#colonne-gauche div.fiche-publication p.lien a:hover {
		 	color: #3D3C36;
		 	text-decoration: underline;
		}
 			
 	div#colonne-gauche div.navigation-publications {
	 	margin: 20px 40px 20px 0px; padding: 0;
	 	text-align: center;
	 }
	 	div#colonne-gauche div.navigation-publications ul {
		 	margin: 0; padding: 0;
		}
		div#colonne-gauche div.navigation-publications ul li {
			display: inline;
		 	margin: 0; padding: 0;
		 	font-size: 1em;
		 	color: #3D3C36;
		 	list-style: none;
		}
			div#colonne-gauche div.navigation-publications ul li span {
				font-weight: bold;
			}
			div.article div.navigation-publications ul li span.current {
				font-size: 1.1em;
			}
		div#colonne-gauche div.navigation-publications ul li a,
		div#colonne-gauche div.navigation-publications ul li a:link,
		div#colonne-gauche div.navigation-publications ul li a:visited {
		 	color: #3D3C36;
		}
		div#colonne-gauche div.navigation-publications ul li a:hover {
	 		color: #A6004D;
		}
		
/*-------------------------
 * METIERS
 *-------------------------*/
 div#colonne-gauche div#metiers {
 		margin: 20px 0px 20px 0px; padding: 0;
 }
 div#colonne-gauche div#metiers div.bloc-metier {
 		float: left;
 		margin: 0px 15px 15px 0px; padding: 10px;
 		width: 293px; height: 194px;
 		background: url('../images/bloc-secteurs.gif') no-repeat top left;
 }
 		div#colonne-gauche div#metiers div.bloc-metier h2 {
 				margin: 0px 0px 5px 0px; padding: 0;
 				font-size: 1.1em;
 				color: #A6004D;
 				text-transform: uppercase;
 		}
 		div#colonne-gauche div#metiers div.bloc-metier p {
 				margin: 0; padding: 0;
 				font-size: 1.1em;
 				color: #3D3C36;
 	  }
 	  		div#colonne-gauche div#metiers div.bloc-metier p a,
 	  		div#colonne-gauche div#metiers div.bloc-metier p a:link,
 	  		div#colonne-gauche div#metiers div.bloc-metier p a:visited {
 	  				color: #3D3C36;
 	  				text-decoration: none;
 	  		}
 	  		div#colonne-gauche div#metiers div.bloc-metier p a:hover {
 	  				color: #A6004D;
 	  		}
 	  		div#colonne-gauche div#metiers div.bloc-metier img.visuel {
 	  				float: right;
 	  				margin: 0px 0px 5px 15px;
 	  		}
 	  		div#colonne-gauche div#metiers div.bloc-metier img.picto {
 	  				vertical-align: middle;
 	  		}
 	  		div#colonne-gauche div#metiers div.bloc-metier p.lnk {
 	  				margin: 10px 0px 0px 0px;
 	  				font-size: 1em; font-weight: bold;
 	  				color: #1AAFBD;
 	  		}
 	  		div#colonne-gauche div#metiers div.bloc-metier p.lnk a,
 	  		div#colonne-gauche div#metiers div.bloc-metier p.lnk a:link,
 	  		div#colonne-gauche div#metiers div.bloc-metier p.lnk a:visited {
 	  				color: #1AAFBD;
 	  				text-decoration: none;
 	  		}
 	  		div#colonne-gauche div#metiers div.bloc-metier p.lnk a:hover {
 	  				color: #3D3C36;
 	  		}
 
/*-------------------------
 * SONDAGE
 *-------------------------*/
 div#colonne-gauche div.sondages div.sondage-question {
 		position: relative;
 		margin: 0px 0px 20px 0px; padding: 0;
 		width: 643px;
 		background: #058A99 url('../images/fond-sondage.gif') no-repeat top left;
 }
 div#colonne-gauche div.sondages div.sondage-question div.sondage-visuel {
 		display: block;
 		position: absolute; bottom: 0px; right: -20px;
 		margin: 0; padding: 0;
 		width: 183px; height: 231px;
 		background: url('../images/sondage-sil.png') no-repeat top left;
 }
 div#colonne-gauche div.sondages div.sondage-question-inner {
 		padding: 55px 140px 20px 135px;
 	  background: url('../images/fond-sondage-bottom.gif') no-repeat bottom left;
 }
		 div#colonne-gauche div.sondages div.sondage-question fieldset {
		 		border: none;
		 }
		 div#colonne-gauche div.sondages div.sondage-question p.legend,
		 div#colonne-gauche div.sondages div.sondage-question legend {
		 		margin: 0px 0px 10px 0px; padding: 0;
		 		font-size: 1.6em; font-weight: bold;
		 		color: #ffffff;
		 }
		 div#colonne-gauche div.sondages div.sondage-question label {
		 		font-size: 1.1em;
		 		color: #ffffff;	
		 }
		 div#colonne-gauche div.sondages div.sondage-question input.radio {
		 		margin: 0px 5px 5px 0px;
		 		vertical-align: middle;
		 }
		 div#colonne-gauche div.sondages div.sondage-question input.submit {
		 		margin: 10px 0px 5px 75px; padding: 0;
		 		width: 86px; height: 23px;
		 		font-size: 1.4em; font-weight: bold;
		 		color: #A6004D;
		 		background: url('../images/btn-votez.gif') no-repeat top left;
		 		text-align: center; text-transform: uppercase;
		 		border: none;
		 		cursor: hand;
		 		cursor: pointer;
		 }
		 
 div#colonne-gauche div.sondages h1 {
 		margin: 0px 0px 10px 0px; padding: 0;
 		font-size: 1.3em;
 		color: #A6004D;	
 		text-transform: uppercase;
 }
 div#colonne-gauche div.sondages div.sondage {
 		margin: 20px 0px 20px 0px; padding: 0px 10px 5px 0px;
 		border-bottom: 1px solid #D8D8D3;
 }
 div#colonne-gauche div.sondages div.fond-sondage {
 		background: url('../images/fond-sondages.gif') no-repeat bottom right;
 }
 		div#colonne-gauche div.sondages div.sondage h2 {
 				margin: 0px 0px 5px 0px;
 				font-size: 1.4em; font-weight: bold; font-style: italic;
 				color: #3D3C36;
 		}
 		div#colonne-gauche div.sondages div.sondage p {
 				margin: 0px 0px 10px 0px;
 				font-size: 1.1em;
 				color: #3D3C36;
 		}
		 		div#colonne-gauche div.sondages div.sondage p.result {
		 				font-size: 1.1em; font-weight: bold;
		 				color: #07B0C3;
		 		}

 
/*-------------------------
 * BLOG
 *-------------------------*/
 div#colonne-gauche div.blog {
 		margin: 0; padding: 0;
 		width: 644px;
 		background: url('../images/fond-blog-middle.gif') repeat-y top left;
 }
 div#colonne-gauche div.blog div {
 	height: 1%;
 }
 div#colonne-gauche div.blog div.inner-blog {
 		background: url('../images/fond-blog-bottom.gif') no-repeat bottom right;
 }
 div#colonne-gauche div.blog div.inner-blog-top {
 		padding: 10px 15px 10px 10px;
 		background: url('../images/fond-blog.gif') no-repeat top right;
 }
 div#colonne-gauche div.blog h1 {
 	  margin: 0px 0px 15px 0px; padding: 0;
 		font-size: 1.8em;	
 }
 	
	 div#colonne-gauche div.blog p.commentaires {
	 		float: right;
	 		font-size: 1.1em;
	 		color: #058A99;
	 }
	 		div#colonne-gauche div.blog p.commentaires a,
	 		div#colonne-gauche div.blog p.commentaires a:link,
	 		div#colonne-gauche div.blog p.commentaires a:visited {
	 				color: #058A99;
	 				text-decoration: none;
	 		}
	 		div#colonne-gauche div.blog p.commentaires a:hover {
	 			  color: #07B0C3;
	 		}
	 
	 div#colonne-gauche div.blog p.thematiques {
	 		font-size: 1.1em;
	 		color: #3D3C36;
	 }
	 		div#colonne-gauche div.blog p.thematiques span.auteur {
	 				font-size: 1.3em; font-weight: bold;
	 				color: #058A99;
	 	  }
	 
	 div#colonne-gauche div.blog p.tags {
	 		margin-bottom: 20px; padding-bottom: 5px;
	 		font-size: 1.1em;
	 		color: #3D3C36;
	 		border-bottom: 1px solid #C36182;
	 }
	 		div#colonne-gauche div.blog p.tags span.bold { font-weight: bold; text-transform: uppercase; }
	 		
	 div#colonne-gauche div.navigue {
	 		margin: 20px 0px 0px 0px; padding: 0;
	 }
	 		 div#colonne-gauche div.navigue h2 {
	 		 		padding-top: 7px;
	 		 		font-size: 1.1em;
	 		 		color: #A7CB00;	
	 		 		text-transform: uppercase;
	 		 }
	 		 div#colonne-gauche div.navigue ul {
	 		 		margin: 0; padding: 0;
	 		 		list-style: none;
	 		 }
			 		 div#colonne-gauche div.navigue ul li {
			 		 		margin: 0; padding: 0;
			 		 		font-size: 1.1em;
			 		 }
			 		 		div#colonne-gauche div.navigue div.suivant ul li {
			 		 				text-align: right;
			 		 		}
			 		 div#colonne-gauche div.navigue ul li a,
			 		 div#colonne-gauche div.navigue ul li a:link,
			 		 div#colonne-gauche div.navigue ul li a:visited {
			 		 		color: #3D3C36;
			 		 		text-decoration: none;
			 		 }
			 		 div#colonne-gauche div.navigue ul li a:hover {
			 		 		color: #A7CB00;
			 		}
			 div#colonne-gauche div.navigue div.precedent {
			 		float: left;
			 		margin: 0; padding: 0px 0px 0px 0px;
			 		width: 250px; height: 55px;
			 		background: url('../images/nav-blog-l.gif') no-repeat top left;
			 }
			 div#colonne-gauche div.navigue div.suivant {
			 		float: right;
			 		margin: 0; padding: 0px 0px 0px 0px;
			 		width: 250px; height: 55px;
			 		background: url('../images/nav-blog-r.gif') no-repeat top right;
			 }
			 		div#colonne-gauche div.navigue div.suivant h2 {
			 				text-align: right;
			 		}
			 		
			 	div#colonne-gauche div.navigue div.precedent a.lnk,
			 	div#colonne-gauche div.navigue div.suivant a.lnk {
			 			display: block;
			 			width: 33px; height: 54px;
			 			overflow: hidden;
			 			text-indent: -100em;
			 	}
			 	div#colonne-gauche div.navigue div.precedent a.lnk {
			 			float: left;
			 			margin: 0px 10px 0px 0px;
			 	}
			 	div#colonne-gauche div.navigue div.suivant a.lnk{
			 			float: right;
			 			margin: 0px 0px 0px 10px;
			 	}
			 	
	 div#colonne-gauche div#commentaires {
	 		margin: 0; padding: 20px 0px 0px 0px;
	 }
	 		div#colonne-gauche div#commentaires h2 {
	 				margin: 0; padding: 0;
	 				width: 100%; height: 3.5em;
	 				overflow: hidden;
	 				font-size: 1em;
	 				background: url('../images/commentaires.gif') no-repeat top left;
	 				text-indent: -100em;
	 		}
	 		div#colonne-gauche div#commentaires div.separator {
	 				margin: 10px 0px 10px 0px; padding: 0;
	 				background: url('../images/commentaires-bottom.gif') no-repeat top left;
	 		}
	 		div#colonne-gauche div#commentaires div.commentaire {
	 				position: relative;
	 				margin: 0; padding: 10px;
	 				width: 626px;
	 		}
	 		div#colonne-gauche div#commentaires div.commentaire span {
	 				color: #A6004D;
	 		}
	 		div#colonne-gauche div#commentaires div.commentaire span.auteur {
	 				font-size: 1.2em; font-weight: bold;
	 				color: #058A99;
	 		}
	 		
	 		div#colonne-gauche div#commentaires div.commentaire-alternate {
	 				background: #ECEBE9;
	 		}
	 		div#colonne-gauche div#commentaires div.commentaire div.nbbl { position: absolute; bottom: 0px; left: 0px; }
	 		div#colonne-gauche div#commentaires div.commentaire div.nbbr { position: absolute; bottom: 0px; right: 0px; }
	 		div#colonne-gauche div#commentaires div.commentaire div.nbtl { position: absolute; top: 0px; left: 0px; }
	 		div#colonne-gauche div#commentaires div.commentaire div.nbtr { position: absolute; top: 0px; right: 0px; }
	 		div#colonne-gauche div#commentaires div.commentaire-alternate div.nbbl { background: url('../images/blog-bbl.gif') no-repeat bottom left; }
	 		div#colonne-gauche div#commentaires div.commentaire-alternate div.nbbr { background: url('../images/blog-bbr.gif') no-repeat bottom right; }
	 		div#colonne-gauche div#commentaires div.commentaire-alternate div.nbtl { background: url('../images/blog-btl.gif') no-repeat top left; }
	 		div#colonne-gauche div#commentaires div.commentaire-alternate div.nbtr { background: url('../images/blog-btr.gif') no-repeat top right; }
		
	div#colonne-gauche div#avis {
	   clear: right;
			margin: 0px 0px 100px 0px; padding: 0;
	}
 	div#colonne-gauche div#avis div.inner-avis {
			background: url('../images/avis-middle.gif') repeat-y top left;
 	}
 	div#colonne-gauche div#avis div.inner-avis-bottom {
 		background: url('../images/avis-bottom.gif') no-repeat bottom left;
 	}
 	div#colonne-gauche div#avis div.inner-avis-top {
 		padding: 15px 15px 10px 10px;
 		background: url('../images/avis-top.gif') no-repeat top left;
 	}
	div#colonne-gauche div#avis h2 {
			margin: 0; padding: 0;
			overflow: hidden;
			width: 100%; height: 2em;
			font-size: 1em; line-height: 2em;
			color: #A6004D;
			background: url('../images/donne-ton-avis.gif') no-repeat top left;
			text-indent: -100em;
	}
	div#colonne-gauche div#avis label {
			float: left;
			margin: 0px 5px 5px 0px;
			width: 160px;
			font-size: 1.3em;
			color: #3D3C36;
	}
	div#colonne-gauche div#avis input.txt {
			margin: 0px 0px 2px 0px;
			width: 400px;
			padding: 1px;
			border: 1px solid #BA447A;
	}
	div#colonne-gauche div#avis textarea {
			margin: 0px 0px 5px 0px;
			width: 565px; height: 8em;
			padding: 1px;
			font-size: 1.1em;
			border: 1px solid #BA447A;
	}
	div#colonne-gauche div#avis input.sbmt {
			margin: 10px 0px 10px 300px;
	}
		
/*-------------------------
 * COLONNE DE DROITE
 *-------------------------*/
 div#colonne-droite {
 	float: right;
 	margin: 5px 0px 10px 0px; padding: 0;
 	width: 300px;
 }
 		div#colonne-droite div.ban {
 			margin: 0px 0px 10px 5px; padding: 0;
 		}
 				div#colonne-droite div.ban img {
		 			margin: 0px 0px 10px 0px; padding: 0;
		 		}
		 		
		div#colonne-droite div.choix {
 				margin: 0; padding: 0px 0px 5px 0px;
 				background: url('../images/metier-davenir-bottom.gif') no-repeat bottom left;
 		}
 		div#colonne-droite div.choix hr {
 				margin: 10px 0px 10px 0px; padding: 0;
 				color: #ffffff; background: none;
 				border: none; border-top: 1px solid #ffffff;
 		}
 		div#colonne-droite div.choix h1 {
 				margin: 0; padding: 0;
 				width: 289px; height: 50px;
 				overflow: hidden;
 				background: url('../images/metier-davenir-small.gif') no-repeat top left;
 				text-indent: -100em;
 		}
 		div#colonne-droite div.choix img.depliants {
 				float: left;
 		}
 		div#colonne-droite div.choix p {
 				margin: 0px 15px 0px 15px; padding: 0;
 				font-size: 1.1em;
 				color: #585753;
 		}
 		div#colonne-droite div.choix ol {
 				margin: 10px 10px 20px 20px; padding: 0;
 				background: url('../images/metier-davenir-cercle-small.gif') no-repeat top right;
 		}
 		div#colonne-droite div.choix ol li {
 				margin: 0; padding: 0px 0px 0px 5px;
 				line-height: 2.1em;
 				font-size: 1em; font-weight: bold;
 				color: #ffffff;
 				background: url('../images/puce-rose-2.gif') no-repeat center left;
 				list-style: none;
 		}
 		div#colonne-droite div.choix ol li a,
 		div#colonne-droite div.choix ol li a:link,
 		div#colonne-droite div.choix ol li a:visited {
 				margin-left: 5px;
 				color: #A6004D;
 				text-decoration: none;
 		}
 		div#colonne-droite div.choix ol li a:hover {
 				color: #585753;
 		}
 		
 	div#colonne-droite div.interractif {
 		margin: 0px 0px 20px 5px; padding: 15px 8px 10px 8px;
 		width: 273px;
 		background: url('../images/fond-interractif.gif') no-repeat top left;
 	}
 	
 	  div#colonne-droite div.interractif ul {
 			margin: 0px 0px 15px 10px; padding: 0;
 		}
 		div#colonne-droite div.interractif ul li {
 			margin: 0px 0px 2px 0px; padding: 0;
 			font-size: 1.1em;
 			color: #3D3C36;
 			list-style: none;
 		}
 			div#colonne-droite div.interractif ul li a,
 			div#colonne-droite div.interractif ul li a:link,
 			div#colonne-droite div.interractif ul li a:visited {
 				color: #3D3C36;
 				text-decoration: none;
 			}
 			div#colonne-droite div.interractif ul li a:hover {
 				color: #A6004D;
 				text-decoration: underline;
 			}
 			
 		div#colonne-droite div.interractif h2 {
 			margin: 0px 0px 10px 25px; padding: 0;
 			overflow:hidden;
 			font-size: 1.5em;
 			color: #A6004D;
 			background: url('../images/titre-interractif.gif') no-repeat top left;
 			text-indent: -100em;
 		}
 		div#colonne-droite div.interractif p {
 			margin: 0px 0px 15px 0px; padding: 0;
 			font-size: 1.1em;
 			color: #717067;
 		}
 		div#colonne-droite div.interractif p span {
 			font-size: 1.2em;
 		}
 		div#colonne-droite div.interractif p a,
 		div#colonne-droite div.interractif p a:link,
 		div#colonne-droite div.interractif p a:visited {
 			color: #A6004D;
 			text-decoration: none;
 		}
 		div#colonne-droite div.interractif p a:hover {
 			color: #717067;
 		}
 		div#colonne-droite div.interractif p.btn {
 			margin: 0; padding: 0;
 		}
 			div#colonne-droite div.interractif p.btn a,
 			div#colonne-droite div.interractif p.btn a:link,
 			div#colonne-droite div.interractif p.btn a:visited {
 				display: block;
 					float: right; margin-right: 75px;
 				width: 128px; height: 26px;
 				line-height: 2em;
 				font-size: 0.9em; font-weight: bold;
 				color: #ffffff;
 				background: url('../images/btn-connect.gif') no-repeat top left;
 				text-decoration: none; text-align: center;
 			}
 			div#colonne-droite div.interractif p.btn a:hover {
 				color: #A6004D;
 			}
 			
  div#colonne-droite div.thematiques {
 		margin: 0px 0px 20px 0px; padding: 0;
 		width: 300px;
 	}
 			div#colonne-droite div.thematiques div.inner-thematiques {
 					margin: 0; padding: 0;
 					background: url('../images/fond-thematique.gif') no-repeat top left;
 			}
 			div#colonne-droite div.thematiques div.inner-thematiques-bottom {
 					margin: 0; padding: 0px 0px 20px 0px;
 					background: url('../images/fond-thematique-bottom.gif') no-repeat bottom left;
 			}
 			div#colonne-droite div.thematiques h2 {
 					margin: 0px 0px 5px 0px; padding: 0;
 					overflow: hidden;
 					width: 100%; height: 3.2em;
 					font-size: 1em;
 					background: url('../images/titre-thematique.gif') no-repeat top left;
 					text-indent: -100em;
 			}
 			div#colonne-droite div.thematiques ul {
 					margin: 0px 15px 0px 15px; padding: 0;
 			}
		 			div#colonne-droite div.thematiques ul li {
		 					clear: both;
		 					margin: 0px 0px 3px 0px; padding: 0;
		 					font-size: 1em;
		 					color: #929188;
		 					text-transform: uppercase;
		 					list-style: none;
		 			}
		 			div#colonne-droite div.thematiques ul li.current {
		 					color: #42423D;
		 			}
		 			div#colonne-droite div.thematiques ul li span {
		 					float: right;
		 			}
		 			div#colonne-droite div.thematiques ul li a,
		 			div#colonne-droite div.thematiques ul li a:link,
		 			div#colonne-droite div.thematiques ul li a:visited {
		 					color: #929188;
		 					text-decoration: none;
		 			}
		 			div#colonne-droite div.thematiques ul li.current a,
		 			div#colonne-droite div.thematiques ul li.current a:link,
		 			div#colonne-droite div.thematiques ul li.current a:visited {
		 					color: #42423D;
		 			}
		 			div#colonne-droite div.thematiques ul li a:hover,
		 			div#colonne-droite div.thematiques ul li.current a:hover {
		 					color: #A6004D;
		 			}
		 			
	div#colonne-droite div.messages {
 		margin: 0px 0px 10px 5px; padding: 0;
 		width: 290px;
 	}
 		div#colonne-droite div.messages div.separator {
 			margin: 0; padding: 0;
 			width: 100%; height: 1.5em;
 			font-size: 1em;
 		}
 			div#colonne-droite div.vert div.separator { background: url('../images/separator-vert.gif') no-repeat top left; }
 			div#colonne-droite div.bleu div.separator { background: url('../images/separator-bleu.gif') no-repeat top left; }
 			div#colonne-droite div.magenta div.separator { background: url('../images/separator-magenta.gif') no-repeat top left; }
 			
 		div#colonne-droite div.messages h2 {
 					margin: 0px 0px 5px 5px;
 					font-size: 1.2em; font-weight: bold;
 					color: #42423D;
 					text-transform: uppercase;
 		}
 				div#colonne-droite div.vert h2 {
 						color: #A7CB00;
 				}
 				div#colonne-droite div.magenta h2 {
 						color: #A6004D;
 				}
 				div#colonne-droite div.bleu h2 {
 						color: #058A99;
 				}
 		
 		div#colonne-droite div.messages ul {
 			margin: 0; padding: 0px 0px 0px 5px;
 		}
 		div#colonne-droite div.messages ul li {
 			margin: 0px 0px 5px 0px; padding: 0;
 			font-size: 1.1em;
 			color: #3D3C36;
 			list-style: none;
 		}
 		div#colonne-droite div.messages ul li span {
 				color: #8E8E8E;
 		}
 		div#colonne-droite div.messages ul li span.auteur {
 				color: #058A99;
 		}
 				div#colonne-droite div.messages ul li span.auteur span { font-size: 1.2em; color: #058A99; }
 				
 		div#colonne-droite div.messages ul li a,
 		div#colonne-droite div.messages ul li a:link,
 		div#colonne-droite div.messages ul li a:visited {
 				color: #3D3C36;
 				text-decoration: none;
 		}
 		div#colonne-droite div.messages ul li a:hover {
 				color: #A6004D;
 	  }
	
/*-------------------------
 * 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;
		 	}