img{width:auto;height:auto;}

*{
	margin:0;
	padding:0;
	outline:none;
}
label{
	font-weight: bold;
}
* {
  box-sizing:border-box;
}
*:before,
*:after {
  box-sizing:border-box;
}
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	color:#2D2D2D;
	font-family:'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
	font-size:14px;
	background-color:rgba(0,0,0,0.02);
}

h1{
	font-family: 'archivo narrow','segoe ui',arial;
}
img,iframe{
	border:0;
}
a{
	color:#928E85;
	text-decoration:none;
}

a:hover {
	color:#EAB109;
	text-decoration:underline;
}

.ulclear
{
	list-style:none;
}
h1,h1 a {
	font-size: 29px;
	color: #2D2D2D;
	margin-left: 10px;
	font-weight: bold;
}
h3,h3 a{
	font-size: 20px;
}
h3,h2,h3 a , h2 a,h4 {
	color: #2D2D2D;
	font-weight: bold;
	font-family:'archivo narrow',segoe ui
}
h2, h2 a{
	font-size: 25px;
}

.clear
{
	clear:both;
}
.light-title{
	font-weight:200 ;
	font-family:segoe ui
}
.puce{
	border-radius:50%;
	background-color: #EF851A;
	color:#fff;
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}
.stylepro
{
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px  2px 2px;
	border-radius: 2px 2px 2px 2px;	
	background:none;
	background-color:#ecb23c;
	font-weight:normal;
	text-decoration: none;
	color:#212121;

}
.stylepro {
	text-transform:uppercase;
	padding:8px 10px;
	border-bottom:3px solid #D37517 !important;
	cursor:pointer;
}
.stylepro a{
	text-decoration: none;
}


.stylepro:hover
{
	color:#333;
	background:#FF8D02;
	/* Old browsers */
	background: -moz-linear-gradient(top, #FF8D02 1%, #FFA43D 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FF8D02), color-stop(100%,#FFA43D));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FF8D02 1%,#FFA43D 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FF8D02 1%,#FFA43D 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,   #FF8D02 1%,#FFA43D 100%);
	/* IE10+ */
	background: linear-gradient(to bottom,   #FF8D02 1%,#FFA43D 100%);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8D02', endColorstr='#FFA43D',GradientType=0 ); /* IE6-9 */

}
a[rel=author]{
	color: 	#353535 !important;
	font-style:none !important;
	font-weight:bold;
}
a[rel=author]:hover{
	color: 	#D78C00 !important;
}
.pucePro{
	color:#efefef;
}

#mask_global
{
	background-color:#000;	
	opacity:0.4;
	filter: alpha(opacity=40);/**ie7**/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";/**ie8**/
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:44;
}

.maskVideo{
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	top:0px;
	left:0px;
	background-color:transparent;
	cursor: pointer;
}


.fakeTransparentMask{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background: url(/finc/StructurePortail/commun/images/spacer.gif) repeat scroll 0 0 transparent;
	cursor: pointer;
}
/********Message d'erreur************/
/********ERROR BLOC**************/
.alert {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	border-width:1px;
	border-color:transparent ;
	margin-bottom: 20px;
	padding: 15px;
}

.alert h4 {
	color: inherit;
	margin-top: 0;
}

.alert .alert-link {
	font-weight: bold;
}

.alert > p, .alert > ul {
	margin-bottom: 0;
}

.alert > p + p {
	margin-top: 5px;
}

.alert-dismissable {
	padding-right: 35px;
}

.alert-dismissable .close {
	font-size: 20px;
	color: inherit;
	position: absolute;
	right: -21px;
	top: -2px;
	border: none !important;
	background: none;
}

.alert-success {
	border-color: #48BB6A !important;
	color: #48BB6A;
}

.alert-success hr {
	border-top-color: #C9E2B3;
}

.alert-success .alert-link {
	color: #356635;
}

.alert-info {
	border-color: #28A5BF !important;
	color: #28A5BF;
}

.alert-info hr {
	border-top-color: #A6E1EC;
}

.alert-info .alert-link {
	color: #2D6987;
}

.alert-warning {
	border-color: #EAA524 !important;
	color: #EAA524;
}

.alert-warning hr {
	border-top-color: #F8E5BE;
}

.alert-warning .alert-link {
	color: #A47E3C;
}

.alert-danger {
	border-color: #B54657 !important;
	color: #B54657;
}

.alert-danger hr {
	border-top-color: #E6C1C7;
}

.alert-danger .alert-link {
	color: #953B39;
}
.errorMessage
{
	border: 1px solid #FF6360;
	background-color: #FFE2DB;
	color: #FF4235;
	padding:16px;
	margin:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display:none;
	position:relative;

}
.confmessage
{
	color:green !important;
	background-color: #CEF7B9 !important;
	border: 1px solid #6C8261 !important;
}


.closeerrormessage
{
	color: 1px solid #FF4235;
	position:absolute;
	top: 5px;
	right: 5px;
	font-weight: 10px;
	cursor:pointer;
	padding:3px;
}
.closeerrormessage:hover
{
	color:#FFCA2B;
}


/**************Cloud bar**************/
#cloudbar
{
	height:38px;
	width:100%;	
	background-color:#2D2D2D;
}
#mediacloudbar{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:40;
}

#mediacloudbar > .cloudbarleft
{
	float:left;
	width:420px;
}

#mediacloudbar > .cloudbarright
{

	float:right;
}
#mediacloudbar > .cloudbarright > .webmail
{
	padding-left:25px;
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/courrier-mail.png);
	background-repeat:no-repeat;
}

#mediacloudbar > ul
{
	font-size:11px;
	list-style:none;
}
#mediacloudbar > .cloudbarright > li
{
	text-align:right;
}

#mediacloudbar > ul > li
{
	margin-top:10px;
	float:left;
	color:#efefef;
	border-right:1px solid #C0C0C0;

}
#mediacloudbar > ul > li:last-child
{
	border-right:1px solid transparent;
}


#mediacloudbar > ul > li > a
{
	color:#efefef;
	padding-left:5px;
	cursor:pointer;
	padding-right:5px;
}
#mediacloudbar > ul > li > a:hover
{
	color:#D78C00;
}

#mediacloudbar > ul > li:first-child  > a
{
	padding-left:0px;
}
#mediacloudbar ul  .stylePro >  a:hover
{
	color:#efefef !important;
	text-shadow:none !important;
}
#avertissementNav{
}

#mediacloudbar .cloudbarright li.bigOrangeBtn{
	margin:0;
	margin-top:-2px;
	border-radius:0;
	line-height:100%;
	padding:0 0px;
	border-bottom:0 !important;
	-webkit-border-radius:0;
	line-height   : 40px;
}
.fontface #mediacloudbar .cloudbarright li.bigOrangeBtn a{
	display       : block;
	padding-left  : 10px;
	padding-right : 40px;
	height        : 40px;
	line-height   : 40px;
	font-size	  :18px;
	color:#333;
}
.fontface .cloudbarright li.bigOrangeBtn a{
	font-family	  : 'navfont';
	font-size	  :20px !important;
	letter-spacing: 0px;
	background:url(/finc/StructurePortail/TN/Homepage2013/images/fleche-pro.png) no-repeat 95% 50% transparent;
}
#mediacloudbar .cloudbarright li.bigOrangeBtn a:hover{
}
#mediacloudbar  .cloudbar-social a{
	height:25px;
	width:25px;
	display:inline-block;
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/picto-sociaux-sprite.png);
	background-repeat:no-repeat;
}
#mediacloudbar  .cloudbar-social a{
	height:25px;
	width:25px;
	display:inline-block;
}
#mediacloudbar  .cloudbar-social .picto-facebook{
	background-position: -25px 0px;
}
#mediacloudbar  .cloudbar-social .picto-twitter{
	background-position: 0px 0px;
}
#mediacloudbar  .cloudbar-social .picto-google{
	background-position: -50px 0px;
}
#mediacloudbar  .cloudbar-social .picto-facebook:hover{
	background-position:  -25px -25px;
}
#mediacloudbar  .cloudbar-social .picto-twitter:hover{
	background-position:   0px  -25px;
}
#mediacloudbar  .cloudbar-social .picto-google:hover{
	background-position:  -50px -25px;
}
/*********************Liens sociaux avec hover**********************/
.pictoPro {
	width: 31px;
	height: 30px;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) -60px 0px no-repeat;
	display: inline-block;
}

.pictoPro:hover {
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) -60px -30px no-repeat !important;
}

