/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////// STYLE CSS DE ANAVEO.com ///////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///// STYLE GENERAL /////////////////////////////////////////////////////////////////////*/ html, body { background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height: 1.35em; font-weight:normal; color:#414141; margin:0; padding:0;} li {height: 20px;} ul {list-style-type: none; margin-left:20px; padding: 0;} p {margin:0; padding:0;} .fond-clair{background-color:#FDF6F5;} .fond-gris-clair{background-color:#EFEFEF;} /*#FEFAFA*/ /*///// DIV ////////////////////////////////////////////////////////////////////////////////*/ /*-----structure du site */ #conteneur { position:absolute;left:50%; width:900px; margin: 10px 0px 0px -450px; background: url(../images/fond-general-logo.gif) bottom left no-repeat #FFFFFF; } #conteneur-sport { position:absolute; left:50%; width:900px; margin: 10px 0px 0px -450px; background: url(../images/fond-general-drapeau.jpg) bottom left no-repeat #FFFFFF; clip: rect(auto auto auto 10); } #bandeau { width: 900px; height: 164px; background-image:url(../images/logo_2.gif); background-repeat:no-repeat; background-position:top left;} #conteneur-contenu { width:692px; float:left; margin:8px 0px 0px 8px; background-color:#FFFFFF;} #contenu { width:648px; padding:5px 15px 5px 27px; border-right:1px solid #EAEAEA; border-left:1px solid #EAEAEA;} #contenu-sport { width:648px; display:table-cell; height:auto; border-right:1px solid #EAEAEA; border-left:1px solid #EAEAEA; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 27px; } #contenu-titre { width:692px; height:35px; } #contenu-bas-orange { width:692px; height:15px; background:url(../images/fond-contenu-bas-orange.gif) no-repeat bottom;} #contenu-bas-bleu { width:692px; height:15px; background:url(../images/fond-contenu-bas-bleu.gif) no-repeat bottom;} #contenu-bas-rouge { width:692px; height:15px; background:url(../images/fond-contenu-bas-rouge.gif) no-repeat bottom;} #contenu-bas-marron { width:692px; height:15px; background:url(../images/fond-contenu-bas-marron.gif) no-repeat bottom;} #contenu-bas-sport { width:692px; height:15px; background:url(../images/fond-contenu-bas-sport.gif) no-repeat bottom;} #conteneur-sous-menu { width:200px; float:left; margin-top:8px;} #sous-menu { width:200px;} #sous-menu-orange { width:200px; background:url(../images/sous-menu/degrade.gif) no-repeat bottom; padding-bottom:10px;} #sous-menu-bleu { width:200px; background:url(../images/sous-menu/degrade.gif) no-repeat bottom; padding-bottom:10px;} #sous-menu-sport { width:200px; background:url(../images/sous-menu/degrade.gif) no-repeat bottom; padding-bottom:10px;} #footer { clear:both; text-align:right; width: 740px; height: 35px; padding: 13px 160px 0px 5px; color:#A4A4A4; background:url(../images/footer.gif) top right no-repeat;} #footer-index { clear:both; width: 885px; height: 35px; padding: 12px 0px 0px 15px; color:#A4A4A4; background:url(../images/footer-accueil.gif) top right no-repeat;} #fiche_produit_photos{ float:left; width:130px; background-color:#FFFFFF;} #fiche_produit{ float:left; width:400px; background-color:#FFFFFF;} #menu { width:200px; background:url(../images/sous-menu/degrade.gif) no-repeat bottom;} /*-----contenus, elements du site */ /*-----page accueil */ #box-index {float:left; margin-top:8px; width:294px;} #editorial {float:left; margin:8px 8px 0px 0px; padding:65px 25px 10px 25px; width:396px; height:355px; background:url(../images/editorial-fond.jpg) no-repeat;} #actualites {float:left; margin:8px 0px 0px 0px; width:446px; height:430px; background:url(../images/actu-fond.jpg) no-repeat;} /*-----page produits */ #secure { margin-top:50px;} #cadre-accueil {float:left; width:194px; height:150px; margin-top:50px;} #menu-accueil-produit {float:left; width:194px; height:35px; background:url(../images/motif-produit-gris.gif) bottom repeat-x; border:1px solid #E6E5E5; cursor:pointer;} /*-----page references */ #references {width:295px; height:32px; margin-top:8px; padding:4px 0px 0px 15px; float:left; background:url(../images/barre-gauche-reference.gif) left top no-repeat #F6F8FB; } /*-----page presse */ #presse { padding-left:15px; background:url(../images/barre-gauche-presse.gif) left top no-repeat #F6F8FB; cursor:pointer;} #presse_out { padding-left:15px; background:url(../images/barre-gauche-presse.gif) left top no-repeat #F6F8FB;} /*////// SOUS-MENU ////////////////////////////////////////////////////////////////////////*/ #sous-menu-orange a{ display:block; color:6E6E6E; padding:10px 0px 10px 18px; text-decoration:none; border-bottom:1px solid #E9E9E9; } #sous-menu-orange a:hover{ display:block; color:#FFFFFF; background-color:#FFA400; } a#active-sous-menu-orange { display:block; color:#FFFFFF; font-weight:bold; background-color:#FFA400; } #sous-menu-bleu a{ display:block; color:6E6E6E; padding:10px 0px 10px 18px; text-decoration:none; border-bottom:1px solid #E9E9E9; } #sous-menu-bleu a:hover{ display:block; color:#FFFFFF; background-color:#43669F; } a#active-sous-menu-bleu { display:block; color:#FFFFFF; font-weight:bold; background-color:#43669F; } #sous-menu-sport a{ display:block; color:6E6E6E; padding:10px 0px 10px 18px; text-decoration:none; border-bottom:1px solid #E9E9E9; } #sous-menu-sport a:hover{ display:block; color:#FFFFFF; background-color:#AE2E15; } a#active-sous-menu-sport { display:block; color:#FFFFFF; font-weight:bold; background-color:#AE2E15; } #sous-menu-gris a { display:block; color:6E6E6E; padding: 10px 0px 10px 18px; text-decoration: none; border-bottom:1px solid #E9E9E9;} #sous-menu-gris a:hover{ display:block; color:#FFFFFF; background-color:#B39E7B; } a#active-sous-menu-gris { display:block; color:#FFFFFF; font-weight:bold; background-color:#B39E7B; } .sous-menu-margin-haut { margin-bottom:10px;} .sous-menu-margin-bas { margin-top:0px;} /*///// IMAGES ///////////////////////////// //////////////////////////////////////////////*/ img.image_lien { border:0px solid #414141; } img.image_actus { border:1px solid #414141; } /*///// STYLES DE TEXTE /////////////////////////////////////////////////////////////////////*/ .center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .gras {font-weight:bold;} .italic { font-style:italic;} .alinea-gras {font-weight:bold; margin-left: 10px;} .gras-bleu { font-weight:bold; color:#5D87B2; } .gras-bleu-fonce { font-weight:bold; color:#43669F; } .gras-bleu-fonce-large { font-weight:bold; font-size:12px;color:#43669F; } .gras-rouge { font-size:12px; font-weight:bold; color:#F2573E; } .gras-rouge-fonce { font-size:12px; font-weight:bold; color:#AE2E15; } .gras-sport { font-weight:bold; color:#AE2E15; } .gras-bleu-fonce-ref { font-weight:bold; color:#43669F; margin-top:8px; } .indente{margin-left:12px; padding-top:8px;} .rechercher { font-weight:normal; color:#00549E;} .texte_bleu { font-weight:normal; color:#00549E;} .texte_rouge { font-weight:normal; color:#AE2E15;} .legende { font-style:italic; margin-top:0.3em; text-align:center;} h1{ font-size:12px; color:#43669F; font-weight:bold; margin-top:2em; margin-bottom:0.2em;} h1.services { font-size:12px; font-weight:bold; color:#F2573E; margin-top:0.4em; margin-bottom:0.4em;} h1.carrieres { font-size:12px; font-weight:bold; color:#B39D7B; margin-top:0.4em; margin-bottom:0.8em;} h1.sport { font-size:12px; font-weight:bold; color:#AE2E15; margin:0px; display:inline; background-color:#FFFFFF;} h2{ font-size:12px; color:#75A2CB; margin-top:1em; margin-bottom:0.2em; color:#5D87B2;} h3 { margin:0; padding:0; color:#43669F;} /*////// LIENS COURANTS ///////////////////////////////////////////////////////////////////////*/ a {text-decoration:underline; color:#414141;} a:hover{text-decoration:none; color:#000000;} a.lien-gris {text-decoration:none; color:#8E8E8E;} a:hover.lien-gris{text-decoration:none; color:#8E8E8E;} a.lien_noir {text-decoration:underline; color:#000000;} a:hover.lien_noir{text-decoration:none; } a.lien_bleu {text-decoration:underline; color:#43669F;} a:hover.lien_bleu{text-decoration:none; color:#676767;} a.lien_bleu_gras { font-size:12px; text-decoration:none; color:#43669F;} a:hover.lien_bleu_gras{text-decoration:none; color:#676767;} a.lien_rouge {text-decoration:underline; color:#B23A22;} a:hover.lien_rouge{text-decoration:none; } #menu-accueil-produit a {font-size:15px; text-decoration:none;} #menu-accueil-produit a:hover {font-size:15px; text-decoration:none;} #footer a { text-decoration:none; color:#A4A4A4;} #footer a:hover { text-decoration:none; color:#676767;} #footer-index a { text-decoration:none; color:#A4A4A4;} #footer-index a:hover { text-decoration:none; color:#676767;} #secure a { font-size:12px; color:#5D87B2; text-decoration:none; display:block; padding: 0px 0px 2px 0px;} #secure a:hover { background:url(../images/trait-lien.gif) repeat-x bottom; padding: 0px 0px 2px 0px;} #lienDiv1 a{ background:url(../images/trait-lien.gif) repeat-x bottom; padding: 0px 0px 2px 0px;} #lienDiv1 a:hover { background:url(../images/trait-lien.gif) repeat-x bottom; padding: 0px 0px 2px 0px;} #secure div { margin-top:20px; } .secure-survol {float:right; display:none; width:400px; padding:15px; background:#EAE9E9;} /*////// INPUT, SELECT, TEXTAREA //////////////////////////////////////////////////////////////*/ input, textarea, files { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#717070; background:url(../images/degrade-gris.jpg) repeat-x; border:#C6C5C5 1px solid;} select { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#717070; border:#C6C5C5 1px solid;} /*////// REF ///////////////////////////////////////////////////////////////////////*/ #stylecadredisplay{ width: 100%; height: 100%; left: 0px; top: 0px; margin: 0; overflow: hidden; } .classroll3{ width: 100%; height: 900px; left: 0px; top: 0px; margin: 0; overflow: auto; }