/* HOME */
.top_bleu_engag{
background:url(/images/top_bleu_engag.gif) top no-repeat; 
width:260px; 
padding-top:11px; 
height:auto; 
*height:100%;
}

.bottom_bleu_engag{
background:url(/images/bottom_bleu_engag.gif) bottom no-repeat; 
width:260px; 
padding-bottom:17px; 
height:auto; 
*height:100%;
}

.middle_bleu_engag{
background:url(/images/middle_bleu_engag.gif) left repeat-y; 
width:260px; 
height:auto; 
*height:100%
}

.top_gris {
	width:858px;
	background:url(images/top.png) no-repeat top;
	min-height:24px;
	height:auto;
	*height:100%;
	padding-top:24px;
}
.middle_gris {
	width:838px;
	padding-left:20px;
	height:auto;
	*height:100%;
	background:url(images/middle.jpg) repeat-y top;
}
.bottom_gris {
    padding-bottom:24px;
	width:858px;
	height:auto;
	*height:100%;
	background:url(images/bottom.gif) no-repeat bottom;
	
}
.top_bleu {
   width:250px; 
   height:auto;
   *height:100%; 
   background:url(/images/references/top_bleu.jpg) no-repeat top;
   padding-top:12px;
	
}
.middle_bleu {
  width:246px; 
  height:auto;
  *height:100%;
  margin-left:2px;
  background:#90add8 url(/images/references/middle_bleu.jpg) repeat-x left top;
  
	
}
.bottom_bleu {
 width:250px;
 height:auto;
 *height:100%; 
 background:url(/images/references/bottom_bleu.jpg) no-repeat bottom;
 padding-bottom:10px;
	
}
#container.home {
background: #FFFFFF url(images/bg_container2.png);
}
#headHome {
height: 164px; /* Height total = 314px */
padding-top: 150px;
background: url(images/bg_headhome.jpg) center no-repeat;
}
.encart { /* Height total = 610px */
width: 568px;
padding-left: 42px;
}
#focus {
margin-left: 335px;
height:auto;
*height:100%;
background: url(images/bg_focus.png) bottom left no-repeat;
}
#focus h2 {
margin-top: 0;
}
#focus .texte{
height: 75px;
}
#focus a {
color: #839a0e;
}
#focus .lienFocus{
margin-bottom: 0;
}

#col1 {
float: left;
overflow: hidden;
width: 320px;
margin-right: 15px;
margin-bottom: 30px;
}

#bienvenue {
overflow: hidden;
padding: 0 15px;
color: #fff;
line-height: 16px;
background: #2e5e6b;
}

#col2 {
float: left;
overflow: hidden;
width: 610px;
margin-bottom: 30px;
}

#agenda {
width:550px;
height: 200px;
margin-top: 15px;
margin-bottom: 20px;
line-height: 16px;
background: url(images/bg_agenda.gif) top left no-repeat;
}

#mycarousel {
	
	margin-left:10px;
	
}

#mycarousel li {
	height:200px;
	width:230px;
	float:left;
	clear:none;
	list-style-type:none;
}
#agenda h2, #agenda a {
color: #839a0e;
}
#agenda h2 {
margin-top: 0;
}
#agenda .elem {
float: left;
margin-right: 10px;
}
#agenda .texte{
position: relative;
height: 120px;
clear:both;
}
#agenda p{
position: absolute;
bottom: 0;
margin-bottom: 0;
}
#agenda p.suivant {
/*padding-top: 50px;*/
position: inherit;
bottom: inherit;
margin-bottom: inherit;
}
#communiques { 

line-height: 16px;
background: url(images/bg_communiques.gif) top left no-repeat;
}
#communiques .texte{
height: 225px;
}
#communiques a, #communiques h2{
color: #782166;
}
#communiques h2.first{
margin-top: 0;
}
#foot.home {
background: url(images/bg_foot2.png);
}
/* REFERENCES */
#sousNav a{
font-weight: normal;
}
#sousNav a.selected{
font-weight: bold;
}
#infoRef{
float: left;
position: relative;
padding: 10px;
width: 226px;
height: 235px;
margin-right: 15px;
margin-bottom: 15px;
background:url(images/bg_inforef.png);
}
#infoRef #logo{
float: left;
width: 92px;
height: 86px;
padding-top: 15px;
margin-right: 5px;
text-align: center;
background:url(images/bg_logo.png);
}
#infoRef h2{
color: #fff;
}
#infoRef .nav{
position: absolute;
bottom: 0;
clear: both;
text-align: center;
}
#texteIntro{
float: left;
width: 500px;
height: 235px;
}
#listeCommunique h2 span.date {
color: #0697c1;
}
#listeCommunique .elem {
clear: both;
}
#listeCommunique .elem .ico {
float: left;
width: 63px;
height: 57px;
margin-right: 15px;
background: url(images/ico_doc2.png) no-repeat top center;
}


/* REFERENCES FICHE */
h1#titre{
color: #063d56;
font-size: 17px;
margin-bottom: 30px;
margin-top: 0;
font-weight: normal;
}
.reference{
overflow: hidden;
border-bottom: 1px solid #a6acad;
}
.reference.last{
overflow: hidden;
border-bottom: none;
}
.reference .logo {
float: left;
width: 150px;
}
.reference .info{
float: left;
width: 625px;
}
.reference h2{
display: block;
float: left;
width: 250px;
margin-right: 15px;
}
.reference .navRef{
float: left;
width: 350px;
}
.reference .navRef a{
margin-right: 15px;
}


/* REFERENCES ( OLD) */
#content.references {
background-color:#FFFFFF;
}
/*
#col1.references {
width: 155px;
margin-right: 0;
}

#sousMenu {
padding: 5px;
background: url(images/bg_sousmenu.png) no-repeat;
}
#sousMenu h1 {
color: #2e5e6b;
padding-bottom: 5px;
background: url(img/bg_titresousmenu.png) bottom no-repeat;
}
#sousMenu ul {
list-style: none;
}
#sousMenu ul a {
display: block;
padding-left: 12px;
margin-bottom: 5px;
background: url(img/puce_sousmenu.png) no-repeat;
}

#col2.references {
float: left;
overflow: hidden;
width: 808px;
}

#titreReference {
float: left;
overflow: hidden;
margin-right: 100px;
}
#titreReference h1 {
padding-left: 5px;
font-size: 18px;
color: #b1b5bc;
}
#titreMarque {
text-align: center;
float: left;
overflow: hidden;
}
#titreMarque a.site {
color: #fc8403;
}
#menuReference ul{
float: right;
overflow: hidden;
list-style: none;
}
#menuReference li{
border-bottom: 1px solid #2e5e6b;
}
#menuReference a{
display: block;
width: 150px;
padding: 5px;
margin-right: 30px;
}
#menuReference a.pdf{
background: url(img/ico_pdf.png) no-repeat right center;
}
#menuReference a.print{
background: url(img/ico_print.png) no-repeat right center;
}
#menuReference a.email{
background: url(img/ico_email.png) no-repeat right center;
}
#texteReference {
padding: 0 30px;
}
#listeCommunique {
}
#listeCommunique h1 {
height: 28px;
background: url(img/bg_titrecomm.png) no-repeat;
color: #fff;
padding-left: 30px;
padding-top: 2px;
}
#listeCommunique h2 span.date {
color: #0697c1;
}
#listeCommunique .elem {
clear: both;
}
#listeCommunique .elem .ico {
float: left;
width: 30px;
height: 30px;
background: url(img/ico_doc.png) no-repeat top center;
}*/