/* 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; background:url(../images/cparksbgrhigh.gif); height: 100%; color:#FFFFFF; } body { padding-right: 0px; padding-left: 0px; font-size: 0.7em; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif; color:#000000; height: 100%; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #757575; color: #757575; scrollbar-3dlight-color: #d6d6d6; scrollbar-arrow-color: #d6d6d6; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-base-color: #ffffff; } #logo{ background:url(../images/logo.png) no-repeat; float:left; } div#header { width: 869px; height: 146px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bannierehaut.png') } html>body #header{ filter: none; background: url('images/bannierehaut.png') no-repeat } #header { HEIGHT: 146px; BACKGROUND-COLOR: #99cc99;background:url(images/bannierehaut.png) no-repeat;margin:0; padding:0; margin-bottom:-3px;} #menuh{HEIGHT: 70px; BACKGROUND-COLOR:none; background:url(../images/bg_main.png); } #conteneur {LEFT: 50%; MARGIN-LEFT: -434px; WIDTH: 869px; POSITION: absolute; BACKGROUND-COLOR:none;} #centre {BACKGROUND-COLOR:none;padding:0px; margin:0px;background:url(../images/bg_main.png);padding-left:24px;padding-top:0px;padding-right:24px; color:#FFFFFF;height :400px;padding-bottom:12px;font-size:1.1em;} div#centre { height: 400px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_main.png', sizingMethod='scale') } html>body #centre { filter: none; background: url('../images/bg_main.png') repeat-y } html>body #centre {height: auto;min-height: 400px;} #gauche { left:80px;WIDTH: 320px; 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/bg_footer.png) no-repeat;margin:0; padding:0;} /* ************************************************************ style ped cadre arrondi ************************************************************ */ #pied2 {HEIGHT: 40px; BACKGROUND-COLOR:none;color: #FFFFFF; font-size:10px; margin:0 ; padding-top:10px;border-top:solid 1px #FFFFFF; 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: #FFFFFF; } #pied2 li a:visited { color: #FFFFFF; } #pied2 li a:hover { color: #FFFFFF; text-decoration:underline;} #pied2 li a:active{ color: #FFFFFF; } /* ************************************************************ style barre navigation horizontale ************************************************************ */ #menu {background-color:none; position: absolute; width:1000px; margin-top:0; margin:0;padding:0; margin-left:20px; } #menu dl {float: left ; margin:0;padding:0;} #menu li {display: inline; padding-right:4px; padding-left:-20px} #menu li a { color: #FFFFFF; text-decoration: none; display:inline; } #menu li a:hover { color: #FFFFFF;text-decoration: underline; } #menu a#menuimg1 { text-decoration: none; background:url(../images/mondeDO.png); display:block; height:48px; width:131px; margin:0px;padding:0px; } #menu a#menuimg1:hover{ background-position:0 -48px; } #menu a#menuimg2 { text-decoration: none; background:url(../images/cours.png); display:block; height:48px; width:52px; margin:0px;padding:0px} #menu a#menuimg2:hover{ background-position:0 -48px;} #menu a#menuimg3 {text-decoration: none; background:url(../images/news.png);display:block; height:48px; width:53px; margin:0px;padding:0px} #menu a#menuimg3:hover{ background-position:0 -48px;} #menu a#menuimg4 {text-decoration: none; background:url(../images/livredor.png);display:block; height:48px; width:66px; margin:0px;padding:0px} #menu a#menuimg4:hover{ background-position:0 -48px; } #menu a#menuimg5 {text-decoration: none; background:url(../images/blog.png);display:block; height:48px; width:42px; margin:0px;padding:0px} #menu a#menuimg5:hover{ background-position:0 -48px;} #menu a#menuimg6 {text-decoration: none; background:url(../images/reve.png);display:block; height:48px; width:126px; margin:0px;padding:0px} #menu a#menuimg6:hover{background-position:0 -48px; } #menu a#menuimg7 {text-decoration: none; background:url(../images/searchd.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/Acces_membres.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: -20px; width: 800px; position: absolute; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #smenu2 {font-size: 0.85em; left: -20px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #smenu3 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #smenu4 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #smenu5 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #smenu6 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #smenu7 {font-size: 0.85em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} /*#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;} */ #centre img{float:left; pading:0;margin:0; padding-right:0px; } #centre q {margin:0;padding:0;font-size:1.5em; color:#FFFFFF; font-weight:bold; padding-left:0px; display:block;} #centre a:link {display:inline; color:#82dbfd; font-weight:bold;text-decoration: none; margin:0; padding:0 ; background-image:url(../images/puce.png) left center no-repeat;} #centre a:visited { color: #77fff4; font-weight:bold; text-decoration: none; } #centre a:hover { color: #82dbfd;text-decoration:underline;font-weight:bold} #centre a:active{ color: #f8b030; font-weight:bold ;text-decoration: none;} a img {border: 0;} /* ************************************************************ style input recherche barre de navigation#site-search P {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 3px;MARGIN-BOTTOM: 0px} ************************************************************ */ #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;} #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; margin-right:10px;} /*gest png t*/ 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; color:#8f00e3; font-size:9px;} li a{text-decoration:none; color:#FFFFFF;} /* ************************************************************ 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: #5a3b75; width:30%; color:#FFFFFF ; }/* class pour les champs texte*/ INPUT.textfield2 {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: #5a3b75; width:20px; color:#FFFFFF ;} /* ************************************************************ 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 #ffffff ; background-color:#5a3b75; color:#FFFFFF ;}/* 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} /* ************************************************************ 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:#1b0033; font-weight:bold; display:inline} #suivant p {color:#1b0033; font-weight:bold; display:inline} /* ************************************************************ style plan du site ************************************************************ */ .sitemap1{ margin:0;padding:0;font-size:1.5em; color:#FFFFFF; font-weight:bold; padding-left:0px; background:#1b0033;; display:block; margin-bottom:5px; } .sitemap1 a { margin:0;padding:0;font-size:1.7em; color:#6b6695; font-weight:bold; padding-left:0px; background:url(../images/bg_div_sidebar.png) right top no-repeat; display:block;width:252px; height:82px; } .sitemap2{font-weight:bold ; font-size:1.2em; color:#6b6695; 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 ************************************************************ */ #centre h4 {font-weight:bold ; font-size:1.2em; color:#e2d6fd; background:#4d414d; margin-top:15px; margin-bottom:15px;} #centre h5 {font-weight:bold ; font-size:1.5em; color:#ffca35; margin:0px; padding:Opx ;margin-bottom:10px; } #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:#1b0033; margin-top:20px;} #centre h8 {font-weight:bold ; font-size:1.2em; color:#FFFFFF; background:#1b0033; margin-top:20px;} /* ************************************************************ style News gauche ************************************************************ */ #gauche H3 {margin:0;padding:0;font-size:1.7em; color:#e2d6fd; font-weight:bold; padding-left:0px; padding-top:30px;background:url(../images/bg_div_sidebar.png) right top no-repeat; display:block;width:252px; height:82px; } #gauche h4 {font-weight:bold ; font-size:1.2em; color:#FFFFFF; background:#4d414d; margin-top:15px; margin-bottom:15px;} #gauche h5 {font-weight:bold ; font-size:1.5em; color:#ffca35; margin:0px; padding:Opx ;margin-bottom:10px; } #gauche h6 {font-weight:bold ; font-size:0.8em; color:#FFFFFF;margin:0px; padding:Opx;} #gauche h7 {font-weight:bold ; font-size:1.2em; color:#FFFFFF; background:#1b0033; margin-top:20px;} #gauche h8 {font-weight:bold ; font-size:1.2em; color:#FFFFFF; background:#1b0033; margin-top:20px;} /* ************************************************************ style pour les titres *********************************************************** */ #H3 {margin:0;padding:0;font-size:1.7em; color:#e2d6fd; font-weight:bold; padding-left:0px; padding-top:30px;background:url(../images/bg_div_sidebar.png) right top no-repeat; display:block;width:252px; height:82px; } #centre H3 {margin:0;padding:0;font-size:1.7em; color:#e2d6fd; font-weight:bold; padding-left:0px; padding-top:30px;background:url(../images/bg_div_sidebar.png) right top no-repeat; display:block;width:252px; height:82px; padding-left:5px; margin-left:5px; text-transform:uppercase; font-family: "Trebuchet MS", Tahoma, sans-serif;} /* ********************************************* *************** style input recherche barre de navigation #site-search P {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 3px;MARGIN-BOTTOM: 0px} ************************************************************ */ #site-search {position:relative; top:-30px; } #menuh form {position:relative; top:-4px; margin:0px; padding:0px;} #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:60px;font-family:Arial, Helvetica, sans-serif; padding-top:30px;font-size:9px;cOLOR: #555} #search-input {BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; WIDTH: 60px; BACKGROUND-COLOR: #eee; BORDER-RIGHT-WIDTH: 1px;color:#929aa0;padding:0;margin:0; left: -20px; top:-1px; position:relative;padding:0px;margin:0px;} #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} input.formbutton { BACKGROUND-COLOR:none; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #505253; cursor:pointer; } /* ************************************************************ styles bloc cadre violet zone A la une ************************************************************ */ #cadrevi { /* taille du cadre, à titre d'exemple*/ width: 50em;background-color: #f8edfe; margin-top:20px; float:left; margin-bottom:10px;background-color: #e8dbee;} /* propriétés communes à l'ensemble des 4 coins */ #cadrevi ul { margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style:none;list-style-position:inside; padding-bottom:10px; padding-top:10px; } #cadrevi img {float:left; margin:0; padding:0} /* propriétés communes à l'ensemble des 4 coins */ #hautgauchevi, #hautdroitvi, #basgauchevi, #basdroitvi {height: 9px; width: 10px;background-repeat: no-repeat; font-size:1px; /* correction d'un bug ie */} /* propriétés spécifiques à chaque coin */ #hautgauchevi{background: url(../images/hautgauchevi3.gif);} #hautdroitvi {float: right;background: url(../images/hautdroitvi3.gif);} #basgauchevi {background: url(../images/basgauchevi3.gif);} #basdroitvi {float: right;background: url(../images/basdroitvi3.gif);} #contenuvi {color:#009ece;} #contenuvi p {color:#1b4c6a;margin: 0.6em; /*gestion des espaces interparagraphes */text-align:justify;line-height:12px;} #contenuvi h6 {color: white;margin: 0.3em; /*gestion des espaces interparagraphes */text-align:left;font-size:1.5em; font-weight:bold; color: #1b4c6a; } #contenuvi a {font-size:1em; text-decoration: none; font-weight: normal; padding-left:10px;} #contenuvi a:link { color: #a01618; } #contenuvi a:visited { color: #a01618; } #contenuvi a:hover { color: #a01618; text-decoration:underline;} #contenuvi a:active{ color: #f8b030; } #contenuvi li {padding-left:20px; } #centre p{ pading:0;margin:0; text-align:justify; color:#FFFFFF }