/**
 * Style sheet
 */

body {
background-color:#0c2132;
margin: 0;
padding: 0;
overflow: -Moz-Scrollbars-Vertical;
} 
#wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #103c76;
}
#header {
position: relative;
width:960px;
height:230px;
margin-left: auto;
margin-right: auto;
}
#container {
position: relative;
width:960px;
margin-left: auto;
margin-right: auto;
}

#left {
float: left;
}
#right {
float: right;
margin-left:35px;
}
#main {
position: relative;
padding: 0 0 50px 35px;
-height:1%;
}
#footer {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
padding-top: 20px;
background-color:#142e43;
}
#footer .inside {
position: relative;
width:960px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
}

/* ---------------------------------------------- TEXTES */
a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul {color:#bdc7db;font-size:11px;}
.bold {font-weight: bold;}
a {text-decoration: undrline;}
a:hover{color: #f9f608;text-decoration: none;}



/* titres */
h1 {
margin: 0;
padding: 5px 8px;
background-color:#142e43;
margin-bottom: 20px;
font-size: 12px;
color: #d3d8e2;
text-transform: uppercase;
font-weight: bold;
word-spacing: 3px;
}
h2 {
margin: 0;
padding: 3px 5px;
background-color:#142e43;
 font-size: 11px;
 text-transform: uppercase;
 color: #ffffff;
}
h3 {
margin: 0;
padding: 5px 0;
margin-top: 8px;
 font-size: 12px;
 color: #d3d8e2;
 word-spacing: 3px;
}

.citation {
margin: 15px 0 25px 10px;
padding: 15px 0 5px 5px;
border-left: 8px #11639f solid;
color: #e0e5ef;
font-size: 12px;
font-style: italic;
}
.citation h4 {
padding: 10px 0 0 0;
color:#d3dae9;
font-size: 12px;
font-style: italic;
font-weight: bold;
}

.________mod_navigationSub h2
{
margin-bottom: 20px;
padding-right: 10px;
font-weight: normal;
font-size: 18px;
color: #8f8787;
}


/* ---------------------------------------------- ENTETE */
#logo {
position: absolute;
margin: 30px 0 0 10px;
}
#logo span {
padding-left:5px;
font-size: 13px;
letter-spacing:0.1em;
color:#bdc7db;
color:#aab6cf;
}



/* langues */
.langue {
float: right;
margin-top:21px;
color:#142e43;
}
.langue select, .langue option {color:#142e43;}
/* bandeau */
.sample {
position: absolute;
top: 95px;
width: 960px;
background: url("bandeau/fd_a.png") 20px 20px no-repeat;
}
.mask1 {
position:relative;
width:920px;
height:120px;
margin: 0 20px;
overflow:hidden;
}
#box1 {position:absolute;}
#box1 span {display:block;float:left;}
#box1 div {width:880px;}
.buttons span{cursor:pointer;}
.buttons span:hover{background:none;}
#prev1 {
position: absolute;
display: block;
top: 20px;
width: 20px;
height: 70px;
}
#next1 {
position: absolute;
top: 20px;
right: 0;
}


/* ---------------------------------------------- MENUS */
/* top menu */
.tmenu {
float: right;
margin-top:25px;
}
.tmenu ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.tmenu li {
float: left;
margin: 0;
padding: 0;
}
.tmenu li a {
display: block;
padding: 0 8px 0 8px;
border-right: 1px #6383a3 solid;
font-size: 11px;
color: #bdc7db;
text-decoration: none;
}
.tmenu li a:hover {
color: #f9f608;
text-decoration: none;
}
.tmenu li .active {
display: block;
padding: 0 8px 0 8px;
border-right: 1px #6383a3 solid;
font-size: 11px;
color: #f9f608;
text-decoration: none;
}
.tmenu li .last {padding-right:25px;border-right:none;}

/* menu */
.menu {
float: left;
width: 80px;
list-style: none;
margin: 0;
padding: 0 0 100px 0;
background: url("pict/fd_menu.gif") 77px 0 repeat-y;
overflow: hidden;
text-align: right;
}
.menu ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.menu li {
}
.menu li a {
display: block;
margin: 0;
padding: 0 10px 9px 0;
 font-size: 11px;
 color: #bdc7db;
 text-decoration: none;
}
.menu li a:hover, .menu li a:focus, .menu li a:active {
background: url("pict/pt_menu.gif") 75px 3px no-repeat;
 color: #f9f608;
 text-decoration: none;
}
.menu li .active {
display: block;
margin: 0;
padding: 0 10px 9px 0;
background: url("pict/pt_menu.gif") 75px 3px no-repeat;
 font-size: 11px;
 color: #f9f608;
 text-decoration: none;
}
.menu li .trail {
display: block;
margin: 0;
padding: 0 10px 9px 0;
background: url("pict/pt_menutrail.gif") 75px 3px no-repeat;
 font-size: 11px;
 color: #bdc7db;
 text-decoration: none;
}

