/***************************************************************************************/ /***************************************************************************************/ /********** MISE EN FORME *********/ /***************************************************************************************/ /***************************************************************************************/ body { width:auto; height:auto; scrollbar-face-color: #eeeeee; scrollbar-arrow-color: #958d86; scrollbar-track-color: #dddddd; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #958d86; } div { border-style:none; /*border-width:1px; border-style:solid; border-color:#cccccc;*/} hr { display:block; width:640px; height: 1px; margin: 0; _margin: -7px 0; padding: 0; left:0px; color: #675C53; border: 1px; border-style:dashed; border-collapse:collapse; } iframe { border-style:none; height:100%; width:100%; } .tableau_contact { border-bottom-style:dashed; border-bottom-color:#666666; border-bottom:1px; border-bottom:1px; font-family:Arial, Helvetica, sans-serif; font-size: 9pt; color: #675C53;} a:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #C0CE00; text-decoration:none;} a:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #C0CE00; text-decoration:none;} a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #C0CE00; text-decoration:none;} a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #958d86; text-decoration:none;} #pr { border-width:1px; border-color:Black; border-style:solid; background-color:#AAFFFF; } #societe { border-width:1px; border-style:solid; border-color: #958d86; border-collapse:collapse; } /***************************************************************************************/ /************************************** LEFTER *****************************************/ /***************************************************************************************/ /*************************************** logo ******************************************/ #hugin { position:absolute; top:0px; left:0px; height:131px; width:343px; } /*************************************** news ******************************************/ #news { background-image:url(/images/commun/news_frame_grey.jpg); position:absolute; top:132px;left:0px;height:223px; width:343px; } #newsmenu { position:absolute; width:225px; height:223px; top:192px ; left:80px;} .news { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration:none;} /***************************************************************************************/ /************************************** video ******************************************/ /***************************************************************************************/ #video { position:absolute; top:355px; left:0px; height:223px; width:343px; } #videomenu { position:absolute; top:415px; left:80px; height:150px; width:225px; } /***************************************************************************************/ /********************************** PRESS RELEASES *************************************/ /***************************************************************************************/ .text_pr { font-family:Arial, Helvetica, sans-serif; font-size: 8pt; color: #958d86; } a.morenews:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #C0CE00; text-decoration:none;} a.morenews:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #675C53; text-decoration:none;} a.morenews:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #C0CE00; text-decoration:none;} a.morenews:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #958d86; text-decoration:none;} /***************************************************************************************/ /************************************** HEADER *****************************************/ /***************************************************************************************/ #connect { position:absolute; top:0px; left:344px; height:59px; width:681px; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; color: #675C53;} #language { position:absolute; width:390px; padding-top:34px; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size: 7pt; color: #958d86; text-transform: uppercase;} a.language:link {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #958d86; text-transform: uppercase; text-decoration:none;} a.language:active {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #675C53; text-transform: uppercase; text-decoration:none;} a.language:visited {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #958d86; text-transform: uppercase; text-decoration:none;} a.language:hover {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #C0CE00; text-transform: uppercase; text-decoration:none;} #login { position:absolute; width:287px; left:395px; padding-top:27px; padding-right:6px; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; color: #958d86; } #path1 { position:absolute; top:56px; left:344px; height:72px; width:660px; text-align:right; text-decoration:none; padding-top:15px; } #path2 { position:absolute; top:60px; left:344px; height:72px; width:660px; text-align:right; text-decoration:none; overflow:auto; padding-top:13px; } /***************************************************************************************/ #main { position:absolute; top:145px;left:360px; height:560px; width:681px; overflow:auto; padding-right:5px;} /***************************************************************************************/ /****************************** haut droit / gauche ************************************/ /***************************************************************************************/ #hd { position:absolute;top:132px;left:688px;height:200px;width:300px;} #hg { position:absolute;top:132px;left:344px;height:200px;width:300px;} /***************************************************************************************/ /****************************** bas droit / gauche *************************************/ /***************************************************************************************/ #bd { position:absolute;top:355px;left:688px;height:200px;width:320px; } #bdmenu { position:absolute;top:417px;left:745px;height:161px;width:273px; } #bg { position:absolute;top:355px;left:344px;height:200px;width:290px; } #bgmenu { position:absolute;top:417px;left:408px;height:161px;width:273px; } /***************************************************************************************/ /********************************** separateur *****************************************/ /***************************************************************************************/ #sp1 { position:absolute;top:132px;left:330px;height:446px;width:31px;background-color:#ffffff;} #sp2 { position:absolute;top:132px;left:667px;height:446px;width:31px;background-color:#ffffff;} #sp3 { position:absolute;top:132px;left:1018px;height:446px;width:30px;background-color:#ffffff;} #sp4 { position:absolute;top:116px;height:13px;width:1024px; } /***************************************************************************************/ /***************************************************************************************/ #titre { position:absolute; top:145px; left:344px; height:58px; width:630px; padding-left:17px;} #icone { position:absolute; top:140px; left:875px; height:43px; width:200px; } #description{ position:absolute; top:210px; left:344px; height:80px; width:651px; padding-left:17px;} #menu1 { position:absolute; top:312px; left:344px; height:150px; width:300px; padding-left:17px; } #menu2 { position:absolute; top:386px; left:344px; height:305px; width:300px; padding-left:17px; } /***************************************************************************************/ /****************************** bas droit (preview) ************************************/ /***************************************************************************************/ #preview { position:absolute; top:290px; left:650px; height:425px; width:354px; padding-left:5px; padding-right :5px;} #comm { position:absolute; top:580px; left:0px; height:70px; width:1024px; } .xxtitlegreen { font-family:Arial, Helvetica, sans-serif; font-size: 20pt; color: #c0ce00; text-transform:capitalize;} .xxtitlegreen_nocase { font-family:Arial, Helvetica, sans-serif; font-size: 20pt; color: #c0ce00;} .xtitlegreen { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color: #c0ce00; text-transform:capitalize; font-weight:500;} .xtitlegreen_nocase { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color: #c0ce00; font-weight:500;} .xtitlegrey { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color: #c9c4c4; text-transform:capitalize; font-weight:500;} .xtitlegrey_nocase { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color: #c9c4c4; font-weight:500;} .xtitlegreyover { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color: #675C53; text-transform:capitalize; font-weight:500;} .xtitlegreyover_nocase { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color: #675C53; font-weight:500;} .text_description { font-family:Arial, Helvetica, sans-serif; font-size: 9pt; color: #675C53;} .text_legend { font-family:Arial, Helvetica, sans-serif; font-size: 7pt; color: #675C53;} .Submidgrey { font-family:Arial, Helvetica, sans-serif; font-size: 11pt; color: #675C53; } .Submidlight { font-family:Arial, Helvetica, sans-serif; font-size: 11pt; color: #e1dfdd; } .Submidgreen { font-family:Arial, Helvetica, sans-serif; font-size: 11pt; color: #c0ce00; } .Subsmallgrey { font-family:Arial, Helvetica, sans-serif; font-size: 9pt; color: #675C53; } .Subsmalllight { font-family:Arial, Helvetica, sans-serif; font-size: 9pt; color: #e1dfdd; } /***************************************************************************************/ /*************************************** HEADER ****************************************/ /***************************************************************************************/ .baseline { width:660px; height:23px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #958d86; font-weight:500;} .sitemap {font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: #958d86; text-decoration:none; font-weight:500;} .path { font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: #c9c4c4; text-decoration:none; font-weight:500;} .pathover { font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: #bfce00; text-decoration:none; font-weight:600;} /***************************************************************************************/ /*************************************** FOOTER ****************************************/ /***************************************************************************************/ #footer { position:absolute; top:728px; left:0px; height:40px; width:1024px; } .signature { float:left; width:243px; height:40px; padding-left:34px; padding-top:12px; } .legacy { float:right;width:681px; height:40px; padding-right:19px; padding-top:12px; } .legendwarmgrey { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #958d86; } /***************************************************************************************/ /************************************* FORM SEARCH *************************************/ /***************************************************************************************/ input.button { font-family:Arial, Helvetica, sans-serif; color: #675C53; font-size:11px; text-transform: uppercase; text-decoration: none; text-indent:center; background-color:transparent; background-image: url(../../images/commun/bg_submit.jpg); background-repeat: no-repeat; background-position:top left; border:none; width:144px; height:23px;} input.button_small { font-family:Arial, Helvetica, sans-serif; color: #675C53; font-size:11px; text-transform: uppercase; text-decoration: none; text-indent:center; background-color:transparent; background-image: url(../../images/commun/bg_submit_small.jpg); background-repeat: no-repeat; background-position:top left; border:none; width:33px; height:23px;} textarea.search { font-family:Arial, Helvetica, sans-serif; color: #675C53; font-size:11px; border:1px solid #958d86; } input.search { font-family:Arial, Helvetica, sans-serif; color: #675C53; font-size:11px; border:1px solid #958d86; height:19px;} select.search { font-family:Arial, Helvetica, sans-serif; color: #675C53; font-size:11px; border:1px solid #958d86; height:19px;} #search { position:absolute; top:132px; left:344px; height:230px; width:681px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; color: #675C53; border: none;} #result { position:absolute; top:355px; left:344px; height:372px; width:681px; overflow:auto; } /***************************************************************************************/ .imgfade { opacity:1; -Moz-Opacity:1; -Khtml-Opacity:1; filter:alpha(opacity=100);}