.pictoFacebook {
	width: 30px;
	height: 30px;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) 0px 0px no-repeat !important;
}
.pictoFacebook:hover {
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) 0px -30px no-repeat !important;
}
.pictoTwitter {
	width: 30px;
	height: 30px;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) -30px 0px no-repeat !important;
}
.pictoTwitter:hover {
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) -30px -30px no-repeat !important;
}
.pictoGoogle
{
	width: 30px;
	height: 30px;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) -30px 0px no-repeat !important;
}
.pictoGoogle:hover {
	background: url(/finc/StructurePortail/TN/Homepage2013/images/sprite-socialink.png) -30px -30px no-repeat !important;
}



.sociallinksMarche .counter {
	font-weight:normal;
	border: 1px solid #CACACA;
	background-color:#fff;
	padding:2px 5px 2px 5px !important;
	margin: 3px 5px 3px 5px;
	border-radius:2px;
	-webkit-border-radius:2px;
}
.sociallinksMarche .counter:after {
	background: url(/finc/StructurePortail/TN/Homepage2013/images/pointersright.png) no-repeat scroll 0 0 transparent;
	content: "";
	display: block;
	height: 16px;
	left: -8px;
	position: absolute;
	top: 4px;
	width: 8px;
}
.sociallinksMarche {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:10px;
	list-style: none;
	height: 24px;
}

.sociallinksMarche li {
	margin-right: 3px;
	cursor: pointer;
	padding: 0 !important;

	float: left;
	position: relative;
	-webkit-box-shadow: 0px 0px 3px 1px #99999;
	box-shadow: 0px 0px 3px 1px #99999;

}
.sociallinksMarche .infoBulle  {
	z-index:1664;
	width: 150px;
	height: 50px;
	position: absolute;
	right:0px;
	top:30px;
}
.sociallinksMarche .infoBulle > img {
	float:right;
	height:10px;
	width:20px;
	padding-right:7px;
	padding-left:30px;
}
.sociallinksMarche .infoBulle > div {
	margin-top:9px;
	background-color:#ffffff;
	border:1px solid #A4A4A4;
	padding: 10px 10px 10px 10px;
	color: #454545 !important;
	font-size: 14px !important;
	text-align: left;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-box-shadow :  1px 1px 1px 0px #A8A8A8;
	box-shadow         :  1px 1px 1px 0px #A8A8A8;
	font-weight:bold;

}

/*********Header global*********/
#titleHeader{
	padding-top:15px;
	padding-left:10px;
}

#titleHeader a
{
	font-weight:bold;
	font-size:50px;
	color: #2D2D2D;
	text-shadow: 1px 1px 1px rgba(160, 52, 9, 0.2);
}
#blocHeader{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	min-height:100px;
}
#navContent{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#navigationHeader
{
	background-color: #EF851A; 
	width:100%;
	position:relative;
	max-height:90px;
	height:40px;
}
#mainNav a{
	text-decoration:none;
}

 #mainNav .active , #mainNav > li:hover div{
	background-color:#FAFAFA !important;
}
#mainNav div a,#mainNav > li:hover div a{
	text-shadow:none !important;
}
#mainNav .active span{
	text-shadow:none !important;
}

#mainNav{
	float:right;
	font-family:'navfont',segoe ui,arial;
}
#mainNav > li{
	float:left;
	line-height:40px;
	width:104px;
	text-align:center;
	display:block;
	margin-top:-70px;
}

#mainNav > li > div > a > span{
	color:#fff;
	display:block;
	font-size:16px;
	font-weight:100;
	width:100%;

}
#mainNav > li > div > a{
	height:30px;
	width:100%;
	display:block;
	padding-top:70px;
	position:relative;
	padding-left:auto;
	padding-right:auto;
	padding-bottom:10px;
}

#mainNav > li > div{
	height:110px;
	position:relative;
	display:block;
	transition: background .3s ease;
	-webkit-transition: background .3s ease;

}

#mainNav > li  > div > .picto{
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/nav-sprite-3.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:50%;
	right:50%;
	margin-left:-30.5px;
	text-align:center;
	width:61px;
	height:61px;
}

#mainNav > #marche  > div > .picto{
	background-position: 0px 0px !important;
}

#mainNav > #meteo > div > .picto{
	background-position:-63px 0px;
}
#mainNav > #machinisme > div> .picto{
	background-position:-125px 0px;
}
#mainNav > #actu > div > .picto{
	background-position:-187px 0px;
}
#mainNav >  #culture > div > .picto{
	background-position:-249px 0px;
}
#mainNav >  #forum > div > .picto{
	background-position:-310px 0px;
}
#mainNav >  #elevage > div > .picto{
	background-position:-373px 0px;
}
#mainNav > #marche:hover > div > .picto,#mainNav > #marche .active > .picto{
	background-position: 0px -61px !important;
}
#mainNav > #meteo:hover > div > .picto,#mainNav > #meteo .active > .picto{
	background-position:-63px -61px;
}
#mainNav > #machinisme:hover > div > .picto, #mainNav > #machinisme .active  > .picto{
	background-position:-125px -61px;
}
#mainNav > #actu:hover > div > .picto,#mainNav > #actu >.active > .picto {
	background-position:-187px -61px;
}
#mainNav >  #culture:hover > div > .picto,#mainNav > #culture >.active > .picto {
	background-position:-249px -61px;
}
#mainNav >  #forum:hover > div > .picto,#mainNav > #forum >.active > .picto {
	background-position:-310px -61px;
	color:#E68419 !important;
}
#mainNav >  #elevage:hover > div > .picto,#mainNav > #elevage >.active > .picto {
	background-position:-373px -61px;
	color:#E68419 !important;
}

#mainNav > #marche  > div >a:hover > span,#mainNav > #marche > .active  span{
	color:#A8382C !important;
}
#mainNav > #meteo  > div >a:hover > span,#mainNav > #meteo >.active  span{
	color:#096BA4 !important;
}
#mainNav > #machinisme  > div > a:hover > span,#mainNav > #machinisme >.active span {
	color: #303030 !important;
}
#mainNav > #actu  > div >a:hover > span,#mainNav > #actu >.active span {
	color: #256A9E !important;
}
#mainNav >  #culture  > div >a:hover > span,#mainNav > #culture >.active span {
	color:#408A6F !important;
}
#mainNav >  #forum > div >a:hover > span,#mainNav > #forum >.active span {
	color:#E68419 !important;
}
#mainNav >  #elevage > div >a:hover > span,#mainNav > #elevage >.active span {
	color:#096BA4 !important;
}
#mainNav > li a:hover span{
	text-shadow:none !important;
}
#recherche{
	float:left;
	padding-top:5px;
	min-width:250px;
	max-width:250px;
}

#inputRecherche{
	color:#999;
	float:left;
	height:30px ;
	width:200px;
	padding-left:10px;
	padding-right:0px;
	border:none;
}
.firefox #buttonRecherche {
	height:30px ;
}

#buttonRecherche{
	cursor:pointer;
	float:left;
	color:#2D2D2D;	
	border:1px solid  #2D2D2D;
	height:30px;
	width:40px;
	background:url(/finc/StructurePortail/TN/Homepage2013/images/moteur-recherche-agricole-loupe.png) no-repeat 50% -250% #2D2D2D;
}

#buttonRecherche:hover{
	background-color: #444444; /* Old browsers */
	border:1px solid  #333;
}
#rightColumn
{
	width:23%;
	float:right;
	height:100%;
	padding-right: 5px;
	padding-top:0px;	
	margin-top: -4px;
}
#leftColumn
{
	position:relative;
	width:760px;
	float:left;
	margin:0px 0px 10px 0px;
	background-color:#ffffff;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.10); 
	box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	border-radius:3px;	
	-webkit-border-radius:3px;	
	border:1px solid #DDD;
}
#maincontainer
{
	width:998px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	display:block;
}
.pubHaut
{
	width:100%;

}
.pubHaut > .pubContent
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	max-height:78px !important;
	position:relative  !important;
}

.expandsanspartage img{
	position:absolute;
	top:0px;
	right:0px;
}
.expandsanspartageright,.expandsanspartage{
	overflow:visible;
}


.expandsanspartageright a,.expandsanspartage a{
	display:block;
	position:relative;
} 
.expandsanspartageright img{
	position:absolute;
	left:0px;
	top:0px;
}
.pubContent {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
.layerPubExpand {
	position:relative !important;
	display:block !important;
}
#pub_plus_haut > .Blocpubs .layerPubExpand{
	margin-top:0px;
	margin-bottom:2px;
}
#pub_plus_haut > .Blocpubs  {
	display:inline-block;
	margin:6px auto;
	position:relative;
}