/* sous-menu */
.smenu {
float: right;
width: 150px;
list-style: none;
margin: 0;
height: 300px;
padding: 0 0 100px 0;
background: url("pict/fd_menu.gif") 144px 0 repeat-y;
overflow: hidden;
text-align: right;
}
.smenu ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.smenu li {
}
.smenu li a {
display: block;
margin: 0;
padding: 0 13px 9px 0;
 font-size: 11px;
 color: #bdc7db;
 text-decoration: none;
}
.smenu li a:hover, .smenu li a:focus, .smenu li a:active {
background: url("pict/pt_menu.gif") 142px 3px no-repeat;
 color: #f9f608;
 text-decoration: none;
}
.smenu li .active {
display: block;
margin: 0;
padding: 0 13px 9px 0;
background: url("pict/pt_menu.gif") 142px 3px no-repeat;
 font-size: 11px;
 color: #f9f608;
 text-decoration: none;
}
.smenu li .trail {
display: block;
margin: 0;
padding: 0 13px 9px 0;
background: url("pict/pt_menutrail.gif") 142px 3px no-repeat;
 font-size: 11px;
 color: #bdc7db;
 text-decoration: none;
}

/* pied menu */
.pmenu {
clear: right;
width:960px;
padding-bottom: 10px;
}
.pmenu ul {
float: right;
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.pmenu li {
float: left;
margin: 0;
padding: 0;
}
.pmenu li a {
display: block;
padding: 0 8px 0 8px;
border-right: 1px #6383a3 solid;
font-size: 11px;
color: #bdc7db;
text-decoration: none;
}
.pmenu li a:hover {
color: #f9f608;
text-decoration: none;
}
.pmenu li .active {
display: block;
padding: 0 8px 0 8px;
border-right: 1px #6383a3 solid;
font-size: 11px;
color: #f9f608;
text-decoration: none;
}
.pmenu li .last {padding-right:10px;border-right:none;}


/* ACTUALITES  */

.actu
{
margin: 0;
padding: 0 10px 20px 10px;
}
.actu h3
{
margin-bottom: 10px;
font-weight: normal;
font-size: 20px;
color: #8f8787;
}
.actu h2
{
display: none;
}
.actu .teaser
{
padding-top: 10px;
font-size: 12px;
font-style: italic;
}
.actu .layout_short
{
margin-bottom: 15px;
}



/* ---------------------------------------------- CADRES */
/* colonne droite */
.cadre {
margin-bottom: 20px;
padding-bottom: 5px;
background: url("pict/fd_cadre.gif") repeat-x;
}
.cadre .ce_text {
padding: 5px 5px 0 5px;
color: #0a214e;
}
.cadre .ce_download {
padding: 5px 5px 0 5px;
}
.cadre .fleche {
float: right;
margin-right: 6px;
}
.realisation {background-color: #f5a221;}
.technique {background-color: #7bbd34;}
.actualite {background-color: #bc1f54;}
.catalogue {background-color: #285285;}



/* revuedepresse */
.revue {
float:left;
width:327px;
height:110px;
margin:20px 20px 0 0; 
}
/* references */
.reference {
float:left;
width:120px;
height: 145px;
margin:5px 15px 0 0; 
}
.reference .caption {
margin-top: 3px;
padding: 3px 2px;
text-align: center;
background-color: #092955;
}
/* catalogue colonne centre */
.pagecatalogue {
float:left;
width:210px;
margin: 0 20px 20px 0;
padding-bottom: 5px;
background: #285285 url("pict/fd_cadre.gif") repeat-x;
}
.pagecatalogue .ce_download {
padding: 5px 5px 0 5px;
}





/* ---------------------------------------------- ACCORDEONS */
.toggler0, .toggler1, .toggler2, .toggler3, .toggler4, .toggler5, .toggler6, .toggler7, .toggler8, .toggler9 {
	background-image:url("pict/fl_accordion.png");
	background-position: -2px 0;
	background-repeat:no-repeat;
	padding-left:20px;
	font-weight:bold;
  text-transform: uppercase;
	color:#d3d8e2;
}
.toggler0:hover, .toggler1:hover, .toggler2:hover, .toggler3:hover, .toggler4:hover, .toggler5:hover, .toggler6:hover, .toggler7:hover, .toggler8:hover, .toggler9:hover {
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
 color: #f9f608;
 text-decoration: none;

}
.accordion0, .accordion1, .accordion2, .accordion3, .accordion4, .accordion5, .accordion6, .accordion7, .accordion8, .accordion9 {
	margin: 9px 0 11px 20px;
}


/* ---------------------------------------------- PIED */
.pied-savoirplus, .pied-nouveau {
float: left;
width: 400px;
margin: 0 20px 60px 0;
}
.pied-savoirplus h4, .pied-nouveau h4 {
margin:0;
padding: 0 0 10px 0;
font-size: 14px;
color: #4080FF;
border-bottom: 1px #4d606f solid;
}
.pied-savoirplus a, .pied-nouveau a {
display: block;
padding: 7px 0 7px 3px;
font-size: 12px;
color: #bdc7db;
border-bottom: 1px #4d606f solid;
}
.pied-savoirplus a:hover, .pied-nouveau a:hover {color: #f9f608;text-decoration: none;}