@font-face {
    font-family: 'liberation';
    src: url('../fonts/LiberationSans-Regular-webfont.eot');
    src: url('../fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans-Regular-webfont.woff') format('woff'),
         url('../fonts/LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans-Regular-webfont.svg#liberation_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}

#global {
	background: url(../images/container.png) repeat-x top;
}
#global .affix {
	z-index: 19
}
.fb_iframe_widget {
	background-color: #352506
}
header {
	padding-top: 8px
}
header .langue .open ul {
		padding: 0;
		list-style-type: none;
		margin-bottom: 0
}
header .langue .open ul a {
	display: block;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	text-indent: 30px
}
header .langue .open ul a:hover {
	background-color: #8C4A19;
	border-bottom: 1px solid #74370A;
	color: white
}
header .langue .open ul a img {
	display: none;
}
.social {
	height: 48px;
}
.social ul {
	text-align: right;
}
.btn-kiroo {
	background-color: #8C4A19;
	border-color: #74370A;
	color: rgb(39, 26, 6)
}
.btn-kiroo:hover {
	color: #FFF
}
#main .latest p,
.rightside .module .moduletable p,
p,
.sondage h4 {
	text-align: justify;
	font-family: liberation;
	font-size: 14px;
	color: #545454;
	text-shadow: 1px 1px 2px #FFF;
	line-height: 149%
}
.btn {
	text-transform: capitalize !important
}
#poll_buttons_2 {
	text-align: right;
}
.module {
	margin-bottom: 20px
}
.top {
	margin-bottom: 20px;
	background: #0F0F0F url(../images/banner/bbanner.png) repeat-x left top
}
#main .latest,
#main #component {
	background-color: #E2E2E2;
	padding: 0 14px 5px;
	margin-bottom: 30px;
	text-align: justify;
}
#component .citation {
	margin: 13px 10%;
	background: #FFF;
	border-radius: 3px;
	padding: 11px;
	font-style: italic;
	font-size: 93%;
	font-weight: bold;
	line-height: 170%;
	color: rgb(176, 9, 9);
}
#component div.image {
	width: 68%;
	margin: 0 auto 10px;
}
#component span.captions, 
span.nom,
span.age, 
span.poste,
#main .latest span.captions {
	font-size: 13px;
	font-style: italic;
	color: #818181;
	text-align: center;
	display: block;
	background-color: #EDEDED;
	padding: 3px 5px;
	max-width: 500px;
	margin: 0 auto
}
#main .maincontainer .latest .image img {
		margin: 0 auto;
	}
#component div.image.gauche {
	float: left;
	width: 39%;
	margin-right: 2%
}
#component div.image.droite {
	float: right;
	width: 39%;
	margin-left: 2%
}
#component .btn {
	text-shadow: none !important;
}
#component h3 {
	text-align: left;
	font-size: 23px;
	font-weight: bold;
	font-family: pt_sans_narrowregular;
	color: #74370A;
	background-color: #F0F0F0;
	padding: 7px 0;
	text-indent: 8px
}
#component h4 {
background: #E7D4EC;
text-align: left;
text-indent: 10px;
margin-left: 20px;
color: #761B5E;
padding: 5px 2px 6px;
font-family: pt_sans_narrowregular;
font-size: 20px
}
#component ul {
	text-align: left;
	/*list-style-type: none;*/
	padding-left: 66px
}
#component ul.list-inline {
	padding-left: 0
}
#component ul li {
	margin-bottom: 5px;
	font-family: liberation;
	font-size: 14px;
	color: #545454;
	text-shadow: 1px 1px 2px #FFF;
}
.rightside .news span.captions,
#main .latest span.captions {
	display: none;
}
#component .breadcrumbs {
	text-align: left;
	background: rgb(240, 240, 240);
	padding: 5px 12px;
	border-radius: 3px
}
#banner .random-image {
	margin-top: 55px
}
#banner .random-image img {
	display: block;
	max-width: 100%;
	height: auto;
}
.items-more {
	text-align: left;
}
.pagination ul {
	display: inline-block;
	padding-left: 0;
	margin: 0 0 20px;
	border-radius: 4px;
	text-align: left;
}
.pagination ul>li {
	display: inline;
}
.pagination ul>li a,
.pagination ul>li>span {
	position: relative;
	top: 0;
	border-width: 0 1px 4px 1px;
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.pagination ul>li a,
.pagination ul>li>span {
	position: relative;
	float: left;
	padding: 7px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #555555;
	background-color: #eeeeee;
	border: 1px solid #e2e2e2;
	margin-left: -1px;
}
.pagination p.counter {
	text-align: center;
	font-weight: bold;
}
#component ul.pressbook {
	margin: 35px 0;
	text-align: center;
	background-color: white;
	padding: 10px
}
.image .img-thumbnail {
	display: block;
}
/************* CODAGE POUR XS : Amazon Kindle Fire 1st; *********************/
@media screen and (min-width: 600px) and (max-width: 767px) {
	header .col-xs-2 {
		width: 50px
	}
	header .col-xs-3 {
		width: 100px
	}
	header .search {
		width: 225px;
		padding-top: 5px !important;
	}
	header .social {
		width: 190px;
		padding-top: 10px
	}
}


