/* CSS Document */
/*______________________CALQUES ET BALISES_____________________________________________*/
body{
   margin:0px; padding:0px;  
   text-align: left;  
   color:black;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   cursor:default;
/*SCROLLBAR-FACE-COLOR: #c8dda5; */
SCROLLBAR-FACE-COLOR: #999999; 
SCROLLBAR-HIGHLIGHT-COLOR:white ;
SCROLLBAR-SHADOW-COLOR: white; 
SCROLLBAR-3DLIGHT-COLOR:white; 
/*SCROLLBAR-ARROW-COLOR:#326717;*/
SCROLLBAR-ARROW-COLOR: white;   
SCROLLBAR-TRACK-COLOR: white; 
SCROLLBAR-DARKSHADOW-COLOR: white; 
SCROLLBAR-BASE-COLOR: white; }
#titre{
position: absolute; margin:auto; width:0%; color:#326717; height: 30px; overflow:hidden;}
#fond_bandeau{position:absolute; width:100%; height:93%; min-height:250px ;}
#fond{position:absolute; width:100%; height:99%;  min-height:600px;  max-height:950px;}
#cartouche{background-color:black; width:100%; height:23%; min-height:165px; position:relative; }
#entete{width:85%; min-width:800px; max-width:1000px; position:relative;   margin:auto;background-image:url(../objets/vignettes.jpg); background-repeat:no-repeat; background-position: center right; min-height:165px; height:100%; display:block;}
#logo{ width: 38%; height:100%; float:left;}
.imglogo{margin-top:20px; display:block}
#formlangue{display: block; position:absolute; bottom:3px; float:left; cursor:pointer }
#menu_principal1{width:193px; height:70%;  top:40px;  position:relative; display:inline-block ; float:left; text-align:right;}
#menu_principal2{min-width:300px; width:38%; height:25px; bottom:7px; right:0;  position:absolute; display:block; text-align:right;}
#identification{ width:25%; position:relative; float:right; top:3px; height:95px; display:inline-block;}
#etirable1{position: absolute;top:0; display:block; left:2%; width:48%; height:14px; z-index:3; overflow:hidden ;  background-color:#000000; padding:0 ; }
#etirable2{position: absolute;top:0; display:block; left:50%; width:50%; height:14px; z-index:3; overflow:hidden ;  background-color:#000000; text-align:right; z-index:6;  color:#FFFFFF }
.formident{margin:8px 0 0 0; padding:4px; background-color:#1d2b84;  font-size:0.8em; color:white;}
a.menuprinc{display:block; width:auto;   height:20px; color:#cccccc; text-decoration:none; text-align:right;  font-size:1.1em; line-height:1.5em; border-right:3px solid #1d2b84; margin:4px 2px 0 0; padding-right:5px }
a.menuprinc:hover{color:white;border-right:3px solid white; }
a.menuprinc_sel{display:inline-block; background-color:#0033CC; width:auto;   height:20px; color:white; text-decoration:none; text-align:right;  font-size:1.1em; vertical-align:middle; line-height:1.5em; border-right:3px solid white; margin:4px 2px 0 0; padding:0 5px 0 3px}
#menu_principal2 a.menuprinc{display:inline-block; width:auto;   height:20px; color:#cccccc; text-decoration:none; text-align:right;  font-size:1.1em; line-height:1.5em; border-right:3px solid #1d2b84; margin:4px 2px 0 2%; padding-right:5px }
#menu_principal2 a.menuprinc:hover{color:white;border-right:3px solid white; }
#menu_principal2 a.menuprinc_sel2{ display:inline-block; width:auto;   height:20px; color:white; text-decoration:none; text-align:right;  font-size:1.1em; line-height:1.5em; border-right:3px solid white; margin:4px 2px 0 5%; padding:0 5px 0 3px; background-color:#0033CC; }
#corps{ width:85%; min-width:800px; max-width:1000px;   margin:auto; overflow:hidden;height:72%;  margin:auto; margin-top:0; margin-bottom:0; text-align:left; background-color:#FFFFFF; position:relative;}
#gauche{width:40%; height:99%; display:inline-block; background-image:url(../objets/poste-chantier.jpg); background-repeat:no-repeat; background-position: bottom; position:relative; float:left}
#gauche2{width:40%; height:99%; display:inline-block; background-image:url(../objets/tgbt.jpg); background-repeat:no-repeat; background-position: bottom; position:relative; float:left}
#gauche3{width:40%; height:99%; display:inline-block;/* background-image:url(../objets/poste-cellules-tranformation.jpg);*/ background-repeat:no-repeat; background-position: bottom; position:relative; float:left}
#gauche_catalogue{width:27%; height:99%; overflow:auto; display:inline-block; position:relative; float:left}
#texte_catalogue{width:73%; display:block; height:90%; top:8%;  position:relative; overflow:auto}
#titre_catalogue{width:98%; height:35px;position:relative; font-size:1.1em; font-weight:600; line-height:2.5em; border-bottom:1px dotted black;}
#menu_catalogue{height:90%; position:relative; width:99%;}
.rub{display:block; width:95%; margin:0; padding:20px 0 0 0 ; color:#1d2b84 }
a.rubrique{display:block; font-weight:bold; color:#1d2b84; padding-left:19px; text-transform:uppercase; font-size:1.1em; background-image:url(../objets/carrenoir_bleu.jpg); background-repeat:no-repeat}
a.rubrique:hover{color:#0033CC ;background-image:url(../objets/carrenoir_noir.jpg);background-repeat:no-repeat}
a.srub{color:#666666;text-decoration:none; display:inline-block; padding:0 0 0 19px}
a.srub:hover{color: black}
a.srub_valid{color:#1d2b84; font-size:0.9em; font-weight:bold; text-decoration:none; display:inline-block; padding:0 0 0 19px}
#texte{width:60%; display:inline-block; height:100%;  position:relative;}
#bandeau-present{width:100%;  height:17%; min-height:80px;border-bottom:4px solid black; display:block; color:#999999; font-size:0.8em; overflow:inherit; display:block }
.logopresent{ float:left; margin-top:3%; }
.vignettes{ float:right; margin-top:3%; }
h4{font-size:0.9em;  color:#999999 ; margin:0 0 0 150px; padding:0; position:absolute; }
#text-present{width:98%; height:75%;overflow: auto; padding:5% 0 0 2%; text-align:justify; color:#333333; font-size:1em;}
#text-present p{width:95%}
#actu{position:absolute; width:98%; margin-left:1%; color:#FFFFFF; background-color:#1d2b84; bottom:0; display:block; overflow:auto; max-height:55%; opacity:0.90;filter:alpha(opacity=90); }
h3{ margin:2px 0 0 0; width:auto; font-size:1.1em; padding:0 0 0 10px; border-bottom:3px solid black; text-align:left }
#article{width:auto; margin:3px 5px 2px 5px; text-align:justify}
#article p{margin:6px 0 0 0; padding:0; }
img.actu{border:1px solid white; margin:0 3px 3px 0}
a.actu{color:#66FFFF; font-size:0.8em;}
a.actu:hover{color: yellow}
#article a{ color:#66FFFF; font-size:0.8em;}
#article a:hover{color: yellow}
#piedpage{ background-color:black; text-align:center; color:#FFFFFF; width:100%; height:20px; position:relative; line-height:1.5em}
#patch{width:900px; margin:2px auto; color:#999999;  text-align:center; text-decoration:none; font-size:11px; }
.patch {color:#999999; text-decoration:none; }
.patch:hover {color:red;}
.patch2 {color:#666666; text-decoration:none; }
.patch2:hover {color:red;}
#contact{margin:0; margin-top:2%; padding:0; height:94%; overflow:auto; overflow:inherit; }
#coordonnees{ float: right;  margin:0; padding:0; margin-left:1%; width:45%; text-align:right; color:#666666}
#formulaire{ float: left;  margin:0; padding:0; width:51%; height:75%; margin-right:1%; border-right:1px solid #999999; text-align:right; overflow:auto; }
h2{margin:0 10px 0 0; padding:0; color:#999999; font-weight:600; font-size:1.1em}
.titre{color: #1d2b84; font-weight:600; font-size:1.1em}
h1{font-size:1.2em; font-weight:bold; color:#1d2b84; padding:0; margin:5px 0 5px 0;} 
#listefiches{width:95%; margin-top:10px; text-align:left; margin-left:2%; padding-left:3%; padding-bottom:5px; border:1px solid white; height:74%; overflow:auto}
.alert{font-size:0.8em; color:red; margin:0}
a.externe{color:white; font-size:0.8em}
a.externe:hover{color: #66FFFF}
#agenda{ margin:0; padding:0; height:80%; overflow:auto; }
#photo_agen{float:left; top:0; left:0; width:26%;  height:23%; overflow:hidden; margin:2px; margin-left: 4%;}
#vignette_agen{ float:left;  width:63%; margin:2px; text-align:left; min-height:23%; overflow:auto; border-bottom:1px solid gray}	
.date{ line-height:1.8em;font-weight:bold}
#vignette_agen p{margin:2px; padding:0; width:93%; text-align:justify}	
a.info{color:#1d2b84; font-size:0.8em}
a.info:hover{color: red}
.vignette{width:100%; width:auto; border-right:3px solid #1d2b84;  border-left:3px solid #1d2b84;  height:48%; min-height:175px; margin:0 0 0 0; padding:0 0 1% 0; position:relative; overflow:hidden; }
h5{padding:0; margin:0; background-color:#000000; color:#000000; font-size:0.7em; height:8%; display:block}
.video{width:30%; height:89%; float:right; margin:1%;}
.vign_photo{width:31%; height:89%; float:right;  margin:5px; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.detail{ float:right; width:18%; height:88%;  margin:1% 0 0 1%;}
.vign_detail{width:99%; height:49%; margin:1%; overflow:hidden; float:right; background-position:center; background-repeat:no-repeat; }
.vignette h1{font-size:1.1em; font-weight:bold; color:#1d2b84; padding:10px 10px 0 10px; text-transform:uppercase; margin:0;} 
.vignette h2{font-size:0.9em; font-weight:bold; color:#1d2b84; padding:0px 10px 0px 10px;  margin:0;} 
.vign_text{margin:3px 0 0 0; padding:2px 10px 4px 10px;  height:41%; overflow:hidden; color:#666666; border-top:1px dotted #1d2b84}
a.infos{float: right; margin:5px 10px 0 0;color:#1d2b84; font-weight:bold ; }
a.infos:hover{color:red}
#texte_fiche{width:73%; display:block; height:90%; top:4%;  position:relative; overflow:auto}
#menu_fiche{width:73%; display:block; overflow:hidden; height:20px; top:4%; text-decoration:none;    position:relative; padding:0}
a.menu_fic{ text-decoration:none; min-width:80px; color:#eeeeee; padding:0 5px 0 5px; background-color:black;  margin:0; float:left; height:25px; line-height:1.8em; border:1px solid #1d2b84; border-left-color:#999999; border-right-color:#999999}
a.menu_fic:hover{ color:white; background-color:#1d2b84 }
a.menu_fic_sel{ text-decoration:none; min-width:80px; color:white; padding:0 5px 0 5px;  background-color:#0033CC; margin:0; float:left; height:25px; line-height:1.8em; border:1px solid #0033CC;}
.fiche{width:100%; width:auto; border-right:3px solid #1d2b84;  border-left:3px solid #1d2b84; height:96%; margin:0 0 0 0; padding:0 0 1% 0; position:relative; overflow:auto; }
.fiche p {margin:5px 0 5px 0; padding:0;} 
.fiche h5{padding:0; margin:0; background-color:#000000; color:#000000; font-size:0.7em; height:4%; display:block}
.vign_text-fic{padding:4px 10px 4px 10px; color:#666666; height:auto;   border-top:1px dotted #1d2b84; float:left}
img.detail4{ max-width:95%; margin-top:10px;}
.fiche h1{font-size:1.1em; font-weight:bold; color:#1d2b84; padding:10px 10px 0 10px; text-transform:uppercase; margin:0;} 
.fiche h2{font-size:0.9em; font-weight:bold; color:#1d2b84; display:block; padding:0px 10px 0px 10px;  margin:0;} 
.fiche h3{ margin:10px 10px 0 10px; width:auto; font-size:1.1em; padding:0; border-bottom:3px solid black; text-align:left }
.f_video{width:40%; height:260px; float:right;  padding:0 1% 0 0 ;  margin:1% 0 1% 1% ; display:block; background-color:#FFFFFF}
.f_vign_photo{ width:auto; max-width:280px;  float:right; padding:0 1% 0 0 ;  margin:1% ; overflow:hidden; background-color:#FFFFFF ;}
.fimg{max-width:98%; margin:1% }
.f_detail{ float:right; width:auto; max-width:30%; margin: 1% 0 1% 0; padding:0 1% 0 0; background-color:white}
.vign_text_f{margin:3px 0 0 0; padding:2px 10px 4px 10px;  color:#666666; border-top:1px dotted #1d2b84}
.vign_compl_f{margin:3px 10px 0 10px; padding:2px;  color:#666666; }
a.lien{color:#1d2b84; font-weight:bold ; }
a.lien:hover{color:red}
/* ********************************   tableaux ***********************/
.titreTAB { color:white; background-color:#1d2b84; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0px;  text-transform:uppercase; margin: 3px 0 3px 0; width:96%; text-align:center}
.titre1 {font-size:1.1em; font-weight:bold; color:#1d2b84; padding:0px 10px 0 10px; text-transform:uppercase; margin:3px 0 3px 0}
.titre2{font-size:0.9em; font-weight:bold; color:#1d2b84; display:block; padding:0px 10px 0px 10px; margin:3px 0 3px 0}
.titre3{font-size:1em; font-weight:bold; color:#666666; display:block; padding:0px 10px 0px 10px; margin:3px 0 3px 0}
/* ______________champs formulaires, boutons de navigation_______________________*/
input.champs {
color:#333333; background-color:#ffffff;border:1px solid #cccccc; font-size:10px; height:13px;padding:0; margin:0;}
input.bouton{ color:#1d2b84; background-color: #eeeeee; border:0; font-size:12px; text-decoration:underline;
font-weight:bold; cursor:pointer}
input.bouton:hover{ color:red;}
select { color: black; width:100%; font-size:10px; font-family:arial;padding-bottom:0px;}
textarea {color: black;  float:right; top:0;background-color:white;}
input.fichier {color:black; background-color:#66CCFF; font-size:10px; font-family:arial;}
input.men{ cursor:pointer; text-decoration:none; min-width:80px; color:#eeeeee; padding:0 5px 0 5px; background-color:#1d2b84;  margin:0; float:left; height:20px; line-height:1.2em; border:1px solid #1d2b84; border-left-color:#999999; border-right-color:#999999}
input.men:hover{ color:white; background-color:black }
input.men_sel{ cursor:pointer; text-decoration:none; min-width:80px; color:white; padding:0 5px 0 5px;  background-color:#0033CC; margin:0; float:left; height:20px; line-height:1.2em; border:1px solid #0033CC;}
#infolegales{ position: absolute; margin:auto; left:32%; top:20%; width: 500px;   height:400px; padding:10px;   border:5px solid black; font-size:1.1em; z-index:6; display:none; background-color:#FFFFFF; overflow:auto; text-align:left}