/*BANDEAU  ACCUEIL*/
#bandeau {
	width:987px;
	height:392px;
	margin:  auto;
	padding: 6px;
	border: 1px solid #E7E7E7;
	position: relative;
}

#bandeau UL { position: relative; }

.desc, .ws-title {
	/*background : url(../img/fond_desc.png) top repeat;*/
	width: 200px;
	height: 312px;
	padding: 68px 14px 12px;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
        z-index: 3;
}

.desc  H2, .ws-title H2{
	font-size: 30px;
	margin: 0 0 40px 0;
        font: 33px 'HelveticaNeueLTStd-ThCn',arial;
        color: #ffffff;
}
.ws-title p{line-height: 18px;}

/*SECTION 1 ACCUEIL*/
H3.titre{
	font-size: 19px;
	text-transform: uppercase;
	color: #009EE0;
	margin: 0 0 14px 0;
}

#section_1 .col_gauche H3.diff, #section_1 .col_droite H3.diff{
	margin: 0 0 4px 0;
}

.liste LI {
	float: left;
	width: 100%;
	margin: 0 0 9px 0;
}
.sommaire .liste LI{ margin: 0 0 23px; }

DIV.presentation7 .liste LI{
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 25px;
    padding-bottom: 20px;
} 

DIV.presentation7 .liste LI:last-child{
	border-bottom: none;
}


.liste LI  DIV{
	float: none;
	width: auto;
	margin: 10px 0 8px;        
}

.liste LI  A {color: #000;}

.liste LI IMG{
    float: left;
    /*border-bottom: 3px solid #009EE0;*/
}

.liste LI A.logo{
    float: left;
    padding: 6px 6px 6px 6px;
    border: 1px solid #E7E7E7;
    margin: 10px 26px 0 0;
}

.liste LI  H2{
    font-size: 16px;
    color: #009EE0;
    margin: 0 0 8px  0;
    font-weight: bold;
    text-align: left;
}


.liste LI  P{ text-align: justify;}

.liste LI  H2 A{color: #009EE0;}

.liste LI  A span
{   display: inherit; float: none;
    color: #bbb;
    font-size: 10px;
    font-weight: normal;
}
#col_gauche_evenements h2.titre{}
#col_gauche_evenements h3.titre{
        background: none repeat scroll 0 0 #EBF7FD; 
        padding-left: 9px; padding-top: 2px;
        float: left; width: 100%;
        margin-top: 23px;
}
#col_gauche_evenements .liste li h2{
    text-transform: uppercase;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.col_gauche .liste li SPAN.num {
    background: url("../img/bg_num_search.gif") repeat-x scroll 0 bottom #EBF7FD;
    color: #585858;
    display: block;
    float: left;
    font-size: 33px;
    font-weight: normal;
    margin-right: 11px;
    padding: 35px 0;
    text-align: center;
    width: 43px;
}
.col_gauche div.actu ul.liste li{
    
}

#col_gauche_evenements .liste li span.lieu{
    color: #807267;
    font-size : 11px;
    font-weight: lighter;
}

#col_gauche_evenements .liste li a.logo{width: 226px;}

#col_gauche_evenements .liste li a.logo img{display: block; margin: auto; float: none;}

.liste LI  SPAN
{   display: block;
    float: left;
    font-weight: nornal;
   /* width: 90%;*/
}

A.plus{
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #009EE0;
	float: right;
	background : url(../img/plus.png) right center no-repeat;
	padding: 0 30px 0 0;
	margin: 10px 0 0 0;

}

#section_1 A.plus IMG{
	border-bottom: #009EE0 solid 1px;
}

.col_chauche A.plus{
	height: 25px;
	line-height: 25px;

}

/*SECTION 2 ACCUEIL*/
	/*BANDEAU BLEU ACCUEIL*/

#bandeau_bleu{
	margin-top: 32px;
	text-transform: uppercase;
}


#bandeau_bleu  H3.titre{
	font-size: 19px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0 0 14px 0;
}

#bandeau_bleu LI{
	text-align: center;
	float: left; padding: 0 5px; 
	width: 174px;
}

#bandeau_bleu LI IMG{ 
	padding: 6px;
	margin: 0 0 8px 0;
	background: #fff;
}
#bandeau_bleu li.jcarousel-item{}
#bandeau_bleu li.jcarousel-item span{display: block;}

#bandeau_bleu LI A{ 
    color: #fff;
    font-weight: bold;
}