.img-responsive{
	display: block;
	height: auto;
	max-width: 100%;	
}
/**#pubHaut #pub_plus_haut {
max-height:68px;
position:relative  !important;
}**/
@media (min-width: 1030px) {
	

	
	header > .fixedposnav{
		position:fixed !important;	
		z-index:30;
		top:0px;

	}
	header > .fixedpossubnav{
		position:fixed !important;	
		z-index:30;
		top:40px;
		width:100%
	}

	#scrolltop{
		width:100px;
		height:85px;
		right:50px;
		bottom:0px;
		position:fixed;
		cursor:pointer;
		background:url(/finc/StructurePortail/TN/homepage2013/images/arrowtop.png) center center no-repeat rgba(0,0,0,0.3);
		transition: transform 0.4s ease 0.4s,opacity .3s ease;
		-moz-transition: transform 0.4s ease 0.4s,opacity .3s ease; /* Firefox 4 */
		-webkit-transition: -webkit-transform 0.4s ease-in-out 0.4s,opacity .3s ease; /* Safari and Chrome */
		-o-transition: -o-transform 0.4s ease 0.4s,opacity .3s ease; /* Opera */
		transform:rotate(7deg);
		-ms-transform:rotate(7deg); /* IE 9 */
		-webkit-transform:rotate(7deg); /* Safari and Chrome */
		transform:translate(0px,100%);
		-ms-transform:translate(0px,100%);
		-webkit-transform:translate(0px,100%);
		color:#efefef;
		text-align:center;
		line-height:130px;
		font-size:12px;
		opacity:0;
	}
	#scrolltop:hover{
		background-color:#EF851A;
	}	
	.scrolltop-show{
		opacity:1 !important;
		transform:rotate(0deg) !important;
		-ms-transform:rotate(0deg) !important; /* IE 9 */
		-webkit-transform:rotate(0deg) !important; /* Safari and Chrome */
		transform:translate(0px,0px) !important;
		-ms-transform:translate(0px,0px) !important;
		-webkit-transform:translate(0px,0px) !important;

	}

}

/************************** interstitiel *******************************/
.buttoninterstitiel
{
	background-image : url(/finc/StructurePortail/TN/Homepage2009/images/Interstitielfermer.gif);
	width : 73px;
	height : 25px;
	float:right;
	margin-right: 0px;
	background-color : transparent;
	cursor : pointer;
}
#interstitielPUB
{
	position:relative; 
	display : block; 
	width:440px; 
	height: 0px; 
	z-index: 1665; 
	left: -550px; 
	top: 0px;
}

/*******Navigation**********/
/**Menu dropDown enrichi**/
#NavBase
{
	background: #fff; /* Old browsers */
	-webkit-box-shadow:  0px 2px 5px rgba(0,0,0,0.05), 0px 10px 10px #fafafa inset;
	box-shadow:  0px 2px 5px rgba(0,0,0,0.05), 0px 10px 10px #fafafa inset;
	border-bottom:1px solid #DDD;
}


#NavBase .dropDown > a{
	padding-left:20px !important;
	background:url(/finc/structureportail/TN/homepage2013/images/pucenav.png) 5px 55% no-repeat;
}
#NavBase .dropDown:hover > a{
	background:url(/finc/structureportail/TN/homepage2013/images/pucenavhover.png) 5px 55% no-repeat;
}


#NavBase .accueil > a
{
	display:block;
	height:38px;
	width:50px;
	background:url(/finc/StructurePortail/TN/Homepage2013/images/picto_home.png) 0px 0px no-repeat;
}

#NavBase .accueil:hover > a, #NavBase .active .accueil > a
{
	background:url(/finc/StructurePortail/TN/Homepage2013/images/picto_home.png) 0px -40px no-repeat;
}

#NavBase #menuObs
{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	list-style:none;
	height: 40px;
}
#NavBase #menuObs > li:first-child
{
	margin-left:2px;
}
#NavBase #menuObs > li
{
	padding-left:5px;
	padding-right:5px;
	float:left;
	height:40px;
	text-align:center;
	font-family:"Segoe UI",sans-serif;
}

#NavBase #menuObs > li > span
{

	font-weight:bold;
	line-height: 40px;
	font-size: 12px;
	color: #555555;
	cursor:pointer;
	height: 40px;
	padding: 10px 10px 10px 10px;
}
#NavBase #menuObs > li > a
{
	font-weight :normal;
	line-height : 40px;
	font-size   : 12px;
	color       : #555555;
	cursor      :pointer;
	height      : 40px;
	font-size: 14px;
	padding     : 10px 10px 10px 10px;
	text-decoration: none
}

#NavBase #menuObs > li:hover  > a,#NavBase #menuObs > li > a:hover{
	color:#ffffff !important;
}

#NavBase #menuObs > .active > a
{
	color : #FFFFFF;

}
#NavBase #menuObs  .abonnement > a {
	color: #EF851A !important;
}
#NavBase #menuObs  .abonnement
{
	font-family: 'archivo narrow'
}
#NavBase #menuObs > li > ul
{
	z-index            : 1664;
	display            :none;
	margin-left        :-6px;
	list-style         :none;
	float              :none;
	position           : absolute;
	padding            : 10px 10px 10px 0px;
	border             : 1px solid #efefef ;
	-webkit-box-shadow :  1px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow         :  1px 5px 5px 0px rgba(0,0,0,0.3);
	background-color   : #fefefe; /* Old browsers */

}
#NavBase #menuObs > li > ul > li
{
}
#NavBase #menuObs > li > ul
{
	list-style   :none;
	float        :left;
	height:auto;
	border-right : 1px solid #E8E8E8;
}
#NavBase #menuObs > li > ul 
{
	float            : none;
	padding-left     : 0px;
	padding-right    : 30px;
	text-align       : left;
}
#NavBase #menuObs > li > ul > li > ul  > .intitule
{
	list-style-image :none;
	text-align: left;
	font-size:14px;
}
#NavBase #menuObs > li  ul{
	list-style:none;
}
#NavBase #menuObs > li > ul li.intitule > span
{
	font-weight:bold;
	font-family: Arial, sans-serif;
	line-height:1.5em;
	margin-left:-30px;
}
#NavBase #menuObs > li > ul >li{
	margin-left:40px;
}
#NavBase #menuObs > li > ul a
{
	height:30px;
	line-height:30px;
	float:none;
	color: #353535;
	font-weight:normal;
	font-size:12px !important;
	border-bottom : 1px solid transparent
}
#NavBase #menuObs > li > ul   >li:hover > a
{
	color: #C67000;
}
#NavBase #menuObs > li > ul > li:hover > span
{
	background-color: transparent;
}

/***Module identification***/
.avertissement{
	background-color:#F4DA70;
	padding:10px 10px 10px 50px;
	background-repeat:none;
	background-position: 10px 10px;
	background-image:url(/finc/structurePortail/TN/Homepage2013/images/alerte.png);
	background-repeat:no-repeat;
}

#formConnexionAjax{
	top:50px;
	width:40%;
	left:30%;
	right:30%;
	background-color:#ffffff;
	position:fixed;
	z-index:50;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
@media(max-width: 768px){
	#formConnexionAjax{
		width:80%;
		left:10%;
		right:10%;
	}
}
#formConnexionAjax .input-group input{
	width:95%;
}
#formConnexionAjax .column label{
	margin-bottom:10px;
	font-weight:bold;
}

#formConnexionAjax .column{
	width:40%;
	float:left;
	overflow:hidden;
}

#formConnexionAjax .legend{
	/*width:100%;*/
	background-color:#2D2D2D;
	color:#efefef;
	font-weight:bold;
	border-bottom:1px solid #323232;
	padding:10px 10px 10px 10px;
}
#errorMessage{
	overflow:hidden;
}
#popupBase .legend{
	color:#2D2D2D;
	font-size:20px;
	font-weight:bold;
	border:none;
	border-bottom: 1px solid #EFEFEF;
	max-width:900px;
	text-align:center;
	margin:5px auto;

}
.formContentConnexion{
	padding:20px;
}



