@charset "utf-8";
/* CSS B17 - Olivier Meyer */

/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%;
}
body {
    margin: 0;
    line-height: 1.4;
	font: 0.78em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}


/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
    line-height: 1.2;
    font-weight: bold;
    font-style: normal;
}
h1 {
    font-size: 1.2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}


/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}


/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par d̩faut. */
}
address {
    margin: .75em 0;
    font-style: normal;
}


/* Liens */
a {
    text-decoration: none;
}
a:link {
    color: #015293;
}
a:visited {
    color: #015293;
}
a:hover, a:focus, a:active {
    color: #015293;
}

a:hover {text-decoration:underline;}

a:active{
   outline:none;
}

a img {
    border: none;
}


/* Divers ̩l̩ments de type en-ligne */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}


/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. */
}

/* -------------------------------- */

.mt #fond {
	width: 990px;
	background: #FFFFFF;
	margin: 0 auto;
}

.mt #container {
	width: 960px;
	background: #FFFFFF url(images/fd-home.jpg) no-repeat 850px 170px;
	margin: 0 auto;
	text-align: left;
}

.mt #containerRub {
	width: 960px;
	background: #FFFFFF url(images/fd-home.jpg) no-repeat 850px 170px;
	margin: 0 auto;
	text-align: left;
}

.mt #header {
	background: #fff;
	padding: 0 10px 0 0;
}
.mt #header h1 {
	margin: 0;
	padding: 10px 0;
}
.mt #sidebar1 {
	float: left;
	width: 180px;
	padding: 23px 10px 15px 10px;
}
.mt #mainContent {
	margin: 0 120px 0 200px;
	padding: 25px 0 15px 10px;
}

.mt #mainContentRub {
	margin: 0 120px 0 200px;
	padding: 25px 0 15px 10px;
}

.mt #mainContent p {
	text-align: justify;
/*	color: #015293;*/
	color: #666;
}

.articleHome {
	display: table;
	padding: 8px 0 0 0;
}

.articleHome h1 {
	margin: 0;
	padding: 0;
}

.articleHome img {
 	float: left;
	padding: 0 20px 0 0;
}

.mt #footer {
	background: #fff url(images/filetFooter.gif) no-repeat;
	color: #9a9b9c;
	padding: 0 20px 30px 20px;
}

.mt #footerRub {
	background: #fff url(images/filetFooterRub.gif) no-repeat;
	color: #9a9b9c;
	padding: 0 20px 0px 20px;
}

.mt #footer p, .mt #footerRub p {
	margin: 0;
	padding: 15px 0 0 0;
}

.mt #footer a, .mt #footerRub a {
	color: #9a9b9c;
}

.mt #footerRub a {
	color: #9a9b9c;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear{
clear:both;
height:0px;
width:100%;
}

#logo {
	float:left;
	width: 390px;
}

#produits {
	float:left
}

#langues {
	float:right;
	padding: 5px 7px 0 0;
}
#menu {
	background: #fff;
	clear:both;
	color: #9a9b9c;
	line-height: 2em;
	font-size: 1.1em;
	border-bottom: 1px solid #015293;
	padding: 0 0 0 186px;
}

#menu a, #menu a link, #menu a visited {
	padding: 0 5px;
	color: #9a9b9c;
	text-decoration:none;
}

#menu a:hover, #menu a:focus, #menu a:active {
    color: #015293;
}

.sideCont {
	background: #fff url(images/SideBG.jpg) repeat-y right;
}

#topSide {
	background: transparent url(images/topSideBG.jpg) no-repeat top right;
	padding-bottom: 20px;
}

#actus {
	width: 140px;
	margin: 0 0 0 20px;
	padding: 0 0 30px 0;
}


html[xmlns] #actus div {
/*	width: 140px;
	margin: 0 0 0 10px;*/
	width: 120px;
	height: 100%; /* pour affichage de l'image dans toute sa hauteur / en px le fond de sidebar ne prend pas tte la hauteur */
}


#ssmenu {
	width: 140px;
	margin: 0 0 0 20px;
	padding: 30px 0 15px 0;
}

#ssmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: square;
	color: #015293;
}

#ssmenu ul li {
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.2em;
}