#chiffre{float: right;}

/*SECTION 3 ACCUEIL*/
.actions .col_gauche LI, #navigation #ACTIONS  LI {
	text-align: center;
	float: left; 
	padding: 6px; 
	width: 192px;
	height: 113px;
	border: 1px solid #D5D5D5;
	background: #fff;
	position: relative;
	/*margin: 0 6px 12px 0;*/
	margin: 0 44px  12px 0;
	font-size: 13px;
}

/*.actions .col_gauche LI.last,  #navigation #ACTIONS  LI.last + li + li {margin-right:0}*/
.actions .col_gauche LI.last { margin-right:0 }

.actions .col_gauche LI IMG,  #navigation #ACTIONS  LI IMG{
	width: 192px;
	height: 113px;
	
}


.actions .col_gauche LI  H2{
    bottom: 6px;
    left: 6px;
	min-height: 6px;
    padding: 22px 10px 0;
    position: absolute;
    width: 172px;
}

.actions .col_gauche LI H2 A, #navigation #ACTIONS  LI H2 A{
	 position: absolute;
	 width: 192px;
	 bottom: 0;
	 left:0;    
}

.actions .col_gauche LI:hover H2 A,
.actions .col_gauche LI H2 A:hover{text-decoration: underline;}

.actions .col_gauche LI  A, #navigation #ACTIONS  LI A{color: #fff;}

.haut {
	position: absolute;
	width: 100%;
	bottom: 0px;
	z-index:1000;
}

.haut A{
	float: left; 
	background : url(../img/puce_h_1.png) left center no-repeat;
	position: relative;
	padding: 2px 0 2px 16px;
	color: #7A7979;
	font-size: 11px;
}

#section_2 .haut A{
	background : url(../img/puce_h_2.png) left center no-repeat;
	color: #FFF;
}

.haut A.h_gauche{float: left; left: 10px;}

.haut A.h_droite{float: right; right: 10px;}


#onglets{
			display: none;
		}
		#onglets li{
			
			z-index: 1;
		}
			#onglets .actif{
			border-bottom: none;
			font-weight: bold;
			z-index: 10;
		}
		#contenu,#contenu_ressources{
			clear: both;
			position: relative;
			z-index: 5;
			width: 100%;
			overflow: hidden;
			margin: 0 0 20px 0;
		}
		
	.item {display: none;}
	
/* SECTION  3*/


#section_4 .col_gauche{
	 position: relative;
	z-index: 12
    
}

#fond_menu_ressources{
	background : url(../img/trait_violet.gif) top center repeat-x ;
	height: 28px;
	border-bottom: #EAEAEA solid 1px;
	position: absolute;
	z-index:10;
	top: 67px;
	left: 0;
	width: 100%;
}

#section_4 .col_gauche H3.titre{margin-bottom: 75px;}

#onglets {
	position: absolute;
	top: 32px;
	left: 0;
	height: 25px;
	line-height: 25px;
    
}


#onglets LI{
	 float: left;
	 font-size: 16px;
	 margin : 0 21px 0 0;
	 text-transform: uppercase;
	cursor: pointer;
	 color: #fff;
}

#onglets LI.actif IMG,#onglets LI:hover IMG{
	padding-bottom:1px;
	border-bottom: 4px solid #00A1DF;
}

#section_4  .col_gauche{
	width: 644px;
	min-height:470px;
}

#contenu_ressources {
   
}

.actions .col_gauche.item LI{
	border: 0;
	padding: 0;
	margin: 0 38px 15px 0;
	height: inherit;
	width: inherit;
	background: none;
}

.actions .col_gauche.item LI:hover a{text-decoration: underline;}

.actions .col_gauche.item LI.last{margin: 0;}

.actions .col_gauche.item LI.sep{
	margin: 0;
	clear: both; 
}


.actions .col_gauche.item LI IMG{
	padding: 6px;
	border: #D5D5D5 1px solid;
        max-width: 173px;
        min-height: 129px;
}

.actions .col_gauche.item LI H2{
	background: none;
	position: static;
	font-weight: normal;
	text-transform: none;
	height: inherit;
	width: 188px;
	font-size: 12px;
}
.actions .col_gauche.item LI H2 A{
	color: #000;
	position: static;
}

