/* Variables */
/*
#wrapper {
  --orange: #d98c00;
  --orange-clair: #F0C83D;
  --bordeaux: #671413;
  --noir: #000000;
  --or: #eabd36;
  --bleu-fonce: #516272;
  --bleu-fonce-2: #254457;
  --bleu-clair: #95a4a4;
  --blanc: #ffffff;
  --puce-closed: url(images/puce_closed.png);
  --puce-opened: url(images/puce_opened.png);
} 
 
/* 
 * roots base tricks [kudos http://html5boilerplate.com for the collection]
 */

/* optimized rendering in webkit [maxvoltar.com/sandbox/fontsmoothing] */
html { -webkit-font-smoothing: antialiased; }

/* force vertical scrollbar to avoid jumping when layout is centered */
html { overflow-y: scroll; }

/* font normalization [developer.yahoo.com/yui/] */
body, select, input, textarea { color: #333; }

table
{
	font-size: inherit;
	font: 100%;
}

select, input, textarea { font: 99% sans-serif; }

/* improved handling of kerning pairs and ligatures [www.aestheticallyloyal.com/public/optimize-legibility/] */
h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; }

h1 {
    color: #d98c00;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

h2 {
    color: #671413;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.1;
    margin: 0.4em 0;
}

h3 {
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 1.16em;
    font-weight: bold;
    margin: 0.3em 0;
}

h4 {
    color: #d98c00;
    font-size: 1.07em;
    font-weight: normal;
    margin: 0.2em 0;
    text-decoration: none;
}

h5 {
    background-color: #95a4a4;
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding: 1em;
}

h6 {
    color: #000000;
    font-size: 1.05em;
    font-style: italic;
    font-weight: normal;
}

p {
text-align: justify;
}

/* force higher quality in image resampling [boilerplate] */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* basic link style */
a:hover, a:active
{
	outline: none;
	text-decoration: underline;
	color: #95a4a4;
}

a, a:active, a:visited
{
	color: #95a4a4;
	text-decoration: none;
}

a:hover { color: #95a4a4; }

/* tap highlite [j.mp/webkit-tap-highlight-color] */
a:link { 
	-webkit-tap-highlight-color: #516272; 
	color: #516272;
}

/* basic type styles */
small { font-size: 85%; }
strong, th { font-weight: bold; }
em { font-style: italic; }
td, td img { vertical-align: top; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

pre
{
	white-space: pre-line;
	word-wrap: break-word;
}

/* align sub / sap to the baseline grid */
sup, sub
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: smaller;
}

sup { bottom: 1ex; }
sub { top: .5ex; }

/* align input elements and force pointer */
input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"]
{
	vertical-align: bottom;
	*vertical-align: baseline;
}

.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], button { cursor: pointer; }

/* avoid text-shadow in selections */
::-moz-selection
{
	background: #f60;
	color: #FFFFFF;
	text-shadow: none;
}

::selection
{
	background: #f60;
	color: #FFFFFF;
	text-shadow: none;
}

button
{
	width: auto;
	overflow: visible;
}

/* visibility classes */
.ir
{
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
}

.hidden
{
	display: none;
	visibility: hidden;
}

.invisible { visibility: hidden; }

/*  clear fix (short version) */
.clear:after
{
	content: "";
	clear: both;
	display: block;
}

html[xmlns] .clear { display: block; }

body {
	background: -moz-linear-gradient(270deg, #a03122 0%, #511917 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 270deg, color-stop(0%, #a03122), color-stop(100%, #511917));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(270deg, #a03122 0%, #511917 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(270deg, #a03122 0%, #511917 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(270deg, #a03122 0%, #511917 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a03122', endColorstr='#511917', GradientType='1'); /* for IE */
	background: linear-gradient(180deg, #a03122 0%, #511917 100%);/* W3C */
	background-attachment: fixed;
	margin-top: 0;
}

header {
	padding-top: 18.2%;
	background: url("images/header.jpg") no-repeat scroll right top transparent;
    -webkit-background-size: contain; /* pour Chrome et Safari */
  	-moz-background-size: contain; /* pour Firefox */
 	-o-background-size: contain; /* pour Opera */
  	background-size: contain; /* version standardisée */
  	position: relative;
}

header h1 {
	margin: 0;
}

#logo {
	position: absolute;
	top: 15%;
	left: 2%;
}

#site-slogan {
	position: absolute;
	top: 45%;
	left: 16%;
	color: white;
	font-weight: normal;
	max-width: 380px;
}

#header{
	background-color: black;
	background: -moz-linear-gradient(90deg, #000000 0%, #666666 50%, #000000 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(0%, #000000), color-stop(50%, #666666), color-stop(100%, #000000));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #000000 0%, #666666 50%, #000000 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #000000 0%, #666666 50%, #000000 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #000000 0%, #666666 50%, #000000 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, #000000 0%, #666666 50%, #000000 100%);/* W3C */
	padding-top: 1.2em;
}

#header a {
	color: white;
	font-weight: normal;
}

#header form {
	margin: 0;
}

#console {
	background-color: white;
	padding: 1em;
}

#console > .limiter {
	display: block;
}

#navigation {
	background-color: #A4BB29;
	min-height: 30px;
	text-align: center;		
}

#navigation > div {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
	
.links.secondary_links {
/*	margin: 5px auto;
	padding-top: 5px; */
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0.3% 0;
   position:relative;
   left:50%;
   text-align:center;	
}

.links.secondary_links li {
	/*padding: 0 1em;*/
	border-right: 2px solid white;
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.links.secondary_links li.last {
	border-right: none;
}
	
.links.secondary_links li a {
	color: white;
  	font-size: 1.1em;
  	text-decoration: none;
  	white-space: nowrap;	
  	font-weight: bold;
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   line-height:1.3em;  	
}

.links.secondary_links li a:hover, .links.secondary_links li a:focus, .links.secondary_links li a:active, .links.secondary_links li a.active {
	text-decoration: underline;
}

.breadcrumb {
	font-size: 0.9em;
}

section {
	background-color: white;
}

#page_left .block-content {
	display: none;
}

	
#page_left .block-content ul li a.active,
#page_left .block-content ul li a:hover,
#page_left .block-content ul li a:focus {
	color: #eabd36;
}

#content {
margin-bottom: 1.5em;
}

#fcol1, #fcol2, #fcol3 {
	width: calc(100%/3 - 20px);
    padding: 10px;
	vertical-align: top;
	display: inline;
    float: left;
}

