/*td {border: 1px dotted gray} div {border: 1px solid orange} img, form {border: 1px dashed blue} h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow} ul {border: 1px solid green} li {border: 1px solid lightgreen}*/ /* layout général */ body {behavior:url("medias/utils/csshover.htc");} body, html{width:100%; height:100%; padding:0; margin:0; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:12px} table#superglobal{width:100%; height:100%} table#global{height:100%; width:990px; } /* 1ère ligne */ td#header{ height:180px; } table td{font-size:12px} /* Menu */ #lgmenu { position: absolute; padding: 0 0 0 850px;} #lgmenu span.langue { display: inline-block; color:#00402a; background-color: #ffffff; padding:5px; } #lgmenu span.langueselected { display: inline-block; color:#00402a; background-color: #f1850c; padding:5px; } #lgmenu a.langue { font-size: 10px; color:#00402a; font-weight: bold; } #lgmenu a.langueselected { font-size: 10px; color:#ffffff; font-weight: bold; } /* en-tête page accueil */ /**/table#globalheaderhp{width:990px; text-align:right; background:url(../images/header-hp-.jpg) no-repeat 1px 0; _background:url(../images/header-hp.jpg) no-repeat 0 0} /* en-tête pae intérieure */ table#globalheader{width:990px; background:url(../images/header-.jpg) no-repeat 0 0} table#globalheader td#logo{width:180px} table#globalnavig{margin:0px 0px 5px 0px;} td#navig{background:url(../images/navig-bg.jpg) repeat-x 0 0; color:#b2cac3; font-size:12px; } td#navig a{font-size:12px; text-decoration:none; color:#005138; padding:0px 6px 0px 6px; border-right:1px solid #b2cac3} td#navig a:hover{color:#ee9d1f} td#navig a.selected{color:#ee9d1f; font-weight:bold} td#ng{ width:24px} /* 2ème ligne */ td#menugauche{ width:180px; _width:190px } td#centre{ width:565px;} td#centre2col{ width:810px;} td#menudroite{ width:245px; padding:0; } td#menudroite img#imgdistib{margin:0px 0px 0px 14px; /*margin:0px 0px 0px 26px !important; */ _margin:0px 0px 0px 29px} /* 3ème ligne */ td#footer{height:25px; background:#005138; color:#fff; padding:5px; text-align:center; font-size:11px} td#footer a{color:#fff; text-decoration:none; font-size:11px } td#footer a:hover{color:#E57F11} /* menu gauche */ table#menu{margin:10px 0px 0px 10px} table#menu a{font-size:13px; color:#005138; text-decoration:none; display:block; width:170px; height:28px; _height:40px; background:url(../images/roll.jpg) no-repeat 0 0; padding:12px 0px 0px 29px; } table#menu a:hover{ background:url(../images/roll-over.jpg) no-repeat 0 0} table#menu a.menuselected{font-size:13px; color:#005138; text-decoration:none; display:block; width:170px; height:28px; _height:40px; background:url(../images/roll-over.jpg) no-repeat 0 0; padding:12px 0px 0px 29px; } /* centre */ div#globalcontent{ margin:20px 20px 20px 20px; text-align:left; font-size:12px; text-align:justify} div#globalcontent2col{ margin:20px 20px 20px 20px; text-align:left; font-size:12px; text-align:justify;} div#template3{ } div#textehp{margin:0px 60px 0px 60px} p.date{color:#007e31; text-decoration:underline; font-size:12px; padding:0px 0px 2px 0px; margin:0} div#tableau{ text-align:right; margin:15px 10px 10px 35px; } table#actualites{border-bottom:1px solid #005138; width:377px;} td#topactu{background:url(../images/top-actu.jpg) no-repeat 0 0; height:30px; padding:3px 0px 0px 20px; color:#fff; font-weight:bold; font-size:16px; border-bottom:3px solid #fff} td#news{background:#e5edeb; margin:0px 0px 100px 0px; font-size:12px; border-bottom:3px solid #fff; padding:10px; font-size:12px;} td#news p{padding:0px 0px 10px 0px; margin:0} td#imgprod{width:170px; } td#imgprod img{border:1px solid #f5b34e} td#contentint {font-size:12px} td#contentint p{padding:0px 0px 10px 0px; margin:0} /* menu droite accueil */ img#logoiso{margin:20px 0px 0px 0px} /* menu droite intérieure */ table#revuepresse{ width:186px; background:url(../images/revue-presse-bg.jpg) repeat-y 0 0; font-size:12px; margin:20px 0px 0px 15px } td#toprevue{background:#B3CAC4 url(../images/revue-presse-top.jpg) no-repeat; height:31px; color:#fff; font-size:13px; padding:3px 0px 5px 10px} td#revue{padding:7px; font-size:11px; color:#005138;} td#revue a{ font-size:10px; color:#005138;} td#revue a:hover{color:#E57F11} td#footerrevue{ background:url(../images/revue-presse-footer.jpg) no-repeat; height:10px} table#info{width:170px; height:106px; /* background:url(../images/banner-info.jpg) no-repeat;*/ margin:10px 0px 10px 30px; padding:8px; color:#fff; font-size:13px; line-height:20px; } table#info a{color:#fff; font-size:13; text-decoration:underline} table#info a:hover{color:#d70103} /* formulaires */ form#contact { } form#contact table#form label { color: #79848e; font-weight: bold; text-decoration: none; padding-right: 10px; padding-left: 10px; white-space: nowrap; font-size:13px; text-align:right } form#contact table#form td { vertical-align: top; padding-top: 2px; padding-bottom: 3px; border-bottom: 1px solid none; text-align:left } form#contact table#form input.text { color: #005138; background-color: #B3CAC4; padding: 2px; border: solid 1px #005138; width:300px } form#contact table#form textarea { color: #005138; background-color: #B3CAC4; width: 300px; height: 100px; padding: 2px; border: solid 1px #005138; } form#contact table#form select { color: #005138; background-color: #B3CAC4; width: 300px; padding: 2px; border: solid 1px #005138; } /* admin */ div#loginpanel{margin:15px 0px 0px 25px} td.tduser, td.tdpass{padding:0px 10px 0px 10px; font-size:14px; display:block; width:100px} div#texteadmin{margin:20px 0px 0px 45px} span#titrelogin{margin:0px 0px 10px 0px; display:block; font-weight:bold; font-size:14px; color:#005138} input#submit{display:block; margin:10px 0px 10px 0px} /* template 2 */ table#formations{width:100%} table#formations h2{ font-size:14px; font-weight:bold; color:#f09100} table#formations td{border-bottom: 1px solid #005138; padding:5px} table#formations a{color:#005138; text-decoration:none} table#formations a:hover{color:#E57F11} div#galeriephotos{margin:15px 0px 10px 10px} div#conteneurimage{margin:0px 0px 10px 0px} div#oilmod{ margin:10px 0px 0px 37px} div#galeriehp{ margin:0px 0px 15px 0px} p.sitemap { margin: 0; padding: 0; } p.sitemap span.level0 { font-size: 12px; margin: 0; padding: 0; } p.sitemap span.level1 { font-size: 12px; margin: 0; padding: 10px 0 5px 20px; display:block } p.sitemap span.level2 { font-size: 12px; margin: 0; padding: 10px 0 5px 20px; display:block } p.sitemap span.level3 { color: #0086ff; font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 0 40px; } p.sitemap span.level4 { color: #cb2b1e; font-size: 12px; margin: 0; padding: 0 0 0 60px; } p.sitemap span.level5 { font-size: 12px; margin: 0; padding: 0 0 0 80px; } p.sitemap span.level6 { color: #676d6f; font-size: 12px; margin: 0; padding: 0 0 0 100px; } p.sitemap span.level7 { color: #676d6f; font-size: 12px; font-style: italic; margin: 0; padding: 0 0 0 120px; } a.sitemap1 {font-size:14px; font-weight:bold;} a.sitemap2 {font-size:14px; font-weight:bold;} a.sitemap3 {font-size:12px; color:#666666;} a.sitemap4 {font-size:11px; color:#999999;} a.sitemap5 {font-size:10px; } a.sitemap6 {font-size:9px; } /* behavior:url("medias/utils/csshover.htc"); -> chargé dans "body" au début de la page */ /* comportement menu */ ul#menu {width:180px; padding:0; margin:10px 0px 0px 10px; } ul#menu li#folder {display:block; position:relative; padding:0; margin:0px 0px 15px 0px; padding:0; border-left:1px solid #fff; border-bottom:1px solid #fff} ul#menu li#folder a {font-size:13px; color:#005138; text-decoration:none; width:180px; background:url(../images/roll.gif) no-repeat 0 0; padding:12px 0px 10px 29px; display:block; } ul#menu li#folder a:hover{background:url(../images/roll-over.gif) no-repeat 0 0; } /* état hover du menu lors du survol du sous-menu */ ul#menu li#folder:hover a{background:url(../images/roll-over.gif) no-repeat 0 0; display:block; } /* état normal du sous-menu lors du survol du menu */ ul#menu li#folder:hover ul li a{background:none;} /* comportement sous-menu */ ul#menu li#folder ul {padding:0; margin:0; width:200px; background:#d3d3d3; position:absolute; left:173px; top:-20px; border:1px solid #d47b00; } ul#menu li#folder ul li {display:block; list-style-type:none; background:#FADDB5; padding:8px 0px 0px 8px; margin:0; border-bottom:1px solid #d47b00;} ul#menu li#folder ul li :hover{ background:#b9d3cb } ul#menu li#folder ul li a { padding:0; margin:0; width:190px; display:block;} ul#menu li#folder ul li a:hover {color:#d47b00; background:none } p.sitemap { margin: 0; padding: 0; } p.sitemap span.level0 { font-size: 12px; margin: 0; padding: 0; } p.sitemap span.level1 { font-size: 12px; margin: 0; padding: 0; } p.sitemap span.level2 { font-size: 12px; margin: 0; padding: 0 0 0 20px; } p.sitemap span.level3 { color: #0086ff; font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 0 40px; } p.sitemap span.level4 { color: #cb2b1e; font-size: 12px; margin: 0; padding: 0 0 0 60px; } p.sitemap span.level5 { font-size: 12px; margin: 0; padding: 0 0 0 80px; } p.sitemap span.level6 { color: #676d6f; font-size: 12px; margin: 0; padding: 0 0 0 100px; } p.sitemap span.level7 { color: #676d6f; font-size: 12px; font-style: italic; margin: 0; padding: 0 0 0 120px; } a.sitemap2 {font-size:14px; font-weight:bold;} a.sitemap3 {font-size:12px; color:#666666;} a.sitemap4 {font-size:11px; color:#999999;} a.sitemap5 {font-size:10px; } a.sitemap6 {font-size:9px; } /* état selectionne */ ul#menu {width:180px; padding:0; margin:10px 0px 0px 10px; } ul#menu li#folderselected {display:block; position:relative; padding:0; margin:0px 0px 15px 0px; padding:0; border-left:1px solid #fff; border-bottom:1px solid #fff} ul#menu li#folderselected a {font-size:13px; color:#005138; text-decoration:none; width:180px; background:url(../images/roll-over.gif) no-repeat 0 0; padding:12px 0px 10px 29px; display:block; } ul#menu li#folderselected a:hover{background:url(../images/roll-over.gif) no-repeat 0 0; } /* état hover du menu lors du survol du sous-menu */ ul#menu li#folderselected:hover a{background:url(../images/roll-over.gif) no-repeat 0 0; display:block; } /* état normal du sous-menu lors du survol du menu */ ul#menu li#folderselected:hover ul li a{background:none;} /* comportement sous-menu */ ul#menu li#folderselected ul {padding:0; margin:0; width:200px; background:#d3d3d3; position:absolute; left:172px; top:-20px; border:1px solid #d47b00; } ul#menu li#folderselected ul li {display:block; list-style-type:none; background:#FADDB5; padding:8px 0px 0px 8px; margin:0; border-bottom:1px solid #d47b00;} ul#menu li#folderselected ul li :hover{ background:#b9d3cb } ul#menu li#folderselected ul li a { padding:0; margin:0; width:190px; display:block;} ul#menu li#folderselected ul li a:hover {color:#d47b00; background:none } /* roll-over specifiques */ ul ul, li:hover ul ul {display:none;} li:hover ul, li:hover li:hover ul {display:block;}