button.close {
	float: right;
	font-size:20px;
	font-weight: normal;
	line-height: 1;
	color: #8D8D8D;
	opacity:.8;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
button.close:hover,
button.close:focus {
    color:#666;
    text-decoration: none;
    cursor: pointer;
  	opacity:.9;
  }


.connexionFooter{
	margin-top:20px;
	padding:10px;
	font-size:15px;
	background-color:#efefef;
}
.connexionFooter > a{
	color:#666666;
	cursor:pointer;
}
.connexionFooter > a:hover{
	color:#2D2D2D !important;
}
.loader{
	height:40px;
	width:40px;
	margin-top:80px;
	background-image:url(/finc/StructurePortail/TN/homepage2013/images/lazyload.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
	position:relative;
}

#closenavtop,#closenavtopoff{
	height:40px;
	width:40px;
	cursor:pointer;
	display:none;
	background-color:#D37517;
}
#closenavtop{
	background:url(/finc/StructurePortail/TN/homepage2013/images/arrowtophead.png) center center no-repeat #D37517;
	position:fixed;
	top:0px !important;
	right:0px !important;
}
#closenavtopoff{
	background:url(/finc/StructurePortail/TN/homepage2013/images/arrowtopheadoff.png) center center no-repeat #D37517;
	position:fixed;
	top:0px !important;
	right:0px !important;
	z-index:1664;
}
#closenavtop:hover,#closenavtopoff:hover{
	background-color:#FFC560;
}
/***subfooter***/
#subfooter{
	background: #252525; /* Old browsers */
	color:#efefef;
	border-top:1px solid #999999;
	box-shadow :0 25px 25px rgba(0,0,0,0.2) inset;
}

#footerContent .columnHP > p,#footerContent .columnHP h3,#footerContent strong,#footerContent p a{
	color:#EF851A;
	font-size:24px;
	font-weight:200;
}
#footerContent strong{
	font-weight:200;	
	color:#fff;
	font-size:20px;
}
#footerContent .topactu strong{
	font-size:14px;
	margin-top:20px;
}
#footerContent h3 a{
	font-size:13px;	
}
#footerContent{
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
#footerContent .columnHP{
	width:22%;
	float:left;
	padding:1%;
	border-left:3px solid #444;
	min-height:300px;
}
#footerContent .columnHP li{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#footerContent .columnHP li > a{
	color:#efefef ;
}

#footerContent .columnHP > p{
	text-align:left;
}

#footerContent .columnHP .topactu > li{
}
#footerContent  a:hover{
	color:#999999 !important;
}
#footerContent .columnHP .topactu{
	list-style:none;	
}
#footerContent .columnHP .topactu strong{
	font-weight:bold;	
	color:#fff;
	font-size:14px;
}
#footerContent .columnHP .topactu > li img{
	margin-top:5px;
	margin-right:7px;
	float:left;
}

#footerContent .columnHP:last-child{
	border-right:0px solid transparent !important;
}


#sitesMedia a{
	font-weight:bold;

}
/***underfooter***/
#underfooter{
	padding-top:10px;
	text-align:center;
	color: #EFEFEF;
	background-color:#161616;
	padding-bottom:10px;
	border-top:1px solid #222;
}
#underfooter a:hover{
	color:#999 !important;
	cursor:pointer;	
}
#underfooter a,#underfooter p {
	color: #FFF;
}
#underfooter p 
{
	margin-bottom:7px;	
}


/*********Bloc simple droit**********/
.SimpleBlocHP{
	margin:4px 0 10px 0;
	padding-bottom:5px;
	background-color:#fff;
	font-size:12px;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, 0.10);
	border:1px solid #CDCDCD;

}
.SimpleBlocHP strong{
	font-weight:normal;
}
.SimpleBlocHP > p, .SimpleBlocHP > p a{
	background-color: #2D2D2D;
	text-align:center;
	color:#FFF;
	font-size:16px;
	padding:5px 10px 5px 10px;
	font-family: 'Archivo Narrow','segoe ui',Verdana;
	text-shadow: 0px 1px 0px #000000;
}

.SimpleBlocHP > ul{
	padding:5px 5px 5px 5px;

}

.SimpleBlocHP > ul > li {
	padding:0px 0px 5px 0px;
	font-size:10px;
	border-bottom:1px dotted #999999;
}
.SimpleBlocHP > ul > li:last-child{
	border-bottom:0px solid transparent;
}
.buttonAbo{
	padding:5px 40px 5px 40px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
	border:0;
}
#popupBase{
	position:relative;
	display:inline-block;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow:  0px 2px 2px 0px #353535;
	box-shadow:  0px 2px 2px 0px #353535;	
	background-color:#ffffff;
	-webkit-transform:translate(0,-400px);
	transform:translate(0,-400px);
	opacity:0;
	transition:transform  ease 0.2s,opacity ease 0.5s;
	-webkit-transition: -webkit-transform ease 0.2s,opacity ease 0.5s;
    overflow-y:auto;
    max-height:100%;
    min-width:70%;
    margin-left:auto;
    margin-right:auto;
}
.modal-body{
overflow:auto;
max-height:100%;
width:100%;
}
#popupBase.fade{
	-webkit-transform:translate(0,0px);
	transform:translate(0,0px);
	opacity:1;
}
.popupBaseWraper{
	text-align:center;
	position:fixed;
	z-index:60;
	top:50px;
	width:100%;
	height:100%;
}
/*********Separateur*************/
.separator {
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.separator .blocSeparator {
	height: 8px;
	width: 48px;
}

/*****************Article relatifs********************/
.showMore{
	height:30px;
	width:100%;
	background-image: url(/finc/StructurePortail/TN/Homepage2013/images/artrel.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	position:absolute;
	bottom:0px;
	opacity:0;	
	transform:translate(0%,-100%);
	-webkit-transform:translate(0%,-100%);
	transition:transform .3s ease,opacity .3s ease;
	-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;

}
.showMore p{
	color:#888888;
	font-size:13px;
	padding-top:5px;
	margin-left:20px;
}

article:hover .showMore{
	transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
	opacity:1;
}
.showMore:hover{
	background-color: #EFEFEF;
}
.showMore:hover p{
	display:block;

}
.articlerelatifs{
	padding-top:7px;
	border-top:1px solid #C6C6C6;
	display:block;
}
.articlerelatifs ul{
	padding-left:20px;
	list-style-image:url(/finc/structureportail/TN/homepage2013/images/puce.png);
}
.articlerelatifs .artRelatif{
	padding-top:4px;
	padding-bottom:4px;
}
.articlerelatifs .artRelatif >img{
	float:left;
	padding-right:10px;
	width:40px;
}
.articlerelatifs > a:hover p{
	color:#888888;
}


.articlerelatifs > a  p{
	font-weight:bold;
	font-size:12px;
}
/*************************************Mini bloc news Univers pro *****************************************/
#blocNewsUP
{
	color: #efefef;
	background-image:url(/finc/universpro/images/etoile-petite.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	font-weight:bold;
	float:right;
	position:relative;
	cursor:pointer;
	padding-left:0px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:2px;
}
#blocNewsUP:hover
{
	color: #ffffff;
	background-image:url(/finc/universpro/images/etoile-petitehover.png);
}
.blocNewsUPHover
{
	color: #353535 !important;
	background-color: #ffffff;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-image:url(/finc/universpro/images/etoile-petitehover.png);
	z-index:4;
}

#blocNewsUP > ul
{
	-webkit-border-radius: 2px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 2px;
	-moz-border-radius-topright: 0;
	border-radius: 2px;
	border-top-right-radius: 0;
	display:none;
	z-index:5;
	position:absolute;
	background-color:#ffffff;
	color: #454545 !important;
	right:0px;
	width: 220px;
	list-style:none;
	-webkit-box-shadow:  0px 2px 2px 0px #353535;
	box-shadow:  0px 2px 2px 0px #353535;
	padding:5px;
}
#blocNewsUP .news
{
	background-image:url(/finc/observatoire/marche/pages_internes/NewObsMarche/images/pictoNews.png);
	background-repeat:no-repeat;
	background-position: 5% 30%;
}

#blocNewsUP .com
{
	background-image:url(/finc/observatoire/marche/pages_internes/NewObsMarche/images/pictoCommentMini.png);
	background-repeat:no-repeat;
	background-position: 5% 20%;
}
#blocNewsUP > ul > .news:hover 
{
	background-image:url(/finc/observatoire/marche/pages_internes/NewObsMarche/images/pictoNewsHover.png);
}

#blocNewsUP > ul > .com:hover 
{
	background-image:url(/finc/observatoire/marche/pages_internes/NewObsMarche/images/pictoCommentMiniHover.png);
}

#blocNewsUP > ul > li
{
	width: 220px;
	border-bottom:1px solid #CECECE;
	line-height: 23px;
	list-style:none;
	text-align:right;
}
#blocNewsUP > ul > li > a
{
	color: #303030 !important;	
	padding: 10px;
	height:23px;
	font-weight:normal;
}
#blocNewsUP > ul > li > a:hover
{
	color: #353535!important;
	font-weight:normal;
}

#blocNewsUP > ul > li:last-child
{
	border-bottom:1px solid #ffffff;
}


#blocNewsUP > ul > li:hover
{
	background-color:#efefef;
}

.pubbigtot{
	width:1220px;
	margin-left:auto;
	margin-right:auto;
}
/***********Bloc breves HP*******************/
#breves, .breves{
	min-height:226px;
	margin-bottom:0px;
	list-style:none;
	overflow:hidden;
	transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
	overflow-x:hidden;

}
.SimpleBlocHP{
	overflow-x:hidden;
}
#breves li, .breves li{
	margin-top:5px;
	padding:3px 5px;
	border-bottom:1px dotted #999999
}
#breves li  a, .breves li  a{
	color:#2D2D2D;

}
#breves .dtepubli{
	display:inline;
	color:#2D2D2D;
}
#breves li  a span, .breves li  a span{
	text-overflow:ellipsis;
	-webkit-text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:12px !important;
}
#breves li  a  .bold, .breves li  a .bold{
	font-weight:bold;
}