ul.menu li {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}


/***********************************************************
*                    Block Edit
**********************************************************/
/**
 * Edit links for blocks.
 */
div.block {position: relative;}
div.block div.edit {
  display: none;
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  z-index: 40;
  border: 1px solid #eee;
  padding: 0 2px;
  font-size: 11px;
  background-color: #FFFFFF;
}
div.block:hover div.edit {display: block;}
.block .node,
.block .comment {margin-bottom: 0;}

/* blocks page table */
tr .block {border: none;}

/******************************************************************
*									Views
*******************************************************************/

/* administrative hover links */

div.view div.views-admin-links {
  font-size: xx-small;
  margin-right: 1em;
  margin-top: 1em;
  width: 95%;
}

.block-views{
  margin: 0 0 1.5em;
}
.block div.view div.views-admin-links {
  margin-top: 0;
}

div.view div.views-admin-links ul {
  padding-left: 0;
}

div.view div.views-admin-links li a {
  color: #ccc;
}

div.view div.views-admin-links li {
  padding-bottom: 2px;
  z-index: 201;
}

div.view div.views-admin-links-hover a,
div.view div.views-admin-links:hover a {
  color: #000;
}

div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {
  background: transparent;;
}

div.view div.views-admin-links a:before {
  content: "[";
}

div.view div.views-admin-links a:after {
  content: "]";
}

div.view div.views-hide-hover,
div.view:hover div.views-hide {
  top: -1em;
  left: 0;
}
/*==========================PERSONNALISATION=============================*/

#page-content {
display: block;
clear: both;
}

.view-content>label{
	color:#516272;
}
.views-field-title{
	/*color:#516272;*/
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
}

.view-content .item-list ul li {
list-style-type:none;
}

.h100px .view-content .item-list ul li{
	clear: both;
  min-height:100px;
  margin-bottom: 10px;
}

.h100px .views-field-title, .h100px .views-field-body{
	margin-left:110px;
}

.views-field-teaser{
	
}

.views-field-field-date-value{

}

.views-field-name{
	font-size:0.85em;
}

.viewcalendar {
  -moz-border-radius-bottomleft:0.4em;
  -moz-border-radius-bottomright:0.5em;
  -moz-border-radius-topright:0.5em;
-webkit-border-bottom-right-radius:0.5em;
-webkit-border-top-right-radius:0.5em;
-webkit-border-bottom-left-radius:0.4em; 
  border-bottom:2px groove gray;
  border-right:2px groove gray;
  width: 2.5em;
  _margin: 0.5em 0 0 -0.5em; /* IE */
  padding: 0 0 0 0;
  text-align: center; 
} 

.viewcalendar span {
  display: block;
}
.viewcalendar .day {
  font-size: 1.5em;
  font-weight: bold;
}
.viewcalendar .month {
  font-variant:small-caps;
  background-color:#53130F;
  color:white;
  line-height:1.2em;
  -moz-border-radius-topleft:0.3em;
  -moz-border-radius-topright:0.3em;
-webkit-border-top-right-radius:0.3em;
-webkit-border-top-left-radius:0.3em;
}
.viewcalendar .time {
  font-size: 0.9em;
  line-height:1em;
  background-color:#e1e1e1;
  -moz-border-radius-bottomleft:0.3em;
  -moz-border-radius-bottomright:0.3em;
-webkit-border-bottom-right-radius:0.3em;
-webkit-border-bottom-left-radius:0.3em;
}
.views-field-created {
/*clear:left;*/
}

div.view-content h4 {
margin:0.5em 0;
}

h4.viewtitle a {
background: url(images/puce_closed.png) left no-repeat;
padding-left:10px;
color:#D98C00;
}

h4.viewtitle-list a {
background: url(images/puce_closed.png) left 8px no-repeat;
padding-left:10px;
font-size:0.8em;
font-weight:bold;
padding-top:0.5em;
}

#block-views-breves-block_1 a img {
float:left;
margin:0 3px 3px 0;
}

#slideshow-block {
    float: left;
    width: 53%;
}

/*----------------images des vues-------------------------------*/

.node div.view-content img, .view-offres-stage div.view-content img{
margin:5px;
float: left;
}
.h100px .view-content .item-list ul li{
	height:100px;
	margin-bottom:10px;
}

/*Formulaires d'exposition des vues*/
.views-exposed-form label{
font-weight:bold;
/*max-width:120px;*/
display:block;
}
.views-exposed-form .views-exposed-widget {
/*float:left;*/
display:inline-block;
vertical-align:top;
padding:0.5em 1em 0 0;
}
.views-exposed-form .views-exposed-widget input{
max-width:110px;
}

.views-exposed-form .date-views-filter-wrapper{
min-width:100px;
}

/*spécifique ressources*/
#views-exposed-form-ficheexperience-page-1 .views-exposed-form .views-exposed-widget,#views-exposed-form-ficheressource-page-1 .views-exposed-form .views-exposed-widget, #views-exposed-form-ficheactivite-page-1 .views-exposed-form .views-exposed-widget  {
float:left;
display:block;
}
#views-exposed-form-ficheexperience-page-1 input,#views-exposed-form-ficheexperience-page-1 select,#views-exposed-form-ficheexperience-page-1 label, #views-exposed-form-ficheressource-page-1 input,#views-exposed-form-ficheressource-page-1 select,#views-exposed-form-ficheressource-page-1 label, #views-exposed-form-ficheactivite-page-1 input,#views-exposed-form-ficheactivite-page-1 select,#views-exposed-form-ficheactivite-page-1 label {
/*width:250px;*/
}

/*infobulles openlayer*/
.openlayers-popup-feature{
display: block;
min-height:85px:
clear:both;
padding:10px 0;
border-bottom:1px solid #e1e1e1;
}

/*illustration haut droite sidebar left*/
#block-menu-menu-actions .feuilles{
background:url(images/menu_top.png) top left no-repeat;
height:33px;
position:absolute;
z-index:1;
width:77px;
top:-33px;
left:88px;
display:block;
}

/*Bloc newsletter (header)*/
#bloc-nl{
position: absolute;
height:88px;
top: 0;
right:2%;
width:192px;
}
#bloc-nl a{
background:url("images/newsletter.png") no-repeat scroll left bottom transparent;
display:block;
height:70px;
width:192px;
text-indent: -9000px;
}

