@charset "utf-8";
/* CSS Document */

/*NEWS*/

.news{ margin-top:50px;}
.news div{ border-bottom:10px solid #fff;}
.a-news01,.a-news02,.a-news03{ min-height:150px;}
@media (min-width:590px){
    .news div{ 
        border-bottom:0px solid #F2F2F2;
        border-right:0px solid #F2F2F2;
        border-left:0px solid #F2F2F2;
    }
    .news div:first-child{ border-right:0px solid #F2F2F2;border-left:0px solid #F2F2F2;}
    .news div:last-child{ border-right:0px solid #F2F2F2;border-left:0px solid #F2F2F2;}
    .a-news01,.a-news02,.a-news03{ min-height:210px; }
}	
@media (min-width:768px){
    .a-news01,.a-news02,.a-news03{ min-height:150px; }
}
@media (min-width:1005px){
    .a-news01,.a-news02,.a-news03{ min-height:170px;}
}
	
.news img{display:block;max-width:100%;height:auto }
.a-news01,.a-news02,.a-news03{ display:block; padding:10px;  color:#000; text-align:justify; }
.a-news01{ background-color:transparent;}
.a-news02{  background-color:transparent; }
.a-news03{  background-color:transparent; }


.a-news01 h3,.a-news02 h3,.a-news03 h3{ margin:0; padding:0;   }
.news a::after{
    content:'\203a'; color:#fff; background-color:rgba(181,43,16,0.5); position:relative; top:0px; padding-left:0.5em; padding-right:0.5em;
    -moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%; line-height:0.5em; font-size:1em; height:1em;
}
.a-news01:hover,.a-news02:hover,.a-news03:hover, .a-orange:hover,.a-bleu:hover,.a-vert:hover{ color:#626979;
    -webkit-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    transition: background-color 1s linear;

    -webkit-transition: color 1s linear;
    -moz-transition: color 1s linear;
    -ms-transition: color 1s linear;
    -o-transition: color 1s linear;
    transition: color 1s linear;
}

/*PAGE NEWS*/
	#news {border-right: 1px solid #ccc;padding-right: 10px;	}
	#menu-News {widht: 100%;padding-left: 10px;	}
	#menu-News .btn {width: 100%;color: #fff;
            background-color: #f90;display: block;width: 100%;
            -webkit-border-radius: 5px 5px 5px 5px;
            border-radius: 5px 5px 5px 5px;
            padding: 10px 0;
		
	}
	#menu-News .btn:hover {
		background: #ff9900;
		background: -moz-radial-gradient(center, ellipse cover, #ff9900 0%, #eb691f 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ff9900), color-stop(100%, #eb691f));
		background: -webkit-radial-gradient(center, ellipse cover, #ff9900 0%, #eb691f 100%);
		background: -o-radial-gradient(center, ellipse cover, #ff9900 0%, #eb691f 100%);
		background: -ms-radial-gradient(center, ellipse cover, #ff9900 0%, #eb691f 100%);
		background: radial-gradient(ellipse at center, #ff9900 0%, #eb691f 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#eb691f', GradientType=1 );
		-webkit-box-shadow: inset 0 0 3px 0 #a23107;
		box-shadow: inset 0 0 3px 0 #a23107;
		
	}
/*PAGES NEWS*/
	#div-list-news{ border-right:1px solid #F2F2F2;  }
	#div-menu-news{ padding-left:10px;}
	.list-news-date {border-left: 1px solid #CCC;border-right: 1px solid #CCC;margin: 0;padding: 0;}
	.list-news-date p.p-day {font-size: 2.8em;line-height: 1em;text-align: center;margin: 0;}
	.list-news-date p.p-month {font-size: 1.8em;line-height: 1em;text-align: center;margin: 0 ;padding:0;}
	.list-news-date p.p-year {font-size: 1.3em;line-height: 1em;
		text-align: center;margin: 0 0 0 0;padding: 0 0 0 0;color: #666;}
	.list-news-img {padding: 0 10px 20px 10px;max-height: 150px;overflow: hidden;}
	.list-news-img a:hover img {opacity: 0.8;}
	.list-news-libelle {color: #000;padding: 0 0 0 10px;}
	.list-news-libelle a {color: #000;}
	.list-news-libelle a:hover {color: #666;}
	.list-news-libelle p.titre {font-size: 1.5em;line-height: 1em;	padding-bottom: 3px;margin:0;}
	.list-news-libelle p.texte {padding-right: 0px;	padding-bottom: 30px; text-align:justify;}

/*RECHERCHE*/
	#btn-recherche {width: 43px; height:43px; color: #fff;	padding: 0; margin:0; font-size:24px;
		font-family: 'Glyphicons Halflings'; text-align:center;}
	#btn-recherche:before {
		content: "\e003";text-align:center;padding-left:8px;  margin:0;}
		
/*Menu NEWS List années*/
	#listNewsAnnee {margin-top: 25px;background-color: transparent;	font-size: 1.8em; }
	#listNewsAnnee ul {list-style: none;padding-left: 15px;}
	#listNewsAnnee ul li a:after {	content:'\203a';position: relative;top: -3px;padding-left: 5px;font-size: 0.6em;}
	#listNewsAnnee ul li a span {	font-size: 0.6em;}
/*menu News list News*/
	#list-news-menu {padding-left: 10px;}
	#list-news-menu h3 {padding-top: 15px;}
	.list-news-menu-img {margin-top: 5px;width: 100%;height: 80px;float: left;overflow: hidden;}
	.list-news-menu-img img {width: 100%;max-width: 150px;max-height: 150px}
	.list-news-menu-text {width: 100%;float: left;padding-left: 5px;margin-bottom: 1px; }
	.list-news-menu-text p.titre{ font-size:0.9em;  }
	#list-news-menu a {color: #000;}
	#list-news-menu a p.date {margin-top: 5px;color: #999;font-size: 0.8em;	line-height: 0.5em;}
/*Une News*/
	#une-news {padding-bottom: 30px;}
	.une-news-date {width : 25%;float: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;margin: 0 0 10px 0;padding: 0 0 0 0;}
	.une-news-date .p-day {	font-size: 2.8em;line-height: 1em;text-align: center;margin: 0 0 0 0;}
	.une-news-date p.p-month {font-size: 1.8em;line-height: 1em;text-align: center;margin: 0 0 0 0;padding: 0 0 0 0;}
	.une-news-date p.p-year {font-size: 1.3em;line-height: 1em;text-align: center;margin: 0 0 0 0;padding: 0 0 0 0;color: #666;}
	.une-news-texte {width: 100%;float: none;padding: 0 10px;border-right: 1px solid #CCC;}
	.une-news-texte h1 {font-size: 1.8em;line-height: 1.2em;margin-top:0;}
	.une-news-texte h2 {font-size: 1.6em;line-height: 1.2em; margin-top:0;}
	.une-news-texte h3 {font-size: 1.5em;line-height: 1.2em;margin-top:0;}
	.une-news-texte h4 {font-size: 1.4em;line-height: 1.2em;margin-top:0;}
	.une-news-texte h5 {font-size: 1.3em;line-height: 1.2em;margin-top:0;}
	.une-news-texte h6 {font-size: 1.2em;line-height: 1.2em;margin-top:0;}
	.une-news-texte img {margin:0;}
	.une-news-texte p {}
	.une-news-texte p.p-chapeau {color: #19287d;}
	.une-news-texte #news-img {margin: 0;padding-right: 10px;}
	.une-news-texte #news-img img {	margin: 0;padding: 0px;}
@media (min-width:360px) {
	.list-news-date {border-left: 1px solid #CCC;	border-right: 1px solid #CCC;margin: 0 0 10px 5%;padding: 0 0 0 0;}
	.list-news-date p.p-day {font-size: 2.8em;line-height: 1em;text-align: center;margin: 0 0 0 0;}
	.list-news-date p.p-month {font-size: 1.2em;line-height: 1em;text-align: center;margin: 0 0 0 0;padding: 0 0 0 0;}
	.list-news-date p.p-year {font-size: 1.3em;line-height: 1em;text-align: center;margin: 0 0 0 0;padding: 0 0 0 0;color: #666;}
	.list-news-img {padding: 0 10px 20px 10px;max-height: 150px;overflow: hidden;width: 100%}
	.list-news-img a:hover img {opacity: 0.8;}
	.list-news-libelle {color: #000;padding: 0 10px 0 10px;	width: 100%;}
	.list-news-libelle a {color: #000;}
	.list-news-libelle a:hover {color: #666;}
	.list-news-libelle p.titre {font-size: 1.5em;line-height: 1em;padding-bottom:3px;}
	.list-news-libelle p.texte {padding-right:10px;	padding-bottom: 30px;	}

	.list-news-date {width: 30%;margin: 0 0 10px 2%;padding: 0 0 0 0;float: left;}
	.list-news-img {width: 68%;padding: 0 10px 0 10px;float: left;max-height: 95px;overflow: hidden;}
	.list-news-libelle {width: 100%;margin: 10px 0 0 0;padding: 10px 10px 0 35%;float: none;clear: both;}
	#une-news {padding-bottom: 30px;}
	.une-news-date {width : 25%;float: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;
		margin: 0 0 10px 10px;padding: 0 0 0 0;}
	.une-news-texte {width: 100%;float: none;padding: 0 10px;border-right: 0px solid #CCC;}
	.une-news-texte h1 {font-size: 1.8em;line-height: 1.2em;}
	.une-news-texte h2 {font-size: 1.6em;line-height: 1.2em;}
	.une-news-texte h3 {font-size: 1.5em;line-height: 1.2em;}
	.une-news-texte h4 {font-size: 1.4em;line-height: 1.2em;}
	.une-news-texte h5 {font-size: 1.3em;line-height: 1.2em;}
	.une-news-texte h6 {font-size: 1.2em;line-height: 1.2em;}
	#recherche-groupe {padding-right: 20px;}
	/*menu News list News*/		
	.list-news-menu-img {width: 40%;}
	.list-news-menu-text {width: 60%;}
	
}
@media (min-width:400px) {
	.list-news-menu-img {width: 40%;}
	.list-news-menu-text {width: 60%;}
}
@media (min-width:450px) {
	.list-news-menu-img {width: 35%;}
	.list-news-menu-text {width: 65%;}
}
@media (min-width:500px) {
	.list-news-date {width: 17%;margin: 0 0 10px 2%;padding: 0 0 0 0;float: left;}
	.list-news-img {width: 68%;padding: 0 10px 20px 10px;float: left;max-height: 95px;overflow: hidden;}
	.list-news-libelle {width: 100%;margin: 10px 0 0 0;padding: 10px 10px 0 20%;float: none;clear: both;}
	.list-news-menu-img {width: 30%;}
	.list-news-menu-text {width: 70%;}
}
@media (min-width:550px) {
	.list-news-menu-img {width: 28%;}
	.list-news-menu-text {width: 72%;}
}
@media (min-width:590px) {
	.list-news-date {width: 17%;margin: 0 0 10px 2%;padding: 0 0 0 0;float: left;}
	.list-news-img {width: 68%;padding: 0 10px 20px 10px;float: left;max-height: 95px;overflow: hidden;}
	.list-news-libelle {width: 100%;margin: 10px 0 0 0;padding: 10px 10px 0 20%;float: none;clear: both;}
	#une-news {	padding-bottom: 30px;}
	.une-news-date {width : 25%;float: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;
		margin: 0 0 10px 10px;	padding: 0 0 0 0;}
	.une-news-texte {width: 100%;float: none;padding: 0 10px;border-right: 0px solid #CCC;}
	.une-news-texte h1 {font-size: 2.2em;line-height: 1.2em;}
	.une-news-texte h2 {font-size: 2em;line-height: 1.2em;}
	.une-news-texte h3 {font-size: 1.5em;line-height: 1.2em;}
	.une-news-texte h4 {font-size: 1.4em;line-height: 1.2em;}
	.une-news-texte h5 {font-size: 1.3em;line-height: 1.2em;}
	.une-news-texte h6 {font-size: 1.2em;line-height: 1.2em;}
	#recherche-groupe {padding-right: 20px;}
}
@media (min-width:600px) {
	.list-news-menu-img {width: 25%;}
	.list-news-menu-text {width: 75%;}
}
@media (min-width:650px) {
	.list-news-menu-img {width: 23%;}
	.list-news-menu-text {width: 77%;}
}
@media (min-width:700px) {
	.list-news-menu-img {width: 23%;}
	.list-news-menu-text {width: 77%;}
}
@media (min-width:768px) {
	.list-news-date {width: 15%;margin: 0 0 10px 2%;padding: 0 0 0 0;float: left;}
	.list-news-img {width: 30%;padding: 0 10px 20px 10px;float: left;max-height: 95px;overflow: hidden;}
	.list-news-libelle {width: 100%;margin: 10px 0 0 0;padding: 10px 10px 0 18%;float: none;clear: both;}
	#une-news {	padding-bottom: 30px;}
	.une-news-date {width : 18%;float: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;
		margin: 0 0 10px 10px;padding: 0 0 0 0;}
	.une-news-texte {width: 100%;float: none;padding: 0 10px;border-right: 0px solid #CCC;}
	.une-news-texte h1 {font-size: 2.2em;line-height: 1.2em;}
	.une-news-texte h2 {font-size: 2em;line-height: 1.2em;}
	.une-news-texte h3 {font-size: 1.8em;line-height: 1.2em;}
	.une-news-texte h4 {font-size: 1.6em;line-height: 1.2em;}
	.une-news-texte h5 {font-size: 1.4em;line-height: 1.2em;}
	.une-news-texte h6 {font-size: 1.3em;line-height: 1.2em;}
	#recherche-groupe {padding-right: 20px;}
	.list-news-menu-img {width: 20%;}
	.list-news-menu-text {width: 80%;}
}
@media (min-width:800px) {
	.td-img{ max-width:60px;}
	.list-news-date {width: 15%;	margin: 0 0 10px 2%;	padding: 0 0 0 0;	float: left;}
	.list-news-img {	width: 50%;	padding: 0 10px 20px 10px;	float: left;	max-height: 150px;	overflow: hidden;}
	.list-news-libelle {	width: 100%;	margin: 10px 0 0 0;	padding: 10px 10px 0 18%;	float: none;	clear: both;}
	#une-news {	padding-bottom: 30px;}
	.une-news-date {	width : 18%;	float: left;	border-left: 1px solid #CCC;	border-right: 1px solid #CCC;	margin: 0 0 10px 10px;	padding: 0 0 0 0;}
	.une-news-texte {	width: 80%;	float: left;	padding: 0 10px;	border-right: 0px solid #CCC;}
	.une-news-texte h1 {	font-size: 2.2em;	line-height: 1.2em;}
	.une-news-texte h2 {	font-size: 2em;	line-height: 1.2em;}
	.une-news-texte h3 {	font-size: 1.8em;	line-height: 1.2em;}
	.une-news-texte h4 {	font-size: 1.6em;	line-height: 1.2em;}
	.une-news-texte h5 {	font-size: 1.4em;	line-height: 1.2em;}
	.une-news-texte h6 {	font-size: 1.3em;	line-height: 1.2em;}
	#recherche-groupe {	padding-right: 20px;}
	.list-news-menu-img {	width: 35%;}
	.list-news-menu-text {	width: 65%;}
}
 @media (min-width:900px) {
	.list-news-menu-img {	width: 40%;}
	.list-news-menu-text {	width: 60%;}
}

@media (min-width:1024px) {
	.list-news-date {	width: 12%;	margin: 0 0 10px 2%;	padding: 0 0 0 0;	float: left;}
	.list-news-img {	width: 33%;		padding: 0 10px 20px 10px;	float: left;	max-height: 150px;	overflow: hidden;}
	.list-news-libelle {
		width: 53%;
		margin: 0 0 0 0;
		padding: 0 10px 20px 10px;
		float: left;
		clear: none;
	}
	#une-news {padding-bottom: 30px;}
	.une-news-date {width : 15%;float: left;border-left: 1px solid #CCC;border-right: 1px solid #CCC;margin: 0 0 10px 0px;padding: 0 0 0 0;}
	.regate .une-news-date {border:0px ;}
	.une-news-texte {width: 85%;float: left;padding: 0 10px;border-right: 0px solid #CCC;}
	.une-news-texte h1 {font-size: 3.1em;line-height: 1.2em;}
	.une-news-texte h2 {font-size: 3em;line-height: 1.2em;}
	.une-news-texte h3 {font-size: 2em;line-height: 1.2em;}
	.une-news-texte h4 {font-size: 1.8em;line-height: 1.2em;}
	.une-news-texte h5 {font-size: 1.6em;line-height: 1.2em;}
	.une-news-texte h6 {font-size: 1.3em;line-height: 1.2em;}
	#recherche-groupe {padding-right: 20px;}
	.list-news-menu-img {width: 40%;}
	.list-news-menu-text {width: 60%;}
	.une-news-menu.bourse{ margin-bottom:10px;}
	.une-news-menu.bourse .list-news-menu-text {width:100%;}
	
	.regate .list-news-libelle{ width:70%; float:right; padding:0 10px;}
}
.breadcrumb{ margin:0; padding:0; background-color:transparent;}
.breadcrumb a{ color:#fff;}
.div-bourse {margin-bottom:30px;color:#fff;}
.div-bourse a {color: #182a7d; display:block;}
.div-bourse a:hover {color: #00afff;}
.div-bourse a.suite { max-width:100px; background-color:#00afff; color:#fff; padding-left:5px; padding-right:5px; float:right; }
.div-bourse a.suite:hover {color: #fff;background-color:#182a7d;}
/*.div-bourse a:after{ content: 'lire la suite \203a';
    color: #182a7d; background-color: rgba(25,40,125,0);
    float: none; width: 100%; display: block;padding: 10px 0; text-align: right;
    -moz-border-radius: 50%; -webkit-border-radius: 50%;
    border-radius: 50%;line-height: 0.5em; font-size: 1em;height: 1em;}
.div-bourse  a:hover:after {color: #ee0000;}
*/		
#div-list-news .list-news-libelle a:hover:after {color: #ee0000;}
#div-list-news .list-news-libelle a::after {
    content: 'lire la suite \203a';
    color: #182a7d; background-color: rgba(25,40,125,0);
    float: none; width: 100%; display: block;padding: 10px 0; text-align: right;
    -moz-border-radius: 50%; -webkit-border-radius: 50%;
    border-radius: 50%;line-height: 0.5em; font-size: 1em;height: 1em;
}
.div-annonce{padding:30px;border:1px solid #00afff;	border-width:0 1px 1px 1px;}
.div-annonce.type2{border-color:#00afff #00afff #182a7d #182a7d ;}
.div-annonce.type1{border-color:#00afff #00afff #182a7d  #182a7d ;}


.p-chapeau {font-weight: bold;font-size: 105%;}
.tbc {background: #00afff;color: #fff;padding:0 ;margin: 0;text-align:left;line-height:2em;width:100%;display:block;margin:0;}
.spanOffre {background:#182a7d;color: #fff;min-width:200px;text-align:center;display:inline-block;margin:0 1px 0 0; padding-left:10px; padding-right:10px;}
.spanDemande {background: #182a7d;color: #fff;text-align:center;display:inline-block;min-width:200px;margin:0 1px 0 0;padding-left:10px; padding-right:10px;}

.spanDateO{background:#00afff;color: #fff;text-align:center;display:inline-block;min-width:200px;margin:0 10px 0 0;padding-left:10px; padding-right:10px;}
.spanDateD{background: #00afff;color: #fff;text-align:center;display:inline-block;min-width:200px;margin:0 10px 0 0;padding-left:10px; padding-right:10px;}


 h1.tbc, h2.tbc,h3.tbc,  h4.tbc, h5.tbc,  h6.tbc,  titre-page.tbc {color: #fff;font-weight:100;display:inline-block;
}
 h1.td, h2.td,h3.td,  h4.td, h5.td,  h6.td,  titre-page.td {
    color: #fff;
		font-weight:100;
		display:inline-block;
}
 h1.to, h2.to, h3.to, h4.to, h5.to, h6.to,titre-page.to {
    color: #000000;
		font-weight:100;
		display:inline-block;
}
/*PAGE NEWS*/

.div-video {width:100%;max-width:100%;padding-bottom: 56.25%;	height: 0;overflow: hidden; }
	
}
@media (min-width:320px) {
	.div-video {width:100%;max-width:100%;padding-bottom: 56.25%;	height: 0;overflow: hidden; }
}
@media (min-width:360px) {
	.div-video {width:100%;max-width:100%;padding-bottom: 57.25%;	height: 0;overflow: hidden;min-height:210px; }
	
	embed, iframe, object{
		max-width: 100%;
			min-width:100%;
		min-height:200px;
	}
}
@media (min-width:500px) {
	.div-video {width:100%;max-width:100%;padding-bottom: 57.25%;	height: 0;overflow: hidden;min-height:310px; }
	
	embed, iframe, object{
		max-width: 100%;
			min-width:100%;
		min-height:300px;
	}
}

@media (min-width:690px) {
	.div-video {width:100%;max-width:100%;padding-bottom: 57.25%;	height: 0;overflow: hidden;min-height:410px; }
	
	embed, iframe, object{
		max-width: 100%;
			min-width:100%;
		min-height:400px;
	}
}
@media (min-width:800px) {
	/*VIEDO NEWS*/
	.div-video {width:100%;max-width:100%;padding-bottom: 57.25%;	height: 0;overflow: hidden;min-height:410px; }
	.videohome iframe, .videohome object, .videohome embed{padding: 0 ;min-height:200px; min-width: 332px; }
	embed, iframe, object{
		max-width: 100%;
			min-width:100%;
		min-height:400px;
	}
}
@media (min-width:900px) {
	
}
@media (min-width:991px) {
	
}
@media (min-width:1024px) {
	.div-video {width:100%;max-width:100%;padding-bottom: 56.25%;	height: 0;overflow: hidden; }
	
}
@media (min-width:1200px) {
	
}
@media (min-width:1400px) {

/*VIDEO NEWS*/
.div-video iframe, .div-video object, .div-video embed{padding: 0 ;min-height:400px; min-width: 725px; }
.videohome iframe, .videohome object, .videohome embed{padding: 0 ;min-height:200px; min-width: 332px; }
.div-video {width:100%;max-width:100%;padding-bottom: 56.25%;	height: 0;overflow: hidden;/*max-height:350px;*/ }
	embed, iframe, object{
		max-width: 100%;
			min-width:100%;
		min-height:400px;
	}
}
