@charset "UTF-8";
@media screen{
	#global {
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
	}	
	#entete #visuel {
	}
	#entete h1 {
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
	}
	
	/********************************/
	/*			MENUS				*/
	/********************************/
	#nav {
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	#blocIAM {
		position: relative;
		width: 740px;
		_width: 733px;
	}
	#blocIAM a {
	}
	#blocIAM a img {
	}
	#blocIAM p {
	}	
	#blocIAM h3 {
	}
	
	
	/********************************/
	/*		FAQ / EMPLOI			*/
	/********************************/
	#faq {
		position: absolute;
		right: 5px;
		bottom: 53px;
		width: 230px;
		background: url(../images/f-bloc-01.png) repeat-y left top;
	}

	
	#faq h3 {
		display: block;
		margin: 0;
		padding: 0 15px;
		width: 200px;
		height: 33px;
		line-height: 33px;
		font-size: 1.2em;
		font-weight: bold;
		color: white;
		background: url(../images/f-bloc-entete-01.png) no-repeat;
	}
	
	#faq form {
		position: relative;
		margin: 5px 15px 0 15px;
	}
	#faq form p {
		margin: 0;
		display: inline;
	}
	#faq form p label {
		display: inline;
		margin-right: -4px;
	}
	#faq form p input {
		margin: 0;
		width: 30px;
		height: 20px;
		background: url(../images/faq-btn-send.png) no-repeat;
		border: none;
		font-size: 0;
		cursor: pointer;
	}
	#faq form p label input {
		position: relative;
		width: 155px;
		border-right: 1px solid #a3a3a3;
		height: 20px;
		line-height: 20px;
		padding: 0 0.5em;
		background: url(../images/f-input.png) no-repeat left top;
		font-size: 1.2em;
		cursor: auto;
	}
	#faq div#menu_menufaq {
	}
	#faq div#menu_menufaq ul {
		position: relative;
		margin: 1em 15px;
		padding: 0;
	}
	#faq div#menu_menufaq li {
		list-style: none;
	}
	#faq div#menu_menufaq li span {
	}
	#faq div#menu_menufaq li a {
		color: #e41c22;
		font-size: 1.1em;
		text-decoration: none;
		padding: 0.3em 0 0.3em 24px;
		background: url(../images/puce-01.png) no-repeat left center;
	}
	#faq div#menu_menufaq li a:hover {
		color: black;
		background: url(../images/puce-01-over.png) no-repeat left center;
	}
	
	
	
	/********************************/
	/*				RSS				*/
	/********************************/
	#conteneurRSS{
		position: relative;
		/*width: 740px;*/
		margin:0;
		padding:0;
	}
	ul#liste1, ul#liste2, ul#liste3 {
		position: relative;
		display: block;
		float: left;
		width: 243px;
		_width: 240px;
		min-height: 100px;
		height: auto;
		_height: 100px;
		margin: 0 1px;
		padding: 0;
	}
	li.blocrss {
		position: relative;
		display: block;
		width: 243px;
		_width: 240px;
		background: url(../images/f-bloc-02.png) repeat-y;
		_background: url(../images/f-bloc-02.png) repeat-y -2px top;
	}
	#contenu li.blocrss h3 {
		display: block;
		margin: 0;
		padding: 0 15px;
		width: 213px;
		_width: 209px;
		height: 33px;
		line-height: 33px;
		font-size: 1.2em;
		font-weight: bold;
		color: white;
		background: url(../images/f-bloc-entete-02.png) no-repeat;
		_background: url(../images/f-bloc-entete-02.png) no-repeat -2px top;
	}
	li.blocrss div {
		position: relative;
		margin: 0;
		padding: 0 0 1.5em 0;
		background: url(../images/f-bloc-pied-02.png) no-repeat left bottom;
		_background: url(../images/f-bloc-pied-02.png) no-repeat -2px bottom;
	}
	li.blocrss p {
		position: relative;
		margin: 0.3em 0 0 0;
		list-style: none;
		padding: 0.2em 0.7em;
	}
	li.blocrss p a {
		position: relative;
		display: block;
		color: black;
		font-size: 1.1em;
		text-decoration: none;
		padding: 0.3em 0 0.3em 24px;
		background: url(../images/puce-01.png) no-repeat left center;
	}
	li.blocrss a:hover {
		color: #e41c22;
		background: url(../images/puce-01-over.png) no-repeat left center;
	}
	li.blocrss span.fermerFlux {
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 6px;
		right: 8px;
	}
	li.blocrss span.fermerFlux a {
		position: relative;
		display: block;
		padding: 0;
		width: 20px;
		height: 20px;
		background: url(../images/btn-swap-01.png) no-repeat;
	}
	li.blocrss span.fermerFlux a:hover {
		background: url(../images/btn-swap-01.png) no-repeat;
	}
	li.blocrss span.plusFlux {
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 6px;
		right: auto;
		left: 175px;
	}
	li.blocrss span.plusFlux a {
		position: relative;
		display: block;
		padding: 0;
		width: auto;
		height: 20px;
		line-height: 20px;
		background: none;
		color: #ccc;
		text-decoration: none;
	}
	li.blocrss span.plusFlux a:hover {
		color: white;
		background: none;
	}
	li.blocrss form.formFluxEdit {
		margin: 0 10px 0.5em 10px;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #ccc;
	}
	
	/********************************/
	/*			BLOC FOCUS			*/
	/********************************/
	#focus {
		position: relative;
		width: 493px;
		_width: 480px;
		height: 225px;
		float: left;
		background: url(../images/f-focus.png) no-repeat;
	}
	#focus h3 {
		position: relative;
		margin: 0;
		padding: 10px 0 0 20px;
		width: 473px;
		_width: 460px;
		height: 21px;
		color: #e3172a;
		font-size: 1.2em;
		font-weight: bold;
		background: url(../images/h3-focus.png) no-repeat;
	}
	#focus #visuelfocus {
		position: relative;
		width: 482px;
		_width: 469px;
		height: 189px;
		margin: 0 5px;
		color: black;
		font-size: 0;
	}
	#focus a {
		position: absolute;
		left: -999em;
	}
	
	/********************************/
	/*			BLOC CEKOI			*/
	/********************************/
	#cekoi {
		position: relative;
		margin: 0 0 0 -2px;
		width: 247px;
		_width: 242px;
		height: 225px;
		float: left;
		background: url(../images/f-cekoi.png) no-repeat;
		_background: url(../images/f-cekoi.png) no-repeat -2px top;;
	}
	#cekoi ul {
		position: relative;
		margin: 0;
		padding: 0;
	}
	#cekoi li {
		list-style: none;
		display: block;		
		width: 247px;
		_width: 242px;
		height: 225px;
	}
	#cekoi strong {
		position: relative;
		display: block;
		margin: 0;
		padding: 10px 0 0 20px;
		width: 247px;
		_width: 220px;
		height: 21px;
		color: #e3172a;
		font-size: 1.2em;
		font-weight: bold;
		background: url(../images/h3-cekoi.png) no-repeat;
	}
	#cekoi a {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 1em;
		left: 1em;
		padding: 0 0 0 24px;
		width: 247px;
		_width: 242px;
		height: 20px;
		line-height: 20px;
		font-size: 1.2em;
		color: white;
		text-decoration: none;
		background: url(../images/puce-autre.png) no-repeat left top;
	}
	#cekoi a:hover {
		color: #e3172a;
		background-position: left -20px;
	}
}
@media print {
}
