/* CSS Document */

body {
    margin:0px;
    padding:0px;
    font-family: arial, sans-serif;
    font-size:1em;
	background-color:#FFF;
}

.logo_home {
	max-width:600px;
	padding:0em;
	margin:1em auto;
	text-align:center;
}

.logo_home img {
	width:90%;
	margin:Oem;
	padding:0em;
}


.overall_container {
	max-width:1000px;
	padding:0px 0px 0px 0px;
	margin:0em auto;
	position:relative;
	z-index:10;
}



/******************************************************************* MENU SITE */ 

@media screen and (min-width: 900px) {
	.menu_barre {
		display:none;
	}
	
	.menu_site {
		width:100%;
		margin:0em;
		padding:0em;
	}
	
	.menu_site .menu_item {
		display:inline-block;	
		background-color:#a8abab;
		margin:0.5em 0.3%;
		padding:0em;
		width:19%;
		text-align:center;
		position:relative;
		z-index:11;
	}
	
	.menu_site .menu_item a, .menu_site .menu_item span {
		display:block;
		color:#FFF;
		text-decoration:none;
		margin:0em;
		padding:1em;
	}
	
	.menu_site .menu_item .submenu {
		width:99%;
		display:none;
		position:absolute;
		top:3.2em;
		z-index:100;
		border-color:#f68423;
		border-style:solid;
		border-width:1px;
	}
	
	.menu_site .menu_item:hover .submenu {
		display:block;
	}
	
	.menu_site .menu_item .submenu a {
		color:#FFF;
		background-color:#a8abab;
		text-decoration:none;
		margin:0em;
		padding:1em;
	}
}

@media screen and (max-width: 900px) {
	.menu_barre {
		display:block;
		width:98%;
		margin:0em auto;
		padding:1em 0em 1em 0em;
		background-color:#a8abab;
		text-transform:uppercase;
		text-align:center;
		color:#FFF;
		cursor:pointer;
	}
	.menu_barre img {
		position:absolute;
		top:0.25em;
		right:0.5em;
		margin:0em;
		padding:0em;
		max-width:2.8em;	
	}
	.menu_site {
		display:none;
		width:98%;
		padding:0em;
		margin:0.5em auto;
		background-color:#a8abab;
	}
	.menu_site .menu_item {
		margin:0em;
		padding:0.5em 0em;
		border-bottom-color:#000;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	.menu_site .menu_item a {
		display:block;
		color:#FFF;
	}
	.menu_site .menu_item a, .menu_site .menu_item span {
		margin:0em 0em 0em 1em;
		text-decoration:none;
	}	
	.menu_site .menu_item .submenu a {
		display:block;
		margin:0em 0em 0em 2em;
		padding:0.5em 0em 0.2em 0em;
		text-decoration:none;
	}
}

/******************************************************************* DIAPORAMA */ 

@media screen and (min-width: 600px) {
.diaporama {
	margin:0em 0em 2em 0em;
	padding:0em;	
}
}
@media screen and (max-width: 600px) {
.diaporama {
	display:none;
}	
}

/******************************************************************* MENU FOOTER */ 

.footer_menu {
	clear:both;
	width:100%;	
	text-align:center;
	margin:2em 0em 2em 0em;
}

.footer_menu a {
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	color:#000;
	magin:0em;
	padding:0.1em 0.1em;
	font-size:1em;
	font-family:Gotham-Bold, arial, sans-serif;
}

.partnership {
	width:100%;
	text-align:center;
}

.partnership img {
	max-width:12em;
	max-height:5em;
	margin:1em;	
}

/******************************************************************* SITE MAIN */ 




@media screen and (min-width: 1000px) {
.main {	
	clear:both;
	margin:2em auto;
	padding:0em;
	width:100%;
}
}
@media screen and (max-width: 1000px) {
	.main {	
	clear:both;
	margin:2em auto;
	padding:0em;
	width:99%;
}
}

.summary {
	width:100%;	
}


@media screen and (min-width: 900px){
	.summary .summ_article_link {
		clear:both;
		display:block;
		text-decoration:none;
		color:#000;
		padding:0em 0em 1em 0em;
		margin:0em 0em 1.5em 0em;
		border-bottom-color:#000;
		border-bottom-style:solid;
		border-bottom-width:thin;
		min-height:225px;
	}	
}

@media screen and (min-width: 800px) and (max-width: 900px) {
	.summary .summ_article_link {
		clear:both;
		display:block;
		text-decoration:none;
		color:#000;
		padding:0em 0em 1em 0em;
		margin:0em 0em 1.5em 0em;
		border-bottom-color:#000;
		border-bottom-style:solid;
		border-bottom-width:thin;
		min-height:201px;
	}
}

@media screen and (min-width: 700px) and (max-width: 800px) {
	.summary .summ_article_link {
		clear:both;
		display:block;
		text-decoration:none;
		color:#000;
		padding:0em 0em 1em 0em;
		margin:0em 0em 1.5em 0em;
		border-bottom-color:#000;
		border-bottom-style:solid;
		border-bottom-width:thin;
		min-height:180px;
	}
}
@media screen and (min-width: 700px) {
	.summary .summ_article_img {
		display:block;
		max-width:40%;
		margin:0em 1.5em 1em 0em;
		float:left;
	}
}
@media screen and (max-width: 700px) {
	.summary .summ_article_link {
		width:95%;
		display:block;
		text-decoration:none;
		color:#000;
		padding:0em 0em 1em 0em;
		margin:0em auto 1.5em auto;
		border-bottom-color:#000;
		border-bottom-style:solid;
		border-bottom-width:thin;
	}

	.summary .summ_article_img {
		display:block;
		max-width:100%;
		margin:0em auto 1em auto;
	}
}
.summary .summ_article_title {
	display:block;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
}
.summary .summ_article_date {
	display:block;
	color:#999;
	font-size:0.8em;
}
.summary .summ_article_body {
	display:block;
	text-align:justify;
	color:#000;
}


.npages {
	clear:both;
	max-width:100%;
	margin: 0em 0em 2em 0em;
}
.npages a {
	display:inline-block;
	background-color:#a8abab;
	border-color:#f68423;
	border-style:solid;
	border-width:1px;
	margin:2px;
	padding:2px 6px;
	text-decoration:none;
	color:#FFF;
	font-size:0.8em;
	font-weight:bolder;
}

.npages .currentpage {
	display:inline-block;
	background-color:#000;
	border-color:#f68423;
	border-style:solid;
	border-width:1px;
	margin:2px;
	padding:2px 6px;
	text-decoration:none;
	color:#FFF;
	font-size:0.8em;
	font-weight:bolder;
}