/*CSS FILE FOR LIPDUB.EU*/ /*-----------------------------------------*/ /*IMPORTS*/ /*-----------------------------------------*/ @import 'avantages.css'; @import 'slideshow.css'; /*-----------------------------------------*/ /*RESET FOR SOME ELEMENTS*/ /*-----------------------------------------*/ div, html, body, table, tr, td, ul, li, ol, form, input, img, p, submit, a{ border:0; margin: 0; padding: 0; } h1, h2, h3, h4, h5{ border:0; font-size:100%; margin:0; padding:0; } h1{ font-size:26px; } ul, ol{ list-style:none; } /*-----------------------------------------*/ /*BODY*/ /*-----------------------------------------*/ body { font-family:Arial; font-size:12px; color:black; } /*-----------------------------------------*/ /*WRAP*/ /*----------------------------------------*/ #background_wrap{ background-image:url(../images/bg_color.png); background-repeat:repeat-x; width:100%; height:100%; } #wrap{ height:100%; margin: 0 auto 0 auto; width:960px; } /*----------------------------------------*/ /*HEADER*/ /*-----------------------------------------*/ #header{ border-bottom:6px solid #aaaaaa; height:516px; width:auto; } #top_nav{float:left;height:52px; width:774px; margin-left:45px;} #top_nav ul{} #top_nav li{float:left;padding: 18px 20px 0 3px;} #top_nav li a{color:white;text-decoration:none;} #top_nav li a:hover{color:;}/*Mettre une couleur pour le survol des rubriques*/ #languages{float:left;width:141px; padding-top:18px;} #languages a{padding: 0px 0 0 5px;} #banner_wrap{ border:1px solid #cccccc; background:white; float:left; height:398px; margin-left:15px; margin-bottom:18px; width:928px; } #banner{width:100%;} #main_nav{ clear:both; height:34px; margin-left:281px; } #nav ul{} #nav li{float:left; } #nav li a{ font-family:Arial; font-size:16px; text-decoration:none; } .normal_nav { background-image:url(../images/tab.png); background-repeat:no-repeat; width:121px; height:28px; text-align:center; padding: 7px 0 0 0; margin: 12px 15px 0 0; } .normal_nav a{ color:white; } .normal_nav a:link{ color:white; } .normal_nav a:visited{ color:white; } .normal_nav a:hover{ color:black; background:#fff; } .normal_nav a:active{ color:black; } .normal_nav:hover{ background-image:url(../images/tab_white.png); background-repeat:no-repeat; border-bottom:5px solid #aaaaaa; } .nav_active{ background-image:url(../images/tab_white.png); background-repeat:no-repeat; width:120px; height:27px; text-align:center; padding:7px 0 0 0; margin:12px 15px 0 0; border-bottom:6px solid white; } .title_menu{ color:black; } /*-----------------------------------------*/ /*CONTENT*/ /*------------------------------------------*/ #content{ background:white; width:auto; height:100%; } #top_content{ height:420px; } #video{ z-index:200000; background:black; float:left; height:300px; margin: 60px 0 0 41px; width:400px; } #text_top_content{ float:left; height:300px; margin: 60px 0 0 57px; width:426px; } #text_top_content h2{ color:#1E4262; font-size:33px; margin-bottom:48px; } #text_top_content p{ color:#000033; margin-bottom:40px; } .content_1{ font-size:17px; } .content_2{ color:#660033; font-size:17px; } .content_3{ color:#000033; font-size:15px; } .content_4{ color:#FFF; font-size:15px; } #reseaux{ height:20px; } #reseaux img{ margin-top:5px; padding-left:3px; } #dynamique{ background-image:url(../images/dynamique_bg.png); background-repeat:repeat-x; height:381px; width:960px; } #break{ height:34px; width:auto; } #dynamique_content{ padding: 21px 0 0 33px; } .ensemble_dynamique{ float:left; height:289px; width:292px; margin-right:3px; margin-left:2px; } .ensemble_dynamique_1{ float:left; height:289px; width:290px; margin-left:15px; margin-right:3px; } .ensemble_dynamique_2{ float:left; height:289px; width:304px; margin-left:7px; margin-right:3px; } .ensemble_dynamique h3{ color:#000033; font-family:Arial; font-size:17px; padding: 5px 0 0 10px; } .ensemble_dynamique_1 h3{ color:#000033; font-family:Arial; font-size:17px; padding: 5px 0 0 10px; } .ensemble_dynamique_2 h3{ color:#000033; font-family:Arial; font-size:17px; font-style:underline; padding: 5px 0 0 10px; } .dynamique_img{ margin: 18px 0 23px 0; } .dynamique_img p{ color:#333333; float:left; font-family:Arial; font-size:15px; width:178px; margin: 0px 13px 0px 8px; } .dynamique_img img{ float:left; margin: 0 0 23px 0; } .bas p{ color:#333333; float:left; font-family:Arial; font-size:15px; margin : 0 px 0 24px 8px; width:250px; } .dynamique_img a{ float:left; font-family:Arial; font-size:15px; margin: 24px 0 0 161px; } #newsletter{ float:left; width:100%; } #newsletter p{ float:left; padding: 35px 5px 0 10px; } .tenez{ color:white; font-size:14px; padding-left:35px; } .desire{ color:white; font-family:Arial; font-size:16px; font-weight:bold; padding: 0 0 0 50px; } #newsletter input{ margin: 35px 50px 0 0px; padding-bottom:5px; } #newsletter .submit{ background-color:#6cbd45; color:white; font-weight:bold; margin-top: 35px; margin-left:30px; } /*------------------------------------------*/ /*FOOTER*/ /*------------------------------------------*/ #breadcrum{ background-color:#2c2c2c; border-bottom:1px solid white; height:32px; width:100%; } #breadcrum p{ color:white; font-size:13px; padding: 7px 0 0 10px; } #foot{ background-color:#eeeeee; height:283px; width:100%; } #foot_head{ float:left; width:100%; } #foot_head h4{ color:#333333; font-family:Arial; font-size:18px; } #foot_img{ float:left; margin: 30px 0 0 30px; } #foot_lipdub{ float:left; margin: 30px 30px 0 20px; } #foot_lipdub ul{} #foot_lipdub li{} #foot_lipdub li a{ color:#333333; font-family:inherit; font-size:13px; text-decoration:none; } #foot_lipdub li a:hover{ color:red; } #foot_teambuilding{ float:left; margin: 30px 95px 0 60px; } #foot_teambuilding ul{} #foot_teambuilding li{} #foot_teambuilding li a{ color:#333333; font-family:inherit; font-size:13px; text-decoration:none; } #foot_teambuilding li a:hover { color:red; } #foot_websites{ float:left; margin: 30px 0 0 0; } #foot_websites ul{} #foot_websites li{} #foot_websites li a{ color:#333333; font-family:inherit; font-size:13px; text-decoration:none; } #foot_websites li a:hover{ color:red; } #foot_bottom{ float:left; } #copyright{ float:left; margin: 30px 0 0 31px; text-align:center; width:150px; } #nav_bottom{ float:left; margin: 30px 0 0 150px; width:600px; } #nav_bottom ul{ } #nav_bottom li{ display:block; float:left; word-spacing:2px; padding: 0 5px 0 5px; } #nav_bottom li a{ color:#333333; font-family:Arial; text-decoration:none; } #nav_bottom li a:hover{ color:red; } .foot_list{ text-align:center; } /*------------------------------------------*/ /*slideshox*/ #slideshow { position:relative; height:398px; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; } #slideshow IMG.active { z-index:10; } #slideshow IMG.last-active { z-index:9; }