/* CSS Document by Pix-l communication */ /* Reseaux de confiance - 2008 */ /* alexandre à pix-l point fr */ html { margin:0; padding:0 } body { margin:0; padding:0; font:11px "Trebuchet MS"; padding-top:35px; background-color:#a7a7a7 } a { text-decoration:none; } a img { border:none;} ul, li { list-style:none; padding:0; margin:0 } .clear { clear:both; border:none; height:0; font-size:0px; line-height:0 } h1,h2,p { margin:0; padding:0 } input, select { border:1px solid #e3e2e2; width:106px; } .warn { width:80%; margin:20px auto; height:30px; background-color: #ffbbbb; border:1px solid #FF0000; font-size:12px; font-weight:bold; text-align:center; line-height:30px; } .chapo { color:#0197d6 } .next a { color:#5a5a5a; text-decoration:underline } .red { color:#FF0000} .up { text-transform:uppercase; } strong { color:#000000; } p.spip { margin:10px 0 } a.lirelasuite { color:#666666; text-decoration:underline;; padding-left:10px; } a:hover.lirelasuite { text-decoration:none } a.spip_out, a.spip_in { color:#0197D6 } a:hover.spip_out, a:hover.spip_in { text-decoration:underline } input.valider { background: url(../_imgs/valider.png) top right no-repeat; border:none; border-left:1px solid #cacaca; margin-left:0px; color:#656565; width:62px; height:19px; font-size:8px; margin-top:5px; text-transform:uppercase; cursor:pointer } input.profil { background: url(../_imgs/valider_profil.png) top right no-repeat;} form.spip_form input.hidden, input.hidden { border:none; display:none; visibility:hidden; height:1px; margin:0; padding:0; line-height:1px; font-size:1px; } /* general */ #wrapper { width:953px; padding-right:7px; min-height:500px; margin:0 auto; background: white url(../_imgs/wrapper_bg.gif) top left repeat-y } /* header */ #header { background:url(../_imgs/wrapper_bg_top.gif) top left no-repeat; height:135px; width:100%; padding-top:15px; } #header .ban { background:url(../_imgs/header_titre.gif) top left no-repeat; height:88px; width:917px; padding-top:5px; padding-left:10px; margin-left:12px; } #header .ban .logo { width:315px; height:81px; } #menu { height:35px; margin-left:12px; margin-top:10px; } #menu ul li { float:left; display:block; width:155px; height:35px; } #menu ul li a { display:block; height:35px; text-transform:uppercase; font-size:12px; color:#202020; text-align:center; line-height:35px; background:url(../_imgs/menu_bg.gif) top left repeat-x; } #menu ul li a.ligne { line-height:13px; padding-top:5px; height:30px; cursor:pointer; } #menu ul li a:hover { background:url(../_imgs/menu_hover_bg.gif) top left repeat-x; color:white; } #menu ul li a span { height:35px; display:block; border-right:1px solid white; cursor:pointer; } #menu ul li a span.deux_ligne { padding:0 30px; line-height:15px; padding-top:2px; height:33px; } #menu ul li a span span.last { background:none; } #menu ul li a.ligne span { height:30px; line-height:13px; } #menu ul li a:hover, #menu ul li span.over a { background:url(../_imgs/menu_hover_bg.gif) top left repeat-x; color:white; } /* arbo */ #arbo { font-size:13px; color:#8d8c8c; margin-left:12px; margin-top:10px; } #arbo a { color:#8d8c8c } /* contenu */ #contenu { width:100%; margin-top:30px; } /* contenu gauche */ #contenu_gauche { width:738px; padding-left:12px; min-height:500px; float:left; } #contenu_gauche .descriptif { color:#0197d6; font-size:12px; width:610px; margin-bottom:10px; } #contenu_gauche .descriptif img { vertical-align:middle } #contenu_gauche ul#chapitre { width:731px; } #contenu_gauche ul#chapitre li { width:710px; position:relative; height:82px; background:url(../_imgs/chapitre_bg.gif) top left no-repeat; padding-top:8px; margin-bottom:12px; } #contenu_gauche ul#chapitre li .photo { width:62px; height:68px; border:1px solid #6b6869; margin-left:28px; float:left; margin-right:20px; } #contenu_gauche ul#chapitre li h2 { font-size:13px; color:#0197d6; font-weight:bold; } #contenu_gauche ul#chapitre li h2 a { color:#0197D6; font-size:13px; font-weight:bold; text-transform:uppercase; } #contenu_gauche ul#chapitre li h1 { font-size:12px; color:#1a1a1a } #contenu_gauche ul#chapitre li h1 a { color:#1A1A1A; font-size:12px; } #contenu_gauche ul#chapitre li p { color:#7a7a7a; width:590px; } #contenu_gauche ul#chapitre li p a { color:#7A7A7A; width:590px; } #contenu_gauche ul#chapitre li a.contrib { font-size:10px; color:#474747; text-decoration:none; } #contenu_gauche ul#chapitre li a.fleche { display:block; position:absolute; right:25px; top:25px; width:21px; height:21px; background:url(../_imgs/chapitre_fleche.png) top left no-repeat; } /* home */ #col_gauche { width:150px; float:left;} #col_gauche .mini_chapitre { width:150px; } #col_gauche li.chap { width:130px; height:118px; display:block; background: url(../_imgs/col_gauche_chapitre_off.gif) top left no-repeat; padding:10px 10px; cursor:pointer } #col_gauche li.chap:hover { background: url(../_imgs/col_gauche_chapitre_on.gif) top left no-repeat; } #col_gauche .image_titre { height:50px;} #col_gauche .image_titre img { margin-right:5px; float:left; } #col_gauche .image_titre h3 { color:#0197d6; margin:0; font-size:13px; } #col_gauche a:hover h3 { color:#1a1a1a } #col_gauche .image_titre span { color:#474747; font-size:10px; clear:right; } #col_gauche p { font-size:12px; color:#191919 ; line-height:12px; margin-top:5px; margin-bottom:5px;} #col_gauche .image_titre a img { margin-right:5px;} #col_gauche .image_titre h3 a { color:#0197d6; margin:0; font-size:13px; } #col_gauche .image_titre span a { color:#474747; font-size:10px; clear:right; } #col_gauche p a { font-size:12px; color:#191919 ; line-height:12px; margin-top:5px;} #bloc_aroussel { width:710px; position:relative; margin-top:40px; } #bloc_aroussel h3 { position:absolute; top:5px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#434343; margin:0; left:20px; } #bloc_aroussel h4 { font-size:12px; margin:0; padding:0px; text-transform:uppercase; } #bloc_aroussel .expert h4 { color:#f7921f; } #bloc_aroussel .rssi h4 { color:#da333a; } #bloc_aroussel .fournisseur h4 { color:#d1d13f; } #bloc_aroussel .animateur h4 { color:#0197D6; } .jcarousel-skin .jcarousel-item img { float:left; } .jcarousel-skin .jcarousel-item .expert img { border:1px solid #f7921f } .jcarousel-skin .jcarousel-item .rssi img { border:1px solid #da333a } .jcarousel-skin .jcarousel-item .fournisseur img { border:1px solid #d1d13f } .jcarousel-skin .jcarousel-item .animateur img { border:1px solid #0197D6 } #bloc_aroussel input { position:absolute; bottom:5px; right:43px; float:left; } #bloc_aroussel img.lock { border:none; padding:0; margin:0; margin-top:5px; vertical-align:middle } /* col centre */ #col_centre { float:left; width:535px; padding:20px 15px 0 30px ; min-height:500px; } #col_centre a { color:#666666; text-decoration:underline } #col_centre #une { float:left} /*#col_centre #une div.chapo_cs { clear:left}*/ #col_centre #une h1 { font-size:18px; color:#0197d6; margin:0 0 5px 0; } #col_centre #une h3 { margin:0; } #col_centre #une p { margin-top:8px; color:#7a7a7a; } #col_centre #une .texte { display:none;} #col_centre #video { width:183px; float:right; margin-left:35px; margin-bottom:5px; margin-top:8px; } #col_centre #video .tube { border:2px solid #0197d6; width:183px; height:135px; } #col_centre input.share { margin-top:8px; } #col_centre input.profil { width:109px; } #reactions { margin-top:70px; margin-bottom:10px; } #reactions object { margin:0; padding:0 } #reactions h2 a { font-size:14px; color:#434343; margin-bottom:10px; } #reactions ul { margin:0; padding:0; display:inline-block; display:inline } #reactions li { float:left; font-size:11px; color:#686868; height:14px; margin:0; display:block; text-transform:uppercase; width:auto; background:white url(../_imgs/reactions_bg.gif) top right no-repeat; border-left:1px solid #dddddd; margin-right:2px; padding:5px 20px; cursor:pointer; } #reactions li:hover { background-color:#e8e8e8; border-left:1px solid #e8e8e8; } #reactions li.tem_on, #reactions li.projets_on, #reactions li.resultats_on { background-color:#e8e8e8;} #reactions .bloc { width:526px; padding-bottom:20px; clear:both; background-color:#e8e8e8; } #reactions .bloc .interview { height:50px; width:420px; padding-top:20px; margin-left:12px; height:80px; } #reactions .bloc #photo { width:104px; text-align:right; height:82px; width:59px; margin:0; margin-right:10px; float:left; } #reactions .bloc #inter_video_prof #photo { margin-left:25px; } #reactions .bloc #inter_video_prof #photo img, #reagir .photo_redacaut img { padding:1px; } #reactions .bloc h3 { margin:0; font-size:12px; color:#474747; line-height:11px; } #reactions .bloc h3 a { text-decoration:none} #reactions .bloc input { margin-right:5px; } #reactions .bloc input.valider { width:163px; height:24px; border:none; font-size:9px; padding-left:6px; background:url(../_imgs/valider_profil_tem.png) top left no-repeat; } #reactions .bloc .resume { font-size:11px; } #reactions .bloc .profil { width:auto;} #reactions .cat { font-size:12px } #pagination { height:18px; width:511px; background-color:#b1b0b0; padding-right:15px; text-align:right;} /* rub à propos */ div.apropos_une { background:#FFFFFF url(../_imgs/degrad_bleu.gif) no-repeat top; width:708px; padding:20px 0 0 0; min-height:50px; } /*div.apropos_une { background:#dff2fa url(../_imgs/rub_apropos_bgune_dgrad.gif) top left repeat-x; width:708px; } div.apropos_une div { background:url(../_imgs/rub_apropos_bgune_b.gif) bottom left no-repeat; } div.apropos_une div div { background:url(../_imgs/rub_apropos_bgune_h.gif) top left no-repeat; padding:20px; min-height:232px; }*/ div.apropos_une div div h1 { font-size:12px; padding:0 0 0 160px; text-transform:uppercase; } div.apropos_une div.texte { background:none; font-size:14px; padding:16px 20px 0 61px; color:black; } div.apropos_une div.texte strong { text-transform:uppercase; } div.apropos_une div.texte p.spip { padding:0 0 10px 0; } div.apropos_une div.texte a { color:#7a7a7a; text-decoration:underline; } div.apropos_corps { margin:2px 0 0 0; padding:20px; background:url(../_imgs/rub_apropos_bg_corps.gif) top left no-repeat; width:668px; clear:left;} div.apropos_corps h2 span { padding:0; font-size:12px; color:#7a7a7a; } div.apropos_corps h2 span span { padding:0 0 0 30px; font-size:12px; text-transform:uppercase; color:#20a6db; } div.apropos_corps div.texte { color:#7a7a7a; padding:16px 40px 0 40px; font-size:12px; width:605px; } div.apropos_corps div.texte p { color:#7a7a7a; font-size:12px; } div.apropos_corps img.bloclogo { margin:16px 40px 0 40px; } /* pagination */ div.pagination { text-align:right; width:708px; } div.pagination a { font-size:10px; font-weight:bold; color:#8b8b8b; } div.pagination a span { font-size:12px; } #news.pagination { background-color:#ececec; width:708px; line-height:20px; height:20px; position:relative; } #news .rss { position:absolute; top:0; left:10px; font-size:12px; } #news .rss img { vertical-align:middle; padding-bottom:4px; margin-left:5px; } /* rub sécurité */ h1.titre_partenaire { position:absolute; top:300px; left:340px; font-size:14px; font-weight:bold; color:#20a6db; } div.news_secu { background:url(../_imgs/rub_apropos_bg_corps.gif) top left no-repeat; width:678px; padding:10px 15px; } div.news_secu .date_titre { margin-bottom:20px; } div.news_secu .date { display: block; float:left; width:180px; } div.news_secu h2 { color:#20a6db; font-size:14px; text-transform:uppercase; display:inline } div.news_secu .texte { color:#7a7a7a; font-size:12px;} div.news_secu .texte .chapo { margin-bottom:10px; } div.news_secu p.savoir_plus { clear:both; padding:5px 0 10px 50px; font-size:13px; } div.news_secu a.savoir_plus { font-size:12px; color:#666666; font-weight:bold; text-decoration:underline } div.news_secu a.savoir_plus:hover { text-decoration:none; } div.news_secu img.spip_logos { margin:0 20px 5px 0px; float:left; } /* rub partenaires */ h1.titre_partenaire { position:absolute; top:300px; left:340px; font-size:14px; font-weight:bold; color:#20a6db; } div.partenaire { padding:20px; background:url(../_imgs/rub_apropos_bg_corps.gif) top left no-repeat; width:668px; } div.partenaire .chapo { float:left; } div.partenaire h2 { margin:50px 0 0 0; color:#4a4849; font-size:14px } div.partenaire p.savoir_plus { clear:both; padding:5px 0 10px 0px; font-size:13px; } div.partenaire a.savoir_plus { padding:5px 0 20px 155px; font-size:13px; color:#2eabdd; font-weight:bold; } div.partenaire a.savoir_plus:hover { text-decoration:underline } div.partenaire img.spip_logos { margin:50px 5px 5px 25px; float:left; } /* colone droite */ #col_droite { width:200px; min-height:500px; float:left; } #col_droite a { color:#656565; text-decoration:underline } #col_droite .top { background:url(../_imgs/col_droite_arrondi_top.gif) bottom left no-repeat; height:2px; font-size:1px; line-height:1px; } #col_droite .bottom { background:url(../_imgs/col_droite_arrondi_bottom.gif) top left no-repeat; height:2px; font-size:1px; line-height:1px; margin-bottom:10px; } #col_droite .bloc_droit { border-left:2px solid #e3e2e2; border-right:2px solid #e3e2e2; padding:5px 5px; width:175px; } #col_droite .bloc_droit .mini { font-size:10px; text-transform:none; } #col_droite .bloc_droit br { line-height:2px; height:2px; } #col_droite .bloc_droit input { } #col_droite p { color:#adacac } #col_droite #animateur.spe, #col_droite .modedemploi { background:url(../_imgs/col_droite_bloc_spe.gif) top left repeat-y; position:relative; } #col_droite #animateur .bonhomme { background: url(../_imgs/col_droite_animateur.gif) 98% 0 no-repeat; display:block; /*position: absolute; width:22px ; height:28px; top:5px ; right:10px;*/ } #col_droite #modedemploi { background: url(../_imgs/col_droite_modedemploi.gif) 98% 0 no-repeat; display:block; } #col_droite #flash.bloc_droit { padding:0; width:185px; } #col_droite #rejoindre input { width:100px; } #col_droite span { text-transform:uppercase; font-weight:bold; color:#4d4d4d } #col_droite span.cat { text-transform:none; font-weight:bold; color:#4d4d4d; line-height:11px; } #col_droite #membres { position:relative; } #col_droite #membres a { text-decoration:none; font-size:10px; color:#ADACAC; line-height:10px; } #col_droite #membres a:hover { text-decoration:underline; } #col_droite #membres br { line-height:0; height:1px; } #col_droite #membres strong { color:#037DB1; } #col_droite #membres .pass,#col_droite #membres .login { color:#037DB1; } #col_droite #membres .photo_auteur { float:left; width:auto; margin-right:5px; } #col_droite #membres .photo_auteur img { padding:1px; border:1px solid black} #col_droite #membres .prenom { color:#f79422; text-transform:none; } #col_droite #membres .nom { color:#f79422 } #col_droite #membres .change { margin-top:10px; display:block; } #col_droite #membres p { line-height:10px; margin-top:10px; } #col_droite #membres h3, #col_droite #d_membres h3 { font-size:11px; text-transform:uppercase } #recherche { height:40px; } #recherche form { margin:0; padding:0} #espace { text-align:center; background: url(../_imgs/espace_membre_bg.gif) top left repeat-y; height:20px; line-height:20px; } #annuaire { text-align:center; background: url(../_imgs/col_droite_annuaire_bg.gif) top left repeat-y; height:20px; line-height:20px; } #parrain.bloc_droit { text-align:center; background: url(../_imgs/col_droite_annuaire_bg.gif) top left repeat-y; position:relative; padding-bottom:40px; } #parrain img { position:absolute; bottom:0px; left:25px; } #parrain a { text-decoration:none; } #parrain a:hover { text-decoration:underline; } #d_membres { } #d_membres .bloc { height:90px; margin-bottom:5px; position:relative; } #d_membres .bloc img { float:left; border:1px solid; padding:2px; margin-right:5px;} #d_membres .bloc h3 { margin:0; padding-top:7px; font-size:11px; text-transform:uppercase } #d_membres .bloc .valider { width:70px; position:absolute; font-size:8px; bottom:5px;} #d_membres #fournisseur img, #col_droite #membres .fournisseur .photo_auteur img { border:1px solid #D1D13F } #d_membres #fournisseur h3, #membres .fournisseur h3 { color:#D1D13F; margin:0; } #d_membres #animateur img, #col_droite #membres .animateur .photo_auteur img { border:1px solid #0197D6; } #d_membres #animateur h3, #membres .animateur h3 { color:#0197D6; margin:0; } #d_membres #expert img, #col_droite #membres .expert .photo_auteur img { border:1px solid #F7921F } #d_membres #expert h3, #membres .expert h3 { color: #F7921F; margin:0; } #d_membres #rssi img, #col_droite #membres .rssi .photo_auteur img { border:1px solid #DA333A } #d_membres #rssi h3, #membres .rssi h3 { color: #DA333A; margin:0; } #ressources a { padding-left:20px; background:url(../_imgs/icon_pdf.gif) center left no-repeat; font-size:12px; line-height:15px; font-weight:bold } /* footer */ #footer { background:#cccdcd url(../_imgs/footer_bg.gif) top left no-repeat; width:953px; padding-right:7px; clear:both; padding-top:10px; padding-bottom:20px; } #footer a { color:#696969 } #footer div a:hover, #footer li a:hover { text-decoration:underline; } #footer .bloc { float:left; margin-left:20px; width:250px; margin-right:20px;} #footer h3 { font-size:12px; font-weight:bold; color:#343434 } #footer ul { font-size:13px; color:#5c5c5c } #footer #clic li { text-transform:uppercase;} #footer #rss { width:225px; margin-right:0; margin-left:125px; font-size:12px; color:#454646 } /* surcharge paul */ div.partenaire p.savoir_plus { clear:both; padding:5px 0 10px 155px; font-size:13px; } div.pagination a:hover { font-size:10px; font-weight:bold; color:#8b8b8b; } h1.titre_partenaire { top:275px; } div.pagination span.on { font-size:12px; font-weight:bold; color:#8b8b8b; text-decoration:underline; } div.pagination a:hover { text-decoration:underline; } div.partenaire a.savoir_plus { display:block; padding:15px 0pt 10px 0; } #col_gauche li.over { background: url(../_imgs/col_gauche_chapitre_on.gif) top left no-repeat; } div#col_droite div#evenement.bloc_droit a { text-decoration:none; } div#col_droite div#evenement.bloc_droit a span { text-decoration:none; font-size:11px; color:#037DB1; text-transform: none } div#col_droite div#evenement.bloc_droit a:hover span { text-decoration:underline } #menu ul li a.over { background:url(../_imgs/menu_hover_bg.gif) top left repeat-x; color:white; } #arbo a:hover { text-decoration:underline; } div.partenaire img.spip_logos { margin:0px 25px 5px 0px; } div.partenaire h2 { margin-top:15px; } div.partenaire p { color:#999999; } div.partenaire div.texte { clear:left; color:#b1b0b0; margin:0 0 0 125px; } div.partenaire div.texte p, div.partenaire div.texte ul li { color:#b1b0b0; } div.news_secu { clear:left; display:inline-block; padding:10px 15px 15px 15px; } div.news_secu .texte { float:left; width:498px; } div.news_secu .texte.nologo { width:688px; } #news.pagination { clear:left; margin:0 0 10px 0; } #col_centre #une { color:#7a7a7a; font-size:12px; } #col_centre #une .texte { color:#7a7a7a; font-size:12px; } #col_centre #une .texte p { width:520px; color:#7a7a7a; font-size:12px; } #col_centre #une div.suivant { text-align:right; padding:10px 0 0 0; margin-bottom:10px; } #col_centre #une div.suivant a { color:#666666; font-size:12px; font-weight:bold; } #reactions { margin-top:40px; } #reactions p { margin-left:20px; font-size:12px; } div.news_secu div.texte p, div.apropos_corps div.texte p { padding-bottom:10px; } #menu ul li a span.last { background:none; } div.infolegal { font-size:12px; } div.infolegal h2 { padding-bottom:25px; } div.infolegal h2, div.infolegal div.texte { margin:0; } div.infolegal div.texte { padding-top:10px; } div.infolegal div.texte, div.infolegal div.texte p { font-size:12px; color:#666666; } #col_droite #securite span { margin:0 0 3px 3px; display:block; } #col_droite #securite a { color:#a2a1a1; display:block; margin:5px 0 3px 3px;} #col_droite #securite p a { color:#ADACAC; text-decoration:none; margin:0; display:inline;} #col_droite #securite p a:hover { text-decoration:underline; } #col_doite #evenement p a span { text-transform:uppercase; } #col_droite #animateur .bonhomme { cursor:pointer; } div.recherche h1 { font-size:18px; } div.recherche h1 span { color:#B8000B; font-style:italic; } div.recherche div.news_secu { margin-top:5px; } div.recherche div.news_secu h2 { margin:5px 0 0 0; } div.recherche div.news_secu h2 a:hover { text-decoration:underline; } div.recherche h2.recherche_titre a { font-size:13px; color:#20A6DB; } div.recherche h3 { margin:0;padding:0; } div.recherche h3 a { font-size:11px; font-weight:100; color:#20A6DB; text-decoration:underline; } div.recherche h3 a:hover { text-decoration:none; } div.recherche p.recherche_p a { color:#666666; } span.spip_surligne { font-weight:bold; background-color:#FFFF99; color:#B8000B } #col_droite .bloc_droit input.intxt { color:#999999; font-size:11px; } #col_droite .bloc_droit input.valider { font-size:8px; } div.apropos_une div.texte h2 { font-size:18px; margin-bottom:10px; } .home div.apropos_une div div { height:auto; min-height:0; } .home div.apropos_une { margin-top:0px; } #news.pagination { background:none; } div.pagination a, div.pagination a:hover { font-size:12px; } #footer h3 { text-transform:uppercase; } #col_droite .degrad { background:transparent url(../_imgs/col_droite_bloc_spe.gif) repeat-y scroll left top; } #col_droite .degrad p, #col_droite #securite p a { color:#037DB1; } #col_gauche .image_titre h3 { padding:13px 0 0 0; margin:10px 0 0 0; } #col_gauche .image_titre h3 a { display:block; } #col_gauche li.over p a, #col_gauche li:hover p a { color:#FFFFFF; } #col_droite #animateur a#contacter, #col_droite a#modedemploi { color:#4D4D4D; font-weight:bold; text-transform:uppercase; text-decoration:none; } #col_droite #animateur a#contacter:hover, #col_droite a#modedemploi:hover { text-decoration:underline; } div.fragment { clear:left; } #confirm_news { display:none; margin-top:5px; } #confirm_news span { color:#EEA532; font-size:11px; text-transform:none; } .news_majuscule:first-letter { font-size:13px;} /* deuxième surcharge */ #conteneur_form { position:absolute; width:100%; top:0; left:0; z-index:50; background:url(../_imgs/overlay.png) repeat } #conteneur_form #form_inscri { width:556px; margin:0 auto; padding:10px; position: relative; } #conteneur_form .fermeform { position:absolute; z-index:5000; top:50px; right:40px; } #conteneur_form .top { background:url(../_imgs/form_bgT-trans.png) top center no-repeat; width:556px; height:23px;} #conteneur_form .bottom { background:url(../_imgs/form_bgB-trans.png) top center no-repeat; width:556px; height:23px;} #conteneur_form .form { background:transparent url(../_imgs/form_bgC-trans.png) top center ; padding:0; } #reponse_serveur { width:500px; position:relative; z-index:50} .form h1 { width:260px; font-size:20px; color:#20A6DB; } .form div.wrap { margin:0 auto; padding:15px; width:500px; } form.spip_form { margin-top:10px; } form.spip_form label { float:left; clear:left; font-size:11px; width:150px; text-transform:uppercase; margin-top:10px; } form.spip_form .radio_reseaux label { text-transform:none;} form.spip_form .radio_reseaux input { border:none;} form.spip_form input, form.spip_form textarea, form.spip_form select { border:1px solid #0197D6; width:300px; margin-top:10px; font-family:"Trebuchet MS"; font-size:11px; } form.spip_form input.code_postal { width:50px; } form.spip_form input.telephone { width:100px; } form.spip_form input.envoyer { cursor:pointer; } form.spip_form span { display:block; color:red; } form.spip_form h4 { margin:0; margin-top:40px; line-height:10px; font-style:italic; font-size:9px; color:grey } .home div.apropos_une div.texte { padding:0 20px 0pt 30px; } form.spip_form input.envoyer, #conteneur_form button.fermeform { background: url(../_imgs/valider.png) top right no-repeat; border:none; border-left:1px solid #cacaca; margin:0 0 0 150px; color:#656565; width:62px; height:19px; font-size:8px; margin-top:5px; text-transform:uppercase; cursor:pointer } #conteneur_form button.fermeform { width:20px; } form.spip_form input.envoyer { margin-left:390px; } #conteneur_form button.fermeform:hover { color:#0197D6} div.news_secu h2 { display:inline-block; width:490px; } #art ul li { text-indent:-9px; padding-left:9px; } #securite p { text-indent:-7px; padding-left:7px; } ul.jcarousel-list { padding:0 0 0 30px; overflow:hidden } ul.jcarousel-list li.jcarousel-item { margin-right:0; margin-left:18px; } ul.jcarousel-list li.jcarousel-item strong { color:#474747; font-size:12px; line-height:12px; margin-top:5px; display:block; } ul.jcarousel-list li.jcarousel-item h5 { margin:0; padding:0; } #bloc_aroussel .expert h5 { color:#f7921f; } #bloc_aroussel .rssi h5 { color:#da333a; } #bloc_aroussel .fournisseur h5 { color:#d1d13f; } #bloc_aroussel .animateur h5 { color:#0197D6; } div.annuaire #bloc_aroussel { margin-top:0px; margin-bottom:15px; } div.annuaire div.tableau { margin:0 0 8px 0; padding:10px 0 0 25px; width:682px; height:auto; border:1px solid #999999; } div.annuaire div.tableau div.membre, div.annuaire div.tableau div img { float:left; } div.annuaire div.tableau div.pagination { clear:left; width:auto; padding: 0 20px 10px 0; } div.annuaire div.tableau div.membre { margin:5px 0 15px 18px; width:180px; height:90px; position:relative; } div.annuaire div.tableau div img { margin-right:10px; padding:2px; } div.annuaire div.tableau div strong { color:#474747; font-size:12px; line-height:12px; display:block; margin-top:5px; } div.annuaire div.tableau div input { bottom:5px; right:43px; } div.edit div.tableau div input { margin-top:0; width:200px; } div.edit div.tableau div input.browse { width:80px} div.edit div.tableau div input.valider { width:150px; } div.edit div.tableau div dl { width:500px } div.edit div.tableau div dt { width:150px; } div.edit div.tableau div.membre { margin:5px 0 15px 0px; width:180px; height:auto } div.edit div.tableau div select { width:200px; padding:0; margin:0; border:1px solid #E3E2E2 } div.edit div.tableau div option.alt { background-color:#E3E2E2 } div.edit div.tableau div input.check { width:auto; float:none; border:none; } div.edit div.tableau div input.enregistrer { width:100px; float:right; margin-right:20px; } .annuaire #inner_annuaire { margin-left:42px; margin-top:20px;} .annuaire #inner_annuaire div.membre input { position:absolute; bottom:3px; } .annuaire #bloc_aroussel h3 { left:26px; } div.annuaire div.tableau div img.lock { border:none; margin:5px 0 0; padding:0pt; vertical-align:middle; } div.annuaire div.tableau h2 { font-size:14px; font-weight:bold; color:#434343; text-transform:uppercase; margin:0; display:inline; } div.annuaire div.tableau h3 { margin:0 0 0 10px; font-size:12px; display:inline; color:#AAA } div.annuaire div.tableau h3 a { color:#434343; text-decoration:underline; } div.annuaire div.tableau h3 a:hover { text-decoration:none; } div.annuaire div.tableau div h4 { font-size:12px; margin:0; padding:0px; text-transform:uppercase; } div.annuaire div.tableau div h5 { margin:0; padding:0px; } div.annuaire div.tableau .expert h4, div.annuaire div.tableau .rssi h4, div.annuaire div.tableau .fournisseur h4, div.annuaire div.tableau .animateur h4 { display:inline;} div.annuaire div.tableau h4.cap { text-transform:uppercase} div.annuaire div.tableau .expert h4, div.annuaire div.tableau .expert h5 { color:#F7921F; } div.annuaire div.tableau .expert img { border:1px solid #F7921F; } div.annuaire div.tableau .rssi h4, div.annuaire div.tableau .rssi h5 { color:#da333a; } div.annuaire div.tableau .rssi img { border:1px solid #da333a; } div.annuaire div.tableau .fournisseur h4, div.annuaire div.tableau .fournisseur h5 { color:#d1d13f; } div.annuaire div.tableau h4, #bloc_aroussel h4 { line-height:14px; } div.annuaire div.tableau .fournisseur img { border:1px solid #d1d13f; } div.annuaire div.tableau .animateur h4, div.annuaire div.tableau .animateur h5 { color:#0197D6; } div.annuaire div.tableau .animateur img { border:1px solid #0197D6; } #voir_profile div.tableau { width:682px; border:none; } #voir_profile div.tableau h1 { margin:0 0 10px 0; font-size:14px; color:#434343; text-transform:uppercase; } #voir_profile div.tableau h1 span { font-size:10px; } #voir_profile div.membre dl { float:left; margin:10px 0 0 0; padding:0; width:510px; } #voir_profile div.membre dl dt, #voir_profile div.membre dl dd { margin:0; margin-bottom:5px; padding:0; width:auto; font-size:12px; font-weight:bold; color:#474747; } #voir_profile div.membre dl dt, #voir_profile div.membre dl dd em { line-height:11px; } #voir_profile div.membre dl dt { float:left; width:150px } #voir_profile div.membre dl dd { float:left; width:200px; } #voir_profile div.membre dl dt { padding-right:5px; clear:left; text-transform:uppercase; } #voir_profile div.membre p.expertise { clear:left; margin:0 0 0 80px; border:1px solid #999999; width:350px; padding:10px; color:#AAAAAA; } #voir_profile div.membre textarea.expertise { clear:left; margin:0; border:1px solid #999999; height:200px; width:350px; padding:5px 0 5px 10px; color:#AAAAAA; } #voir_profile div.membre a { color:#25a8dc; font-weight:bold; font-size:12px; } #voir_profile div.membre a.site { color: #474747 } #voir_profile div.membre a:hover { text-decoration:underline; } #voir_profile div.membre a.mail { color:#474747 } #voir_profile div.membre dl dd span.mini { font-size:11px;} #voir_profile .fournisseur .nom, #voir_profile .fournisseur .prenom, .fournisseur { color:#d1d13f } #voir_profile .rssi .nom, #voir_profile .rssi .prenom, .rssi { color:#DA333A } #voir_profile .animateur .nom, #voir_profile .animateur .prenom, .animateur { color:#0197D6 } #voir_profile .expert .nom, #voir_profile .expert .prenom , .expert { color:#F7921F } #voir_profile .fournisseur .role a { color:#d1d13f; } #voir_profile .rssi .role a { color:#DA333A } #voir_profile .animateur .role a { color:#0197D6 } #voir_profile .expert .role a { color:#F7921F } #formu_inscription { clear:both; } #form_reac #formulaire label, #formu_inscription #formulaire label { padding-right:5px; color:##474747; font-weight:bold; margin-left:0px; text-transform:uppercase; } .validation { width:700px; text-align:center;} .validation h2 { color:#20A6DB; margin:50px 0 } #voir_profile div.membre dl dt, #form_reac #formulaire label, #formu_inscription #formulaire label { width:206px !important; } #form_reac #formulaire label.radio { cursor:pointer; } .fournisseur img { border:1px solid #D1D13F } .animateur img { border:1px solid #0197D6; } .expert img { border:1px solid #F7921F } .rssi img { border:1px solid #DA333A } #reactions h3.rssi a, #reagir h3.rssi a { color:#DA333A; font-size:12px; text-transform:uppercase; text-decoration:none; } #reactions h3.expert a, #reagir h3.expert a { color:#F7921F; font-size:12px; text-transform:uppercase; text-decoration:none; } #reactions h3.animateur a, #reagir h3.animateur a { color:#0197D6; font-size:12px; text-transform:uppercase; text-decoration:none; } #reactions h3.fournisseur a, #reagir h3.fournisseur a { color:#D1D13F; font-size:12px; text-transform:uppercase; text-decoration:none; } /* newsletter */ #global_newsletter .date { color:#5f5f5f; font-size:14px; margin:10px 0 } #global_newsletter #col_gauche_newsletter { float:left; width:170px;} #global_newsletter #col_centre_newsletter { float:left; width:520px; margin-left:20px; margin-top:10px; } #global_newsletter #menu { margin-left:0; } #global_newsletter #menu li { width:180px; } #global_newsletter #menu_newsletter { margin-top:10px; margin-bottom:10px; width:169px; } #global_newsletter #menu_newsletter li {color:#0197d6} #global_newsletter #menu_newsletter a { color:#0197d6; text-decoration:underline} #global_newsletter .border { border-left:1px solid #d8d6d6; border-right:1px solid #e8e7e7; padding-left:10px; padding-right:10px; } #global_newsletter #edito_newsletter { width:500px; background:url(../_imgs/newsletter_edito_bg.png) top left no-repeat; color:#5a5a5a; font-size:12px; padding:20px 10px; } #global_newsletter .un_article_newsletter {color:#5a5a5a } #ensemble_newsletter select { width:250px; float:right; margin:20px 25px} #global_newsletter .un_article_newsletter h2 { color:#0197d6 } #footer_newsletter #footer { width:745px; } #footer_newsletter #footer .bloc { margin-right:0; margin-left:5px; } /* news secu */ .news_secu .commentaires { clear:both; padding-top:50px; } .news_secu .commentaires h2 { position: relative; width:190px; display:block;} .news_secu .commentaires .com { margin-left:30px; margin-bottom:15px; margin-top:15px; padding-bottom:10px; padding-left:10px; border:1px solid #e4e4e4; border-left:3px solid #e4e4e4; color:#7A7A7A ; min-height:95px; height:auto; } .news_secu .commentaires .com h2 { margin:0px; margin-left:15px; font-size:11px; display:block; color:#7A7A7A; } .news_secu .commentaires h2 .coms { background:url(../_imgs/bulle_com.gif) top left no-repeat; position:absolute; width:20px; top:-25px; right:30px; height:41px; font-size:16px; font-weight:bold; padding:8px 10px 0px 20px; color: #20A6DB } .news_secu .commentaires .com h3 { font-size:11px; } .news_secu .commentaires .com h3 span { text-transform:uppercase; } .news_secu .commentaires .com h3 span a:hover { text-decoration:underline } .news_secu .commentaires .com p { margin-left:15px; width:520px;} .news_secu .commentaires .com p p { margin-left:0 } .news_secu .commentaires .com img { float:right; margin-right:15px; margin-left:15px; margin-top:10px; padding:1px; } .news_secu .post_com #formulaire_forum { margin-left:30px; color:#7A7A7A } .news_secu .post_com #formulaire_forum .photo_auteur img { padding:1px; } .news_secu .post_com .photo_auteur img { padding:1px; } .news_secu .post_com #formulaire_forum label { text-transform:uppercase; color:#000000} .news_secu .post_com #formulaire_forum .titre { width:320px; margin-left:15px; border:1px solid #e4e4e4; color:#7A7A7A } .news_secu .post_com #formulaire_forum textarea { border:1px solid #e4e4e4; width:380px; height:150px; color:#7A7A7A; font-size:11px; } .news_secu .post_com #formulaire_forum h3 { font-size:11px; } .news_secu .post_com #formulaire_forum h3 span { text-transform:uppercase; font-size:11px; font-size:11px; } .news_secu .post_com #formulaire_forum .previsu { margin-top:15px; } .news_secu .post_com #formulaire_forum .previsu label { font-size:11px;} .news_secu .post_com #formulaire_forum .previsu div { font-size:12px; border:1px solid #e4e4e4; padding:10px; border-left:3px solid #e4e4e4; color:#7A7A7A } .news_secu .post_com #formulaire_forum .previsu div.animateur, .news_secu .commentaires div.animateur { border:1px solid #0197D6; } .news_secu .post_com #formulaire_forum .previsu div.rssi, .news_secu .post_com rssi, .news_secu .commentaires div.rssi { border:1px solid #DA333A; } .rssi .spip_logos { border:1px solid #DA333A } .news_secu .post_com #formulaire_forum .previsu div.fournisseur, .news_secu .commentaires div.fournisseur { border:1px solid #D1D13F; } .fournisseur .spip_logos { border:1px solid #D1D13F } .news_secu .post_com #formulaire_forum .previsu div.expert, .news_secu .commentaires div.expert { border:1px solid #F7921F; } .expert .spip_logos { border:1px solid #F7921F } .news_secu .post_com #formulaire_forum .previsu div.animateur, .news_secu .commentaires div.animateur { border:1px solid #0197D6; } .animateur .spip_logos { border:1px solid #0197D6 } .news_secu .post_com #formulaire_forum .previsu div { margin-bottom:10px; } .news_secu .post_com #formulaire_forum .previsu div h2 { margin-bottom:0px; font-size:11px; display:block; } .news_secu .post_com #formulaire_forum .previsu div p { margin-left:15px; } .news_secu .post_com #formulaire_forum .previsu .titre { border:none; margin-left:15px;} .news_secu .post_com #formulaire_forum .previsu .texte { margin:10px 0; width:320px; height:auto; } .news_secu .post_com #formulaire_forum .previsu h3 { font-size:11px; } .news_secu .post_com #formulaire_forum .previsu h3 span { font-size:11px; text-transform:uppercase;} div.partenaire a { color:#2EABDD; } div.partenaire a:hover { text-decoration:underline; } #reagir .photo_redacaut { float:left; height:82px; margin:0 10px 10px 0; text-align:right; width:59px; } #reagir form { margin-top:0; } #reagir form label { color:#474747 } #reagir form h4, #reagir form .envoyer { float:left; clear:left; margin-top:5px; } #reagir form .envoyer { float:right; clear:both; margin:0 0 10px 0; } #reagir form div.radio_reseaux, #reagir form span { clear:left; } #reagir h3 { font-size:18px; } #reagir form input, #reagir form textarea { float:left; } #reagir form .radio_reseaux input { float:none; } #reagir form input.radio { margin:13px 17px 0 0; } #reagir { float:left; width:535px; } #form_reac { background:transparent url(../_imgs/rub_confsecu_bg_reagir.gif) top left no-repeat; padding:0 10px; margin-top: 10px; } #bt_inscription { margin:5px 0; text-align:left; clear : left } #bt_inscription input { margin-right:35px; margin-left:60px; } #inscrire_event { margin-top:30px; margin-bottom:50px; } #inscrire_event #formulaire { margin-left:50px; } #inscrire_event #voir_profile dl { margin:0 } #inscrire_event #voir_profile dl label { height:20px;} #inscrire_event #formulaire label { font-weight:bold; margin:0; height:20px; } /*#inscrire_event #formulaire input { margin:0; }*/ #inscrire_event .membre label { width:206px; display:block; height:18px; } #inscrire_event h2 { margin:15px 0 20px 0px; font-size:18px; } #inscrire_event dt { padding-right:0; height:18px; } #inscrire_event dd span { text-transform:uppercase} #inscrire_event .radio_reseaux label { text-transform:uppercase; } #inscrire_event #formulaire h4 { clear:both; margin-top:30px; color:grey } #inscrire_event .envoyer { float:right; margin-right:175px; margin-top:-20px } #formu_inscription { display:none; }