/**
* PAGE D'ACCUEIL (node/4330)
**/
#main-content-4330{clear: left;}
#main-content-4330 .block, #content-bis .block{vertical-align:top; display:inline-block;}
.not-front #content-bis .block{width: 100%;}
#main-content-4330>div{clear:none;}
#main-content-4330 .block h2, #content-bis h2, #page_bottom h2{
margin:0 0 10px;
}
/*Node content*/
#main-content-4330 div#node-4330{
background-color:#DFDFDF;
display:inline-block;
font-size:11px;
line-height:13px;
padding:1.4%;
width:33%;}
div#node-4330 .content>p:first-letter
{
font-size:2em ;
margin-right: 2px ;
}
div#node-4330 .content>p
{
padding:0;
}
/*Edito*/
#main-content-4330 #block-block-7{width:43%;}
#main-content-4330 #block-block-7 .citation{padding:0 0 0 35px;margin:0;}
#main-content-4330 #block-block-7 .citation2{padding-bottom:1px;font-weight:bold;}

#main-content-4330 #block-block-11 {width:20%;}

.citation {
    background: url("images/guillemets-haut.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-left: 10px;
    padding-top: 15px;
}
.citation2 {
    background: url("images/guillemets-bas.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    line-height: 1.2em;
}
/*VideoWall*/
#content-bis #block-block-8{height:230px;width: 21%;}
#content-bis #block-block-8 .block-content{
position:relative;
top:-20px;
}
#content-bis #block-block-8 .block-content p{
margin-bottom:0;
}
#content-bis #block-block-8 .block-content div.more-link{
position:relative;
top:-15px;
padding-right:12px;
}
/*ZOOM SUR*/
#content-bis #block-menu-menu-zoomsur{
margin-right: 2.8%;
margin-left: -2.2%;
width: 36%;
/*width:180px;*/
}
#content-bis #block-menu-menu-zoomsur .zoomsur{
background:url(images/zoom_sur.gif) top left no-repeat;
height:57px;
position:relative;
z-index:1;
/*width:110px;*/
}
#content-bis #block-menu-menu-zoomsur .block-inner{
-moz-border-radius:1.6em 0 1.6em 0;
-webkit-border-radius:1.6em 0 1.6em 0;
border-radius:1.6em 0 1.6em 0;
background:none repeat scroll 0 0 white;
border:1px solid #D5D5D7;
left:10px;
margin-top:-32px;
position:relative;
/*width:172px;*/
z-index:0;
padding-bottom:14px;
}

#content-bis #block-menu-menu-zoomsur .block-content {
font-weight:bold;
padding-left:5px;
padding-top:25px;
padding-right:10px;
font-variant:small-caps;
}
#content-bis #block-menu-menu-zoomsur .block-content ul>li{
padding-bottom:7px;
padding-top:7px;
border-bottom:1px dotted var(--bleu-fonce2);
}

/*A LA UNE*/
#content-bis #block-views-bloc_accueil-block_8{width: 55%;}
#content-bis #block-views-bloc_accueil-block_8 img{float:left;margin:0 8px 8px 0;}
#content-bis #block-views-bloc_accueil-block_8 .views-admin-links{/*width:100px;*/position:absolute;left:100px;top:-40px;text-align:right;}

/*style global pour dernières contrib*/
#page_bottom #block-views-dernieres_contributions-block_2 div.views-field-type, #page_bottom #block-views-dernieres_contributions-block_1 div.views-field-type{
font-variant:small-caps;
color:#516272;
}
#page_bottom #block-views-dernieres_contributions-block_2 h4, #page_bottom #block-views-dernieres_contributions-block_1 h4{
margin:0;
}
#page_bottom #block-views-dernieres_contributions-block_2 div.views-field-created, #page_bottom #block-views-dernieres_contributions-block_1 div.views-field-created{
font-size:0.7em;
}
#page_bottom #block-views-dernieres_contributions-block_2 li.views-row, #page_bottom #block-views-dernieres_contributions-block_1 li.views-row{
margin-bottom:1em;
}

.front #page_bottom {
	display: flex;
	flex-flow: row nowrap;
}
/*Dernières actus*/
#page_bottom #block-views-dernieres_contributions-block_2{
vertical-align:top;
width: 50%;
}

/*Dernières ressources*/
#page_bottom #block-views-dernieres_contributions-block_1{
vertical-align:top;
width: 50%;
}
/*LES SITES THEMATIQUES*/

#sidebar-right #block-menu-menu-les-sites-du-reseau ul{
height:22px;
padding:3px;
margin:0;
text-align:center;
}

#sidebar-right #block-menu-menu-les-sites-du-reseau ul>li{
display:inline-block;
vertical-align:top;
height:22px;
padding:0;
margin:0;
}

#sidebar-right #block-menu-menu-les-sites-du-reseau ul>li a{
color:transparent;
display:block;
width:22px;
padding:22px 0 0;
margin:0;
text-align:center;
vertical-align:top;
text-indent:-4000px;
}
#sidebar-right #block-menu-menu-les-sites-du-reseau ul>li a:hover{
/*color:#95A4A4;*/
}
#sidebar-right #block-menu-menu-les-sites-du-reseau #nomdusite{
text-align:center;
display:block;
padding-top:5px;
}


/*lien ADHERER*/
a.lien_adh{
display:block;
background:url(images/adherer.gif) left no-repeat;
padding:10px 0 10px 25px;
margin-left:30px;
font-size:1.2em;
font-weight: normal;
margin-bottom: 1.5em;
}

/*liens bas d'articles (aligné à droite, avec double flèche)*/
.lien_ren{
text-align:right;

}
.lien_ren a, .more-link a{
background:url(images/double_fleche.gif) left no-repeat;
display:inline-block;
padding:5px 0 5px 18px;
margin:10px 0;
}

ul.playlist div.sm2-filelink a.exclude{visibility:hidden;}

/**
 * Page Actualités (node/4613)
 **/
#block-views-evenements2-block_3, #block-views-publications2-block_4, #block-views-articles-block_2{
vertical-align:top;
}

#block-views-evenements2-block_3 div.view-content img, 
#block-views-publications2-block_4 div.view-content img, 
#block-views-articles-block_2 div.view-content img {
float: right;
margin-left:3px;
}