#breves li p, .breves li p{
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	height:14px;
	white-space: nowrap;

}
.anim-right{
	animation:slider-right .6s ease 0s;
	-webkit-animation:slider-right .6s ease 0s;
}
.anim-left{
	animation:slider-left .6s ease 0s;
	-webkit-animation:slider-left .6s ease 0s;
}
	

@keyframes slider-right {
    from {
         	transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
    48% {
    		transform:translate(-100%,0%);
	-webkit-transform:translate(-100%,0%);
    }
    49% {
    		transform:translate(100%,0%);
	-webkit-transform:translate(100%,0%);
    }
    to {
    		transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
}
@-webkit-keyframes slider-right {
    from {
    		transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
        
    }
    48% {
    		transform:translate(-100%,0%);
	-webkit-transform:translate(-100%,0%);
         
    }
    49% {
    		transform:translate(100%,0%);
	-webkit-transform:translate(100%,0%);
    }
    to {
    		transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
}
@keyframes slider-left {
    from {
         transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
    48% {
        transform:translate(100%,0%);
	-webkit-transform:translate(100%,0%);
    }
    49% {
        transform:translate(-100%,0%);
	-webkit-transform:translate(-100%,0%);
    }
    to {
         transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
}
@-webkit-keyframes slider-left {
    from {
         transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
    48% {
        transform:translate(100%,0%);
	-webkit-transform:translate(100%,0%);
    }
    49% {
        transform:translate(-100%,0%);
	-webkit-transform:translate(100%,0%);
    }
    to {
         transform:translate(0%,0%);
	-webkit-transform:translate(0%,0%);
    }
}

.SimpleBlocHP .link{
	font-size:13px;
	text-align:center;
}
/*
#breve-pager{
height:20px;
margin-bottom:5px;	
}*/
#breve-pager .btton{
	width: 20px;
	height:20px;
	cursor:pointer;
	border:none;
}

#breve-pager .btton:hover{
	background-color:#CCC;
}

#breve-pager .btton span{
	width: 100%;
	height: 100%;
}
#breve-pager li{
	font-size:11px !important;
	float:left;
	margin-bottom:5px;
}
#breve-pager .aff{
	border-bottom:none !important;
	padding-left:20px;
	padding-right:20px;
}

#breve-pager {
	list-style:none;
}
#breve-pager  .off{
	background-color:#E0E0E0 !important;
}
#breve-pager .previous {
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/prev.png);
	background-repeat:no-repeat;
	background-position:50% 50%;

}

#breve-pager .next {
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/next.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#breve-pager .rss  {
	margin-left:10px;
	height:19px;
	width:25px;
	padding-top:0px;
}
/***********filariane*************/

#filariane{
	margin-left:10px;
	list-style:none;
	display:block;
	max-height:35px;
	overflow:hidden;
}

#filariane li {
	background: none !important;
	font-weight: normal !important;
	color: #353535 !important;
	letter-spacing: 1px !important;
	font-weight: normal !important;
	font-size: 13px;
	float:left;
	padding:5px;

}
#filariane li:not(:last-child):not(:first-child):after{
	content:"  >";
}

#filariane  > a:hover >span {
	color: #FF973D !important;

}

.spacer{
	clear:both;
}

/******Modal box (utilisé partout)********/

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
	z-index:200;
	background-color:#efefef;
	border:1px solid #666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 0px 0px 3px 1px #99999;
	box-shadow: 0px 0px 3px 1px #99999;

}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
	background-color:  #666;
	color: #EFEFEF;
	font-weight: bold;
	height:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	top:8px;
	right:5px;
	height:16px;
	width:18px;
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/fermer-sprite.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor:pointer;

}
.ui-icon-closethick{
	display:none;	
}
.ui-dialog .ui-dialog-titlebar-close:hover{
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/fermer-sprite.png);
	background-position:0px -48px;
}


.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

/***  SONDAGES **/
.blocVote_Sond span.option{
	display: block;
	min-height: 25px;
	line-height: 25px;
}

.blocVote_Sond span.optionText{
	cursor: pointer;
	position: relative;
	left:6px;
	top:-2px;
}

.blocVote_Sond .submit_Sond{
	margin-top:10px;
}

/*** ASIDE SimpleBlocs **/
aside .SimpleBlocHP{
	margin-bottom         : 10px;
	padding               : 0;
}

.SimpleBlocHPnoBorderRadius{
	margin-bottom         :10px;
	padding               :0;
}

/*** FOOTER**/


/******Bouton pro*******/

.boutoncompro:hover,.boutoncomprosmall:hover {
	background-color:#A05C13!important;
	background-position:95% 50%!important;
	text-decoration:none;
}

.boutoncomprosmall {
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
	-webkit-transition:background-position .4s ease;
	background-color:#E38421;
	background-image:url(/finc/StructurePortail/TN/Homepage2013/images/pagepro/puce.png)!important;
	background-position:90% 50%!important;
	background-repeat:no-repeat!important;
	border:none!important;
	border-radius:0!important;
	color:#efefef!important;
	cursor:pointer;
	float:right;
	font-size:12px!important;
	font-weight:700;
	margin-bottom:20px!important;
	padding:10px 50px 10px 20px !important;
	text-transform:uppercase;
	font-weight:bold;
	transition:background-position .4s ease;
}

.message-data{
	margin:5px;
	padding:5px 5px 5px 50px;
	border:1px solid #93B3C6;
	background:url(/finc/structureportail/TN/homepage2013/images/alerte.png) 2% center no-repeat #CDE1ED;
}
.message-data a{
	font-weight:bold;
}

.message-data-pro2{
	padding:10px 10px 0px 10px;
	overflow:hidden;
	border: 1px solid #E0E0E0;	
	background-color:rgba(256,256,256,0.7);
	text-align:center;
	width:320px;
	margin:20px auto 20px auto;
	box-shadow : 0 0 20px rgba(0,0,0,0.1);
	-webkit-box-shadow : 0 0 20px rgba(0,0,0,0.1);

}

.message-data-pro2 .boutoncomprosmall{
	display:block ;
	width:250px !important;
	float:none;
	margin: 10px auto 5px auto ;
	padding-right:34px !important
	
}
.message-data-pro2 strong{
	font-family:'archivo narrow';
	font-size:15px;
	font-weight:normal;
}
.message-data-pro {
	border-bottom: 3px solid #E0E0E0;
	overflow:hidden;
	background-color:#fff;
}
.message-data-pro > h4 {
	background-color:#2D2D2D;
	font-size:22px;
	font-weight:bold;
	color:#efefef;
	padding:10px;
	text-align:center;
	color:#999;
}