#contenu_ressources .col_gauche.item LI H2 {
    background: none repeat scroll 0 0 transparent;
    font-size: 12px;
    font-weight: normal;
    height: inherit;
    left: 0;
    padding: 0px 5px;
    text-transform: none;
    width: 176px;
}
#contenu_ressources .col_gauche.item LI H2 A {
    bottom: 0px;
    color: #000000;
    left: 2px;
    padding: 3px;
    position: relative;
    width: 167px;
	background: none;
}


#section_4  .col_gauche A.plus{
	margin: 15px 0;
	color: #6D1F80;
	background : url(../img/plus2.jpg) right center no-repeat;
        clear: both;
}

#section_4  .col_gauche.imageflow A.plus{
	position: absolute;
	right: 0;
	bottom:-70px;
}


#section_4  .col_gauche .liste LI{
	padding: 0 0 25px 0;
	margin: 0 0 20px 0;
	border-bottom: #EAEAEA 1px solid;
}

#section_4 .col_gauche .liste LI.last{
	border-bottom: 0;
}

#section_4  .col_gauche A.plus IMG{
	border-bottom: 1px solid #6D1F80;
}

#section_4 .liste LI IMG{
    border: 1px solid #D2D2D2;
    float: left;
    margin: 0 17px 0 0;
    padding: 4px;
}


#section_4 .liste LI DIV{
	width: 445px;
	padding: 0 32px;
}

#section_4 .liste LI DIV H2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 0;
    text-transform: none;
}

#section_4 .liste LI DIV A{color: #6D1F80;}

#section_4 .liste LI DIV h2 A{color: #6D1F80;}
#section_4 .liste LI DIV p A{color: #000000;}


/*AUDIO*/

#section_4  .col_gauche .audio .liste LI{
	padding: 0 0 14px 0;
	margin: 0 0 15px 0;
}

#section_4 .audio .liste LI SPAN{
	float: left;
	width:540px;
	font-weight: normal;
}

#section_4 .audio .liste LI SPAN.mn{
	float: right;
	width:65px;
	font-weight: normal;
}



/* ARTICLE  */
#ariane {
	float: left;
	width: 100%;
	margin: 8px 0 18px 0
}

#ariane LI{
	float: left;
	background : url(../img/puce_ariane.jpg) right center no-repeat;
	padding: 0 18px 0 0;
	margin: 0 7px 0 0;
}

#ariane LI A{color: #413F40;}
#ariane LI A:hover{text-decoration: underline;}

.article #bandeau, .events #bandeau {height: 198px;}

.article .col_gauche H3 {
    padding: 8px 0 8px 13px;
	margin: 0 0 16px 0;
	background : url(../img/fond_h3_article.jpg) 128px center no-repeat #F1EDE8;
}

.article .col_gauche #listeMenu
{
    clear: both;
    float: left;
    width: 185px;
}

.article .col_gauche .liste  LI {
	margin: 0 0 13px;
	padding:  0 0  0 13px;
	cursor: pointer;
	background : url("../img/li_article.jpg") left 3px no-repeat ;
}
.article .col_gauche .liste  LI.actif
{   background: url("../img/bg_li_on.gif") no-repeat scroll left 2px transparent;
}

.article .col_gauche #listeMenu li{
    width: 93%;
    font: 14px "HelveticaNeueLTStd-Cn",arial;
    color: #4B494A;
}
.article .col_gauche #listeMenu li a{ color: #4B494A; }

.article .col_gauche  .liste LI IMG {border: 0; float: none;}

.article .col_gauche .liste  LI  UL{
	margin: 16px 0 2px;
	display: none;
	float: left;
        width: 135px;
}

.article .col_gauche #listeMenu  LI  UL
{   width:170px;
    margin-top: 3px;
}

.article .col_gauche .liste  LI  LI{
	margin: 0 0 15px 0;
	font-size: 12px;
	padding:  0;
	background : none ;
	color: #333333;
}

.article .col_gauche #listeMenu LI LI 
{   width: 100%;
    border-left: 2px solid #FFFFFF;
    margin:0;
}

.article .col_gauche #listeMenu LI LI:hover,
.article .col_gauche #listeMenu LI LI.on{
    border-color:#009EE0;
}

.article .sb-select{ margin-bottom: 20px; cursor: pointer;}
.article .col_gauche  .liste  LI  LI A
{   border-color: #FFFFFF;
    border-style: solid none;
    border-width: 1px;
    color: #333333;
    display: block;
    padding: 3px 0 3px 7px;
}
.article .col_gauche  .liste  LI  LI A:hover,
.article .col_gauche  .liste  LI  LI.on A
{   border-color: #E8E8E8;
    border-style: solid none;
    /*background-color: #EBF7FD;*/
}