#block-views-publications2-block_4 .views-row, #block-views-evenements2-block_3 .views-row, #block-views-articles-block_2 .views-row {
display:block;
padding:3px 0;
min-height: 60px;
clear:both;
}
#block-views-publications2-block_4 .view-content .views-row-first .views-field-view-node, 
#block-views-evenements2-block_3 .view-content .views-row-first .views-field-view-node,
#block-views-articles-block_2 .view-content .views-row-first .views-field-view-node {
text-align: right;
padding: 10px 0 10px 18px;
background: url("images/double_fleche.gif") no-repeat scroll left center transparent;
display: inline-block;
margin-left: 60%;
}
#block-views-publications2-block_4 .view-content .views-row-first, 
#block-views-evenements2-block_3 .view-content .views-row-first,
#block-views-articles-block_2 .view-content .views-row-first {
border-bottom:1px solid #aaa;
}
#block-views-publications2-block_4 .attachment .views-row, 
#block-views-evenements2-block_3 .attachment .views-row,
#block-views-articles-block_2 .attachment .views-row {
border-bottom:none;
}
#block-views-publications2-block_4 .attachment .views-row:hover, 
#block-views-evenements2-block_3 .attachment .views-row:hover,
#block-views-articles-block_2 .attachment .views-row:hover {
background-color:#eeeddd;
}
#node-4613{
width:65%;
display: inline-block;
vertical-align: top;
}

#block-views-breves2-block_2{
display: inline-block;
width:31%;
float: right;
margin-left:10px;
padding:5px;
border:1px solid #ddd;
background-color:#eee;
-moz-border-radius:0.3em;
}
#block-views-breves2-block_2 h2{
font-size:1.5em;
}
#block-views-breves-block_2 h4.viewtitle a{
font-size:0.8em;
font-weight:normal;
}
#block-views-breves2-block_2 img{
float:left;
margin-right:5px;
}
.views_slideshow_singleframe_controls{
position:absolute;
top:0;
right:5px;
}
.views_slideshow_singleframe_previous{
display:inline-block;
width:10px;
height:10px;
background: url(images/btn-prev-1.png) center no-repeat;
font-size:0;
}

.views_slideshow_singleframe_play{
display:inline-block;
width:10px;
height:10px;
background: url(images/sec-left-arr1.png) center no-repeat;
font-size:0;
}

.views_slideshow_singleframe_pause{
display:inline-block;
width:10px;
height:10px;
background: url(images/sec-left-pause-1.gif) center no-repeat;
font-size:0;
}

.views_slideshow_singleframe_next{
display:inline-block;
width:10px;
height:10px;
background: url(images/btn-next-1.png) center no-repeat;
font-size:0;
}

.views-field-field-pub-auteur-value{
	font-size: 0.8em;
}

/**
 * page expérience et ressources
 */
.st { 
	font-size: 0.9em;
	color: #A2A2A3;
	font-family: verdana;
}
h2.xp {
	font-size: 1.63em;
	color: #244457;
	font-family: verdana;
	padding: 0px;
	margin: 0px;
}
h3.xp {
	font-size: 1.36em;
	color: #212125;
	font-weight: bold;
	font-family: arial;
	padding: 0px;
	margin: 0px;
}
h3.inv {
	display: none;
}
h3.fs {
	font-size: 1em;
	color: var(--bleu-fonce2);
	font-weight: bold;
	font-family: verdana;
	padding: 0px;
	margin: 0px;
}
h4.fs {
	font-size: 1em;
	color: #000;
	font-weight: bold;
	font-family: verdana;
	padding: 0px;
	margin: 0px;
}
h4.xp {
	font-size: 0.9em;
	color: var(--bleu-fonce2);
	font-weight: bold;
	font-family: verdana;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}
.rpane {
	width:120px;
	background-color:#eee;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 0.75em;
	float: right;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	text-align: left;
	clear:both;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.rpane hr {
	background: transparent;
	color: transparent;
	border-left:  none;
	border-right: none;
	border-top:   none;
	border-bottom: 0.07em dashed #6A8CAA;
}

.rpanebook{
width:120px;
padding: 10px;
margin-left: 10px;
margin-bottom: 0.75em;
float: right;
-moz-border-radius:0 0.5em 0.5em 0;
-webkit-border-radius:0 0.5em 0.5em 0;
text-align: left;
clear:both;
font-weight:bold;
box-shadow: 2px 0 2px #E1E1E1;
background-color: #EEEEEE;
}

.node .rpanebook ul li{
list-style:none;
}

#quicktabs_tabpage_5_0 .rpanebook, #quicktabs_tabpage_5_0 .right {
display: none;
}



.str { 
	font-size: 1em;
	color: #000000;
	font-family: verdana;
}
.str strong { 
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	font-family: verdana;
}

/*player audio*/
.sm2_plst_cck-outer ul.playlist li{letter-spacing:-0.5px;}
ul.playlist li a{font-size:small;}
ul.playlist li.sm2_playing, ul.playlist li.sm2_playing:hover {background-color: #eabd36;}
ul.playlist li:hover {background-color: #eabd36;}
ul.use-spectrum li.sm2_playing .spectrum-container, ul.playlist li .timing,ul.playlist.use-peak li .peak {background-color: #516272;border: 1px solid #95a4a4;}
ul.playlist li.sm2_playing, ul.playlist li.sm2_playing:hover, ul.playlist li .controls  {background-color: #95a4a4;}
ul.playlist li .controls .statusbar .position {background-color: #516262;border-right: 3px solid #516262;}

/*openlayer legend block*/
div.openlayers-map #block-openlayers_plus-blockswitcher{
position:relative;
}

/*blocs page formation*/
#block-views-formations-block_4,#block-views-formations-block_5,#block-views-formations-block_6{
 padding: 5px;
    margin: 5px;
 border: 1px dotted #DDDDDD;
    width: calc(100% - 20px);
}
#block-views-formations-block_1,#block-views-formations-block_2,#block-views-formations-block_3{
    padding: 10px;
    width:  calc(100% - 20px);
}
#block-views-formations-block_1 img,#block-views-formations-block_2 img,#block-views-formations-block_3 img{
	float:left;
	margin:0 5px 5px 0;
}
#block-views-formations-block_1 .views-row div,#block-views-formations-block_2 .views-row div,#block-views-formations-block_3 .views-row div{
	margin:4px 0;
}

/*page emplois*/
#block-views-offres_emploi-block_4 img {
	float: left;
	margin: 0 5px 5px 0;
} 

