/*------------------------------------------------------------------------------------------------*/ *{padding:0;margin:0; } img{border:none; } a{text-decoration:none; } a:hover{text-decoration:none; } hr{display:none; } li{list-style-type:none;list-style-position:outside; } /* position */ .clear{clear:both;font-size:1px;line-height:0; display:block; } .right, .right_2{float:right; } .left, .left_2{float:left; } .center{text-align:center;display:table;margin-left:auto;margin-right:auto; } /* bordure */ .no_border{border:none; } /* centrage txt*/ .txt-c{text-align:center; } .txt-l{text-align:left; } .txt-r{text-align:right; } .txt-j{text-align:justify; } /* alignement vertical */ .valign-t{vertical-align:top; } .valign-m{vertical-align:middle; } .valign-b{vertical-align:bottom; } /* position */ .rel{position:relative} /* element de hauteur < 10px */ .lf{line-height:0;font-size:1px; } .mar_top_5 { margin-top:5px; } .mar_top_10 { margin-top:10px; } .mar_top_15 { margin-top:15px; } .mar_top_20 { margin-top:20px; } .mar_top_30 { margin-top:30px; } /*---------------------------------------------------------------------------------------*/ body{text-align:center; height:100%; background:#FFF;background:url(../img/modele/fd-home.gif) no-repeat top fixed; }/**/ *> /**/ body { overflow-x: auto; overflow-y:scroll; } /* firefox*/ #page{margin-left:auto;margin-right:auto; margin-top:25px; margin-bottom:30px;text-align:left;width:770px;font:normal 11px "Times New Roman", Times, serif;color:#000; padding:0; background:#fff;border:1px solid #00A213; } #page #top {margin:15px 0 0 50px; background:url(../img/modele/fd-logo.gif) repeat-x;position:relative;} #page #top .nav {margin-right:50px;padding-bottom:10px;border-bottom:10px solid #00A213;} #page #top .nav ul { dispay: block; float:right; width:170px; position: absolute; left: 501px; top: 17px; } #page #top .nav li {dispay: block; float:left; margin-top:5px;width:170px; height:17px;overflow:hidden;} #page #top .nav li a { color:#4D4D4D;display:block; background: #FFFFFF; padding:5px 0 3px 5px;} #page #top .nav li a:hover { background:#E3E3E3;text-decoration:none;} #page #top .nav li a.actif{ background:#000;color:#FFFFFF;} #page .nav-secondaire { background: url(../img/modele/fd-menu-secondaire.gif) no-repeat top right;} #page .nav-secondaire ul {display: block; float:right; width:auto;padding:0} #page .nav-secondaire li { display: block; float:left; width:auto; padding:10px 15px 10px 15px;} #page .nav-secondaire li.contact a {color:#FFFFFF;} #page .nav-secondaire li.contact a:hover a.actif {color:#FFFFFF;text-decoration:underline;} #page .nav-secondaire li a.actif {text-decoration:underline;} #page .col_left {background:url(img/header-img2.jpg); width: 109px; float:left;} #page .col_center { width: 600px; float:left; border-left:1px solid #c00221;} #page #corp .contact .col_left { float:left; width:auto;display: block;} #page #corp .contact .col_center { float:right; width:auto;display: block;} .list-ref ul {margin:15px 0 10px 0;} .list-ref li{margin:0 4px 4px 0; display:block;float:left;width:157px; height:95px; overflow: hidden;} .list-ref li a img.on{display:none;} .list-ref li a img.off{display:block;} .list-ref li a:hover img.on {display:block;} .list-ref li a:hover img.off {display:none;} /*liste de travaux*/ /*liste*/ #corp .lst_travaux { margin-top:20px;} #corp .lst_travaux .bl_travaux_lst .list-travaux1, #corp .lst_travaux .bl_travaux_lst .fd-ensavoirplus{ display:none;} #corp .lst_travaux .bl_travaux_lst, #corp .lst_travaux .bl_travaux_lst *, #corp .lst_travaux .sep { display: inline;float:none; clear:none; cursor:pointer; } #corp .lst_travaux .bl_travaux_lst { width:250px; float:left; cursor:pointer; display:block; } *> /**/ #corp .lst_travaux .bl_travaux_lst .clear { clear:both;font-size:1px;line-height:0; display:block; } *> /**/ #corp .lst_travaux .sep { display: block; float:left; width:auto;} #corp .en_liste .bl_travaux_lst { display:block; cursor:pointer; float:none; } #corp .lst_travaux .bl_travaux_lst h3 {margin:0 5px 0 0; line-height:16px;} #corp .lst_travaux .bl_travaux_lst h3:hover {text-decoration:underline;} #corp .bleu .lst_travaux .bl_travaux_lst h3.on { color: #00B4E7; font-weight:bold; font-size:10px; text-decoration:none; } #corp .rose .lst_travaux .bl_travaux_lst h3.on { color: #E9619C; font-weight:bold; font-size:10px; text-decoration:none; } #corp .violet .lst_travaux .bl_travaux_lst h3.on { color: #A778AE; font-weight:bold; font-size:10px; text-decoration:none; } #corp .lst_travaux .result_cont .list-travaux1, .lst_travaux .result_cont .fd-ensavoirplus{ display: block;} #corp .lst_travaux .result_cont .list-travaux1 .off { display:none;} #corp .lst_travaux .result_cont h3 { color:#000;margin-top:20px; font: bold 16px "Times New Roman", Times, serif; text-transform: none;} /*bloc travaux*/ .list-travaux1{width:525px;} .list-travaux1 img { margin-top:15px;} .list-travaux1 object,.list-travaux1 embed{ margin-top:15px;} .list-travaux1 ul {margin:15px 0 10px 0;} .list-travaux1 li{display:block;float:left;margin: 0 4px 4px 0;width:auto;} .list-travaux1 li img { margin:0;} .bl_travaux .off { display:none;} .sep {float:left; width: auto;margin:0 5px 0 0;} .video {display:block;width:670px; height:422px; background:#CCCCCC;} .fd-ensavoirplus { background:url(../img/modele/fd-ensavoir+.gif) repeat-x;padding:3px 8px;} .fd-ensavoirplus ul {float:left;display:block; width:auto;} .fd-ensavoirplus li {float:left;display:block; width:auto;background:#FFF;} .fd-ensavoirplus li a{display:block;padding:2px 8px; cursor:pointer;} .fd-ensavoirplus li a:hover {background:#E3E3E3;text-decoration:none;} .fd-ensavoirplus li a.actif {background:#000;color:#FFFFFF;text-decoration:none;} .fd-ensavoirplus .ensavoirplus {float:right; display:block; width:auto;padding: 0 24px 0 0; background: url(../img/modele/puce+.gif) no-repeat right center;background-color:#FFFFFF;} .ensavoirplus a {display:block;padding:2px 8px; } .ensavoirplus a:hover {background-color:#E3E3E3;text-decoration:none;} /*----------------------------------------------- CORP -------------------------------------------------*/ #corp {_height:650px; min-height:650px; padding:0 50px 30px 50px; line-height:14px;} #corp.contact { min-height: 400px; _height:400px; } #corp h1.bleu {font-weight: lighter;font: normal 17px Arial, Helvetica, sans-serif; color: #00B4E7;margin-top:30px; background:url(../img/modele/border-bleu.gif) no-repeat bottom left; padding-bottom:8px; } #corp h1.orange {font-weight: lighter;font: normal 17px Arial, Helvetica, sans-serif;color: #F08931;margin-top:15px; background:url(../img/modele/border-orange.gif) no-repeat bottom left; padding-bottom:8px; } #corp h1.orange_mar_top_30 {font-weight: lighter;font: normal 17px Arial, Helvetica, sans-serif;color: #F08931;margin-top:30px; background:url(../img/modele/border-orange.gif) no-repeat bottom left; padding-bottom:8px; } #corp h1.rose {font-weight:lighter;font: normal 17px Arial, Helvetica, sans-serif;color: #E9619C;margin-top:30px; background:url(../img/modele/border-rose.gif) no-repeat bottom left; padding-bottom:8px; } #corp h1.violet{font-weight: lighter; font: normal 17px Arial, Helvetica, sans-serif;color: #A778AE;margin-top:30px; background:url(../img/modele/border-violet.gif) no-repeat bottom left; padding-bottom:8px; } #corp h1.vert{font-weight: lighter; font: normal 17px Arial, Helvetica, sans-serif;color: #00A213;margin-top:30px; background:url(../img/modele/border-vert.gif) no-repeat bottom left; padding-bottom:8px; } #corp h2 { font-weight:bold;font-size:15px;color: #000000;margin-top:25px;} #corp h2.mar_top_20 { margin-top:20px; } #corp h3 { font:normal 9px Arial,Helvetica,sans-serif; color:#4D4D4D; text-transform:uppercase;} a { font:9px normal Arial, Helvetica, sans-serif;color:#4D4D4D; text-transform: uppercase;} a:hover { text-decoration:underline;} a.encadre { color:#4D4D4D; background:#E3E3E3;;padding:5px 3px 3px 3px;margin-top:10px;} #corp p { width:525px; margin-top:10px;} #corp a.orange {font:bold 11px "Times New Roman", Times, serif;color:#F08931;} #corp a.orange:hover{ text-decoration:underline;} #corp a.gris{font:normal 11px "Times New Roman", Times, serif;color:#000;} #corp a.gris:hover{ text-decoration:underline;} #corp a.rose {font:bold 11px "Times New Roman", Times, serif;color:#E9619C;} #corp a.rose:hover{ text-decoration:underline;} #corp a.violet {font:bold 11px "Times New Roman", Times, serif;color:#A778AE;} #corp a.violet:hover{ text-decoration:underline;} #corp p.mar_top_20 { margin-top:20px; } #corp p.no_marg { margin-top:0px; } .citation {float:right; color:#999999; margin-top:10px;}.