/************************************************************************************ * CSS développée par Patrick PETIT - Medialis * * * * Merci de demander l'accord des propriétaires du site avant de copier * * quel qu'élément que ce soit. * ***********************************************************************************/ /* Reset ************************************************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } q:before,q:after { content:''; } abbr,acronym { border:0; } em { font-style:italic; } /* Main ************************************************************************************/ body { background:#e9eff1 url('../img/bg.png') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; } /* Useful *************************************************************************************/ .clear { clear:both; content: ""; display: block; height: 0; visibility: hidden; } .clearleft { clear:left; content: ""; display: block; height: 0; visibility: hidden; } .clearright { clear:right; content: ""; display: block; height: 0; visibility: hidden; } a.green { color:#a0ba16; } /* Forms *************************************************************************************/ .button { width:20px; color:#FFFFFF; cursor:pointer; height:26px; letter-spacing:1px; font-size:0px; vertical-align:middle; border:medium none; } #search .button { background:transparent url('../img/search_btn.gif') no-repeat scroll 0 0; } #techneo .button { background:transparent url('../img/right_search_btn.gif') no-repeat scroll 0 0; } .button { margin-top:2px; } #techneo .inputbox { width:100px; } /* Container *************************************************************************************/ #container { width:890px; margin:auto; } #wrapper { background:url('../img/container_bg.png'); width:920px; position:relative;margin:auto; } #wtop { background:url('../img/container_top.png') no-repeat; } #wfooter { background:url('../img/container_footer.png') no-repeat; height:44px; } #wfooter p { padding:5px 20px; text-align:right; font-size:11px; color:white; } #wfooter a { color:white; } /* Header *************************************************************************************/ #header { height:161px; position:relative; } /*#header { background:url('../img/header.png') no-repeat; }*/ #logo { position:absolute; background:url('../img/logo.gif'); width:233px; height:149px; top:7px; left:10px; z-index:100; } #logo a { display:block; width:233px; height:149px; text-decoration:none; } #headeranim { width:700px; height:128px; position:absolute; top:33px; left:175px; z-index:10; } /* top menu */ #navtop { position:absolute; width:375px; height:33px; left:320px; top:0; } #navtop ul { margin-top:8px; } #navtop li { display:inline; margin:0 10px; font-size:11px; } #navtop li a { color:black; text-decoration:none; } #navtop li a:hover { text-decoration:underline; } /* background for each item menu */ #rss, .item161 { background:url('../img/icon_rss.png') no-repeat 0 -2px; padding-left:20px; } #plan, .item54 { background:url('../img/icon_map.png') no-repeat 0 -2px; padding-left:22px;} #network, .item162 { background:url('../img/icon_network.png') no-repeat 0 -2px; padding-left:25px;} .item183 { background:url('../img/icon_english.jpg') no-repeat 0 0; padding-left:25px;} .item53 { background:url('../img/icon_contact.png') no-repeat 0 0; padding-left:15px;} /* phone number */ #tel { font-weight:bold; font-size:12px !important; position:absolute; left:280px; top:0; } #tel p { margin-top:8px; } span.tel { color:#ed7902; } span.num { color:#5a2210; } /* Search part */ #search { background:url('../img/icon_search.png') no-repeat 0 4px; padding-left:22px; position:absolute; left:685px; top:2px; vertical-align:middle; } /* Content *************************************************************************************/ .contentpaneopen { width:100%; } #contentbg { background:white url('../img/content.png') no-repeat 0 0px; margin-left:175px; height:15px; } #content { margin-left:200px; margin-right:200px; margin-top:-15px; } div#content:after { clear:both; content: ""; display: block; height: 0; visibility: hidden; } .contentheading { padding:15px 0 30px 25px; font-weight:bold; background:white url('../img/titre.png') top left no-repeat; color:#6d2600; font-size:16px; } .item { padding:0 15px 20px; } .contentpaneopen p, .contentpaneopen li { margin:10px 0; line-height:16px; } .contentpaneopen li { margin:0; margin-left:20px; list-style-type:disc; } .contentpaneopen strong { font-weight:bold; color:#ed7902; } .contentpaneopen a { font-weight:bold; text-decoration:none; color:#b82671; } .contentpaneopen a:hover { text-decoration:underline; } a.modal-button { color:#a0ba16 !important; } a:hover.modal-button { color:##B82671 !important; } /* Bottom *************************************************************************************/ #bottom { background:url('../img/bottom.png'); height:53px; } #bottom ul { padding-top:10px; position:absolute; right:20px; } #bottom li { font-size:11px; color:#837672; text-align:right; float:left; margin:0 10px; } #bottom img { vertical-align:middle; } #bottom li.text { padding-top:12px; } /* left *************************************************************************************/ #left { width:175px; float:left; } #techneo { font-size:11px; } #techneo a { color:#ed7902; text-decoration:none; } #techneo a:hover { text-decoration:underline; } #techneo p { margin:5px 0; } #territory { padding:0 11px; padding-top:50px; } #territory span.brown { color:#5a2210; } #territory span.orange { color:#de6300; } #territory h4 { font-size:13px; padding:5px 0; } /* navigation left *************************************************************************************/ .menu_top { height:16px; background:url('../img/menu_top.png') no-repeat; } .menu_cnt { background:url('../img/menu_bg.png'); } .menu_btm { height:15px; background:url('../img/menu_btm.png') no-repeat; } .menu_cnt ul { } .menu_cnt li { line-height:20px; background:url('../img/menu_border.gif') no-repeat bottom center; padding:4px 00px 6px 15px; } .menu_cnt li a, .menu_cnt li span { background:url('../img/menu_item.gif') no-repeat 0 6px; padding-left:15px; } .menu_cnt li li a, .menu_cnt li li span { background:none; } .menu_cnt li li { background:url('../img/menu_under_border.gif') no-repeat bottom center; } #leftmenu #mainlevel { padding:10px; } #leftmenu #mainlevel a { color:white; text-decoration:none; display:block; } #leftmenu #mainlevel span { color:white; text-decoration:none; display:block; } #leftmenu #mainlevel li a:hover, #leftmenu #mainlevel li { color:#f7c559; } #leftmenu #mainlevel li li a:hover { color:#5a2210; background:url('../img/menu_under_item.gif') no-repeat 0 6px; } #mainlevel li ul { display:none; } #mainlevel li ul { position:absolute; left:-900em; background: #adadad; display:none; box-shadow: 7px 7px 8px #818181; -webkit-box-shadow: 7px 7px 8px #818181; -moz-box-shadow: 7px 7px 8px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true); } #mainlevel li li { width:auto; padding-right:5px; } #mainlevel li:hover ul ul, #mainlevel li:hover ul ul ul, #mainlevel li.sfhover ul ul, #mainlevel li.sfhover ul ul ul { left:-900em; } #mainlevel li:hover ul, #mainlevel li.sfhover ul { color:#000000; position:absolute; margin-top:-1px; left: 7em; display:block; width:auto !important; z-index:0; } #mainlevel li ul li { width:250px; } #menugauche{ z-index:1; } /* partners *************************************************************************************/ .underleft_top { height:33px; background:url('../img/underleft_top.png') no-repeat; } .underleft_cnt { background:url('../img/underleft_bg.png'); } .underleft_btm { height:125px; background:url('../img/underleft_btm.png') no-repeat; } /* right *************************************************************************************/ #right { float:right; width:175px; font-size:11px; margin-right:10px; } #right a { color:#ed7902; text-decoration:none; } #right a:hover { text-decoration:underline; } #content, #right { padding-top:20px; } /* box *************************************************************************************/ .box { width:175px} .box_top { height:19px; background:url('../img/right_top.gif') bottom; } .box_cnt { background:url('../img/right_bg.gif') repeat-y; padding:0 15px; } .box_btm { height:14px; background:url('../img/right_btm.gif') top; } .box p { padding:5px 0; vertical-align:middle; } .box, .info{ padding-bottom:20px; }/*modifié par houssam avt c t a 20 et info décommenté*/ /*box2 pour InnovIt *************************************************************************************/ /* info *************************************************************************************/ .info h3 { background:url('../img/right_title.gif') no-repeat; color:white; font-variant:small-caps; padding-left:40px; font-weight:bold; font-size:14px; margin-top:20px; } div.encart2 { padding:5px 7px 5px 14px; } .info strong { color:#ed7902; } /* box 2 *************************************************************************************/ .boxt { margin-left:10px; width:165px; } .boxt_top { height:10px; background:url('../img/righter_top.gif') no-repeat bottom; } .boxt_cnt { background:#837672; height:150px; } .boxt_btm { height:7px; background:url('../img/righter_btm.gif') no-repeat top; } *+html .boxt_cnt { padding-bottom:20px; } .boxt h3, .boxt p { padding-left:7px; padding-top:8px; } .boxt h3 { color:white; padding-top:0; } /* presse *************************************************************************************/ div.presse { }/*par houssam avant y'avait rien*/ /* Partenaires *************************************************************************************/ .moduletable { padding:0 10px; } .partners_cnt h3.encart { background:transparent url('../img/partners.gif') no-repeat; text-indent:-5000px; height:50px; } #pathway { background:url('../img/pathway.png') repeat-y ;margin-left:185px; vertical-align:middle; } .breadcrumbs.pathway { padding:5px 20px; display:block; color:#ed7902; } .breadcrumbs.pathway a { color:black; text-decoration:none; } .breadcrumbs.pathway img { margin:0 5px; } /* Techneo *************************************************************************************/ .lasuite a { color:#ED7902; } .nomEntite { font-size:14px; } .nomEntite a { color:#B82671; font-weight:bold; } #colonneCentre form a { color:#A0BA16; } #keywords_related a { color:#6D2600; } .pages a { color:#6D2600; }