/* Gabarit 2 colonnes du Front */
* { margin:0; padding:0; border: none; text-decoration: none }
body { padding: 0; font-family: arial; font-size: 11px; text-align: center; color: #014677; background:url(../images/fond/body.jpg) left top repeat-x; background-color: #fff }
h1 { position: absolute; top: 22px; left: 14px; }
h2 { margin: 5px 0 20px 0px; padding: 0px 0pt 7px 22px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/puce/h2.gif) left 3px no-repeat; }
h3 { margin: 30px 0 0px 0px; font: normal 18px "Trebuchet MS"; color: #46a12a; background: url(../images/puce/h3.gif) left 3px no-repeat;padding: 0px 0 7px 21px; }
h4 { margin: 0px 0 0px 0px; font: bold 12px arial; color: #165486; background: url(../images/puce/h4.gif) left 3px no-repeat;padding: 0px 0 0px 10px; }
h4 span{ font-weight:normal; font-style:italic; font-size:11px}
h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }
p { font: normal 11px/14px arial; margin: 0 0 5px 0; text-align:justify }
input { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial; border:1px solid #ccc }
ul li { list-style: none; font: normal 11px/18px arial; margin: 2px 15px 2px 24px; background:url(../images/puce/li.gif) left 9px no-repeat; color:#0b75c1; padding-left:9px}
ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
a img { border: none; text-decoration: none }
a { color:#ff0000; text-decoration: none; font: normal 11px arial }
a:hover { color:#44a12b; text-decoration: underline }
abbr { cursor: help; }
/* Conteneurs generaux */
#main { position: relative; width: 931px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y; }
#intro { width:931px; height:202px; background: url(../images/bandeau/header.jpg) left top no-repeat; position:relative }
#menu{ position:absolute; right:10px; top:109px}
#menu li { display:block; float:left; margin:10px 0px; background:url(../images/puce/menuli.gif) right top no-repeat; padding:0px 7px }
#menu li a { color:#000; font-weight:bold; text-decoration:none }
#content-top{ width:931px; background:url(../images/fond/content_top.jpg) right top no-repeat}
#content-bottom{ width:931px; background:url(../images/fond/content_bottom.jpg) right top repeat-y}
#colleft{ width:178px;}
#colright{ width:690px;}
#structure{ margin-left:-6px; width:102%; position:static}
#content-art{ width:95%; margin:0 auto}
#menuvert{ width:181px; position:relative; z-index:5000; position:static}
#menuvert .classLevel1{ background:url(../images/puce/menuvert.gif) left top no-repeat; padding:0 0 0 22px; margin:16px 0 0 0; border:none;}
#menuvert .classLevel1 a h6{ text-transform:uppercase; font-weight:bold; font-size:14px; border:none; color:#FF0000; margin: 0; padding: 0;}
#menuvert .elementvert { border:none}
#menuvert .classLevel2 a{ font-weight:bold; font-size:11px; color:#999; border:none}
#menuhori { position:absolute; top:158px; z-index:500000}
#menuhori li a{ font-size:12px; color:#fff; font-weight:bold}
#search{ text-align:right; margin-right:31px}
#search label{ font-weight:bold; color:#46a12a}
#search input{ background-color:#ececec; border:1px solid #ccc; height:18px;}
.titlesearch{ border-bottom:1px solid #339900}
.titlesearch a{ font-weight:bold; font-size:13px; color:#339900}
.plus{ text-align:right;}
.plus a { font-weight:bold; font-size:12px; color:#002e51}
.suite { text-align:right}
.suite a { font-weight:bold; font-style:italic;}
.article-entier{ width:94%}
.article{ color:#014677; width:96%}
.listelogo td{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.collabo{ background-color:#fff}
.collabo td{ padding: 0 10px 0 10px}
/*
div.slideshow { position:absolute; right:10px }
div.slideshow p {padding-top: 9px;}
div.slideshow ul {background: #FFF;bottom: -35px;left: 0px; position: absolute;overflow: hidden;padding: 5px 0;z-index: 10001;}
div.slideshow ul a {background-position: 50% 50%;cursor: pointer;display: block;height: 25px; margin-right: 5px; opacity: 0.5;width: 30px;}
div.slideshow ul a.active, div.slideshow ul a:hover {opacity: 1;}
div.slideshow ul li {float: left;list-style: none; }
*/
/*Tableau*/
.tableau01{ width:100%}
.tableau01 td{ border:1px solid #ccc; background-color:#fff; padding:3px}
.tableau01 .entete td{background-color:#46a12a; text-align:center; color:#fff; font-weight:bold; background:url(../images/fond/td01.jpg) left top repeat-x; background-color:#778d06}
.tableau01 td.intitule{background-color:#014677; color:#fff; font-weight:bold; background:url(../images/fond/td02.jpg) left top repeat-x; background-color:#014677}
.tableau02 td{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:3px}
#cadreplan{ width:100%; background:url(../images/illustr/map.jpg) right center no-repeat}
#cadreplan ul{ width:50%;}
#cadreplan ul li{ border-bottom:1px solid #014677;}
#cadreplan ul li li{ border:none}
#cadreplan ul li a{ color:#014677; font-weight:bold}
#cadreplan ul li li a{ color:#666; font-weight:normal; }
/* Footer */
#outro { color:#9393ab; text-align: center; padding: 4px 0 0 0 }
#outro a { color:#9393ab; text-decoration: none }
#outro a:hover { text-decoration: underline }
/* Formulaires */
form.formsearch { background:url(../images/fond/search.jpg) right bottom no-repeat}
form.formcontact { background:url(../images/illustr/contactform.jpg) right bottom no-repeat}
form.formatform { width: 83%; margin: 8px auto 15px auto; padding: 15px; border: 1px solid #e7ecba; background-color:#fff }
form.formatform h3 { margin: 0 0 16px 0px; }
form.formatform label.lbleft { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d; }
form.formatform input { border: 1px solid #ccc; }
form.formatform select { border: 1px solid #ccc; }
p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; }
form.formatform .valid{ border:1px solid #ccc; font-weight:bold; color:#fff; background:url(../images/fond/valid.gif) left top repeat-x}
.conformement{ font-style:italic; text-align:center; font-size:10px}
.sousequipe { font-weight:bold; font-size:16px; color:#deb230}
/* General styles */
.input { border: 1px solid black }
.bordered { border: 1px solid black }
.noborder { border:none }
.kill { display: none }
.center { text-align: center }
.clear { clear:both; visibility: hidden; height: 0 }
.noborder { border: none }
.bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #8cafca }
.center { text-align: center }
.left { text-align: left }
.right { text-align: right }
.full { width: 100% }
.button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both }
.small { font: normal 10px arial; }
.indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; }
.fleft{ float:left; margin:0 10px 5px 0}
.fright{ float:right; margin:0 0 5px 10px}
.blue{ color:#4f86b3}
img.cadre{ background-color:#fff; padding:3px; border:3px solid #46a12a}
.fleftcadre{ float:left; margin:0 10px 5px 0;background-color:#fff; padding:3px; border:3px solid #46a12a}
.frightcadre{ float:right; margin:0 0 5px 10px;background-color:#fff; padding:3px; border:3px solid #46a12a}
/* Messages d erreurs */
.denied { margin: 10px 20px 20px 30px; color: #990000; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.png) left 2px no-repeat; }
/* ------------------------------- */
div.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; }
div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; }
div.element-top { padding: 37px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; }
/* Page Mentions */
.adr{ float:left; margin:10px; padding:10px; width:261px; height:175px; background:url(../images/fond/mentions.jpg) center top no-repeat; color:#fff; text-align:center}
.adr p{ text-align:center}
/* test !! */
.togglevert{
margin-left:20px;
cursor:pointer;
font-size:20px;
padding:10px;
border-bottom:2px solid #200;
}
.togglevert:hover{
border-bottom-color:#300;
}
.togglevert.active{
border-bottom-color:#002;
}
.elementvert{
margin-left:20px;
}
.elementvert p{
padding:30px;
}
.togglehori{
margin-left:20px;
cursor:pointer;
font-size:20px;
padding:10px;
border-bottom:2px solid #200;
}
.togglehori:hover{
border-bottom-color:#300;
}
.togglehori.active{
border-bottom-color:#002;
}
.elementhori{
margin-left:20px;
border-left:1px solid #000;
}
.elementhori p{
padding:30px;
}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
top:0px;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 154px;
width: 667px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 154px;
margin: 0 auto;
width: 667px;
left:121px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}