th.views-field {
	font-size:0.9em;
}

/* blocs pages ressources */

#block-views-ficheexperience-block_1 {
	width: 35%;
	display: inline-block;
}

#block-views-ficheactivite-block_1 {
	width: 35%;
	display: inline-block;
}

#block-views-ficheressource-block_1 {
	width: 60%;
	float: right;
}

/*page partenaires*/
.page-partenaires #content h3{
	background-color: #EEEEEE;
  color: #53130F;
  font-size: 1.3em;
  padding: 1em 0.5em;
}

/*share - social icons */


#node-4330 > .content > .right {
    height: 0;
    visibility: hidden;
}

.facebookshare-box, .fbshare-box {
display: inline;
height: 14px;
width: 14px;
cursor:pointer;
}

.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
    height: 14px;
    vertical-align: middle;
    width: 14px;
}


.print_html, .print_mail, .print_pdf {
    margin-left: 0;
}

.node div img.print-icon {
    margin: 0;
    padding: 5px;
    vertical-align: middle;
}

.col_d{
width:150px;
text-align:center;
}

#node-4330 .col_d {
width: auto;
}

a.thickbox img{
background:url(images/zoom.png) bottom right no-repeat;
}

.node div img.imagecache{
float:left;
margin:10px 20px;
padding:6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.node div a img.imagecache-width150px, .node div a img.imagecache-img_medium_w250{
float:left;
margin:10px 20px;
padding:6px 6px 20px 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.node ul li {
    list-style: none inside url("images/puce_node.png");
    margin-bottom: 0.5em;
}

.right{float: right;  margin-left:0.5em;clear:right;}
.left{float:left;  margin-right:0.5em;clear:left;}

div.view-content h3 a{
color:#000;
font-size:1.15em;
}

div.view-content h3{
margin:20px 0 10px;
}
#pj{cursor:pointer;}


/* Galerie vidéo */
.view-galerie-videos table {
    width: 100%;
}
.view-galerie-videos tr td {
    vertical-align: top;
    width: 40%;
}
.view-galerie-videos .views-field-field-video-externe-embed {
    padding: 5px 5px 5px 0;
    float:left;
}
.view-galerie-videos .views-field-field-courte-description-value {
    text-align: justify;
}
.view-galerie-videos table.views-view-grid div.views-field-title {
    font-size: 1.1em;
    text-align: left;
}
.view-galerie-videos .views-field-field-fr-auteur-value {
    display: block;
    padding: 5px 0;
}

/*multiselect*/


.ui-dropdownchecklist {
	height: 20px;
	border: 1px solid #c0c0c0;
	border-right: 0;
	background: #fff url(images/dropdown.png) no-repeat center right;
	max-width:200px;
	margin: 0.5em 0;
	min-width:150px;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active {
	background-image: url(images/dropdown_hover.png);
	border-color: #5794bf;
}

.ui-dropdownchecklist-text {
	font-size: 1em;
	font-weight:normal;
	max-width: 183px;

	/*height: 20px;
	line-height: 20px;*/
	margin-right: 17px; /* background dropdown.png image */
}

.ui-dropdownchecklist-dropcontainer {
	background-color: #fff;
	border: 1px solid #c0c0c0;
}

.ui-dropdownchecklist-item {

}

.ui-dropdownchecklist-item-hover {
	background-color: #39f;
}

.ui-dropdownchecklist-item-disabled label {
	color: #ccc;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
	color: #fff;
}

.ui-dropdownchecklist-group {
	/*font-weight: bold;*/
	font-style: italic;
}

.ui-dropdownchecklist-indent {
	padding-left: 20px;
}


/* 
 * roots form
 */

form
{
	margin: 12px 0;
	/*clear: both;*/
}

fieldset
{
	margin: 12px 0;
}

.fieldset-content { padding: 12px; }

legend
{
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
	display: block;
}

input.form-text, select, textarea { border: 1px solid #ccc; }
input.form-submit, label { font-weight: bold; }
input.form-submit { cursor: pointer; }
input.form-radio, input.form-checkbox { vertical-align: middle; }

.form-item .description, .description
{
	color: #666;
	font-size: .916em;
}

fieldset.collapsible .fieldset-title { cursor: pointer; }
html.js fieldset.collapsed .fieldset-content { display: none; }

#search .form-submit {
    background-color: transparent;
    background-image: url("images/submit.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #333;
    cursor: pointer;
    height: 15px;
    margin: 0;
    width: 8px;
}

label, legend {
    color: #671413;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

/* $Id: forms.css,v 1.4 2008/11/03 23:50:18 jmburnz Exp $ */

/**
 * @file forms.css
 * Basic styles for forms.
 */

/***********************************************************
*                     Forms
**********************************************************/


input.text, input.title, input.form-text, textarea, select, select.form-select {margin:4px 0; border: 1px solid #C0C0C0;font-size:1.3em;padding: 0.1875em;}
input.form-text:focus, input.title:focus,textarea:focus, select:focus {border: #d98c00 solid 1px;}

.form-checkboxes .form-item, .form-radios .form-item {margin-bottom:0.4em;margin-top:0.4em;}

textarea, input, select {font-family: Arial, Helvetica, sans-serif;}

div.form-item {margin-bottom: 0.2em; margin-top: 0.2em;clear:both;padding:0;}
.form-item label   {}
.form-item strong.error   {display: block;}
.form-item textarea.error {padding: 0.1875em;}
.form-item .description   {font-size: 0.8em; line-height: 1.667em;}
label, legend {margin: 0; padding: 0;color:#53130F; font-size:1em;}


input#edit-title{color:#d98c00;font-size:1.8em;font-weight:normal;line-height:1.2;}
.views-exposed-form .views-exposed-widget input#edit-title{color:#000000;font-size:1.3em;font-weight:normal;line-height:1.2;}
.views-exposed-form .views-exposed-widget input.form-submit{position:absolute;bottom:15px;right:20px;}


/*========================================= Fieldsets, mostly from Garland.===========================*/
fieldset {
	/*clear:both;*/
  margin: 1.5em 0;
  padding: 0.75em;
  border: 0.1em solid #d6d6d6;
  background: transparent;
}

/* Targets IE 7. Fixes background image in field sets (if one is set). */
*:first-child+html fieldset {
  padding: 0 1em 0.75em;
  background-position: 0 .75em;
  background-color: transparent;
}
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1.5em;
}
/* Fix legend in Firefox */
fieldset legend {
color:var(--bleu-fonce2);
display:block;
font-family:arial;
font-size:1.3em;
font-weight:bold;
padding:2px 10px;
}
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}
html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .75em;
}
html.js fieldset.collapsible legend a {
  color: var(--bleu-fonce2);
  padding-left: 1em; /* LTR */
  background: url(images/puce_opened.png) no-repeat 0% 50%; /* LTR */

}
html.js fieldset.collapsed legend a {
  color: var(--bleu-fonce2);
  background: url(images/puce_closed.png) no-repeat 0% 50%; /* LTR */
	
}

/**********************************************************
 *                   Buttons
 **********************************************************/
/**
	* Restyle form buttons.
	*/
button, 
.pushbutton, 
.form-submit,
input.form-file,
.teaser-button {
background:url(images/submit-off.png) top left repeat-x;
color:var(--bleu-fonce2);
border:none;
height:21px;
font-size:1.1em;
}

button:hover, 
.pushbutton:hover, 
.form-submit:hover,
input.form-file:hover,
.teaser-button:hover {
background:url(images/submit-on.png) top left repeat-x;
}

/**********************************************************
 *                        Search
 **********************************************************/
/* Float the serch box right. */
#search-box-top {
border-right-width:0;
float:right;
font-size:0.9em;
margin-left:712px;
margin-right:0;
margin-top:-13px;
padding-right:25px;
padding-top:0;
position:absolute;
}

/* Pad the serch box 1.5em top and bottom. */
#search-box-inner {padding: 1.5em 0;}

#search-box-inner #edit-search-theme-form-1 {}
#search-box-inner #edit-search-theme-form-1:hover,
#search-box-inner #edit-search-theme-form-1:focus {}

#search-box-top label {}
#search .form-submit  {
margin:0;
background-color: transparent;
color: #333;
border: none;
background-image: url("images/submit.png");
background-repeat: no-repeat;
height: 15px;
width: 8px;
cursor: pointer;
text-indent: 10px;
}

/* Reset form element margins to allow more precise positioning. */
#search-box-top form,
#search-box-top div.form-item,
#search-box-top form input {
margin: 0;
padding:0;
border:none;
font-size:1.05em;
} 

/* Search Results Page - see .box */
.section-search #search-form {}
.section-search #search-form {}


/**************************************************************************
*			SEARCH FORM
********************************************************************/


html.js #search-box-top #search-box-inner #search-theme-form #search #edit-search-theme-form-1-wrapper label {
color: black;
font-weight:normal;
margin: 2px;
position: absolute;
}
#search-box-top #search-box-inner #search-theme-form #search #edit-search-theme-form-1-wrapper label {
position: static;
margin-left: 2px;
text-align: left;
text-indent:0;
}

