body, html{	width: 100%;height: 100%;margin: 0;padding: 0;}
body{background-image: url(images-interface/agrements/cnhj-fnd-page.gif);background-repeat: repeat;font-family: Arial;color: #62747e;font-size: 11px; margin: 0;}
#conteneur{
	display: block;
	width: 1044px;
	margin: 0 auto;
	min-height: 100%;
	background-image: url(images-interface/agrements/cnhj-fnd-conteneur.png);
	background-repeat: repeat-y;
	position: relative;
}
#contenus{
	display: block;
	width: 990px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
#header{ display:block; background-color:#f3fafa; position:relative; height:195px; margin:0;}
#header h1{ margin:0; padding:0; display:inline-block; height:195px; vertical-align:top;}
#header img { display:inline-block; vertical-align:top;}
#form-top{ display:block; text-align:right; width:240px; position:absolute; right:30px; top:0;}
#form-top label{ display:block; margin-bottom:10px;}
#col-left{ width: 252px; display: block; float: left; margin: 20px 0 0; position: relative;height:100%; }
#col-left h2{ font-weight:400; padding-left:30px; color:#89CCCA;}
#col-right{ width: 665px; display: block; float: right; margin: 20px 30px 0 0; position: relative; padding-bottom: 40px; }
#col-right h1{ font-family:Helvetica; font-size:24px; font-weight:normal; text-transform:uppercase;}
ul.menu{ display:block; padding:0; margin:0;}
ul.menu li{display:block; padding:0; margin:5px 0px; color:#89ccca; list-style-type:none;}
ul.menu li a{font-family: 'Oswald', sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; color:#62747e; text-decoration:none; background-color:#ffffff;display:block; padding:2px 10px 2px 30px; width:160px;}
ul.menu li a:hover{ background-color:#89ccca; color:#ffffff;}
ul.menu li a.actif{ background-color:#89ccca;color:#62747e;}
#post-it{ background-color:#FFFFFF; padding: 2px 10px 2px 30px; width:145px;font-family: 'Oswald', sans-serif; font-size:12px; font-weight:400; display:block; position:relative; margin:20px 0 20px}
#post-it h4{ color:#c6004b; text-transform:none;}
ul.ss-menu{ display:block; padding:0; margin:0px 0px 40px;}
ul.ss-menu li{display:block; padding:0; margin:20px 0px 0px 10px; color:#ffffff; list-style-type:none;}
ul.ss-menu li a{font-family: 'Oswald', sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; color:#ffffff; text-decoration:none; background-color:#89ccca;display:inline; padding:2px 20px 2px 20px; width:auto;}
ul.ss-menu li a:hover{ background-color:#ffffff; color:#62747e;}
ul.ss-menu li a.actif{ background-color:#ffffff;color:#62747e;}

.clear{ display:block; clear:both; margin:0;position:relative; padding:0; height:0;}
.btns-top{ text-align:right;}
.btns-top input[type="submit"]{ background-color:#89ccca;color: #62747e;}
.btns-top input[type="submit"]:disabled{background-color:#62747e;color: #89ccca;cursor: default;}
.encart{display:block; background-color:#f3fafa; position:relative; padding:2px 10px;}
.encart div{ display:inline-block; vertical-align:top; width:310px; margin:0 5px;}
.encart div li{ list-style-image:url(images-interface/agrements/puces-contenus.png); background-repeat:no-repeat; background-position:left top; padding-left:15px;}
.liste-droite{	display: block;	float: right;	position: relative;	list-style-image: url(images-interface/agrements/puces.png); margin:0 20px 0 0;}
ul#ss-categorie{font-family: 'Oswald', sans-serif;font-size:13px; float:left; margin:60px 0 10px 0; padding:0;list-style-image:url(images-interface/agrements/puces.png);text-transform:uppercase;}
ul#ss-categorie h3{margin:0}
ul#ss-categorie p{ margin:0 0 10px}
ul#ss-categorie li{color:#3a4d55; font-size:12px;font-weight:700;margin:0 0 5px 20px}
ul#ss-categorie li a{ text-decoration:none; font-weight:400;}

ul#ss-categorie{font-family: 'Oswald', sans-serif;font-size:13px; float:left; margin:60px 0 10px 0; padding:0;list-style-image:url(images-interface/agrements/puces.png);text-transform:uppercase;}
ul#ss-categorie h3{margin:0}
ul#ss-categorie p{ margin:0 0 10px}
ul#ss-categorie li{color:#3a4d55; font-size:12px;font-weight:700;margin:0 0 5px 20px}
ul#ss-categorie li a{ text-decoration:none; font-weight:400;}

#mediaspace{ padding:20px; background-color:#62747e; width:310px;}
#footer{
	color: #FFFFFF;
	display: block;
	margin: 10px 0 0 0;
	bottom: 0px;
	left: 30px;
	font-size:10px;
	padding-left:10px;
	position: absolute;
}
#footer a{color: #FFFFFF; text-decoration:none;}
#footer a:hover{color:#89ccca}
/*++++++++++++++++++++++++++ELEMENTS FORMULAIRE & styles de textes divers ++++++++++*/
h2{font-family: 'Oswald', sans-serif; font-size:14px; font-weight:700; text-transform:uppercase;}
h3{ color:#89ccca;font-family: 'Oswald', sans-serif; font-size:14px; font-weight:700; text-transform:uppercase;}
h4{color:#89ccca; font-weight:bold; font-size:14px; margin-bottom:-10px;}
a{color: #62747e; text-decoration:underline; font-weight:normal;}
a:hover{ color:#89ccca; text-decoration:none;}
.aussi{color:#89ccca;}
input[type="text"], textarea{background-color:#ffffff;color:#62747e; font-family:helvetica; font-size:12px; padding:4px;
   -moz-box-shadow:inset 0px 0px 6px #cccccc;
    -webkit-box-shadow:inset 0px 0px 6px #cccccc;
    box-shadow:inset 0px 0px 6px #cccccc; border-collapse:collapse; border:0;}
input[type="text"]:Focus,textarea:Focus{ background-color:#f2f2f2;}
input[type="submit"], input[type="button"]{ background-color:#62747e;font-family: 'Oswald', sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; padding:2px 20px; cursor:pointer;border-collapse:collapse; border:0; color:#FFFFFF;}
.frame-ventes{width: 665px;height: 520px;overflow: auto;}
.frame-jeux{width: 665px;height: 540px;overflow: auto;}
.frame-annuaire{width: 685px;height: 705px;overflow: auto;}
.listes-contenus{ list-style-image:url(images-interface/agrements/puces-petites.png);}
/*++++++++++++*/


ul#breadcrumbs{display:inline-block;margin:10px 5px 0px; background-color: #62747E; padding:10px;}
    ul#breadcrumbs li {
        display: inline-block;
        color: #89CCCA;
        padding: 0px 0px 0px 15px;
        margin: 2px 0px;
        background-image: url(images-interface/agrements/puce-breadcrumbs.png);
        background-repeat: no-repeat;
        background-position: left center;
        list-style-type: none;
        max-width: 570px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
ul#breadcrumbs li a{ color:#ffffff;}

ul#nav{display:block;margin:0px 0px 0px 252px; background-color:#89CCCA; padding:10px; text-align:center;}
ul#nav li{ display:inline-block; list-style:none; margin:0 10px;font-family: 'Oswald', sans-serif; font-size:18px; font-weight:400; text-transform:uppercase; }
ul#nav li a{color:#ffffff; text-decoration:none;}
ul#nav li a:hover{ color:#62747E;}

ul.ss-categorie{font-family: 'Oswald', sans-serif;font-size:13px; float:left; margin:15px 0 0; padding:0;list-style-image:url(images-interface/agrements/puces.png);text-transform:uppercase;}
ul.ss-categorie h3{margin:0}
ul.#ss-categorie p{ margin:0 0 10px}
ul.ss-categorie li{color:#3a4d55; font-size:12px;font-weight:700;margin:0 0 5px 20px}
ul.ss-categorie li a{ text-decoration:none; font-weight:400;}
ul.ss-categorie li a:hover{ color:#89CCCA;}

.aide{display:block; background-color:#f3fafa; position:absolute; padding:2px 10px;bottom:40px; left:26px;width:233px;}
.aide input[type="submit"],#bloc-actus input[type="submit"]{display:block; margin:20px auto 0px;}

#bloc-actus{ display:inline-block; vertical-align:top; width:390px; padding-bottom:20px;}
#bloc-actus ul{ display:block; margin:0; padding:0;}
#bloc-actus ul li{ display:block; margin:5px 0px 0px; padding:5px 0; list-style-type:none;border-bottom:#62747E solid 1px;}
#bloc-actus ul li img{ display:inline-block; max-width:70px; max-height:70px; margin:0 10px 5px 0; border:solid 1px #cccccc; vertical-align:top;}
#bloc-actus ul li div{ display:inline-block; margin:0; width:308px; text-overflow: ellipsis;}
#bloc-actus ul li p{margin:-4px 0px 0px;}
#bloc-actus ul li a{ text-decoration:none; color: #62747E; display:block;}
#bloc-actus ul li a:hover{ background-color:#E0E0E0;}
    #bloc-actus ul li .titre1 {
        display: block;
        color: #89CCCA;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-size: 14px;
        text-overflow: ellipsis;
        position: relative;
        margin-bottom: 5px;
    }
  .ellipsis {
			overflow: hidden;
			position: relative;
			height: 20px;}

		.ellipsis:before {
			content:"";
			float: left;
			width: 0px; }

		.ellipsis > *:first-child {
			float: right;
			width: 100%;
			margin-left: -5px; }		

		/*.ellipsis:after {
            content: "\02026 Lire la suite"; 

			box-sizing: content-box;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;

			float: right; position: relative;
			top: -25px; left: 100%; 
			width: 7em; margin-left: -7em;
			padding-right: 5px;
			
			text-align: right;

			background: -webkit-gradient(linear, left top, right top,
				from(rgba(255, 255, 255, 0)), to(white), color-stop(15%, white));
			background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);			
			background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);
			background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);
			background: linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);  }*/

		.ellipsis a { position: absolute;
			left: 0; top: 0;
			width: 100%; height: 100%;
			overflow: hidden; text-indent: -9999px; }
		.ellipsis i, .ellipsis:after {
			font-style: normal; color: #89CCCA;}
		.ellipsis i:before { content: "Lire la suite";}
#bloc-zoom{ display:inline-block; vertical-align:top; width:240px; margin-left:30px;font-family: 'Oswald', sans-serif; font-size:14px; font-weight:400;}
#bloc-zoom p.titre1{font-size:15px; font-weight:700;}

#col-right #bloc-actus h1{ font-family:Helvetica; font-size:24px; font-weight:normal; text-transform:uppercase; color:#89CCCA; margin-top:0px;}
#bloc-zoom h2{font-family: 'Oswald', sans-serif; font-size:30px; font-weight:700; text-transform:uppercase;color:#89CCCA; margin:0px auto 20px; text-align:center;}
.photo-G{display:block; float:left; margin:0px 10px 10px 0px;}
.photo-D{display:block; float:right; margin:0px 0px 10px 10px;}
.contenus-simples{display:block; margin:40px 0px; position:relative;list-style-image:url(images/agrements/puces.html);}
.contenus-simples ul{margin:10px 0px; padding:0;}
.contenus-simples ul li{margin:10px 0px;padding:0;}
.Surligne{color:#89CCCA; font-family: 'Oswald', sans-serif;font-weight:700; font-size:12px;}
ul.partenaires{display:block; margin:0; padding:0;position:relative; list-style-type:none;}
ul.partenaires li{display:inline-block; padding:8px; margin:10px 2%; background:#F3FAFA; clear:both;position:relative; vertical-align:top; width:42%;}
.nom-partenaire{color:#89CCCA; font-weight:bold;Font-size:14px ; margin:0px auto 10px;display:block; clear:both; position:relative;}
ul.partenaires li img{display:block; float:left; margin:0px 15px 10px 0; max-width:60px; height:auto;}
ul.partenaires li a{display: inline-block; clear:both;position:relative;padding:5px 10px;background:#61737D; color:#ffffff; text-align:center; float:right; margin-top:5px;text-decoration:none;}
ul.partenaires li a:hover{background:#89CCCA; color:#61737D;}
.dates{font-family: 'Oswald', sans-serif; font-size:18px; font-weight:400; color:#82CCCA; margin-bottom:0;}
.intro{ font-weight:bold; margin-top:0;}
ul.parutions{display: block;margin:0 auto; list-style-type:none; clear:both; padding:0;}
ul.parutions li{ border-bottom:#62747E solid 1px; display:block; padding:10px; clear:both;}
.parutions img{ float:left; margin:0 15px 5px;max-width:100px; height:auto;}
.titre-parutions{color:#89CCCA; font-family: 'Oswald', sans-serif;font-weight:400; font-size:16px;margin:0 auto;/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.parutions li a.download{display: inline-block; clear:both;position:relative;padding:5px 10px;background:#61737D; color:#ffffff; text-align:center; float:right;text-decoration:none;margin-right:-10px;}
ul.parutions li a.download:hover{background:#89CCCA; color:#61737D;}
a.voir-video{display: inline-block; position:relative;padding:2px 5px;background:#61737D; color:#ffffff; text-align:center;text-decoration:none;margin:0 5px;}
a.voir-video:hover{background:#89CCCA; color:#61737D;}

#aspnetForm {
    height: 100%;
    min-height: 850px;
}

#bloc-actus > ul > li:nth-child(8) > a > img {
max-height: 72px;
max-width: 70px;
}

#ctl00_cph_imageActu{
    max-height : 200px;
}

.list-actus {
    min-height: 66px;
}

.pagination {
  display:block;
  padding-left: 0;
  margin: 20px 0;
 text-align:center;
}

.pagination > li {
  display: inline-block;
}

.pagination > li > a
{
  position: relative;
  padding: 3px 8px;
  margin-left: -1px;
  line-height:18px;
  text-decoration: none;background:#62747E;border-radius:16px;  color: #ffffff;
  margin: 0px 1px;
}

.pagination > li:first-child > span a {
  margin-left: 0;margin-right:10px;
  background: url(images-interface/agrements/left-arrow-pagination.png)center center no-repeat;text-decoration:none;display:inline-block;padding:16px;
}

.pagination > li:last-child > span a {
  margin-left: 0;margin-left:10px;
  background: url(images-interface/agrements/right-arrow-pagination.png)center center no-repeat;text-decoration:none;display:inline-block;padding:16px;
}
.pagination > li > span:hover{ opacity:0.5;}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;color:#333;
}

.pagination > li > span a.disabled,
.pagination  > li > span a.disabled:hover {
 opacity:0.3;
  cursor: default;
}

.pagination > li > a.active
 {
 background-color:#89ccca;
}

.no-image > img {
    display: none;
}

.content img {
    display: block;
}
#twitter
{
  position:absolute;
  top:170px;
  left:670px;
  z-index:9999 !important;
  text-decoration:none;
  font-size:1.2em;
  font-weight:bold;
}

#twitter img
{
  border:none;
  margin-top:-4px;
}
#facebook
{
  position:absolute;
  top:160px;
  left:840px;
  z-index:9999 !important;
}
#facebook img
{
  border:none;
}
.lang {
display: inline-block;
margin: 10px;
}
.lang a, .lang img {
float: left;
display: inline-block;
width: 24px;
height: 16px;
border-width: 0;
}
.lang > a, .lang > img {
margin-right: 5px;
}
.lang a img {
opacity: 0.33;
}
.lang a[href]:hover img {
opacity: 0.67;
}