/* CSS Document */
html,body{
	background-color:#fff;
	margin:30px;
	padding:0;
	font-size:12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-style: normal;
	font-weight: 200;
	color:#5D5D5D;
	min-width:1280px;
}
p{
	padding:0;
	margin:0;
}
.textintro{
	padding:0;
	margin:0 0 20px 0;
}
.italicnormal{
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-style: italic;
	font-weight: 200;
	color:#000;
	padding:0;
	margin:20px 0 20px 0;
}
.italicgras{
	font-family: "industry";
	font-style: italic;
	font-weight: 500;
	color:#000;
	padding:0;
	margin:0 0 20px 0;
}
.gras{
	font-family: "industry";
	font-style: normal;
	font-weight: 500;
	color:#5D5D5D;
	padding:0;
	margin:0 0 20px 0;
}
.titre{
	color:#000;
	margin:10px 0 0 0;
	padding:0;
	font-weight: 600;
	font-size:14px;
}
.type, .annee{
	padding:0;
	font-weight: 400;
	width:150px;
	font-size:11px;
}
.type{
	margin:5px 0 0 0;
}
.annee{
	margin:0 0 0 0;
}
.grid-item{
	margin-bottom:10px;
	cursor:pointer;
	opacity:1;
}
#logo{
	width:150px;
	height:83px;
	margin:0;
	padding:0;
}
#logotypo{
	width:300px;
	text-align:left;
	margin:0 0 0px 0px;
	padding:0;
}
.titretop{
	padding:0;
	margin:0 0 10px 0;
	color:#000;
	font-size:16px;
	font-weight:600;
}
.titretopr{
	padding:0;
	margin:0 0 10px 0;
	color:#000;
	font-size:16px;
	float:left;
	/*background-color:#4F17FF;*/
	font-weight:600;
}
.coverrub{
	border:0;
	margin:20px 0 20px 0;
}
.close{
	padding:0;
	margin:0 0 10px 0;
	color:#5D5D5D;
	font-size:12px;
	font-weight:600;
	float:right;
	cursor:pointer;
}
#clear{
	clear:both;
	width:0;
	height:0;
	padding:0;
	margin:0
}
#menu{
	color:#5D5D5D;
	width:150px;
	font-size:12px;
	padding:0;
	margin:0 30px 0 0;
	float:left;
}
#contenu{
	color:#5D5D5D;
	padding:0;
	margin:0px 0px 0 0;
	float:left;
	width:900px;
	/*border:solid #FF0004 medium;*/
}
#drop{
	color:#5D5D5D;
	padding:0px;
	margin:0 0 0 0;
	/*border:solid #FF0004 medium;*/
	width:600px;
}
img{
	border:0;
	padding:0;
	margin:0;
}
h1{
	font-style: normal;
	font-weight: 600;
	font-size:14px;
	padding:0;
	margin: 10px 0 10px 0;
	color:#000;
}
a:link {
    color: #5D5D5D;
	text-decoration:none;
	font-weight:100;
}
a:visited {
    color: #5D5D5D;
	text-decoration:none;
	font-weight:100;
}
a:hover {
    color: #000;
	/*background-color:#4F17FF;*/
	text-decoration:none;
	font-weight:600;
}
a:active {
    color: #fff;
	/*background-color:#fff;*/
	text-decoration:none;
}
.troiscol {
	text-align:justify;
	font-size:12px;
    width: 600px;
}
.troiscol p{
	margin:0 0 10px 0;
	width:400px;
	
}
.highlight{
	font-size:12px;
	color:#5D5D5D;
	font-weight:600;
}
.troiscol img{
	border:0;
	margin:10px 0 10px 0; 
}
.copyright{
	padding:10px 0 20px 0;
	font-size:11px;
	color:#000;
	font-weight:600;
}
.filet{
	display:block;
	border:#5D5D5D thin;
	width:600px;
	height:1px;
}
.underline{
	/*background-color:#4F17FF;*/
}
.bwWrapper {
    position:relative;
    display:block;
}
.vign {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%) /* Chrome 19+, Safari 6+, Safari 6+ iOS */;
	opacity:1;
    transition: 0.3s ease-in;
}
.vign:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(00%);
	opacity:1;
}
#drop img:{
	filter:none;
}
#drop img:hover{	
filter:none;
}
hr{
border-top: dotted 1px;
margin-bottom:20px;
}
.troiscol hr{
	margin-left:0;
	width:400px;
	margin-top:30px;
}