/**************************************************************************
*			USER LOGIN FORM
********************************************************************/
#userform form{
	text-align:left;
	padding-left:5px;
}
#userform form input{
	width:110px;
	padding: 0;
	border-color:#a4bb29;
}
#userform #edit-submit {
margin:0 0 10px;
background-color: transparent;
color: #333;
border: none;
background-image: url("images/submit.png");
background-repeat: no-repeat;
background-position: right;
height: 20px;
width: 110px;
cursor: pointer;
font-size:1.2em;
padding-right:10px;
}

#userform #edit-submit:hover, #search-block-form #edit-submit:hover {
color: #95a4a4;
}

html.js #sidebar-right #block-block-2 #user-login-form label {
color: black;
font-weight: normal;
margin: 0 4px;
text-align: left;
}
#sidebar-right #block-block-2 #user-login-form label {
position: static;
margin-left: 2px;
text-align: left;
}


/*=================================MISC============================*/

.formdescription{font-size:0.7em;}
span.form-required, span.marker {color: red;}
div.form-item div.description img {margin: 0;}
img.trigger{position:relative;top:3px;left:3px;}
.node-form .form-text {display:inline;width:95%;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.tips {
  font-size: 1em;
  color:#aaaaaa;
  margin-left: 3em; /* LTR */
  padding: 0.1875em 0.375em 0.1875em 1.5em; /* LTR */
}

.info-on{width:90%;}

/*====================AUTOCOMPLETE ANIM===================*/
html.js input.form-autocomplete {
background-position:100% 4px;
}
html.js input.throbbing {
background-position:100% -16px;
}

/*====================AGENDA EEDD=========================*/
/*navigator (agenda quartmestres)*/
#block-ren_calendar-0 div.annees {background-size: calc(90%);background:url(images/frise.jpg) center no-repeat;}
#block-ren_calendar-0 ul#annees li {font-size: 1.15em;text-align: center;width: 25%;}
#block-ren_calendar-0 ul#annees li.annee-courante{font-size:1.4em;color:white ;font-weight:bold;}
#block-ren_calendar-0 ul#annees li a{color:#D98C00;}
#block-ren_calendar-0 ul#slide-pager li{font-size:0.9em;}
#block-ren_calendar-0 ul#slide-pager,#block-ren_calendar-0 ul#annees {clear:both;list-style-type:none;overflow:hidden;margin:0;padding:0;}
#block-ren_calendar-0 ul#slide-pager li,#block-ren_calendar-0 ul#annees li {float: left;padding: 10px 0;}
#block-ren_calendar-0 ul#slide-pager li a,#block-ren_calendar-0 ul#annees li a{margin:0 2px;padding:0 7px;border:0px solid #ccc;display:inline-block;}
#block-ren_calendar-0 ul#slide-pager li a.usl-current{text-decoration: underline;color: #D98C00;}

/*module ren_calendar*/
#block-ren_calendar-0 .linked-day, #block-ren_calendar-1 .linked-day {color:#D98C00;font-weight:bold;}
#block-ren_calendar-0 #mois-courant{margin-left: 300px;position: relative;top: 18px;}
#block-ren_calendar-0 #mois-courant h3{text-align: center;}
#block-ren_calendar-0 #output{vertical-align: top;width: 283px; display:inline-block;padding: 38px 10px 0 0;}
#block-ren_calendar-0 div#agenda{width:326px; display:inline-block;}
#block-ren_calendar-0 div#agenda table {display: block;width: 150px;height:160px;float:left;border-collapse:collapse;border:none;font-size:0.9em;clear:none;}
#block-ren_calendar-0 div#agenda table tbody, #block-ren_calendar-0 div#agenda table tbody th,#block-ren_calendar-1 table tbody, #block-ren_calendar-1 table tbody th{border:none;color: #808080;}
#block-ren_calendar-0 div#agenda table caption{background-color:white;text-align:right;color:#254457;cursor:pointer;}
#block-ren_calendar-1 table caption{background-color:#95A4A4;text-align:center;color:white;-moz-border-radius:10px;}
#block-ren_calendar-0 div#agenda table.mini tr td.jour7{-moz-border-radius:0 10px 10px 0;}
#block-ren_calendar-0 div#agenda table.mini tr td.jour1{-moz-border-radius:10px 0 0 10px;}
#block-ren_calendar-0 div#agenda table td{padding:1px 0;border-bottom:2px solid white;background-color: #e1e1e1;}
#block-ren_calendar-0 div#agenda table td, #block-ren_calendar-0 div#agenda table th,#block-ren_calendar-1 table td, #block-ren_calendar-1 table th{text-align:right;}
#block-ren_calendar-0 div#agenda table th{text-align:right;padding:0.5em 0 0.5em 1em;}
#block-ren_calendar-0 div#agenda li{list-style-type:none;}
#block-ren_calendar-1 table{font-size:0.9em;border:none;}
#block-ren_calendar-1 table th{padding:0.4em 0 0.4em 0.8em;}

/*ajax loader*/
.ajaxloader{background:url(images/ajax-loader.gif) center no-repeat;vertical-align: top;width: 290px;height:290px; display:inline-block;}
div.event-list{padding-bottom:10px;}

/** ================= RESPONSIVE ================ **/

@media screen and (max-width: 799px) {
    #fcol1, #fcol2, #fcol3 {
	   width: 100%;
       padding: 10px;
       float: none;
    }
	#header a {
		color: black;
	}
	#header .primary-links a {
		color: white;
	}
	#page_left h2 {
		padding: 10px 15px;
		font-size: 1.2em;
		border-bottom: 1px solid black;
		background: url("images/puce_opened.png") no-repeat scroll 0px 14px rgba(0, 0, 0, 0);
	}
	#header-search {
		float: right;
	}
	#logo {
		top: 70%;
		left: 0;
	}
	#logo img {
		margin: -37px 0 0 0;
		float: left;
		height: 50px;
	}	
	#site-slogan {
		/*margin-left: 43px;
		margin-top: -50px;*/
	}
	#bloc-nl {
		margin-top: 0 !important;
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
	}
	#bloc-nl a{
		background:none;
		text-indent: 0px;
		color: white;
	}
	#block-menu-menu-actions {
		cursor: pointer;
	}
	.node div img.imagecache {
		margin: 0;
	}
	
	#block-block-2 #entete-user, #block-menu-menu-les-sites-du-reseau #entete-sites {
		padding:1em;
		cursor:pointer;
		background: url("images/puce_opened.png") no-repeat scroll 0px 15px rgba(0, 0, 0, 0);
	}

	#block-block-2 h2, #block-menu-menu-les-sites-du-reseau h2 {
		margin:0;
		color:white;
		font-size: 1em;
		font-weight: normal;
	}
	#block-block-2 #menu-user, #block-menu-menu-les-sites-du-reseau #menu-sites {
		display:none;
		background:white;
		margin-top:5px;
		border:1px #888 solid;
		padding:1em;
		border-top-color:black;
		opacity:0.9;
		color:black;
	}
	
	#block-menu-menu-actions .feuilles {
		display: none;
    }
	#block-menu-menu-footer-menu {
		background-color:black;
	}
	#main-content-4330 div#node-4330 {width: 100%;}
	#main-content-4330 #block-block-7 {width: 100%;}
	#main-content-4330 #block-block-11 {width: 100%;}
	#content-bis #block-menu-menu-zoomsur {width: 100%;}
	#content-bis #block-views-bloc_accueil-block_8 {width: 100%;}
}

