/* *************************************************** FEUILLE DE STYLE DU SITE OUTIL-REFERENCEMENT.COM ****************************************************************** */ /* Définition des styles par défaut */ *{padding:0px; margin:0px;} body{width:100%; height:100%; padding:0px;line-height:10px; font-family:Verdana, Arial, sans-serif; font-size:10px; background-image:url(../img/bg_yy_repeat.jpg); background-repeat:repeat-x; } a{color:#000000; font-size:10px; font-family:Verdana, sans-serif; line-height:11px; text-decoration:none; font-weight:normal; } a:hover{color:#CCCCCC; font-size:10px; font-family:Verdana, sans-serif; line-height:11px; text-decoration: none; font-weight:normal; } /* ******************************************************************************************************************************************************************************************* */ /* ************************************************************ LES STYLES COMMUNS A TOUTES LES PAGES *********************************************************************** */ /* La div globale */ #global{width:900px; height:auto; background-image:url(../img/bg_y_repeat.jpg); background-repeat:repeat-x; position:relative; padding:0px; line-height:10px; font-family:Arial,Verdana, sans-serif; font-size:10px; margin:0 auto; padding-top:35px; } /* Le header de la page (logo + phrase + bloc d'ajout de site */ #header{width:900px; height:auto; position:relative; float:left; background-color:transparent; margin:0px; overflow:hidden;} #header a.logo{ width:auto; height:auto; position:relative; float:left; margin:0px;} #header a.logo img{ border:0px; padding-top:8px;} #header p.sentence{padding-left:10px; vertical-align:middle; line-height:92px; width:520px; text-align:center; height:92px; position:relative; float:left; color:#0055C4; font-family:Arial, Helvetica, sans-serif; font-size:14px; } #header p.bloc_inscription{margin:0px; width:162px; height:100px; position:relative; float:left; background-image:url(../img/bloc_vert.png); background-repeat:no-repeat;} #header p.bloc_inscription a{ width:162px; height:74px; position:relative; float:left; text-align:center; padding-top:26px; line-height:25px; color:#084696; font-size:18px; font-weight:normal;} #header p.bloc_inscription a:hover{ color:#339900;} /* Les bloc général découpé en trois parties, il n'y a que l'intérieur du bloc (middle) qui diffère */ #global_container_top{width:900px; height :4px; background-image:url(../img/bloc_top.png); background-repeat:no-repeat; position:relative; float:left; padding:0px; margin:0px; line-height:4px;} #global_container_bottom{margin:0px; width:900px; background-image:url(../img/bloc_bottom.png); background-repeat:no-repeat; height:4px; position:relative; float:left; padding:0px; line-height:4px; } /* Le footer de la page */ #footer{ width:900px; height:auto;background-color:transparent;position:relative;padding:0px;padding-top:0px; margin-top:0px;line-height:12px; font-family:Arial,Verdana, sans-serif;font-size:11px; float:left; text-align:center; font-weight:normal; word-spacing:-1px;} #footer p { width:900px; height:auto;position:relative;padding:0px;margin-top:0px;line-height:11px; font-family:Arial,Verdana, sans-serif;font-size:12px; float:left; text-align:center; font-weight:normal; word-spacing:-1px; color:#0055C4;} #footer a{color:#0055C4; font-size:11px; font-family:Verdana, sans-serif; line-height:18px; text-decoration:none;font-weight:normal;} #footer a:hover{color:#000000; font-size:11px; font-family:Verdana, sans-serif; line-height:18px; text-decoration: underline;font-weight:normal; } /* L'espace des marqueurs en dessous du footer */ #marqueurs{ width:900px; height:auto;background-color:transparent;position:relative;padding:0px;margin:0px;line-height:12px; font-family:Arial,Verdana, sans-serif; font-size:11px; float:left; font-weight:normal; text-align:right; vertical-align:middle;} /* ******************************************************************************************************************************************************************************************* */ /* ******************************************************** LES STYLES POUR LES PAGES D'ACCUEIL ET DE RUBRIQUES ********************************************************* */ /* Les bloc middle qui s'étire */ #global_container_middle{width:1004px;margin:0px; padding:0px; background-image:url(../img/global-repeat.png); height:auto; position:relative; float:left; padding-top:0px;font-family:Arial,Verdana, sans-serif;margin-top:0px; margin-bottom:0px; padding-bottom:0px;line-height:10px; font-size:10px;} /* La colonne gauche des 40 derniers sites inscrits */ #col_gauche{ margin-left:0px; height:auto;position:relative; width:160px; float:left; background-color:transparent; padding-bottom:10px;} #col_gauche ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; position:relative; float:left; list-style-type:none; list-style-position:inside; width:150px; } #col_gauche ul li a{font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#0055C4; padding-left:16px;} #col_gauche ul li a:hover{color:#000000; text-decoration:underline; } #col_gauche p{ margin:0px; margin-left:8px; padding:0px; height:50px; background-repeat:repeat-x; width:152px; background-image:url(../img/g.png); color:#FF4E00; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; text-align:center; padding-top:15px; } /* La colonne droite des 40 derniers sites inscrits */ #col_droite{margin-left:0px; height:auto; overflow:hidden; position:relative; width:152px; float:left; background-color:transparent; padding-bottom:5px;} #col_droite ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; position:relative; float:left; list-style-type:none; list-style-position:inside; width:152px; } #col_droite ul li a{font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#FFFFFF; padding-left:10px;} #col_droite ul li a:hover{color:#0055C4; text-decoration:underline; } #col_droite p{ margin:0px; height:50px; background-repeat:repeat-x; width:152px; background-image:url(../img/d.png); color:#084595; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; text-align:center; padding-top:15px; } /* La colonne centrale du site */ #centre{ margin:0px; padding:0px; height:auto; min-height:380px; position:relative; width:584px; float:left; background-color:#FFFFFF; } #centre h2 {position:relative; width:556px; float:left; color:#0055C4; background-color:#F4F4F4; font-size:15px; line-height:18px; height:auto; padding-left:9px; padding-right:9px; padding-top:2px; text-align:center; padding-bottom:5px; } #centre .bloc_gris{position:relative; width:556px; padding-left:9px; padding-right:9px; float:left; color:#0055C4; background-color:#F4F4F4; font-size:12px; line-height:14px; height:auto; margin-top:0px; padding-bottom:3px; text-align:center; } /* Le fil d'ariane */ #centre p.fil_ariane{position:relative; width:552px; margin:0px; float:left; color:#0055C4; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; min-height:25px; padding-left:14px; padding-right:14px; padding-top:10px; padding-bottom:10px;} #centre p.fil_ariane a{color:#0055C4; font-size:12px; line-height:14px; text-decoration:underline;} #centre p.fil_ariane a:hover{color:#0055C4; font-size:12px; line-height:14px; text-decoration:none;} /* Le bloc gris utilisé pour la page de rubrique */ #centre p.bloc_gris{width:564px; margin:0px; float:left; color:#0055C4; background-color:#F4F4F4; font-size:12px; line-height:14px; height:auto; min-height:25px; padding-left:10px; padding-right:10px; margin-top:10px; padding-bottom:10px; padding-top:10px; text-align:left;} /* Le bloc de recherche de la home page */ #centre form.research{position:relative; width:554px; margin-top:10px; float:left; color:#0055C4; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px;} #centre form.research a img{position:relative; float:left; width:auto; height:auto; line-height:32px; vertical-align:top; padding-left:25px; padding-right:13px; border:0px;} #centre form.research p{position:relative; float:left; width:250px; height:auto; line-height:26px; vertical-align:middle; padding-right:10px;} #centre form.research p input.champ_saisie{position:relative; float:left; width:250px; height:16px; line-height:18px; vertical-align:middle; } #centre form.research p.soumission {position:relative; float:left; width:120px; line-height:20px; background-color:#FFFFFF; } #centre form.research p.soumission input{height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:120px; } #centre form.research p.soumission input:hover{color:#000000; height:20px; } #centre form.research p.choix_radio{ width:250px; position:relative;color:#0055C4; line-height:14px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-right:5px; margin-top:10px; } #centre form.research p.choix_radio input{ color:#0055C4; line-height:14px; padding-right:0px; padding-left:15px; } /* Le bloc des resultats dans la HOME PAGE */ #centre p.orange{position:relative; width:562px; margin:0px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; min-height:25px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px; } #centre p.ligne_resultat{position:relative; width:571px; margin:0px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; min-height:100px; padding-left:8px; padding-right:5px; padding-bottom:5px; text-align:center; } #centre p.ligne_resultat .single_resultat{ position:relative; float:left; min-height:106px; height:auto; width:94px; padding:0px; text-align:center;} #centre p.ligne_resultat a.textuel{ height:auto; margin:0px; padding:0px; background-color:#FFFFFF; color:#FF7800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; line-height:16px; font-weight:normal;} #centre p.ligne_resultat a.textuel:hover{ height:auto; background-color:#FFFFFF; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; line-height:16px; font-weight:normal; } #centre p.ligne_resultat a img{border:2px #FFA800 solid; width:86px; height:86px; background-color:#FFFFFF;} /* Le bloc des rubriques dans la page rubrique */ #centre p.listing_rubrique {position:relative; width:550px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; min-height:100px; padding-top:0px; padding-bottom:5px; padding-left:15px; padding-right:15px; padding-top:20px; } #centre p.listing_rubrique a{position:relative; float:left; width:170px; height:auto; padding-right:12px; color:#0055C4; background-color:#FFFFFF; font-size:12px; line-height:16px; text-decoration:none;} #centre p.listing_rubrique a:hover{position:relative; float:left; width:170px; height:auto; padding-right:12px; color:#0055C4; background-color:#FFFFFF; font-size:12px; line-height:16px; text-decoration:underline;} /* Le bloc de publicités google dans la page rubrique */ #centre .publicite_google{position:relative; width:574px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:132px; height:auto; padding-top:10px; text-align:center; padding-left:5px; padding-right:5px; margin:0px; padding-bottom:15px;} #centre .publicite_google p{position:relative; width:564px; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:90px; height:90px; padding-top:0px; text-align:center; vertical-align:middle; border:#00AAFF 1px solid; } #centre p.bloc_sous_rubrique{position:relative; width:560px; margin-left:0px; margin-right:0px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; min-height:100px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:10px; } #centre p.bloc_sous_rubrique a img{position:relative; float:left; border:2px #FFA800 solid; width:86px; height:86px; background-color:#FFFFFF; text-decoration:none; margin-right:10px; } #centre p.bloc_sous_rubrique a.titre{color:#FF7800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; width:450px; position:relative; float:left;line-height:14px; } #centre p.bloc_sous_rubrique a.titre:hover{color:#FF7800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; width:450px; position:relative; float:left;line-height:14px; } #centre p.bloc_sous_rubrique .paragraphe{color:#7F7F7F; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; width:450px; height:65px; position:relative; float:left;line-height:14px; padding-top:3px;} /* ******************************************************************************************************************************************************************************************* */ /* ********************************************************** LES STYLES POUR LA PAGE D'UNE FICHE DE SITE ********************************************************************* */ /* Le middle de la page fiche de site qui sétire à l'infini */ #global_container_middle_2{width:1003px; height:auto; position:relative; padding:0px;line-height:10px; font-family:Arial,Verdana, sans-serif;font-size:10px; margin:0 auto; } /* Le corps de la page fiche de site et les styles de permier niveau (qui ne sont dans aucun div */ #centre_2{ left:8px;height:auto; min-height:380px; position:relative; width:888px; float:left; background-image:url(../img/centre2.jpg); margin:0 auto;} #centre_2 h1 {position:relative; width:686px; float:left; color:#0055C4; background-color:#FFFFFF; font-size:24px; line-height:28px; height:auto; padding-left:21px; padding-right:20px; margin-right:121px; padding-top:15px; text-align:left; padding-bottom:25px; clear:both; background-repeat:no-repeat; overflow:hidden;} #centre_2 p.bloc_gris{position:relative; width:846px; float:left; color:#0055C4; background-color:#F4F4F4; font-size:15px; line-height:17px; height:auto; padding-left:21px; padding-right:21px; margin-top:0px; padding-bottom:7px; padding-top:7px; text-align:left; } #centre_2 p.fil_ariane{position:relative; width:718px; padding-left:9px; padding-right:9px; float:left; color:#0055C4; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; min-height:25px; padding-top:10px; } #centre_2 p.fil_ariane a{color:#0055C4; font-size:12px; line-height:14px; text-decoration:underline;} #centre_2 p.fil_ariane a:hover{color:#0055C4; font-size:12px; line-height:14px; text-decoration:none;} /* Définitions des styles de la colonne de gauche de la page fiche de site */ #centre_2_colg{ margin:0px; margin-top:10px; height:auto; position:relative; float:left; width:736px; float:left; background-color:#FFFFFF; background-repeat:repeat; } #centre_2_colg h2{position:relative; width:569px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; height:auto; padding-left:21px; padding-right:0px; margin-top:15px; padding-bottom:3px; text-align:left; font-weight:normal; padding-top:32px; } #centre_2_colg p.titre_categorie{position:relative; width:569px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; height:auto; padding-left:21px; padding-right:0px; margin-top:0px; padding-bottom:3px; text-align:left; font-weight:normal; padding-top:15px; } #centre_2_colg p.descriptif{position:relative; width:569px; float:left; color:#7F7F7F; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; padding-left:21px; padding-right:0px; margin-top:0px; padding-bottom:3px; text-align:left; font-weight:normal; padding-top:5px; } #centre_2_colg img.descriptif{margin-top:25px; } /* Le lien qui pointe directement vers le site de la fiche de site */ #centre_2_colg p.lien_site{position:relative; width:569px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; height:auto; padding-left:71px; padding-right:0px; padding-bottom:3px; text-align:center; font-weight:normal; padding-top:8px; padding-bottom:7px;} #centre_2_colg p.lien_site a{ color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; font-weight:normal; text-decoration:underline; } #centre_2_colg p.lien_site a:hover{ color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; font-weight:normal; text-decoration:none; } /* Le listing des sites de la catégorie */ #centre_2_colg p.sites_categorie{position:relative; width:701px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; height:auto; padding-left:21px; padding-right:0px; padding-bottom:13px; text-align:left; font-weight:normal; padding-top:12px; } #centre_2_colg p.sites_categorie a{position:relative; width:340px; float:left; color:#7F7F7F; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; padding-left:0px; padding-right:10px; padding-bottom:0px; text-align:left; font-weight:normal; text-decoration:underline; } #centre_2_colg p.sites_categorie a:hover{position:relative; width:340px; float:left; color:#7F7F7F; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; padding-left:0px; padding-right:10px; padding-bottom:0px; text-align:left; font-weight:normal; text-decoration:none; } /* L'image de la fiche de site */ #centre_2 p.bloc_vign { position:relative; width:123px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:10px; line-height:14px; height:auto; padding-left:10px; margin-top:0px; text-align:center; font-weight:bold; margin-top:-30px; padding-right:3px; margin-bottom:50px;} #centre_2 p.bloc_vign img { position:relative; width:123px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:15px; line-height:17px; height:123px; padding-bottom:3px; text-align:left; font-weight:bold; border:#FFA800 2px solid; } /* La publicité google */ #centre_2_colg .publicite_google{position:relative; float:left; width:715px; padding-top:10px; padding-bottom:10px; margin:0px; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:132px; height:auto; text-align:center; vertical-align:middle; padding-left:10px; padding-right:10px; margin-bottom:10px; } #centre_2_colg .publicite_google p{ width:auto; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:20px; height:90px; padding-top:0px; text-align:center; vertical-align:middle; border:#00AAFF 1px solid; margin-bottom:20px; margin-top:20px;} /* La colonne droite bleu clair du corps de la page fiche de site */ #centre_2_cold{ height:auto; position:relative; width:150px; float:left; background-color:transparent; margin:0px; } #centre_2_cold p.derniers_sites{width:135px; position:relative; float:left; margin:0px; color:#0055C4; font-size:12px; line-height:14px; height:auto; padding-left:5px; padding-right:5px; margin-top:0px; padding-bottom:15px; text-align:left; font-weight:normal; padding-top:5px; } #centre_2_cold p.derniers_sites a{ float:left; color:#0055C4; font-size:12px; line-height:14px; height:auto; text-align:left; font-weight:normal; } #centre_2_cold p.derniers_sites a:hover{ float:left; color:#0055C4; font-size:12px; line-height:14px; height:auto; text-decoration:underline; text-align:left; font-weight:normal; } #centre_2_cold p.situation{position:relative; width:135px; float:left; color:#FFFFFF; font-size:12px; line-height:15px; height:auto; padding-left:5px; padding-right:5px; margin-top:0px; padding-bottom:5px; text-align:left; font-weight:normal; padding-top:15px; font-family:Arial, Helvetica, sans-serif; margin:0px;} #centre_2_cold p.situation a{ color:#FFFFFF; font-size:12px; line-height:14px; font-weight:normal; text-decoration:underline; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; } #centre_2_cold p.situation a:hover{ color:#FFFFFF; font-size:12px; line-height:14px; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} /* ******************************************************************************************************************************************************************************************* */ /*ajout Aurelien*/ .center{ text-align:center; } .spacer2{ margin-top:50px; margin-bottom:50px; clear:both;} .spacerTop{margin-top:30px;} .listeCentre{margin-left:20px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF7800; background-color:#FFFFFF;} #centre p.bloc_texte{position:relative; width:560px; margin-left:0px; margin-right:0px; float:left; color:#FF7800; background-color:#FFFFFF; font-size:12px; line-height:14px; height:auto; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:10px; } #centre p.bloc_texte .paragraphe{color:#7F7F7F; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; width:450px; position:relative; float:left;line-height:14px; padding-top:3px;} .publicity{margin-left:60px; margin-top:10px; margin-bottom:20px;} /*fin ajout Aurelien*/