#select_action{position: relative; z-index: -1;}

#bg_desc
{
    background: url("../img/bg_desc.png") no-repeat scroll 0 0 transparent;
    height: 392px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 228px;
    z-index: 3;
}

/* CAROUSSEL VIDEOS */
#section_4 .col_gauche #item2.videos{}
#section_4 .col_gauche #item2 .roundabout-holder li
{
    padding: 0;
    border: none;
}

#section_4 .col_gauche #item2 .roundabout-in-focus{}

#section_4 .col_gauche .actions #item2 .roundabout-moveable-item a img
{
    display: block;
    height: 238px; /*271px;*/
    width: 332px; /*368px;*/ 
    padding: 9px;
    border: 1px solid #eaeaea;
    background: none repeat scroll 0 0 #FFFFFF;
}
#section_4 .col_gauche #item2 span.image_play
{   display: block;
    background: url("../img/play.png") no-repeat scroll 0 0 transparent;
    height: 109px;
    left: 122px;
    position: absolute;
    top: 70px;
    width: 109px;
    z-index: 280;
    opacity: 0.5;
}

#section_4 .col_gauche #item2 .roundabout-in-focus .image_play
{   
    opacity: 0.9;
}

.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 340px;
    /*width: 50%; */   
	width: 322px;
    top: -90px;
    left: 55px;
 }
 .roundabout-moveable-item {
    height: 271px;
    width: 368px;
    cursor: pointer;
    background-color: #ccc;
    border: 1px solid #999;
 }
 .roundabout-in-focus {
    cursor: auto;
 }
 /* /FIN/CAROUSSEL VIDEOS */
 
 /* discours */
#section_4  .col_gauche .discours .liste li{background: url("../img/entr_griff_ouvr.gif") no-repeat scroll 130px 0 transparent;}
#section_4  .col_gauche .discours .liste li div
{   width: 94%;
    background: url("../img/entr_griff_ferm.gif") no-repeat scroll 577px bottom transparent;
}
#section_4  .col_gauche .discours .liste li h2{font-size: 16px;}
#section_4  .col_gauche .discours .liste li h2 a{color:#000000;}
#section_4  .col_gauche .discours .liste li h3{margin-top:9px; font-size: 13px;}
#section_4  .col_gauche .discours .liste li h3 a{color:#111111;}
#section_4  .col_gauche .discours .liste li p{margin-top: 6px;}
#section_4  .col_gauche .discours .liste li p,
#section_4  .col_gauche .discours .liste li p a{color: #707070;}
#section_4  .col_gauche .discours .liste li img{margin:0 50px 0 0;}

/* RECHERCHE */
#col_gauche_recherche .actu .liste li{
    padding-top: 16px;
    margin-top: 6px;
    border-top: 1px solid #f0f2f3;
}
#col_gauche_recherche .actu .liste li:first-child,
#col_gauche_recherche .actu .liste li.first{
    padding-top: 0;
    border-top: none;
}
#col_gauche_recherche .actu .liste li div{margin-top: 5px;}
#col_gauche_recherche .actu .liste li a.search{
    color: #181919;
    font-size: 15px;
    font-weight: bold;
}

DIV.anyClass LI DIV {
    float: left;
}
DIV.anyClass LI {
	width: 130px;
}
DIV.anyClass LI SPAN.magdescript {
    font-weight: normal;
    margin: 3px 0 0;
    padding: 0 0 0 5px;
    text-transform: none;
    width: 100px;
    font-size: 0.92em;
    /*float: left;*/
    display: block;
}
DIV.anyClass LI IMG {
    float: left;
	/*width: 100%;*/
}
DIV.anyClass{
	width: 495px;
	position: relative;
	background: #EBEBEB;
	overflow-x:hidden;
}
.col_gauche #item3 .liste li .play span{color: #000000;}

#section_4 div.section div.col_gauche a.btn-menu{
    background: none repeat scroll 0 0 #6d1f80;
    border: 3px solid #009EE0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #7F7166;
    cursor: pointer;
    display: none;
    font: 14px "Roboto",arial;
    height: 19px;
    padding: 8px 15px;
    position: relative;
    right: 0;
    top: 0;
}