@media screen and (min-width: 800px) {
	#header {
		display: flex;
		flex-flow: row nowrap;
		position: relative;
	}
	
	#navigation {
		/*margin-top: -5px;*/
	}
	
	#wrapper {
		width: 80%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
	}

	.limiter {
		display: inlline-block;
		
	}
	
	#page {
		background: url("images/foot.png") no-repeat scroll right bottom white;
		background-size: 100%;
    	padding-bottom: 150px;
    	padding-top: 33px;
	}
	
	#page_left {
		width: 18%;
		max-width: 200px;
		display: inline-block;
		order: 1;
		margin-left: -80px;
	}
	
	#page_left .block-content {
		display: block;
	}

	#page_left .block ul {
		padding: 0 5px;
		font-weight: bold;
	}

	#page_left .block ul.menu li {
		background:transparent url(images/separateur.png) repeat-x scroll left bottom;
	}

	#page_left .block ul.menu li ul.menu li{
		background: none;
		padding: 5px;
	}

	#page_left .block {
		margin: 0;
	}

	#page_left #block-menu-menu-actions{
		padding: 14px 0;
		-moz-border-radius:1.5em 0 1.5em 0;
		-webkit-border-top-left-radius:1.5em;
		-webkit-border-bottom-right-radius:1.5em;
		border-radius:1.5em 0 1.5em 0;
		background-color: #95A4A4;
		/*width:165px;*/
		-moz-box-shadow:-5px 3px 15px 1px #000000;
		-webkit-box-shadow:-5px 3px 15px 1px #000000;
		box-shadow:-5px 3px 15px 1px #000000;
	}
	
	#page_left #block-menu-menu-actions ul.menu li ul.menu{
		background-color:#516272;
		margin: 0 -5px;
		font-weight: normal;
	}
	
	#page_left #block-menu-menu-actions ul.menu li ul.menu li ul { 
		display: none;
		text-indent: -3000em;
	}
	
	ul.menu li ul.menu li {
   	list-style-image: url(images/puce_closed.png);
   	list-style-position: inside;
	}
	
	ul.menu li ul.menu li.expanded {
   	list-style-image: url("images/puce_active.png");
   	list-style-position: inside;
	}

	#page_left .block h2 {
		display: none;
	}
	
	#page_left .block-inner {
		padding:0;
	}
	
	#page_left .block .block-content {
		/*background:transparent url(images/nav_bg_li.png) repeat-y scroll right top;*/
		margin:0;
	}

	#page_left .block-content> ul>li>a{
		display:block;
		padding:7px 0;
	}
	
	#page_left .block-content ul li a{
		color: white;
		text-decoration: none;
	}

	#page_left .block p{
		padding:0;
		margin:0;
	}

	#page_main {
		display: inline-block;
		padding: 0 2%;
		vertical-align: top;
		order: 2;
		width: 85%;
	}
	
	.with-right>div {
		display: inline-block;
		width: 80%;
	}
	
	ul.links.primary-tabs {
		display: block;
		border-bottom: 1px solid #eaeaea;
		height: 24px;
    	margin: 10px 0;
    	font-weight: normal;
	}
	
	ul.links.primary-tabs li a {
		padding: 0.2em 1em;
		border: 1px solid #eaeaea;
		background-color: #eaeaea;
	}
	
	ul.links.primary-tabs li a.active {
		border: 1px solid #F0C83D;
		background-color: #F0C83D;
		color: white;
	}
	
	ul.links.secondary-tabs {
		display: block;
		height: 1.5em;
	}
	#page_right {
		width: 18%;
		max-width: 200px;
		display: inline-block;
		order: 3;
		vertical-align: top;
		margin-left: 1%;
	}
	#scrolltotop {
  		background: url("images/jquery_scroll_icon.png") no-repeat scroll 4px 0 #000000;
  		border-radius: 0.5em;
  		bottom: 0;
  		color: #FFFFFF;
  		cursor: pointer;
  		display: none;
  		font-size: 10px;
  		font-weight: bold;
  		margin: 0 4px 4px 0;
  		opacity: 0.8;
  		padding: 4px 4px 4px 20px;
  		position: fixed;
  		right: 0;
  		text-align: center;
  		width: 100px;
  		z-index: 999;
	}
	
	#content-bis {
		display: flex;
   	flex-flow: row nowrap;
   	justify-content: space-around;
   	flex: 33%;
   	margin: 1em 0;
	}
	
	#footer .limiter {
		flex-direction: column;
	}
	
	#block-menu-menu-footer-menu {
   	margin-top: 0.5em;
	}
	
	#block-menu-menu-footer-menu ul.menu {
   	text-align: center;
	}
	
	#block-menu-menu-footer-menu ul.menu li {
   	border-right: 1px solid white;
   	display: inline;
   	padding: 0 0.5em;
	}
	
	#block-menu-menu-footer-menu ul.menu li.last {
		border: none;
	}	
	
	#block-menu-menu-footer-menu ul.menu li a {
		color: white;
		font-weight: normal;
	}
		
	/*==========================BLOC IDENTIFICATION (items formulaire tout en bas de la page)========================*/