#ssmenu h2 {
	font-size: 1.1em;
	color: #015293;
	width: 130px;
}

html[xmlns] #ssmenu h2 { /* pas pr ie < 7 */
	margin: 0 0 0 -16px;
}

#topSide h3 {
	padding: 10px 0 0 0;
	font-size:0.9em;
	color: #015293;
	font-weight: bold;
	width: 140px;
}

#downSide {
	background: transparent url(images/downSideBG.jpg) no-repeat bottom right;
	min-height: 370px;
	height: auto;
}

/* pour Internet Explorer */
/*\*/
* html #downSide {
height: 370px;
}


.titleSide {
	padding: 0 0 5px 0;
	margin: 0;
	font-weight: normal;
	color: #015293;
}

html[xmlns] h2.titleSide { /* pas pr ie < 7 */
	margin: 0 0 0 -16px;
}

.mainTitle {
	color: #015293;
	font-size: 1.6em;
}

.imgLeft {
	float:left;
	padding: 0 10px 0 0;
	}

.txtCenter {
	text-align: center;
}

.txtJustif {
	text-align: justify;
}

#recherche {
	position:absolute;
	width:150px;
	top: 75px;
	right: 50%;
	margin-right: -277px;
	z-index: 100;
}

#presentationHome {
	margin-bottom: 10px;
	/*color: #015293;*/
	color: #666;
}

#presentation {
	margin-bottom: 10px;
	/*color: #015293;*/
	color: #666;
	text-align: justify;
}

#presentation img {
	float: left;
	padding:5px 10px 2px 0;
}

.suite {text-decoration: underline;}
.suite:hover {text-decoration: none;}

#ariane {margin: 0 0 10px 0;}

#article_texte {
	/*color: #015293;*/
}

/* Nouveaux ̩l̩ments - Mars 2011 - A. Brard */
#newMenu{
/*width: 178px;*/
height: 561px;
overflow: hidden;
background: url(images/BG-newMenu.jpg) no-repeat #fff;
font-family: Arial, sans-serif;
padding: 28px 0 0 17px;
margin-left: -10px;
}

#newMenu h2{
font-size: 16px;
border-top: 1px solid #9b9c9d;
width: 148px;
margin-left: -10px;
padding-left: 10px;
padding-top: 18px;
}
#newMenu h3{
font-size: 13px;
}

.menuProduit,
.menuProduit li{
list-style: none;
padding: 0;
margin: 0;
text-transform: uppercase;
font-size: 13px;
line-height: 26px;
font-weight: bold;

}
.menuProduit a{
color: #9b9c9d;
}
.menuProduit a:hover{
text-decoration: none;
color: #0067a5;
}

.homeBlock{
width: 295px;
height: 200px;
overflow: hidden;
float: left;
margin: 0 15px 20px 0;
}

.homeBlock h2{
margin: 3px 5px 10px 9px;
padding: 0 0 0 15px;
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 24px;
border-bottom: 1px #dfecf4 solid;
background: url(images/puce-bleue.gif) no-repeat 0 10px;
}

.homeBlock img{
display: block;
margin: auto;
}

.homeBlock p{
margin: 0 11px;
font-size: 12px;
line-height: 16px;
}

.shadowedBlock{
background: #fff;
-moz-box-shadow: 5px -5px 7px #d6dcdf;
-webkit-box-shadow: 5px -5px 7px #d6dcdf;
-o-box-shadow: 5px -5px 7px #d6dcdf;
-khtml-box-shadow: 5px -5px 7px #d6dcdf;
box-shadow: 5px -5px 7px #d6dcdf;
}

#leftCol{
float: left;
width: 283px;
}
#rightCol{
float: right;
margin-right: 15px;
width: 290px;
}

.galerie,
#leftCol,
#rightCol{
font-family: Arial, sans-serif;
}
.galerie h1,
#leftCol h1,
#rightCol h1{
color: #0067a5;
font-size: 16px;
margin-bottom: 16px;
}
#leftCol p,
#rightCol p{
font-size: 10px;
}
#rightCol div.pdf{
padding-left: 50px;
margin-right: 11px;
background: url(images/logo_PDF.jpg) no-repeat 12px 0;
}