/* BLOC RESEAUX SOCIAUX */
#reseaux.conteneur{ width: 97%; float: left; clear: both; margin-top: 0; border: 1px solid #E7E7E7; }
#reseaux {
    background: url("../img/barre_bleu_longue.gif") no-repeat scroll 0 bottom #FFFFFF;
    height: 288px;
    left: 0;
    overflow: hidden;
    padding: 0 15px 15px;
    position: relative;
    width: 100%;
    top: 0;
}
.col_gauche #reseaux .jcarousel-container-horizontal{ left: 0; }
#onglets_reseaux {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 1px;
    position: relative;
    z-index: 10;
    width: 100%;
    float: left;
    clear: both;
    z-index: 1001;
}
#onglets_reseaux li {
    float: left;
    font: 22px/50px "HelveticaNeueLTProLtCn",arial;
    height: 47px;
    margin-left: 42px;
    vertical-align: middle;
}
#onglets_reseaux li.active {
}
#onglets_reseaux li.active a {
    margin-top: -2px;
}
#onglets_reseaux li a {
}
#onglets_reseaux li#facebook {}
#onglets_reseaux li#facebook a {
    background: url("../img/icones/facebook_normal.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #3766A3;
}
#onglets_reseaux li#facebook.active a, #onglets_reseaux li#facebook a:hover {
    background: url("../img/icones/facebook_active.gif") no-repeat scroll right 0 rgba(0, 0, 0, 0);
}
#onglets_reseaux li#twitter {
    margin-left: 0;
}
#onglets_reseaux li#twitter a {
    background: url("../img/icones/twitter_normal.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #00AEF1;
}
#onglets_reseaux li#twitter.active a, #onglets_reseaux li#twitter a:hover {
    background-image: url("../img/icones/twitter_active.gif");
}
#onglets_reseaux li a {
    cursor: pointer;
    display: block;
    margin-top: -1px;
    padding-right: 74px;
    text-decoration: none;
}
.page_reseau {
    float: left;
    height: 313px;
    overflow: hidden;
    padding-top: 82px;
    position: relative;
    top: -82px;
    width: 100%;
}

.page_reseau div.tweet ul, .page_reseau div.facebook_feed ul {
    width: 9999px !important;
}
.facebook_feed {
}
.facebook_feed ul {
}
.facebook_feed li, .tweet li {
    float: left;
    margin-top: 18px;
    padding-right: 15px;
    width: 33.33%;
}
.tweet li {
    width: 225px !important;
}
.facebook_feed li {
    width: 226px !important;
}
.facebook_feed li div.img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    margin: 0 auto 15px;
    width: 130px;
}
.facebook_feed li div.img img, .tweet li div.img img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
}
.facebook_feed li.avec_image div.txt, .tweet li div.img + div.txt {
}
.facebook_feed li div.txt, .facebook_feed li div.txt {
    width: 100%;
}
.facebook_feed li div.txt, .tweet li div.img, .tweet li div.txt {
    float: left;
}
.facebook_feed li div.txt, .tweet li div.txt {
    width: 100%;
}
.facebook_feed li .date, .tweet li .date {
    color: #5A5A5A;
    font: 11px Arial;
}
.tweet li .date em {
    display: block;
    float: left;
    width: 100%;
}
.facebook_feed li h2, .tweet li h2 {
    color: #3766A3;
    font: bold 12px Arial;
    margin-bottom: 8px;
    margin-top: 4px;
}
.facebook_feed li p, .tweet li p {
    color: #5A5A5A;
    font: 12px Arial;
}
.tweet li {
    font-size: 12px;
    color: #5a5a5a;
    font-family: arial;
}
.tweet li.jcarousel-item > span {
    display: block;
    line-height: 18px;
}
.tweet li a {
    color: #00AEF1;
    font-weight: bold;
}
.page_reseau .jcarousel-control-prev, .page_reseau .jcarousel-control-next {
    background-color: transparent;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
}
.page_reseau .jcarousel-control-prev {
    background-image: url("../img/left.png");
}
.page_reseau .jcarousel-control-next {
    background-image: url("../img/right.png");
}
.page_reseau .jcarousel-control-prev {
    left: auto;
    right: 50px;
}
.page_reseau .jcarousel-control-next {
    left: auto;
    right: 0;
}
.jcarousel-control-prev, .jcarousel-control-next {
    top: 31px;
}