/* CSS Document */ /* ************************************************************ style mise en page partie du site ************************************************************ */ BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; height: 100%; color:#facafe; BACKGROUND-COLOR:#000000;} } font-face { font-family: 'Gabrielle'; src: url('http://www.jdanseorientale.com/Gabrielle.ttf'); } #logo{ background:url(../images/logo.png) no-repeat; float:left; } #header {HEIGHT: 30px; BACKGROUND-COLOR:none; } #menuh{HEIGHT: 80px; BACKGROUND-COLOR:none; margin-top:50px;} #conteneur {LEFT: 50%; MARGIN-LEFT: -512px; WIDTH: 1024px; POSITION: absolute; BACKGROUND-COLOR:none;} #hautarrondi {HEIGHT: 31px; BACKGROUND-COLOR: #99cc99;background:url(../images/top_arrondi_centre.png) no-repeat;padding:0px; margin:0px;} #hautarrondi img{margin:0; padding:0;} #centre {BACKGROUND-COLOR:none;padding:0px; margin:0px;;padding-left:40px;padding-top:0px;padding-right:24px;color:#FFFFFF;height :400px;padding-bottom:12px;font-size:0.9em;padding-right:100px;} #centre img{pading:0;margin:0; padding-right:20px; float:left; } #centre p{ pading:0;margin:0; text-align:justify; } #centre q {margin:0;padding:0;font-size:1.5em; color:#FFFFFF; font-weight:bold; padding-left:0px;background:url(../images/bg_titre1.png) right top no-repeat; display:block;width:522px; } #centre h1 {display:list-item;list-style-position:inside;font-weight:bold ; font-size:1.2em; color:#fac1c6; margin-top:0px; } #centre h2 {font-weight:bold ; font-size:1.2em; color:#facafe; text-decoration: underline ; margin-top:-0.5px; } #centre h3 {font-size:1em; font-weight:normal ; color:#FFFFFF; margin-top :-6px; margin-bottom :25px; text-align:justify} #centre h5 {font-weight:bold ; font-size:0.8em; color:#ffca35; margin:0px; padding:Opx;} #centre h6 {font-weight:bold ; font-size:0.8em; color:#FFFFFF;margin:0px; padding:Opx;} #centre h7 {font-weight:bold ; font-size:1.2em; color:#FFFFFF; background:#41e6c5; margin-top:20px;} #centre h8 {font-weight:bold ; font-size:1.2em; color:#FFFFFF; background:#cb127a; margin-top:20px;} #centre P {font-size:1em; color:#FFFFFF; text-align:justify; margin-left:30px;} #centre { text-align:justify; } html>body #centre {height: auto;min-height: 400px;} #datemaj {float:right; margin-top:-20px; padding:0; margin-right:25px;} #gauche { left:80px;WIDTH: 250px; POSITION: absolute ; background-color:none; padding:0; margin:0; top:420px; height:500px; color:#848484; left: 0px; width: 202px; position: absolute; padding-top: 13px; margin-top:0px; padding-left: 20px; padding-right: 10px; text-align:justify; } #droite { RIGHT: 0px; WIDTH: 150px; POSITION: absolute }*/ #pied {HEIGHT: 40px; BACKGROUND-COLOR: #99cc99;background:url(../images/bottom_arrondi_centre.png) no-repeat;margin:0; padding:0;} /* ************************************************************ style ped cadre arrondi ************************************************************ */ #pied2 {HEIGHT: 40px; BACKGROUND-COLOR:none;color: #656565; font-size:10px; margin:0 ; padding-top:10px;border-top:solid 1px #868686; margin-top:30px;} #pied2 ul{list-style-type:none;} #pied2 li {display:inline; margin: 0 ; } #pied2 li a {color: #656565; text-decoration: none; font-size:10px; font-weight:normal;} #pied2 li a:link { color: #656565; } #pied2 li a:visited { color: #656565; } #pied2 li a:hover { color: #9699d0; text-decoration:underline;} #pied2 li a:active{ color: #c5caca; } P { MARGIN: 0px 0px 10px } /* ************************************************************ style barre navigation horizontale ************************************************************ */ #menu {background-color:none; position: absolute; width:760px; margin-top:0; margin:0;padding:0; } #menu dl {float: left ; margin:0;padding:0;} #menu li {display: inline; padding-right:4px; padding-left:4px} #menu li a { color: #616161; text-decoration: none; display:inline; } #menu li a:hover { color: #616161;text-decoration: underline; } #menu a#menuimg1 { text-decoration: none; background:url(./../images/about1.png); display:block; height:48px; width:73px; margin:0px;padding:0px; } #menu a#menuimg1:hover{ background-position:0 -48px; } #menu a#menuimg2 { text-decoration: none; background:url(./../images/consortium1.png); display:block; height:48px; width:82px; margin:0px;padding:0px} #menu a#menuimg2:hover{ background-position:0 -48px;} #menu a#menuimg3 {text-decoration: none; background:url(./../images/organisation1.png);display:block; height:48px; width:84px; margin:0px;padding:0px} #menu a#menuimg3:hover{ background-position:0 -48px;} #menu a#menuimg4 {text-decoration: none; background:url(./../images/documents1.png);display:block; height:48px; width:77px; margin:0px;padding:0px} #menu a#menuimg4:hover{ background-position:0 -48px; } #menu a#menuimg5 {text-decoration: none; background:url(./../images/news1.png);display:block; height:48px; width:53px; margin:0px;padding:0px} #menu a#menuimg5:hover{ background-position:0 -48px;} #menu a#menuimg6 {text-decoration: none; background:url(./../images/links1.png);display:block; height:48px; width:72px; margin:0px;padding:0px} #menu a#menuimg6:hover{background-position:0 -48px; } #menu a#menuimg7 {text-decoration: none; background:url(./../images/search.png);display:block; height:48px; width:184px; margin:0px;padding:0px} #menu a#menuimg7:hover{background-position:0 -48px; } #menu a#menuimg8 {text-decoration: none; background:url(./../images/extranet1.png);display:block; height:48px; width:119px; margin:0px;padding:0px} #menu a#menuimg8:hover{background-position:0 -48px; } #smenu1 {font-size: 0.85em; left: 0px; width: 800px; position: absolute; font-family:Arial, Helvetica, sans-serif; color:#006699;} #smenu2 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;} #smenu3 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;} #smenu4 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;} #smenu5 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;} #smenu6 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;} #smenu7 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;} /*#centre img{float:left; pading:0;margin:0; padding-right:0px; display:block; } #centre p{ pading:0;margin:0; display:block; height:31px; text-align:justify; float:left;} */ a:link {display:inline; color:#facafe; font-weight:bold;text-decoration: none; margin:0; padding:0 ; background-image:url(../images/puce.png) left center no-repeat;} a:visited { color: #facafe; font-weight:bold; text-decoration: none; } a:hover { color: #facafe;text-decoration:underline;font-weight:bold} a:active{ color: #facafe; font-weight:bold ;text-decoration: none;} a img {border: 0;} /* ************************************************************ style input recherche barre de navigation ************************************************************ */ #site-search {position:relative; top:-17px; } #site-search BUTTON {MARGIN-TOP: 0px; FONT-SIZE: 100%; MARGIN-BOTTOM: 0px; BORDER-TOP-STYLE: none; FONT-FAMILY: inherit; BORDER-RIGHT-STYLE: none;BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none; height:50px;/*TEXT-TRANSFORM: uppercase;*/font-family:Arial, Helvetica, sans-serif; padding-top:30px;font-size:10px;cOLOR: #000000; font-weight:bold;} #site-search P {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 3px;MARGIN-BOTTOM: 0px} #search-input {BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; WIDTH: 89px; BACKGROUND-COLOR: #eee; BORDER-RIGHT-WIDTH: 1px;color:#929aa0;padding:0;margin:0;} #site-search BUTTON:active {BACKGROUND-COLOR: #fff} #site-search BUTTON:unknown {BACKGROUND-COLOR: #fff} #site-search BUTTON:hover {BACKGROUND-COLOR: #fff} #search-input:active {BACKGROUND-COLOR: #fff} #search-input:unknown {BACKGROUND-COLOR: #fff} /* ************************************************************ fin style input recherche barre de navigation ************************************************************ */ /* ************************************************************ menu ico ************************************************************ */ ul#menuico { /* utilisation de liste pour le menu */padding-right: 0px;padding-left: 0px; padding-bottom: 0px;margin: 0px;padding-top: 0px;list-style-type: none; /* suppression des puces de liste */margin:0;padding:0;} ul#menuico li {float: left;padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px; padding-top: 0px;list-style-type: none;} ul#menuico {background: url(../images/MEN.png) no-repeat left top;width: 196px;position: absolute;text-align: center;height: 41px;left: 1px;top: 8px;} ul#menuico li {float: left;} ul#menuico li a { /* dimensions et définitions des boutons */display: block; /* mise en block de pour lui donner des dimensions */ height: 41px;width: 49px;font-family: arial, serif;font-size: 14px;font-weight: bold;font-family: arial, serif;text-decoration: none;} #posmenuico {position: absolute;right:0;top: 10px;margin : 0;height: 50px;width:198px;padding:0;} ul#menuico li a:hover {background:url(../images/MEN.png) no-repeat left top;} ul#menuico a#menuico1:hover {background-position: -196px 0%; /* décalage de l'arrière-plan pour chaque bouton */color: #000000; font-size:10px; } ul#menuico a#menuico2:hover {background-position: -245px 0%;color: #000000; font-size:10px; } ul#menuico a#menuico3:hover {background-position: -294px 0%;color: #000000; font-size:10px; } ul#menuico a#menuico4:hover {background-position: -343px 0%;color: #000000; font-size:10px; } ul#menuico li a span{display:none;} ul#menuico li a:hover span{display:block;} /* ************************************************************ styles formulaires ************************************************************ */ INPUT.textfield {BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; FONT-SIZE: 11px; BORDER-LEFT: #ffffff 2px solid; COLOR: #333333; BORDER-BOTTOM: #ffffff 2px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #82dbfd; width:30%; color:#6d90b0 ; }/* class pour les champs texte*/ /* ************************************************************ style pour la mise de champs select et de saisie ************************************************************ */ p.bord-select { width: 100px; border: 1px solid #6d90b0;} select {color: #6d90b0;border: 1px solid transparent #6d90b0;background-color:#ffffff;} textarea{border: 1px solid transparent #6d90b0 ; background-color:#edf5fb; color:#6d90b0 ;}/* class pour les zones de saisie*/ /* ************************************************************ style pour le chemin de navigation ************************************************************ */ #centre em { font-size:0.9em; color: #b9b9b9; text-align:left; padding-left:0px; line-height:-2px; font-style:normal; display:block; margin:0; padding:0; } #centre em a { color: #989797;} #centre em a:link {display:inline; color:#d2d3d4; font-weight:bold;text-decoration: none; margin:0; padding:0 ; background-image:url(../images/puce.png) left center no-repeat;} #centre em a:visited { color: #d2d3d4; text-decoration:underline; color: #82dbfd;} #centre em a:hover { color: #b9b9b9; text-decoration:underline; color: #82dbfd;} #centre em a:active{ color: #d2d3d4; font-weight:bold} /* ************************************************************ style pour les titres *********************************************************** */ #H3 {font-size:1em; color: #82dbfd; font-weight:bold;} /* ************************************************************ MENU CARTE EUROPE ************************************************************ */ ul#menucarte { /* utilisation de liste pour le menu */ padding-right: 0px;padding-left: 0px; padding-bottom: 0px;margin: 0px;padding-top: 0px;list-style-type: none; /* suppression des puces de liste */margin:0;padding:0; } ul#menucarte li {float: left;padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px; padding-top: 0px;list-style-type: none;} ul#menucarte {BACKGROUND: url(../images/menu_carte1.png) no-repeat left top; WIDTH: 217px; POSITION: absolute; TEXT-ALIGN: center ; } ul#menucarte li {DISPLAY: inline;} ul#menucarte li a { /* dimensions et définitions des boutons */ DISPLAY: block; FONT-SIZE: 17px; WIDTH: 217px; COLOR: #660000; FONT-FAMILY: georgia, serif; HEIGHT: 35px; TEXT-DECORATION: none} ul#menucarte li a:hover {background: url(../images/menu_carte1.png) no-repeat left top;} ul#menucarte a#menucarte1:hover {background-position: 0% -315px ; /* décalage de l'arrière-plan pour chaque bouton */} ul#menucarte a#menucarte2:hover {background-position: 0% -350px ;} ul#menucarte a#menucarte3:hover {background-position: 0% -385px ; } ul#menucarte a#menucarte4:hover {background-position: 0% -420px ;} ul#menucarte a#menucarte5:hover {background-position: 0% -455px ;} ul#menucarte a#menucarte6:hover {background-position: 0% -490px ;} ul#menucarte a#menucarte7:hover {background-position: 0% -525px ;} ul#menucarte a#menucarte8:hover {background-position: 0% -560px ;} ul#menucarte a#menucarte9:hover {background-position: 0% -595px ;} ul#menucarte a#menucarte1:hover SPAN {background:url(../images/carte_rolloverfrance.png); WIDTH: 467px; HEIGHT :387px;POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte2:hover SPAN {background:url(../images/carte_rolloverfrance.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte3:hover SPAN {background:url(../images/carte_rolloverfrance.png); WIDTH: 467px; HEIGHT :387px;POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte4:hover SPAN {background:url(../images/carte_rolloverfrance.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte5:hover SPAN {background:url(../images/carte_rolloverIPOL.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte6:hover SPAN {background:url(../images/carte_rolloverPORTUGAL.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte7:hover SPAN {background:url(../images/carte_rolloverfrance.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte8:hover SPAN {background:url(../images/carte_rolloverGRECE.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} ul#menucarte a#menucarte9:hover SPAN {background:url(../images/carte_rolloverITALIE.png); WIDTH: 467px; HEIGHT :387px; POSITION: absolute; left: 210px; top:0px;} #Layercarte { position:absolute; width:200px; height:115px; z-index:1; left: 217px; top: 12px; z-index:0; } #centrecarte {BACKGROUND-COLOR:none;padding:0px; margin:0px;padding-left:0px;padding-top:0px;padding-right:0px; color:#FFFFFF;height :700px;padding-bottom:12px;font-size:0.9em;} html>body #centrecarte {height: auto;min-height: 700px;} #centre2 {BACKGROUND-COLOR:none;padding:0px; margin:0px;padding-top:0px;padding-right:24px; color:#FFFFFF;height :400px;padding-bottom:12px;font-size:0.9em;} html>body #centre2 {height: auto;min-height: 400px;} #b{color:#FF0000;} /* ************************************************************ style suivant précédent ************************************************************ */ #precedent {float:left;padding-bottom:10px; font-weight:bold; padding-top:20px;} #suivant {float:right ; padding-bottom:10px; display:block;padding-top:20px;} #precedent a {color:#77d7fd; font-weight:bold;} #suivant a {color:#77d7fd; font-weight:bold;} #precedent p {color:#77d7fd; font-weight:bold; display:inline} #suivant p {color:#77d7fd; font-weight:bold; display:inline} /* ************************************************************ style plan du site ************************************************************ */ .sitemap1{ font-weight:bold ; font-size:1.2em; color:#ffffff; background:#50b803; margin-top:20px; } .sitemap1 a { font-weight:bold ; font-size:1.5em; color:#0496cc; text-decoration:none; } .sitemap2{font-weight:bold ; font-size:1.5em; color:#FFFFFF; margin-top:20px; border-bottom: solid 1px; } .sitemap3{ font-weight:bold ; font-size:1em; color:#77d7fd; margin-right:20px;margin-left:20px;} .sitemap4{ font-size:0,5em; color:#77d7fd; /* background:#edf5fb; */ margin-left:20px;} /* ************************************************************ style News ************************************************************ */ #navMenu { margin:0; padding-left:5px; list-style:none; font-family:arial; text-align:center; line-height:60px; } #navMenu li { float:left; background:url(../default.jpg) no-repeat center center; /* default background image */ width:100px; /* width and height of the menu item */ height:60px; border-left:1px solid #111; /* simulate pixel perfect using border */ border-right:1px solid #333; border-top:1px solid #555; border-bottom:1px solid #333; position:relative; /* must set it as relative, because .hover class top and left with absolute position will be positioned according to li. */ } #navMenu li a { FONT-FAMILY: gabrielle; font-size:1.2em; z-index:20; /* z-index must be higher than .hover class */ display:block; /* display as block and set the height according to the height of the menu to make the whole LI clickable */ height:70px; position:relative; color:#FFFFFF; } #navMenu li .hover { background:url(../over.jpg) no-repeat center center; /* mouseover image */ position:absolute; /* must be postion absolute */ width:100px; /* width, height, left and top to fill the whole LI item */ height:60px; left:0; top:0; z-index:0; /* display under the Anchor tag */ display:none; /* hide it by default */ } #navMenu li.selected { background:url(selected.jpg) no-repeat center center; /* selected image */ } #vidéo { margin top : 50px;} #span { FONT-FAMILY: gabrielle; font-size:1em; color:#797979; background:#77d7fd; margin-top:100px;} ul.display { float: left; width: 900px; margin: 0; padding: 0; list-style: none; border-top: 1px solid #333; border-right: 1px solid #333; background: #222; } ul.display li { float: left; width: 900px; padding: 10px 0; margin: 0; border-top: 1px solid #111; border-right: 1px solid #111; border-bottom: 1px solid #333; border-left: 1px solid #333; } ul.display li a { color: #e00467; text-decoration: none; } ul.display li .content_block { padding: 0 10px; } ul.display li .content_block h2 { margin: 0; padding: 3px; font-weight: normal; font-size: 1em; } ul.display li .content_block p { margin: 0; padding: 5px 5px 5px 180px; /*--The left padding keeps the content from flowing under the image--*/ font-size: 0.9em; text-align :justify; } ul.display li .content_block a img{ /*--Double border technique--*/ padding: 5px; border: 2px solid #ccc; background: #fff; margin: 0 15px 0 0; float: left; } ul.thumb_view li{ width: 180px; } /*--Switch the width to accommodate for the three column layout--*/ ul.thumb_view li h2 { display: inline; } ul.thumb_view li p{ display: none; } ul.thumb_view li .content_block a img { margin: 0 0 10px; } a.switch_thumb { width: 122px; height: 26px; line-height: 26px; padding: 0; margin: 10px 0; display: block; background: url(../images/switch.gif) no-repeat; outline: none; text-indent: -9999px; } a.swap { background-position: left bottom; } a:hover.switch_thumb { filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } #Layer1 { color: #003; } #Layer1 a { color: #003; } #Layer3 p { font-size: 0.8em; color:#FFF; }