.message-data-pro > div {
	width:48%;
	padding:1%;
	float:left;
	text-align:center;
}
.message-data-pro img {
	width:300px
}
.message-data-pro a, .message-data-pro button{
	float:none;
	display:block !important;
	width:300px;

	margin:10px auto !important;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/**Rustine pub importante pour les petites résolutions avec affichage**/
.expandsanspartage a,.expandsanspartageright a{
	position:relative;
	display:block;
}
.expandsanspartage img{
	position:absolute;
	top:0px;
	right:0px;
}
.expandsanspartageright,.expandsanspartage{
	overflow:visible;
}

.expandsanspartageright img{
	position:absolute;
	top:0px;
	left:0px;
}
.ui-helper-hidden-accessible{
	display:none;	

}

article .text a:hover{
	text-decoration : underline
}

/**autocomplete du search**/
.ui-searchbox{
	z-index:39 !important;
	list-style:none;
	background-color:#F4F4F4 !important;
	width:320px;
	border:1px solid #AAAAAA;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	margin:20px;
	padding-top:0px;
	padding-bottom:3px;
	box-shadow: 3px 10px 12px rgb(0,0,0,0.02);
	position:absolute;
	max-height:470px;
	overflow-x:hidden;
	overflow-y:auto;
}
.ui-searchbox .Actualité{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/journal.png) 20px center no-repeat #F4F4F4 !important;
}
.ui-autocomplete-loading{
	background-color: #fff !important;	
}
.ui-searchbox .Auteur{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/auteur.png) 20px center no-repeat #F4F4F4 !important;
}
.ui-searchbox .météo{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/meteo.png) 20px center no-repeat #F4F4F4 !important;
}
.ui-searchbox .Tracteurs{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/auteur.png) 20px center no-repeat #F4F4F4 !important;
}
.ui-searchbox .agricoles{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/marche.png) 20px center no-repeat #F4F4F4 !important;
}
.ui-searchbox .Moissonneuse{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/moissonneuse.gif) 10px center no-repeat #F4F4F4 !important;
}
.ui-searchbox .Tracteur{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/tracteur.gif) 10px center no-repeat #F4F4F4 !important;
}
.ui-searchbox .météo{
	background: url(/finc/StructurePortail/TN/Homepage2013/images/meteo.png) 20px center no-repeat #F4F4F4 !important;
}
.ui-searchbox  > .ui-menu-item{
	border-top:1px solid #F4F4F4 !important;
	border-bottom:1px solid #F4F4F4 !important; 
	min-height:20px !important;
	padding:5px !important;
	margin-left:40px !important;
	border-left:1px solid #C0C0C0 !important;
	background-color:#FFF !important;
	cursor:pointer !important;
	font-size:12px ;
	overflow:hidden;
	font-size:10px !important;
}	

.ui-searchbox  > .ui-menu-item img{
	float:left !important;
	border:1px solid #AAAAAA !important;
	margin:4px 5px 5px 5px !important;
	max-width:60px !important;
	width:60px !important;
	transition: transform 0.5s;
	-webkit-transition:  -webkit-transform 0.5s;
}

.ui-autocomplete-loading {
	background: url(/finc/observatoire/meteo2013/img/ui-anim_basic_16x16.gif) no-repeat scroll 90% 50% #fff !important;
}
.ui-searchbox  > .ui-menu-item {
	transition:  background 0.5s;
	-webkit-transition:  background 0.5s;	
}
.ui-searchbox .ui-menu-item:hover img,
.ui-state-focus-ok img{
	transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);/* IE 9 */
	-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
}

.ui-searchbox  > a.ui-corner-all {
	color: black !important;
	border:0 !important;
	background:none !important;
}
.ui-searchbox >.ui-menu-item:hover,.ui-searchbox > .ui-state-focus-ok {
	background-color:#F3E9DE !important;
	border-top:1px solid #C0C0C0 !important;
	border-bottom:1px solid #C0C0C0 !important;
	border-left:1px solid #C0C0C0 !important;
	border-right:1px solid transparent !important;
}

.ui-searchbox  >  .ui-menu-item:hover a,.ui-searchbox  >  .ui-state-focus-ok a{
	color:#2D2D2D !important;
	border:none !important;
}
.header-ui-auto{
	padding:0 0px 0px 20px;	
	font-size:10px;
	cursor:pointer;
	margin-right:0px;
	margin-top:10px;
	border-bottom:1px solid #C0C0C0;
	text-align:center;
	background :url(/finc/StructurePortail/TN/Homepage2013/images/moteur-recherche-agricole-loupe-black.png) right center no-repeat;
	padding-right:20px;
}
.header-ui-auto:hover{
	color: #DC7800;
	background-image :url(/finc/StructurePortail/TN/Homepage2013/images/moteur-recherche-agricole-loupe-black-hover.png) 
}
.ui-searchbox .ui-autocomplete-category:hover{
	background-color:#F4F4F4 !important;
	border-left:none;
	border-bottom:0px solid #F4F4F4 !important;
	border-top:0px solid #F4F4F4 !important;

}
.ui-searchbox .ui-autocomplete-category:hover a{
	border-left:1px solid #C0C0C0;
	color:#2D2D2D !important;
}


.ui-searchbox  > .ui-autocomplete-category{
	padding : 0 0 0  40px  !important;
	margin-left:0px !important;
	border-left:none;
	border-bottom:0px solid #F4F4F4 !important;
	border-top:0px solid #F4F4F4 !important;
}
.ui-searchbox > .ui-autocomplete-category p{
	line-height:20px;
	padding:8px 5px 8px 5px !important;
	border-left:1px solid #C0C0C0;
	font-family:'archivo narrow';
	color:#2D2D2D;	
}
/************Bloc promotion des clubs**************/

.blocclub{
	width:100%;
	margin-left:-10px;
	padding-left:14px;
	padding-right:14px;
	height:300px;
	background-color:#fff;
	border:1px solid #DADADA;
}
.blocclub > p{
	text-align:center
}
.blocclub > p > a{
	text-decoration:underline;
}
.blocclub article{

	margin-left:30px;
	height:190px !important;
	float:left;
	border:0px solid #C0C0C0;
	position:relative;
	background-color:#fff;
	cursor:pointer;
	overflow:hidden;
	transition: box-shadow 0.5s ease;
	-webkit-transition: box-shadow 0.5s ease;
	-moz-transition: box-shadow 0.5s ease;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.blocclub article .imgart{
	width:100%;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
}
.blocclub article p{
	font-weight:bold;
	position:absolute;
	top:0px;
	height:60px;
	width:100%;
	transform : translate(0px,-100%);
	-webkit-transform : translate(0px,-100%);
	-moz-transform : translate(0px,-100%);
	transition: transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;	
	background-color:rgba(256,256,256,0.4);
	color:#2D2D2D;
	padding:5px;
	font-size:12px;
}

.blocclub article:hover .imgart{
	opacity:0.6;
}
.blocclub .bgimage{
	width:100%	;
	height:130px;
	background-position:0px center;
	background-repeat:no-repeat;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition:all 0.2s ease;
}
.blocclub article  .imgloupe  {
	text-align:center;
	position:absolute;
	top:25px;
	left:100px;
	transition: transform 0.5s ease,opacity 1s ease;
	-webkit-transition: transform 1s ease,opacity 1s ease;
	-moz-transition:transform 0.5s ease,opacity 1s ease;
	transform : scale(0.7);
	-webkit-transform : -webkit-scale(0.7);
	-moz-transform : -moz-scale(0.7);
	transform : rotate(100deg);
	-webkit-transform : rotate(100deg);
	-moz-transform : rotate(100deg);
	opacity:0;
}

.blocclub article:hover p{
	transform : translate(0px,0px);
	-webkit-transform : translate(0px,0px);
	-moz-transform : translate(0px,0px);
}
.blocclub article:hover  .imgloupe  {
	transform : scale(1.3);
	-webkit-transform : -webkit-scale(1.3);
	-moz-transform : -moz-scale(1.3);
	transform : rotate(0deg);
	-webkit-transform : rotate(0deg);
	-moz-transform : rotate(0deg);
	opacity:1;
}
.blocclub article:hover{
	box-shadow:0 0 21px 0px rgba(0,0,0,0.7)
	-webkit-box-shadow:0 0 21px 0px rgba(0,0,0,0.5)
	-moz-box-shadow:0 0 18px 0px rgba(0,0,0,0.5)
}

.blocclub article h4{
	text-align:center;
	height:45px;
	font-family:'archivo narrow', arial;
	font-size:16px !important;
	position:relative;
	top:0px;
	padding:10px;
	background-color:rgba(256,256,256,0.7);
	color:#2D2D2D;
}
.blocclub .titrebloc-club {
	text-align : center;
	padding-top:15px;
	padding-bottom:15px;
}
.blocclub a{
	color: #2D2D2D !important;
}

.pro-preview{
	position:relative;
}
.pro-preview > img{
	max-width:100%;
	
	display:block;
	margin: 0 auto;
}
.pro-preview .preview-title{
	position:absolute;
	font-size:20px;
	display:inline-block;
	font-family:'archivo narrow';
	padding:10px;
	background-color:#EF851A;
	color:#fff;
	top:0px;
	left:0px;
}
.pro-preview .affPro{
	position:absolute;
	top:40px;
	left:27%;
}

/**autocompletion météo**/
#chgt_point .ui-autocomplete {
	cursor: default;
	position: absolute;
}