#welcome-user{
color:white;
background:black;
display:inline-block;
height:35px;
}

#welcome-user ul{
display:inline-block;
padding:13px 0 7px;
margin:0;
}
#welcome-user ul.menu li {
		display: inline;
		list-style: none;
		padding: 0 0.75em;
		margin: 0;
}

#welcome-user ul.menu li.last {
		border-right:1px none;
}

#welcome-user ul.menu li a {
		text-decoration: none;
		white-space: nowrap;
		}

#welcome-user ul.menu li a:hover,
#welcome-user ul.menu li a.active,
#welcome-user ul.menu li a.active-trail {text-decoration: underline;color:orange;}


/*------------------ HEADER BLOCKS ----------------*/
/*
#block-block-2 {
	width: 35%;
}

#block-menu-menu-les-sites-du-reseau {
	width: 55%;
}*/
#block-block-2, #block-menu-menu-les-sites-du-reseau {
	color: white;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
	margin-top: 3px;
	height: 35px;
}

#block-block-2 .block-content, #block-menu-menu-les-sites-du-reseau .block-content {
padding:0;
}

#block-block-2 #entete-user, #block-menu-menu-les-sites-du-reseau #entete-sites {
padding:0 1.5em;
cursor:pointer;
height:20px;
background: url("images/puce_opened.png") no-repeat scroll 5px 3px rgba(0, 0, 0, 0);
}

#block-block-2 h2, #block-menu-menu-les-sites-du-reseau h2 {
margin:0;
color:white;
font-size: 1em;
font-weight: normal;
}

#block-block-2 #menu-user, #block-menu-menu-les-sites-du-reseau #menu-sites {
display:none;
background:white;
margin-top:5px;
border:1px #888 solid;
padding:1em;
border-top-color:black;
opacity:0.9;
position: relative;
z-index: 100;
border-radius: 1.5em 0;
}

#block-block-2 a, #block-menu-menu-les-sites-du-reseau a {
	text-decoration:none;
	color: #516272;
}

#block-block-2 .edit a, #block-menu-menu-les-sites-du-reseau .edit a {
	text-decoration:none;
	color: #516272;
	font-weight: normal;
	font-size: 0.8em;
}

#block-block-2 a.register {
	font-size:0.9em;
}

#block-block-2 ul, #block-menu-menu-les-sites-du-reseau ul {
	padding:0 3px;
}
#block-block-2 ul li, #block-menu-menu-les-sites-du-reseau ul li {
	line-height:1.5em;
	list-style-type:none;
}

#block-menu-menu-les-sites-du-reseau ul li {
	height: 22px;
	padding-left: 25px;
	padding-bottom: 3px;
}

/*mobilité*/
#block-menu-menu-les-sites-du-reseau ul>li.Ecomobilit{
background:url("images/sites_thematiques.jpg") no-repeat scroll 0 0 transparent;
}
/*biodiv*/
#block-menu-menu-les-sites-du-reseau ul>li.Natureetbiodiversit{
background:url("images/sites_thematiques.jpg") no-repeat scroll 0 -22px transparent;
}
/*eau*/
#block-menu-menu-les-sites-du-reseau ul>li.Eau{
background:url("images/sites_thematiques.jpg") no-repeat scroll 0 -44px transparent;
}
/*dechets*/
#block-menu-menu-les-sites-du-reseau ul>li.Dchetsetconsommation{
background:url("images/sites_thematiques.jpg") no-repeat scroll 0 -66px transparent;
}

#header-search {
	margin: 0 2em;
	position: absolute;
	top: 5px;
	right: 5px;
}

#block-block-11 .block-content #reseaux {
    background: url("images/reseaux_bg.png") no-repeat scroll left top transparent;
    height: 102px;
    position: relative;
    width: 155px;
}

#block-block-11 .block-content a img {
    padding: 15px 0 0 55px;
}

}