/* CSS Document */

body {
    margin:0px;
    padding:0px;
    font-family: arial, sans-serif;
    font-size:1em;
	background-color:#F2F9F9;
}

.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:#1F757C;
		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;
		text-transform:uppercase;
	}

	.menu_site .menu_item .submenu {
		width:99%;
		display:none;
		position:absolute;
		top:3.2em;
		z-index:100;
		border-color:#E3F5FB;
		border-width:1px;
		border-style:solid;
	}

	.menu_site .menu_item:hover .submenu {
		display:block;
	}

	.menu_site .menu_item .submenu a {
		color:#000;
		background-color:#78BCBC;
		text-decoration:none;
		margin:0em;
		padding:1em;
		font-size:0.8em;
	}
}

@media screen and (max-width: 900px) {
	.menu_barre {
		display:block;
		width:98%;
		margin:0em auto;
		padding:1em 0em 1em 0em;
		background-color:#1F757C;
		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:#78BCBC;
	}
	.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 {
	display:inline-block;
	background-color:#1F757C;
	margin:0.5em 0.3%;
	padding:0.6em 1em;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:1em;
	font-family:arial, sans-serif;
}

.partnership {
	width:100%;
	text-align:center;
}

.partnership img {
	max-width:12em;
	max-height:5em;
	margin:1em;
}

/******************************************************************* SITE MAIN */



.main {
	clear:both;
	margin:2em auto;
	padding:0em;
	width:100%;
	position:relative;
}

.summary {
	max-width:600px;
	margin:0em auto;
	display:block;
}

.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:#1F757C;
	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;
}

.noDecoration{text-decoration:none;}

.npages {
	clear:both;
	max-width:100%;
	margin: 0em 0em 2em 0em;
}
.npages a {
	display:inline-block;
	background-color:#a8abab;
	border-color:#000;
	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:#1F757C;
	border-style:solid;
	border-width:1px;
	margin:2px;
	padding:2px 6px;
	text-decoration:none;
	color:#FFF;
	font-size:0.8em;
	font-weight:bolder;
}

/******************************************************************* RIGHT COL */

@media screen and (min-width: 1000px) {
	.col_right {
		width:185px;
		position:absolute;
		top:0em;
		right:0em;
		margin:0em;
		padding:0px 0px 0px 13px;
		border-left-color:#1F757C;
		border-left-style:solid;
		border-left-width:1px;
	}

	.col_right .title_compte {
		text-align:center;
		padding:1em 0em;
		margin:0em;
		background-color:#1F757C;
	}

	.col_right .user_name {
		text-align:center;
		padding:1em auto;
	}

	.col_right .user_avatar {
		max-width:185px;
	}

	.col_right .connexion {
		display:block;
		text-align:center;
		padding:1em auto;
		margin:1em auto;
		font-size:0.8em;
		text-decoration:none;
	}
}

@media screen and (max-width: 1000px) {
	.col_right {
		max-width:600px;
		margin:2em auto 0em auto;
		display:block;
		padding:0em;
		text-align:center;
	}

	.col_right .title_compte {
		width:96%;
		text-align:center;
		padding:1em 0em;
		margin:0em auto;
		background-color:#1F757C;
	}

	.col_right .user_name {
		text-align:center;
		padding:1em auto;
	}

	.col_right .user_avatar {
		max-width:185px;
	}

	.col_right .connexion {
		display:block;
		text-align:center;
		padding:1em auto;
		margin:1em auto 2em auto;
		font-size:0.8em;
		text-decoration:none;
	}
}

/******************************************************************* LEFT COL */

@media screen and (min-width: 1000px) {
	.col_left {
		width:172px;
		position:absolute;
		top:0em;
		left:0em;
		margin:0em;
		padding:0px 13px 0px 0px;
		border-right-color:#1F757C;
		border-right-style:solid;
		border-right-width:1px;
	}

	.col_left .col_link {
		text-align:center;
		padding:1em 0em;
		margin:0em;
		background-color:#1F757C;
		display: block;
		text-decoration: none;
		color: #FFF;
	}
}

@media screen and (max-width: 1000px) {
	.col_left {
		max-width:600px;
		margin:2em auto 0em auto;
		display:block;
		padding:0em;
		text-align:center;
	}

	.col_left .col_link {
		display: block;
		width:96%;
		text-align:center;
		padding:1em 0em;
		margin:0em auto;
		background-color:#1F757C;
		text-decoration: none;
		color: #FFF;
	}
}