/* CSS Document */ /*code couleur bleu : #12A7FC vert : #94DD16 violet : #A800FF */ body {margin: 0px; padding: 0px; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#000;} /*/////////////// HEADER */ #header {position:relative; width:960px; height:131px; background: url(images/header.jpg) 0px 0px no-repeat; background-color:#000; text-align:left;margin-left:auto; margin-right:auto;padding:0;} #header h1{display:none;} #header h2{ display:block; width:686px; height:27px; position:relative; left:208px;top:104px; font-size:10px; color:#000; margin:0; padding:6px 0 0 24px;} #zone1 { /* zone cliquable */ position:absolute; display:block; width : 200px; height: 131px; left: 0px; top: 0px; } /*////////////// MENU NIV 1 */ #header #menu-niv-1 {position:absolute; display:block; left:208px; top:45px; width:685px; height:48px; margin-top:0px;z-index:101} #header #menu-niv-1 ul {margin:0; padding:0; list-style-type:none;} #header #menu-niv-1 li { float:left} #header #menu-niv-1 li a {display:block;overflow: hidden; padding:0; margin:0px; height:0; color:#CCC; text-decoration:none;text-indent: -5000px;} * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:48px; he\ight:0;} #header #menu-niv-1 li#item47 a, #header #menu-niv-1 li#item47.active a, #header #menu-niv-1 li#item47 a:hover {width:81px; height:48px; } #header #menu-niv-1 li#item48 a, #header #menu-niv-1 li#item48.active a, #header #menu-niv-1 li#item48 a:hover {width:77px; height:48px; margin-left:230px} #header #menu-niv-1 li#item49 a, #header #menu-niv-1 li#item49.active a, #header #menu-niv-1 li#item49 a:hover {width:64px; height:48px; margin-left:232px} #header #menu-niv-1 li#item47 a {background:transparent url(images/menu-zonmai-off.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item48 a {background:transparent url(images/menu-tournee-off.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item49 a {background:transparent url(images/menu-echos-off.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item47.active a{background:transparent url(images/menu-zonmai-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item48.active a{background:transparent url(images/menu-tournee-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item49.active a{background:transparent url(images/menu-echos-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item47 a:hover {background:transparent url(images/menu-zonmai-on.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item48 a:hover {background:transparent url(images/menu-tournee-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item49 a:hover {background:transparent url(images/menu-echos-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item47.active a:hover {background:transparent url(images/menu-zonmai-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item48.active a:hover {background:transparent url(images/menu-tournee-on.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item49.active a:hover {background:transparent url(images/menu-echos-on.gif) 0 0 no-repeat; } * html #menu-niv-1 a:hover {height:48px; he\ight:0;} /*/////// MENU NIV 1 DEUTSCH*/ #header #menu-niv-1 li#item180 a, #header #menu-niv-1 li#item180.active a, #header #menu-niv-1 li#item180 a:hover {width:64px; height:48px; } #header #menu-niv-1 li#item217 a, #header #menu-niv-1 li#item217.active a, #header #menu-niv-1 li#item217 a:hover {width:60px; height:48px; margin-left:253px} #header #menu-niv-1 li#item224 a, #header #menu-niv-1 li#item224.active a, #header #menu-niv-1 li#item224 a:hover {width:64px; height:48px; margin-left:244px} #header #menu-niv-1 li#item180 a {background:transparent url(images/menu-zonmai-off-de.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item217 a {background:transparent url(images/menu-tournee-off-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item224 a {background:transparent url(images/menu-echos-off-de.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item180.active a{background:transparent url(images/menu-zonmai-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item217.active a{background:transparent url(images/menu-tournee-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item224.active a{background:transparent url(images/menu-echos-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item180 a:hover {background:transparent url(images/menu-zonmai-on-de.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item217 a:hover {background:transparent url(images/menu-tournee-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item224 a:hover {background:transparent url(images/menu-echos-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item180.active a:hover {background:transparent url(images/menu-zonmai-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item217.active a:hover {background:transparent url(images/menu-tournee-on-de.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item224.active a:hover {background:transparent url(images/menu-echos-on-de.gif) 0 0 no-repeat; } /*/////// MENU NIV 1 ENGLISH*/ #header #menu-niv-1 li#item236 a, #header #menu-niv-1 li#item236.active a, #header #menu-niv-1 li#item236 a:hover {width:90px; height:48px; } #header #menu-niv-1 li#item273 a, #header #menu-niv-1 li#item273.active a, #header #menu-niv-1 li#item273 a:hover {width:131px; height:48px; margin-left:195px} #header #menu-niv-1 li#item280 a, #header #menu-niv-1 li#item280.active a, #header #menu-niv-1 li#item280 a:hover {width:65px; height:48px; margin-left:204px} #header #menu-niv-1 li#item236 a {background:transparent url(images/menu-zonmai-off-en.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item273 a {background:transparent url(images/menu-tournee-off-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item280 a {background:transparent url(images/menu-echos-off-en.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item236.active a{background:transparent url(images/menu-zonmai-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item273.active a{background:transparent url(images/menu-tournee-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item280.active a{background:transparent url(images/menu-echos-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item236 a:hover {background:transparent url(images/menu-zonmai-on-en.gif) 0 0 no-repeat;} #header #menu-niv-1 li#item273 a:hover {background:transparent url(images/menu-tournee-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item280 a:hover {background:transparent url(images/menu-echos-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item236.active a:hover {background:transparent url(images/menu-zonmai-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item273.active a:hover {background:transparent url(images/menu-tournee-on-en.gif) 0 0 no-repeat; } #header #menu-niv-1 li#item280.active a:hover {background:transparent url(images/menu-echos-on-en.gif) 0 0 no-repeat; } /*///////////// MENU NIV 2 & 3 */ div#page #menu-niv-2-3 { width: 208px; /*height:500px;*/ float:left ;} div#page #langue {margin: 3px 0 0px 45px; padding:0; font-size:10px;font-style: italic;line-height: 20px;} div#page #langue a{ text-decoration:none; color:#CFCECE; } div#page #langue a:visited {color: #CFCECE; } div#page#langue a:hover { } div#page #menu-niv-2-3 ul {margin: 3px 0 0px 0px; padding:0; list-style-type:none; font-size:10px;} div#page #menu-niv-2-3 ul li {margin: 2px 0 5px 0; padding:0; list-style-type:none; } div#page #menu-niv-2-3 ul li.last {margin: 1px 0 2px 0; padding:0; list-style-type:none;} div#page #menu-niv-2-3 ul li a {display:block; height:auto; width:160px; margin-bottom:30px; padding-left:45px; } /*modif apres vali */ div#page #menu-niv-2-3 ul li.active {margin: 0 0 30px 0;} /*fin modif apres vali */ * html div#page #menu-niv-2-3 ul li a { height:1%;} div#page #menu-niv-2-3 li a, div#page #menu-niv-2-3 li a:link { text-decoration:none; color:#CFCECE; height:auto } div#page #menu-niv-2-3 li a:visited {color: #CFCECE; } div#page #menu-niv-2-3 li.active a { margin-bottom:4px ; height:16px } div#page #menu-niv-2-3 li a:hover { } div#page #menu-niv-2-3 li.active a:hover {} div#page #menu-niv-2-3 ul li.active ul li a {text-indent:0px; text-align:right; width:158px; margin: 0 0 4px 25px; padding-bottom:6px; padding-left:20px; height:auto; } div#page #menu-niv-2-3 ul li.active ul {margin-bottom:30px ; height:auto;} * html div#page #menu-niv-2-3 ul li.active ul li a { height:1%;} /*modif apres vali */ div#page #menu-niv-2-3 ul li.active ul li.active {margin: 0;} /*fin modif apres vali */ div#page #menu-niv-2-3 ul li.active ul li a, div#page #menu-niv-2-3 ul li.active ul li a:link {background:none; text-decoration:none; color:#999; margin-bottom:4px} div#page #menu-niv-2-3 ul li.active ul li a:visited {color: #999; } div#page #menu-niv-2-3 ul li.active ul li.active a { margin-bottom:4px; } div#page #menu-niv-2-3 ul li.active ul li a:hover { margin-bottom:4px;} div#page #menu-niv-2-3 ul li.active ul li.active a:hover { margin-bottom:4px; } div#page #menu-niv-2-3 div#menu-fin {display:block; height:139px;} /*///////////// COLONNE GAUCHE */ div#page #colonne-gauche{} a img{border:none;} #page{width:960px; background-color:#000; margin-left:auto; margin-right:auto;} div#page div#colonne-gauche {background:#000;/* debug background:#00C;*/float:left; width:343px;} div#page div#colonne-gauche h3{ font-size:10px; line-height:14px; font-weight:normal; margin: 10px 0 10px 14px; text-decoration:none; text-align:left; font-style:italic} div#page div#colonne-gauche h3 strong{ font-size:16px; font-weight:normal;} div#page div#colonne-gauche h4{display:block; font-size:10px;font-weight:normal; margin: 13px 0 7px 14px; padding: 0 6px 0 6px; text-align:justify; } div#page div#colonne-gauche p{ color:#999; font-weight:normal; margin: 5px 0 0 14px; line-height:13px; text-align:justify; } div#page div#colonne-gauche #align-gauche p{ text-align:left; } div#page div#colonne-gauche p a, div#page div#colonne-gauche p a:link { text-decoration:none;} div#page div#colonne-gauche p a:visited { } div#page div#colonne-gauche p a:hover { text-decoration:underline; } div#page div#colonne-gauche p a:active { } /*///////////// COLONNE GAUCHE HOME*/ div#page #colonne-gauche-home{} a img{border:none;} #page{width:960px; background-color:#000; margin-left:auto; margin-right:auto;} div#page div#colonne-gauche-home {background:#000;/* debug background:#00C;*/float:left; width:166px; } div#page div#colonne-gauche-home h3{ color:#0094E9; border-bottom-color:#0094E9; border-bottom-width:1px; border-bottom-style:solid; font-size:10px; line-height:14px; font-weight:bold; margin: 10px 0 0 14px; text-decoration:none; text-align:left; margin-top:250px;} div#page div#colonne-gauche-home p{ color:#9E9E9E; font-weight:normal; margin: 4px 0 0 14px; text-align:justify; line-height:17px} div#page div#colonne-gauche-home p a, div#page div#colonne-gauche-home p a:link { color: #12A7FC; text-decoration:none;} div#page div#colonne-gauche-home p a:visited { color: #12A7FC; } div#page div#colonne-gauche-home p a:hover { color: #9E9E9E; text-decoration:none; } div#page div#colonne-gauche-home p a:active { color: #12A7FC; } /*///////////// COLONNE GAUCHE IMG*/ div#page div#colonne-gauche-img {background:#000;/* debug background:#00C;*/float:left; width:686px;} div#page div#colonne-gauche-img h3{ font-size:10px; line-height:15px; font-weight:normal; margin: 10px 0 20px 14px; text-decoration:none; text-align:left; font-style:italic} div#page div#colonne-gauche-img h3 strong{ font-size:16px; font-weight:normal;} div#page div#colonne-gauche-img h4{display:block; font-size:10px;font-weight:normal; margin: 13px 0 7px 14px; padding: 0 6px 0 6px; text-align:justify; } div#page div#colonne-gauche-img p{ color:#999; font-weight:normal; margin: 5px 0 0 14px; line-height:13px; text-align:justify;} div#page div#colonne-gauche-img h5{ color:#999;font-size:10px; font-weight:normal; margin:4px 0 0 14px; text-align:left; font-weight:normal} div#page div#colonne-gauche-img img{ color:#999; font-weight:normal; } div#page div#colonne-gauche-img .media-image { /*border-bottom-color:#666; border-bottom-width:1px; border-bottom-style:solid;*/margin: 10px 0 20px 14px; text-align:justify; } div#page div#colonne-gauche-img p a, div#page div#colonne-gauche p a:link { text-decoration:none;} div#page div#colonne-gauche-img p a:visited { } div#page div#colonne-gauche-img p a:hover { text-decoration:underline; } div#page div#colonne-gauche-img p a:active { } div#page div#colonne-gauche-img p a.pdf, div#page div#colonne-gauche p a.pdf:link { padding:12px 0 0 28px;} div#page div#colonne-gauche-img p a.pdf:hover { padding:12px 0 0 28px;} /*//////////// COLONNE GAUCHE TXT*/ div#page div#colonne-gauche-txt {background:#000;/* debug background:#00C;*/float:left; width:686px; } div#page div#colonne-gauche-txt h3{ font-size:10px; line-height:15px; font-weight:normal; width:560px; margin: 10px 0 20px 14px; text-decoration:none; text-align:left; font-style:italic} div#page div#colonne-gauche-txt h3 strong{ font-size:16px; font-weight:normal;} div#page div#colonne-gauche-txt h4{display:block; font-size:10px;font-weight:normal; width:560px; margin: 13px 0 7px 14px; padding: 0 6px 0 6px; text-align:left; } div#page div#colonne-gauche-txt h5{ color:#999;font-size:10px; font-weight:normal; margin:4px 0 0 14px; text-align:left; font-weight:normal} div#page div#colonne-gauche-txt p{ color:#999; font-weight:normal; margin: 5px 0 0 14px; line-height:13px; width:560px; text-align:left;} div#page div#colonne-gauche-txt img{ color:#999; font-weight:normal; } div#page div#colonne-gauche-txt p a, div#page div#colonne-gauche-txt p a:link { text-decoration:none;} div#page div#colonne-gauche-txt p a:visited { } div#page div#colonne-gauche-txt p a:hover { text-decoration:underline; } div#page div#colonne-gauche-txt p a:active { } div#page div#colonne-gauche-txt p a.pdf, div#page div#colonne-gauche p a.pdf:link { padding:12px 0 0 28px;} div#page div#colonne-gauche-txt p a.pdf:hover { padding:12px 0 0 28px;} /*///////////// COLONNE DROITE */ div#page div#colonne-droite{ float:left; width:343px; background-color:#000;} div#page div#colonne-droite h5{ font-size:10px; font-size:10px;line-height:13px; font-weight:normal; margin: 2px 0 0 14px; text-align:left;} div#page div#colonne-droite p{ color:#464646; font-weight:normal; margin: 2px 0 10px 14px; text-align:left;} div#page div#colonne-droite img{ margin: 10px 0 0 14px;} /*///////////// COLONNE DROITE MEDIA */ div#page div#colonne-droite{ float:left; width:343px; background-color:#000;} div#page div#colonne-droite .media-son h5{font-size:10px; line-height:13px; font-weight:normal; margin: 16px 0 0 14px; text-align:left;height:23px;padding: 4px 0 0 30px} div#page div#colonne-droite p{ color:#464646; font-weight:normal; margin: 2px 0 10px 14px; padding:0; text-align:left;} div#page div#colonne-droite .media-son h5{ font-size:10px; line-height:13px; font-weight:normal; margin: 16px 0 0 14px; text-align:left;height:23px;padding: 4px 0 0 30px} div#page div#colonne-droite .media-son img{ margin: 0px 0 0 14px; padding:0} div#page div#colonne-droite .media-video h5{ font-size:10px; line-height:13px; font-weight:normal; margin: 16px 0 0 14px; text-align:left;height:23px;padding: 4px 0 0 30px} div#page div#colonne-droite .media-video img{ margin: 0px 0 0 14px; padding:0} div#page div#colonne-droite h6{color:#464646; font-size:10px; font-weight:normal; margin: 0px 0 0 14px; text-align:left; padding:0} div#page div#colonne-droite embed{margin:0; padding:0;} /*///////////// FOOTER */ div#footer{clear:both ;background-color:#000; width:960px; height:57px; text-align:left; margin-left:auto; margin-right:auto; background: url(images/footer.gif) 0px 10px no-repeat; background-color:#000} #footer p{ margin:0px; padding:0px 10px; text-align:right; display:none} #footerHome p{ margin:0px; padding:0px 10px; text-align:right; display:none} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*/////////////// BOUTON HAUT E PAGE */ #footer #haut-de-page {position:relative; top:10px; left:810px; display:block; width:86px; height:18px; background-color:#000; margin-top:0px;z-index:100} #footer #haut-de-page a{ display:block; width:86px; height:18px;} #footer #haut-de-page a:hover {width:86px; height:18px; } #footer #haut-de-page a span{display:none}