/* reset */
html{margin:0; padding:0;}
body{margin:0; padding:0; font:normal 12px arial, sans-serif; color:#333; background:#eae9e5 url(../images/fond_site.gif) 50% 0 repeat-x;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* clearfix */
.cf:before,
.cf:after{content:""; display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
.clear{content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* fonts */
@font-face {
    font-family: 'JohnstonITCStdLight';
    src: url('../fonts/johnstonitcstd-light-webfont.eot');
    src: url('../fonts/johnstonitcstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/johnstonitcstd-light-webfont.woff') format('woff'),
         url('../fonts/johnstonitcstd-light-webfont.ttf') format('truetype'),
         url('../fonts/johnstonitcstd-light-webfont.svg#JohnstonITCStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JohnstonITCStdMediumita';
    src: url('../fonts/johnstonitcstd-mediumita-webfont.eot');
    src: url('../fonts/johnstonitcstd-mediumita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/johnstonitcstd-mediumita-webfont.woff') format('woff'),
         url('../fonts/johnstonitcstd-mediumita-webfont.ttf') format('truetype'),
         url('../fonts/johnstonitcstd-mediumita-webfont.svg#JohnstonITCStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JohnstonITCStdLightItalic';
    src: url('../fonts/johnstonitcstd-lightita-webfont.eot');
    src: url('../fonts/johnstonitcstd-lightita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/johnstonitcstd-lightita-webfont.woff') format('woff'),
         url('../fonts/johnstonitcstd-lightita-webfont.ttf') format('truetype'),
         url('../fonts/johnstonitcstd-lightita-webfont.svg#JohnstonITCStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Général */
#wrapper{background:url(../images/illus/illus.jpg) no-repeat center 0;}
#page{width:1000px; margin:0 auto; height:425px; position:relative;}
	.txt{position:absolute; top:70px; right:30px;}
	#footer{padding:425px 0 0 0; height:168px;}
		#logo{float:left;}
		.info{float:right; background:url(../images/fd_link.jpg) no-repeat 0 0; height:168px; width:397px;}
			.download,
			.download-hp{display:block; color:#fff; font:18px 'JohnstonITCStdLightItalic', Arial, Helvetica, sans-serif; background:url(../images/picto/po_doc.gif) no-repeat 0 0; border-bottom:dotted 1px #fff; padding:5px 0 20px 40px; margin:25px 0 15px 0;}
			.contact{margin:0; padding:0;}
				.contact li{list-style:none;}
					.contact li a{color:#fff; font:18px 'JohnstonITCStdLightItalic', Arial, Helvetica, sans-serif; background:url(../images/picto/fl_blc.gif) no-repeat 0 8px; padding:0 0 0 10px;}
	#sub-footer{text-align:center; margin:20px 0 0 0; font:14px 'JohnstonITCStdLightItalic', Arial, Helvetica, sans-serif; color:#8a8a8a;}
	#sub-footer a{color:#8a8a8a;}
	
/* Popin */
.titre{color:#fff; font:35px 'JohnstonITCStdLight', Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:dotted 1px #fff; padding:0 0 10px 0; margin:0 0 25px 0;}
.liste-lien{background:#fff; padding:30px 20px 20px 20px; width:830px;}
	.liste-lien ul{float:left; width:255px; padding:0; margin:0; min-height:290px;}
	.liste-lien ul.border{margin:0 20px 0 0; padding:0 10px 0 0; border-right:solid 1px #e4e4e2;}
		.liste-lien li{list-style:none; margin:0 0 15px 0;}
		.liste-lien li.last{margin:0;}
			.liste-lien li a{font:14px 'JohnstonITCStdMediumita', Arial, Helvetica, sans-serif; display:inline-block; padding:0 0 0 12px;}
			.liste-lien li.brun a{color:#c17933; background:url(../images/picto/po_brun.gif) no-repeat 0 5px;}
			.liste-lien li.bleu a{color:#5bb3e2; background:url(../images/picto/po_bleu.gif) no-repeat 0 5px;}
			.liste-lien li.bleu-c a{color:#55b4c0; background:url(../images/picto/po_bleu_c.gif) no-repeat 0 5px;}
			.liste-lien li.vert a{color:#157755; background:url(../images/picto/po_vert.gif) no-repeat 0 5px;}
			.liste-lien li.vert-fa a{color:#7ca7a0; background:url(../images/picto/po_vert_fa.gif) no-repeat 0 5px;}
			.liste-lien li.orange a{color:#ea8a1b; background:url(../images/picto/po_orange.gif) no-repeat 0 5px;}
			.liste-lien li.vert-c a{color:#8bc831; background:url(../images/picto/po_vert_c.gif) no-repeat 0 5px;}
			.liste-lien li.brun-f a{color:#6a5b39; background:url(../images/picto/po_brun_f.gif) no-repeat 0 5px;}
			.liste-lien li.rose a{color:#e55173; background:url(../images/picto/po_rose.gif) no-repeat 0 5px;}
	.all{float:right; margin:30px 0 0 0; background:url(../images/picto/pdf.gif) no-repeat 0 0; padding:1px 0 1px 22px; color:#2e2e2d; font:14px 'JohnstonITCStdMediumita', Arial, Helvetica, sans-serif; text-transform:uppercase;}