#chgt_point .ui-autocomplete {
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	background-color: white;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	overflow-x: hidden;
	max-height:300px;
	overflow-y: auto;
	z-index: 3;
	position: absolute;
	border-bottom:1px solid #67A8DB;
	border-left:1px solid #67A8DB;
	border-right:1px solid #67A8DB;
}
#chgt_point .ui-helper-hidden-accessible {
	display: none;
}


#chgt_point .ui-menu-item a {
	color:#444 !important;
	cursor: pointer;
	width: 100%;
	display: block;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
}

#chgt_point .ui-menu-item {
	list-style: none;
	width: 100%;
	list-style: none;
}

#chgt_point .ui-menu-item:hover a {
	width: 100%;
}

#chgt_point .ui-menu-item:hover {
	background-color: #8BD1F9 !important;
}
#chgt_point .ui-menu-item:hover,.ui-state-focus {
	background-color: #A0D7F7 !important;
}
#chgt_point .ui-autocomplete-loading {
	background: url(/finc/observatoire/meteo2013/img/ui-anim_basic_16x16.gif) 92% 50% no-repeat #fff;
}
#rightColumn{
	margin-top:-35px;
}
.tag-obs-container{
	height:30px;
	margin:3px 0px 0px 1px;
	overflow:hidden;
	font-size:11px;
	float:left;
	width:759px;
	position:relative;
}


.tag-obs-container ul   {
	display:table;
	width:100%;
	position:relative;
}
.tag-obs-container .isds {
	color:#000;
	font-weight:bold;
}
.tag-obs-container li a{
	line-height:30px;
	white-space: nowrap;
	color:#444;
	height:30px;
	display:block;
	border-right:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	min-width:40px;
	background-color:#fff;
	transition:background .3s ease;
	-webkit-transition:background .3s ease;
}
.tag-obs-container li a:hover{
	color:#EF851A;
	background-color:#efefef;
	border: 1px solid #E0E0E0 !important;
}
.tag-obs-container li{
	text-align:center;
	list-style:none;
	display:table-cell;
}
.tag-obs-container .first{
	line-height:30px;	
	font-size:13px;
	width:160px;
	color:#fff;
	background-color:#2d2d2d;
	position:relative;
	overflow:visible;
}
.tag-obs-container .first span{
	display:inline-block;
	z-index:10;
	position:relative;
}
.tag-obs-container .first span:after{
	position:absolute;
	content:" ";
	width: 0px;
	height: 0px;
	background-color:transparent;
	left:17px;
	top:0px;
	border-style: solid;
	border-width: 15.5px 0 15.5px 10px;
	border-color: transparent transparent transparent #2d2d2d;
}
.tag-obs-container li:last-child{
	border: 0 none;

}
.tag-obs-container .second a{
	padding-left:20px;
}
.tag-obs-container {
	overflow:visible;
}
.tag-obs-container .tag-selected a{
	background-color:#EF851A;
	font-family:'archivo narrow';
	position:relative;
	color:#efefef;
	border:1px solid #EF851A !important;
}

.listing-tag{
	max-width:90%;
	margin-top:10px;
	margin-bottom:10px;
	height:30px;
}

.listing-tag label{
	float:left;
	line-height:20px;
}
.tagarticle{
	margin: 10px 0;
}
.tagarticle p{
	float:left;margin-top:4px;
}
.tag-list li {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 4px;
}
.tag-list li a {
  padding: 3px 10px;
}
.tag-list li:hover a {
  background-color: #EFEFEF;
  text-decoration:none;
}





.tag-icon{
	margin-right:10px;
	height:20px;
	width:20px;
	display:inline-block;
	background:url(/finc/StructurePortail/TN/Homepage2013/images/icon-tag.png) no-repeat 0% 0% transparent ;
}


