/* STYLES PAGE TRAVAUX CREATIVUS COMUNICO */

/* RESET */
	* {
		margin: 0px;
		padding: 0px;
	}

/* POLICES */

@font-face {
    font-family: 'bpmono';
    src: url('../polices/bpmono-webfont.eot');
    src: url('../polices/bpmono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/bpmono-webfont.woff') format('woff'),
         url('../polices/bpmono-webfont.ttf') format('truetype'),
         url('../polices/bpmono-webfont.svg#bpmonoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

/* GRANDES DIVISIONS */

	#conteneur {
		width: 1024px;
		height: auto;
		background-color: white;
		margin: auto;
	}

	#logo_small {
		width: 130px;
		height: auto;
		top: 0px;
		left: 0px;
		background-color: rgb(50,80,115);
		overflow: none;
	}
	
	#travaux {
		margin-top: -140px;
		float: right;
		padding: 50px;
		width: 666px;
		height: auto;
		overflow: auto;
		background-color: white;
		border-left: 134px solid rgb(50,80,115);
		border-right: 134px solid rgb(50,80,115);
	}

/* TEXTES */

	h1 {
		font-family: 'nobile';
		font-variant: normal;
		font-size: 20px;
		border-bottom: 1px solid rgb(255,178,14);
		color: rgb(255,178,14);
		text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
		margin-bottom: 20px;
		margin-top: 20px;
	}

	p  {
		font-family: 'nobile';
		font-size: 12px;
		color: black;
	}
	
	ul {
		text-align: left;
		margin-left: 40px;
		margin-right: 50px;
		margin-bottom: 30px;
	}
	
	ul li {
		font-family: 'nobile';
		font-size: 12px;
		color: black;
		list-style-type: none;
		margin-top: 5px;
		margin-bottom: 5px;
		cursor: pointer;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
	}
	
	.pair  {
		background-color: rgba(50,80,115,0.2);
	}
	
	.impair {
		background-color: rgba(50,80,115,0.1);
	}
	
	.highlight {
		font-weight: bold;
	}
	
/* IMAGES */

	.img_left {
		float: left;
		margin-right: 20px;
		border: 2px solid rgb(100,130,227);
	}
	
	.img_left:hover {
		border: 2px solid rgb(255,178,14);
		transform: rotate(-2);
	}
	
	.img_right {
		float: right;
		margin-left: 20px;
		border: 2px solid rgb(100,130,227);
	}
	
	.img_right:hover {
		border: 2px solid rgb(255,178,14);
		transform: rotate(-2);
	}
	
/* LIENS */
	
	ul li a {
		font-family: 'nobile';
		font-size: 13px;
		text-decoration: none;
		color: rgb(50,80,115);
		font-weight: bold;
	}
	
	ul li a:hover {
		color: rgb(60,90,160);
	}
	
	.ht_page {
		padding-top: 1px;
		padding-bottom: 3px;
		padding-right: 3px;
		padding-left: 3px;
		margin-top: 120px;
		color: rgb(50,80,115);
		text-decoration: none;
		font-family: 'nobile';
		font-size: 13px;
		border-top: 1px solid rgb(50,80,115);
		display: inline;
		clear: both;
		text-align: center;
	}
	
	.ht_page:hover {
		background-color: black;
		color: white;
	}
	
	center {
		margin-top: 20px;
	}