.galerie .nav{
float: right;
padding-top: 12px;

}
.galerie .nav a{
color: #b5b5b5;
font-weight: bold;
font-size: 10px;
}
.galerie h1 span{
color: #b5b5b5;
}

.galerie h1 {
border-top: #dfe9f1 solid 1px;
border-bottom: #dfe9f1 solid 1px;
padding: 10px 0 8px 4px;
}

.shadowedBlock .figure{
float: right;
margin: 0 10px 0 20px;
}

.revue_link{
font-weight:bold;
float:right;
margin:5px 5px 0 0;
}

#cols .revue-presse{
float:left;
}

#cols .revue-presse .shadowedBlock{
padding:0 10px 10px 0;
margin-bottom:25px;
}

#cols .revue-presse .spip{
width:auto;
margin:5px 0 0 25px;
}

.revue-presse .shadowedBlock{
margin-bottom: 19px;
}

#rightCol .shadowedBlock h1,
.revue-presse .shadowedBlock h2{
border-bottom: 1px solid #dfecf4;
}

.revue-presse .shadowedBlock img{
float: none !important;
}

.shadowedBlock .date{
background: url(images/blue_pen.gif) no-repeat 0 4px;
padding-left: 14px;
font-weight: bold;
}
.revue-presse .shadowedBlock .date{
padding-bottom: 10px;
color: #0067a5;
}

.revue-presse .shadowedBlock .spip{
width:160px;
}

#rightCol .shadowedBlock h1,
.revue-presse .shadowedBlock h2,
.revue-presse .shadowedBlock .date,
.revue-presse .shadowedBlock p{
margin: 0 11px;
}

#rightCol .shadowedBlock h1{
padding-bottom: 5px;
padding-top: 8px;
font-size: 13px;
}

.dossier-presse.shadowedBlock{
margin: 0 0 19px 0;
}

.communique-presse h2{
font-size: 11px;
text-align:left;
}

.communique-presse .pdf{
border-bottom: 1px solid #dfe9f1;
padding-bottom: 20px;
margin-bottom: 17px;
}

#mois_revue{
float: right;
}
#annee_communiques{
float: right;
margin: 5px 11px 0 0;
}

#article_pdf a{
display: block;
line-height: 30px;
margin: 15px 0;
padding: 3px 40px;
background: url(images/logo_PDF.jpg) no-repeat;
}

#article_photos{
margin: 40px 0;
}

.galerie{
padding: 0;
margin: 20px 0 0 0;
}
.galerie li{
width: 200px;
height: 210px;
float: left;
margin: 0 10px 10px 0;
padding: 0;
list-style: none;
position: relative;
}
.galerie a.vignette{
display: block;
margin: 32px 10px 0 10px;
padding-top: 7px;
text-align: center;
border-top: 1px solid #dfe9f1;
}
.galerie p.legende{
margin: 5px 10px;
text-align: center;
font-size: 10px;
}
.galerie a.moreInfo{
display: block;
position: absolute;
bottom: 10px;
right: 10px;
}
.galerie a.zoomMe{
display: block;
width: 12px;
height: 11px;
position: absolute;
bottom: 10px;
right: 70px;
background: url('images/lens.gif') no-repeat;
overflow: hidden;
text-indent: -999px;
}

.album{
width: 300px;
height: 153px;
overflow: hidden;
margin: 0 15px 12px 0;
float: left !important;
font-family: Arial ,sans-serif;
position: relative;
}

.album .figure{
float: left;
margin: 20px 0px 0 20px;
}

.album h2{
text-transform: uppercase;
font-size: 12px;
margin: 22px 10px 0 0;
}

.album p{
font-size: 11px;
margin: 0 10px 0 0;
}

.album .showProduit{
display: block;
position: absolute;
top: 115px;
left: 160px;
width: 100px;
height: 25px;
line-height: 25px;
padding-right: 10px;
background: url(images/nextLink.gif) no-repeat right;
}

/* Start of CMSMS style sheet 'NyroModal' */
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(images/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(images/prev.gif);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(images/next.gif);
}
a.nyroModal{ float: left;}
/* End of 'NyroModal' */

#demande-infos {
	position: absolute;
	top: 186px;
	left: 50%;
	margin-left: 270px;
}