.btn-flat.btn-flat{cursor:pointer;display:block;width:100%;border:0;padding:4px 4px;font-size:120%;color:#fff;text-align:center}
.btn-flat span{font-size:70%;display:block;}
.btn-flat .counter{display:inline-block;font-size:90%}.btn-flat-facebook{background-color:#4c69ba}
.btn-flat-facebook:hover{background-color:#4c70ba}.btn-flat-twitter{background-color:#55acee}
.btn-flat-twitter:hover{background-color:#83c3f3}.btn-flat-linkedin{background-color:#0077b5}
.btn-flat-linkedin:hover{background-color:#0099e8}.btn-flat-google{background-color:#e65155}
.btn-flat-google:hover{background-color:#ec7e81}.btn-flat-newsletter{background-color:#096fb1}
.btn-flat-newsletter:hover{background-color:#0b8de2}
.sociallinksFiche{border:0 !important;z-index:42;top:0;position:absolute;width:95px;left:auto;;margin-left:-120px}
.sociallinksFiche{position:fixed;top:220px}.sociallinksFiche ul{list-style:none}
.sociallinksFiche li{width:100%;margin-bottom:5px;clear:both}.sociallinksFiche li>div{padding:0;margin-bottom:5px}
.sociallinksFiche li>div:first-child{padding-right:2.5px}.sociallinksFiche li>div:last-child{padding-left:2.5px}
.sociallinksFiche .i{font-size:140%}
.sociallinksFiche .btn-like{background:#4c69ba;background:-moz-linear-gradient(top, #4c69ba 0, #4c69ba 63%, #3b55a0 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4c69ba), color-stop(63%, #4c69ba), color-stop(100%, #3b55a0));background:-webkit-linear-gradient(top, #4c69ba 0, #4c69ba 63%, #3b55a0 100%);background:-o-linear-gradient(top, #4c69ba 0, #4c69ba 63%, #3b55a0 100%);background:-ms-linear-gradient(top, #4c69ba 0, #4c69ba 63%, #3b55a0 100%);background:linear-gradient(to bottom, #4c69ba 0, #4c69ba 63%, #3b55a0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0);overflow:hidden;text-align:center}.sociallinksFiche .btn-like .fb-like{margin:0}.sociallinksFiche .btn-like .fb-like>span{margin:5px 0}.sociallinksFiche .btn-google{background-color:#e65155;padding:6px 16px 3px 16px;text-align:center}.sociallinksFiche .btn-warning{color:#2d2d2d;font-weight:bold}
.sociallinksFiche.disabled{top:auto !important;bottom:0;left:0;margin-left:0;position:fixed;width:100%}
.sociallinksFiche.disabled li{clear:none;display:block;float:left;width:100px;margin:0}
.sociallinksFiche.disabled li .counter{display:none;padding-right:10px}
.sociallinksFiche.disabled .btn-flat{display:block;height:40px;marigin:0 2px;-webkit-transition:all .3s ease;transition:all .3s ease}
.sociallinksFiche.disabled .btn-flat:hover{margin-top:-40px;height:80px}.sociallinksFiche.disabled .col-sm-6{display:block;float:left;width:50px;margin:0;padding:0}
.sociallinksFiche.disabled .btn-like,.sociallinksFiche.disabled .btn-google{display:none}
.sociallinksFiche.disabled .btn-warning{line-height:30px}
@media (max-width:1195px){.sociallinksFiche{top:auto !important;bottom:0;left:0;margin-left:0;position:fixed;width:100%}
.sociallinksFiche li{clear:none;display:block;float:left;width:100px;margin:0}.sociallinksFiche li .counter{display:inline;padding-right:10px}
.sociallinksFiche .btn-flat{display:block;height:40px;marigin:0 2px;-webkit-transition:all .3s ease;transition:all .3s ease}
.sociallinksFiche .btn-flat:hover{margin-top:-40px;height:80px}.sociallinksFiche .col-sm-6{display:block;float:left;width:50px;margin:0;padding:0}
.sociallinksFiche .btn-like,.sociallinksFiche .btn-google{display:none}.btn-flat span {display:inline;}.sociallinksFiche .btn-warning{line-height:30px}}
@media (max-width:768px){.sociallinksFiche{top:0 !important;left:auto !important;right:0 !important;margin-top:40px;margin-bottom:40px;margin-left:0;position:relative !important;width:100% !important;min-height:80px !important;display:table}.sociallinksFiche li{clear:none;float:left !important;width:20% !important;margin:0 !important}.sociallinksFiche .btn-flat{display:block;height:80px !important;marigin:0 0}.sociallinksFiche .btn-flat span{display:block !important}.sociallinksFiche .btn-like,.sociallinksFiche .btn-google{display:none}.sociallinksFiche .btn-warning{line-height:34px !important}}







/*Bloc météo**/
.bloc-meteo-hp {
    padding-bottom: 0;
}
.bloc-meteo-hp > div {
    cursor: pointer;
    margin-bottom: 5px;
    padding-top: 0;
    position: relative;
}
.bloc-meteo-hp .text {
    display: inline;
}
.bloc-meteo-hp p {
    display: inline;
    margin: 0;
    padding: 0;
}
.bloc-meteo-hp .picto40 {
    margin-top: -15px;
    width: 65px;
}
.bloc-meteo-hp .wind-dir {
    display: inline-block;
    font-size: 30px;
    height: 40px;
    margin-left: 5px;
}
.bloc-meteo-hp .precip, .bloc-meteo-hp .temp {
    font-family: "BebasNeueRegular",'Arial Narrow';
}
.bloc-meteo-hp .temp {
    font-size: 28px;
    font-weight: 200;
    margin-right: 4px;
}
.bloc-meteo-hp .precip {
    font-size: 17px;
    font-weight: 200;
}
.bloc-meteo-hp .precip i {
    margin-left: 6px;
    margin-right: 2px;
}
.bloc-meteo-hp h3 {
    font-size: 130%;
    font-weight: 200;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
.bloc-meteo-hp .list-day {
    clear: both;
}
.bloc-meteo-hp .bloc-day {
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgb(153, 153, 153);
    transition: all 0.2s ease 0s;
}
.bloc-meteo-hp .bloc-day p {
    display: block;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.bloc-meteo-hp .bloc-day:hover {
    background-color: rgb(9, 111, 177);
    border-color: rgb(7, 81, 128);
    color: rgb(255, 255, 255);
    filter: none;
}
.bloc-meteo-hp .close {
    float:right;
}
.bloc-meteo-hp .bloc-day:hover .temp {
    color: rgb(255, 255, 255);
}
.bloc-meteo-hp .bloc-day .temp {
    font-size: 21px;
}
.bloc-meteo-hp .bloc-day:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.bloc-meteo-hp .button-wrapper {
    font-size: 70%;
    margin-top: 3px;
    text-align: right;
    width: 100%;
}
.bloc-meteo-hp .button-wrapper a {
    display: inline-block;
}
.picto30 {
    height: 38px;
    width: 38px;
}
/**Système de grid responsive**/

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.bloc.col-xs-6 {
  width: 49.5%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-12 {
  width: 100%;
}
@media (min-width: 768px) {
	

  .container {
    max-width: 750px;
	
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
@media (min-width: 992px) {

  .container {
    max-width: 970px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-3 {
    width: 25%;
  }
  .bloc.col-md-4 {
    width: 32.33333333333333%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }

  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 998px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
.progress {
  overflow: hidden;
  height:18px;
  margin-bottom: 4px;
  background-color:#CECECE;
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size:10px;
  line-height:18px;
  color: #fff;
  text-align: center;
  background-color: #EF851A;
}



.thumb-video{
    display:inline-block;
    position:relative;
    max-width:100%;
}
.thumb-video:before{
        cursor:pointer;
        content:" ";
        position: absolute;
        display: block;
        top: 50%;
        left:50%;
        margin-top:-25px;
        margin-left:-25px;
        width: 50px;
        height: 50px;
        transition : all .2s ease;
        z-index:4;
}
.thumb-video:hover:before{
        background-color:#EF851A;
        border-radius: 50%;
        -webkit-border-radius: 50%;
}

.thumb-video:before{
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABBdEVYdENvbW1lbnQAQ1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gODAKsYcypAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAADHSURBVDhP7ZA7CsJAFEXjbwM2NtZuwUqwtrBRKzdgZWvjElxEVqIggo3ZgAuwdAEixjPhTmGYIZMoVjlwYF7efbdIVPN70jTd4AKb+vQdFJ3RcMEZNrSqBgW20HLCidbl4ThfaElwii1Fw+DAV2jZ4wjDfgXBokLLAYc680MotNDwxFinbgiEFj4wxoFO3RAoKrzjDvs6+YRFT88MZl/hDbfYVdQNgaWeGcz5wiuusK1IOTg0hS884hw7WlWDgjWONdb8nSh6A8sclw9I+36CAAAAAElFTkSuQmCC)  no-repeat 50% 50% rgba(0,0,0,0.6);
}
.form-group{
	margin:10px 0;
}
.form-group label{
	display:block;
	margin-bottom:3px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    background-image: none;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
    white-space: nowrap;
    padding: 3px 12px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    border-bottom: 4px solid transparent;
    text-decoration: none !important;
}
.btn-lg{
	font-size:17px;
}
.btn-block{
	width:100%;
	display:block !important;
}
.btn:focus,.btn:active:focus,.btn:hover:focus,.btn.active:focus {
    text-decoration: none !important;
}

.btn:focus {
    color: #333;
    text-decoration: none;
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-btn .btn {			
    border-width: 1px;
    border-style: solid;
    margin-bottom: 0;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff !important;
    background-color: #EF851A;
    border-color: #D37517;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #D37517;
}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #EF851A;
    border-color: #EF851A;
}

.btn-primary .badge {
    color: #096fb1;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #398439;
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
}

.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #269abc;
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc;
}

.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.label{
	font-weight:bold;
	font-size:80%;
	text-transform: uppercase;
	padding: 2px 6px;
	color:#fff;
	display:inline-block;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #2d2d2d;
    background-color: #fac044;
    border-color: #e19b06;
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
    color: #2d2d2d;
    background-color: #f9b31c;
    border-color: #e19b06;
}

.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
    background-color: #fac044;
    border-color: #f9b82b;
}

.btn-warning .badge {
    color: #fac044;
    background-color: #2d2d2d;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #ac2925;
}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.form-control {
    display:block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.form-control.large {
    min-height: 40px;
    border-radius: 0px;
    border: 1px solid #E0E0E0;
}

.form-control:focus {
    border-color: #32A0CB;
    outline: 0;
    background-color:#efefef;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

textarea.form-control {
    height: auto;
}
.menu-section ul{
	list-style:none;
	border-bottom:2px  solid #EF851A;
	margin-top:20px;
}
.menu-section li{
	display:inline-block;
	margin-left:3px;
	border-top:2px solid #E0E0E0;
	border-left:2px solid #E0E0E0;
	border-right:2px solid #E0E0E0;
	background-color:#fff;
}
.menu-section a{
	display:block;
	padding:20px 7px;
	color:#999;
	font-weight:bold;
	text-transform:uppercase;
}
.menu-section .active,.menu-section li:hover{
	margin-bottom:-3px;
	border-color:#EF851A;
	border-bottom:3px solid #fff;
}
.menu-section li:hover a,.menu-section .active a{
	text-decoration:none;
	color:#EF851A;
}

/*Styles pour bandeau info cookie*/

.rgba .info-cookie {
    background-color: rgba(0, 0, 0, 0.8);
}
.affix {
    position: fixed;
}
.info-cookie {
    background-color: #666;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    left: 0;
    line-height: 35px;
    margin: 0;
    padding: 4px;
    width: 100%;
    z-index: 30;
}

#InfoCookie a{color:#FFFFFF;}
#InfoCookie a:hover{color:#EAB109;}

.alert {
    border: 1px solid transparent;
    margin-bottom: 0px;
    margin-top: 5px;
    padding: 15px;
}

.close{
float:right;
font-size:21px;
font-weight:bold;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:.2;
filter:alpha(opacity=20);
}

.close:hover,.close:focus{
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.5;
filter:alpha(opacity=50);
}

.button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.container{margin-right:auto;margin-left:auto;padding-left:8px;padding-right:8px}
.fil-forum{
	margin:20px 0;
}
.fil-forum li{
	display:inline-block;
	width:240px;
	height:80px;
	font-size:12px;
}

.fil-forum img{
	max-width:100%;
}