/************* CODAGE POUR XS *********************/
@media screen and (max-width: 767px) {
	body {
		background: #222;
	}
	header .social {
		padding-left: 0;
		padding-top: 8px
	}
	header .langue {
		padding-right: 0;
		padding-top: 8px
	}

	header .social ul li {
		padding-right: 0
	}
	header .buttonmenu {
		padding-top: 12px
	}
	header.affix {
		width: 96%;
		margin-left: 0;
		margin-right: 0;
		background-color: #945B0F
	}
	.row-offcanvas-left.active header.affix {
		margin-left: 145px
	}
	header .search {
		padding-top: 10px;
	}
	.btn-group, .btn-group-vertical {
		display: inline-block !important
	}
	.top {
		margin-bottom: 15px
	}
	.top .logo {
		padding: 10px 0
	}
	.top .logo a img {
		margin-left: auto;
		margin-right: auto
	}
	.top #banner {
		padding-left: 0;
		padding-right: 0
	}
	#main .latest {
		background-color: #E2E2E2;
		padding: 5px 0px 5px;
		margin-bottom: 30px;
		text-align: center;
	}
	#main .maincontainer .latest .nspArts {
		padding: 0
	}
	#main .maincontainer .latest .nspArts .nspArts .nspTopInterface {
		display: none;
	}
	#main .maincontainer .latest .nspArts .nspArtScroll1 .nspArtPage h4 a {		
		color: #74370A;
		font-size: 28px;
		font-weight: bold;
		font-family: pt_sans_narrowregular;
		text-align: left;
		text-shadow: 1px 1px 2px #BBB;
	}
	.nspArts .nspArtPage div#bigimg,
	#main .rightside .multimedia .nspMain .nspArtScroll1 .nspArtPage .nspArt p img {
		display: none;
	}
	#main .maincontainer .latest .nspArts .nspArtScroll1 .nspArtPage p {
		text-align: justify;
	}

	#main .goldenbook {
		margin: 0 15px 15px;
	}
	#rsmsc_scroller {
		background: #F2F2F2;
		padding: 8px 2px
	}
	.maincontainer .partners ul.list-inline li {
		width: 18%
	}
	#main .rightside, #main .maincontainer {
		padding-left: 0;
		padding-right: 0
	}
	.module {
		margin-bottom: 15px
	}
	.module h3,
	.goldenbook h3 {
		background: url(../images/h3.png) no-repeat left top;
		height: 41px;
		line-height: 41px;
		color: #FFF;
		font-family: good;
		margin-bottom: 0;
		text-indent: 17px;
		font-size: 30px;
		text-shadow: 1px 1px 6px #333;
	}
	.rightside .newsletter .acymailing_module,
	.rightside .multimedia .nspMain,
	.sondage .poll,
	#main .goldenbook .nspMain
	 {
		padding: 5px !important;
		background: #F2F2F2;
		border-radius: 3px
	}
	.goldenbook .nspMain .nspArtScroll1 .nspArtPage .nspArt p img {
		display: block;
		width: 90px;
		margin: 0 auto
	}
	.goldenbook .nspMain .nspArts.bottom {
		padding: 0 3px
	}
	.newsletter form .acymailing_form .fieldacyemail {
		margin-bottom: 12px !important
	}
	.rightside .multimedia .nspMain .nspArts {
		padding: 0
	}
	.rightside .multimedia .nspMain .nspArts h4 a {
		font-family: pt_sans_narrowregular;
		font-size: 21px;
		color: #74370A;
		font-weight: bold;
	}
	footer p.copyright {
		text-align: center;
	}
	.row-offcanvas-left .sidebar-offcanvas {
		display: none;
	}
	.row-offcanvas-left.active .sidebar-offcanvas {
		left: 0;
		position: fixed;
		width: 50%;
		display: block;
		background-color: #1B1B1B;
		height: 250px;
		top: 0
	}
	.row-offcanvas-left.active .sidebar-offcanvas ul {
		padding-left: 0;
	}
	.row-offcanvas-left.active .sidebar-offcanvas ul li {
		list-style-type: none;
		background-color: #181818;
		border-top: 1px solid #000;
		border-bottom: 1px solid #2A2A2A;
	}
	.row-offcanvas-left.active .sidebar-offcanvas ul li a {
		padding: 7px 4px;
		display: block;
		color: #FFF
	}
	.steam p iframe {
		display: block;
		margin: 0 auto
	}
}
@media all and (max-width: 540px) {
	.search {
		display: none
	}
}
@media all and (min-width: 736px) and (max-width: 767px) {
	#main .maincontainer .sondage,
	#main .maincontainer .facebox,
	#main .rightside .multimedia,
	#main .rightside .newsletter,
	#main .rightside .twitter {
		width: 50%
	}
}
/************* CODAGE POUR SM ******************/
@media screen and (min-width: 768px) {
	.logo {
		padding: 10px 0
	}
	body {
		background: #222;
	}
	.social ul {
		text-align: right;
	}
	.btn-group, .btn-group-vertical {
		display: inline-block !important
	}
	#main .latest {
		background-color: #E2E2E2;
		padding: 5px 0px 5px;
		margin-bottom: 30px;
		text-align: justify;
	}
	#main .maincontainer .latest .nspArts {
		padding: 0
	}
	#main .maincontainer .latest .nspArts .nspArts .nspTopInterface {
		display: none;
	}
	#main .maincontainer .latest .nspArts .nspArtScroll1 .nspArtPage h4 a,
	#component h2 {		
		color: #74370A;
		font-size: 28px;
		font-weight: bold;
		font-family: pt_sans_narrowregular;
		text-align: left;
		text-shadow: 1px 1px 2px #BBB;
	}
	header.affix {
		width: 720px;
		/*border: 5px solid #151515;*/
		border-top: 0 none;
		margin-right: 0;
		margin-left: 0;
		background-color: #945B0F
	}
	.nspArts .nspArtPage div#bigimg,
	#main .rightside .multimedia .nspMain .nspArtScroll1 .nspArtPage .nspArt p img {
		display: none;
	}
	.module h3,
	.goldenbook h3 {
		background: url(../images/h3.png) no-repeat left top;
		height: 31px;
		line-height: 31px;
		color: #422F0E;
		font-family: liberation;
		margin-bottom: 5px;
		margin-top: 0;
		text-indent: 52px;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 0px 1px 2px #D8D8D8;
	}
	.rightside .newsletter .acymailing_module,
	.rightside .multimedia .nspMain,
	.sondage .poll,
	#main .goldenbook .nspMain,
	#component,
	.rightside .news .nspMain
	 {
		padding: 5px !important;
		background: #F2F2F2;
		border-radius: 3px
	}
	#component {
		margin-bottom: 20px
	}
	.goldenbook .nspMain .nspArtScroll1 .nspArtPage .nspArt p img {
		display: block;
		width: 160px;
		float: left;
		margin-right: 10px
	}
	.maincontainer .partners ul.list-inline li {
		width: 19%;
		margin-bottom: 9px
	}
	.rightside .nspMain .nspArts h4 a {
		font-family: pt_sans_narrowregular;
		font-size: 21px;
		color: #74370A;
		font-weight: bold;
	}
	.nspTopInterface {
		display: none;
	}
	.form-inline .form-group {
		display: block;
	}
	.form-inline .form-control {
		width: 100%;
		margin-bottom: 10px
	}
	footer p.copyright {
		text-align: center;
	}	
}
/************* CODAGE POUR MD ******************/
@media screen and (min-width: 1024px) {
	.logo {
		padding: 30px 0 0 35px
	}
	header.affix {
		width: 970px;
		/*border: 5px solid #151515;*/
		border-top: 0 none;
		margin-right: -15px;
		margin-left: -15px;
		background-color: #1B1B1B
	}
	body {
		background: url(../images/back.png) no-repeat left fixed;
		background-size: cover;
		-moz-background-size: cover;
	}
	.mainmenu.navbar {
		border: 0 none
	}
	.mainmenu.navbar-inverse {
		background: none
	}
	.social {
		padding-right: 0
	}
	.social ul li {
		padding-left: 0
	}
	.nspTopInterface {
		display: block;
	}
	header .mainmenu, header .langue, header .search, header .social {
		padding-left: 0
	}
	#main {
		background: rgba(69, 49, 12, 0.92);
		padding-top: 15px
	}
	#main .goldenbook {
		padding: 0 15px
	}
	footer ul.menu {
		list-style-type: none;
	}
	footer ul.menu li {
		display: inline-block;
		padding: 0 15px
	}
	.steam {
		padding: 0;
		overflow: hidden;
	}
}
/*************** CODAGE POUR LG *******************/
@media screen and (min-width: 1200px) {
	body {
		background-image: url(../images/body1.png), url(../images/body2.png), url(../images/back.png);
		background-repeat: no-repeat;
		background-position: left 114%, right 114%, left;
		background-attachment: fixed;
		background-size: auto, auto, cover;
	}
	.affix {
		width: 1170px
	}
	header.affix {
		width: 1170px;
		/*border: 5px solid #151515;*/
		border-top: 0 none;
		margin-right: -15px;
		margin-left: -15px;
		background-color: #1B1B1B
	}

	.logo img {
		margin: 30px auto 0
	}
}