/****************************************************/ /* Contenus: */ /* Titres */ /* Page Accueil */ /* Page theme et ssthemes */ /* Page Etudes */ /****************************************************/ /****************************************************/ /* Titres */ /****************************************************/ /**** Marge titres ****/ div.csc-header { clear: both;} #zoneCentrale div.csc-top-header{ margin: 0 4px 20px 10px;} /* tmp */ #page.pleine_page #zoneCentrale div.csc-top-header { margin: 0 4px 10px 10px;} /* fin tmp */ #zoneCentrale div.csc-header,#zoneCentrale div.csc-textpicHeader { margin: 0 10px; line-height: 0.6em;} #zoneCentrale div.csc-top-header-la_lettre { margin: -26px 20px 20px 10px; text-align: right;} #zoneCentrale div.csc-top-header-la_lettre07 { float: right; margin: -63px 20px 20px 10px;} #ColonneDroite div.csc-header,#ColonneDroite div.csc-textpicHeader { margin: 0 0 0 10px;} /* Ajout 09/08 */ #ColonneGauche div.csc-header,#ColonneGauche div.csc-textpicHeader { margin: 0 0 0 10px;} #ColonneGauche #auteurs div.csc-header,#ColonneGauche #directeurs div.csc-header,#ColonneGauche #contexte div.csc-header,#ColonneGauche #auteurs div.csc-textpicHeader,#ColonneGauche #directeurs div.csc-textpicHeader,#ColonneGauche #contexte div.csc-textpicHeader { margin: 0 !important;} /* fin de modif */ #zoneCentrale #ColonneA div.csc-header-n1 { margin-top: 50px;} /* TMP : date */ #zoneCentrale div.csc-header p.csc-header-date,#zoneCentrale div.csc-textpicHeader p.csc-header-date { margin: 8px 0 -8px; color: #E41600; font-weight: bold;} /******** h1 ********/ h1 { font-size: 1.6em;} .csc-top-header-la_lettre h1,.csc-top-header-la_lettre07 h1 { font-size: 1.2em;} h1 span#point,h3 span#point { display: none;} h1 span#soustitre { font-size: 0.76em;} h3 span#soustitre { font-size: 0.8em;} h1 span#soustitre,h3 span#soustitre { line-height: 1.3em; padding-top: 0.2em;/* Disposition */ display: block;} #zoneCentrale h1 span#soustitre { clear: both; /* ajout : permet d'occuper totute la ligne (sous les bts du menu) */} #zoneCentrale #ColonneA h1,#ColonneDroite h1 { color: red; text-decoration: line-through;} #ColonneBordure h1.csc-firstHeader { margin-bottom: 10px;} /******** h2 ********/ #zoneCentrale h2,#ColonneDroite h2{ /* Général */ font-size: 1.3em; clear: right; /* Apparence */ border-bottom: 1px solid #AAA;} #zoneCentrale h2 { /* modif 9.07 */ margin-top: 8px; margin-bottom: 4px;} #ColonneA h2,#ColonneDroite h2 { font-size: 1.1em; /* modif 9.07 */ margin-top: 10px; margin-bottom: 4px;} #ColonneA h2.csc-firstHeader,#ColonneDroite h2.csc-firstHeader { /* modif 9.07 */ margin-top: 0;} #ColonneGauche h2 { font-size: 0.8em; line-height: 1.2em;} #ColonneGauche #auteurs h2,#ColonneGauche #directeurs h2 { padding: 1px 6px;} #ColonneGauche #contexte h2 { padding: 3px 6px;} /******** h3 ********/ #zoneCentrale h3 { margin-left: 10px; margin-right: 4px; clear: right;/* modif 0.4em 0 0.2em */ padding : 8px 0 4px;} /* Ajout 24.12 */ #zoneCentrale .csc-header-n1 h3 { padding-top : 0;} /* fin ajout */ #ColonneGauche h3,#ColonneDroite h3 { font-size: 0.8em; padding: 4px; padding-left: 8px; /* padding: 4px 2px; text-align: center; */ /* Apparence */ background: #F2EFE1;} #zoneCentrale #ColonneA h3 { font-size: 0.9em;} #ColonneGauche h3 { margin: 0 10px 6px;} #zoneCentrale #ColonneA h3,#ColonneDroite h3 { /* modif 20.08 margin: 10px 0 4px 10px; */ /* margin: 0 -4px 2px 6px; */ margin: 6px 0 6px 10px;} #ColonneDroite #bloc_etude h3 { line-height: 1.2em; /* Correction alignement haut de colonne la droite */ margin-top: 0; margin-bottom: 0; padding-top: 8px;/* Correction apparence */ background: #F2EFE1; text-align: left; } #zoneCentrale #ColonneA h3.csc-firstHeader,#ColonneDroite h3.csc-firstHeader { /* modif 9.07 */ margin-top: 0;} /* correction */ #ColonneGauche div.csc-header h3,#ColonneGauche div.csc-textpicHeader h3,#ColonneGauche div.csc-header h4,#ColonneGauche div.csc-textpicHeader h4,#zoneCentrale div.csc-header h3,#zoneCentrale div.csc-textpicHeader h3,#zoneCentrale div.csc-header h4,#zoneCentrale div.csc-textpicHeader h4,#ColonneDroite div.csc-header h3,#ColonneDroite div.csc-textpicHeader h3, #ColonneDroite div.csc-header h4, #ColonneDroite div.csc-textpicHeader h4 { margin-left: 0;} #zoneCentrale .bloc_etude h3 { /* font-size: 1.1em; line-height: 1.1em; */ padding: 0;} /* Titre&Text +image à droite */ #zoneCentrale div.csc-textpic-intext-right-nowrap h3,#zoneCentrale div.csc-textpic-intext-right h3 { clear: none;} /******** h4 ********/ #zoneCentrale h4 { margin: 2px 4px 2px 10px;} #ColonneDroite h4 { font-size: 0.8em; margin-left: 10px;} /******** h5 ********/ #zoneCentrale h5 { margin-left: 10px; margin-right: 2px;} #ColonneDroite h5 { font-size: 0.7em; margin-left: 10px;} /*********************** Style cadre 1 : liseret à droite du titre */ #zoneCentrale div.csc-frame-frame1 { float:left; width:100%; background: url('../images/img_css/ligne_rouge.gif') repeat-x right 77%;} #zoneCentrale div.csc-frame-frame1 div.csc-header { background: white; float:left; padding: 0 10px; margin-left: 0; clear: both;} #zoneCentrale div.csc-frame-frame1 h2,#zoneCentrale div.csc-frame-frame1 h3,#zoneCentrale div.csc-frame-frame1 .csc-subheader { color: #E41600;} /* tmp */ #zoneCentrale div.csc-frame-frame1 .csc-subheader { color: #E41600; font-weight: bold; font-size: 1.2em; padding-top: 8px; margin-bottom: 0; /* ie */} #zoneCentrale #actu div.csc-frame-indent { width:190px; float:left; } #zoneCentrale #actu div.csc-frame-indent h3 { font-size:0.9em; margin:0 10px; font-weight:normal; } /****************************************************/ /* Page Listing d'études */ /****************************************************/ /* #zoneCentrale #liste_etudes .bloc_etude { width: 379px;} */ #zoneCentrale #liste_etudes .bloc_etude #texte { width: 261px; /* 379 - 118 */ float: left;} #zoneCentrale #liste_etudes .bloc_etude #resume { font-size: 0.8em; color: #666666; margin-bottom: 0;} #zoneCentrale #liste_etudes .bloc_etude #sous_theme { font-weight: bold; color: #777; font-size: 0.8em; margin-bottom: 0.3em; line-height: 1.1em;} #zoneCentrale .bloc_etude { float: left;/* (778 - 2*10)/2 */ margin: 0pt 0pt 10px 10px; } #zoneCentrale .tx-iaurifpublicationsaff-pi1 .bloc_etude { min-height: 185px;} *html #zoneCentrale .bloc_etude{ margin-left: 5px;} #zoneCentrale .bloc_etude #vignette { float: left; background: #F2EFE1; padding: 8px; margin: 0;} *html #zoneCentrale .bloc_etude #vignette { width: 118px; height: 193px;} #zoneCentrale .bloc_etude #vignette img { margin-bottom: 4px;} #zoneCentrale .bloc_etude #vignette a { display: block;} #zoneCentrale .bloc_etude p#date { font-size: 0.8em; color: #999; margin: 0.3em 1em;} /* Ajout de #ColonneDroite #bloc_etude pour compatibilité avec envoie de la Lettre */ #zoneCentrale #liste_etudes .bloc_etude a,#ColonneDroite #bloc_etude a { color: black; text-decoration: none;} #zoneCentrale #liste_etudes .bloc_etude a:hover,#ColonneDroite #bloc_etude a:hover { text-decoration: underline;} /*** Etudes compact *******/ #zoneCentrale #liste_etudes .bloc_etude_compact p#date { float: right; font-size: 0.8em; color: #999; margin: 0.9em 0 0;} #zoneCentrale #liste_etudes .bloc_etude_compact h3 { float: left;} *html #zoneCentrale #liste_etudes .bloc_etude_compact h3 { margin-left: 5px;} #zoneCentrale #liste_etudes .bloc_etude_compact h3 span#soustitre { font-weight:normal;} /****************************************************/ /* Page Presse/'On en parle' */ /****************************************************/ #zoneCentrale div.tx-iaurifpublicationsaff-pi3 .bloc_etude { float: none; clear: left;} #zoneCentrale div.tx-iaurifpublicationsaff-pi3 .bloc_etude #vignette { margin-right: 10px; margin-bottom: 5px;} #zoneCentrale div.tx-iaurifpublicationsaff-pi3 .bloc_etude #texte { float: none;} /****************************************************/ /* Page Etudes */ /****************************************************/ /******* Colonne Gauche ********************/ #ColonneGauche .csc-textpic-text p { margin: 0 10px 10px;} /* Verifier l'ensemble des cas */ #ColonneGauche #ajout { margin-top: 20px;} #ColonneGauche dd.csc-textpic-caption { color: #666666; font-size: 8pt;} /* Il manque les ul : conflit avec le menu contexte */ #ColonneGauche label,#ColonneGauche input,#ColonneGauche legend { font-size: 0.8em; margin: 0 0 8px 10px;} #ColonneGauche ol { font-size: 0.8em; margin: 0 10px 10px 10px; list-style-position: inside;} /******* zone Centrale ********************/ #zoneCentrale p { margin: 0 10px; font-size:0.9em; text-align:justify;} #zoneCentrale p#video { text-align: center;} #zoneCentrale legend { padding: 0 10px 10px; font-size: 0.9em;} /* doublon ?*/ #zoneCentrale p#date { color: #999;} #zoneCentrale ul, #zoneCentrale ol { margin: 0 10px 5px 26px; font-size: 0.9em; text-align: justify;} /* modification de l'apparence des liste */ #zoneCentrale li { margin-bottom:5px; } #zoneCentrale ul { list-style-image: url(../images/img_css/pictos/point.gif);} #zoneCentrale li ul, #zoneCentrale li ol { margin-bottom: 2px;} #zoneCentrale p.decalage { margin-left: 30px;} /* Correction pour les listes texte+image */ #zoneCentrale div.csc-textpic-intext-left-nowrap ul, #zoneCentrale div.csc-textpic-intext-left ul, #zoneCentrale div.csc-textpic-intext-left-nowrap ol, #zoneCentrale div.csc-textpic-intext-left ol { margin-left: 10px;} *html #zoneCentrale div.csc-textpic-intext-left-nowrap ul, *html #zoneCentrale div.csc-textpic-intext-left ul, *html #zoneCentrale div.csc-textpic-intext-left-nowrap ol, *html #zoneCentrale div.csc-textpic-intext-left ol { margin-left: 0;} /* Correction pour les mise des listes sur ie quand */ #zoneCentrale div.csc-textpic-intext-left-nowrap li,#zoneCentrale div.csc-textpic-intext-left li { list-style-position: inside;} *html #zoneCentrale div.csc-textpic-intext-left-nowrap li,*html #zoneCentrale div.csc-textpic-intext-left li { list-style-image: none;/* list-style-position: outside; */} /* Fin correction */ #zoneCentrale li ul { font-size: 1em; list-style-image: url(../images/img_css/pictos/minus.gif);} #zoneCentrale li ol { font-size: 1em;} /* A ajouter à RTE ? */ #zoneCentrale a.mail { display: inline; margin: 8px;} /******* Colonne A ********************/ #zoneCentrale #ColonneA { color: #666; text-align: justify; } #zoneCentrale #ColonneA p, dd { line-height: 1.2em;} #zoneCentrale #ColonneA p { font-size: 0.8em;} #zoneCentrale #ColonneA dd { font-size: 0.7em; text-align: justify;} #zoneCentrale #ColonneA p.bodytext { font-weight: bold;} #zoneCentrale #ColonneA div.illustration { margin-bottom: 4px; margin-left: 10px;} #zoneCentrale #ColonneA div.illustration #angle { position: relative; width: 30px; height: 30px; margin-top: -30px; margin-left: 155px; background: url('../images/img_css/angle_bas.png');} *html #zoneCentrale #ColonneA div.illustration #angle { margin-top: -29px; margin-left: 156px;} #zoneCentrale #ColonneA p.legende { margin-bottom: 12px; font-size: 0.7em;} #zoneCentrale #ColonneA span.copyright { color: #999; margin-left: 6px; font-style: italic;} #zoneCentrale #ColonneA div.carto { margin-left: 10px;} /******* ColonneB ********************/ #zoneCentrale #ColonneB p { /* text-align: left; */} #zoneCentrale #ColonneB div.savoir_plus p { color: #444444; margin: 2px 10px 4px 0pt;} #zoneCentrale #ColonneB div.savoir_plus { border-top: 1px solid #999999; margin: 20px 4px 0 10px; padding: 8px 0 0;} /* ajout */ #zoneCentrale #ColonneB #content_biblio,#zoneCentrale #ColonneB #content_liens{ margin-top: 20px;} #zoneCentrale #ColonneB #content_liens a,#zoneCentrale #ColonneB #content_liens a.lien_externe { color: #555;} #zoneCentrale #ColonneB #content_biblio h2,#zoneCentrale #ColonneB #content_liens h2 { border-bottom: none; color: #444;} #zoneCentrale #ColonneB #content_liens h2 { margin-bottom: 10px;} #zoneCentrale #ColonneB #content_biblio h4,#zoneCentrale #ColonneB #content_liens h4 { font-size: 0.9em;} #zoneCentrale #ColonneB #content_biblio p,#zoneCentrale #ColonneB #content_liens p { margin-bottom: 5px;} /* fin ajout */ #ColonneDroite #content_glossaire a,#zoneCentrale #ColonneB #content_liens a { background: url('../images/img_css/pictos/picto_site_web.gif') no-repeat right top; display: block; padding-top: 1px; padding-right: 40px; padding-bottom: 2px; text-decoration: none; font-weight: bold; min-height: 12px; vertical-align: baseline; line-height: 1.2em; border-bottom: 1px dotted #CCC;} #ColonneDroite #content_glossaire a { color: #555;} #ColonneDroite #content_glossaire a:hover,#zoneCentrale #ColonneB #content_liens a:hover { background: #F6F3E5 url('../images/img_css/pictos/picto_site_web.gif') no-repeat right top; border-bottom: 1px solid #AAA;}/******* Colonne Bordure ********************/#zoneCentrale #ColonneBordure p { text-align: justify; margin: 0 10px 10px;}/******* Page Bandeauhaut ******* Colonne Bordure ********************/#page.bandeauhaut #ColonneBordure div.csc-textpic-text { width: 100%;} #page.bandeauhaut #ColonneBordure table.contenttable { margin: 2px 10px 10px;} #page.bandeauhaut #ColonneBordure table.contenttable td { font-size: 0.8em; vertical-align: top; padding: 0 2px; /* espace régulier entre les photos */}/******* Page Bandeauhaut ********************/#page.bandeauhaut #zoneCentrale div.csc-textpic-text,#page.bandeauhaut #zoneCentrale div.csc-textpic-imagewrap { margin-right:11px; width:48.5%; float: left;}*html #page.bandeauhaut #zoneCentrale div.csc-textpic-text,*html #page.bandeauhaut #zoneCentrale div.csc-textpic-imagewrap { margin-right:5.5px;}/******* Colonne Droite ********************/#ColonneDroite p,#ColonneDroite label,#ColonneDroite input,#ColonneDroite legend { font-size: 0.8em; margin: 0 0 8px 10px; /* padding: 0 0 8px 10px; impossible à cause du cadre */} #ColonneDroite ul { list-style-image: url(../images/img_css/pictos/point.gif); font-size: 0.8em; /* margin: 0 0 10px 23px; */ list-style-position: inside; margin: 0 0 10px 10px;}*html #ColonneDroite ul { margin: 0 0 10px 23px; list-style-position: outside;} #ColonneDroite ol { font-size: 0.8em; /* margin: 0 0 10px 27px; */ list-style-position: inside; margin: 0 0 10px 10px;} *html #ColonneDroite ol { margin: 0 0 10px 27px; list-style-position: outside;} #ColonneDroite li ul { list-style-image: url(../images/img_css/pictos/minus.gif);} #ColonneDroite li ul, #ColonneDroite li ol { font-size: 1em; /* ajout */ margin-bottom: 0; margin-left: 10px;} *html #ColonneDroite li ul { margin-left: 15px;} *html #ColonneDroite li ol { list-style-position: outside;} #ColonneDroite p.decalage { margin-left: 25px;} #ColonneDroite #vignette { margin-left: 11px; padding-bottom: 8px; background: #F2EFE1; margin-bottom: 2px;} #ColonneDroite #vignette img { margin: 12px; } #ColonneDroite .bloc_etude:hover #vignette,#ColonneDroite #bloc_etude:hover #vignette { display: block; } *html #ColonneDroite #vignette img { margin-bottom: 5px;} #ColonneDroite #vignette #liens { border-top: 1px dotted #BBB8A7; } #ColonneDroite #vignette img.vignette { border: 1px solid #CCC;} #ColonneDroite #vignette a, #zoneCentrale #vignette p.info, #ColonneDroite #vignette span.soldout { color: #666666; font-size: 0.8em; text-decoration: none; margin: 0 2px;} #ColonneDroite #vignette a, #ColonneDroite #vignette span.soldout { display: block; border-bottom: 1px dotted #BBB8A7; padding: 5px 3px 5px 30px; margin: 0 2px; vertical-align: middle; } #ColonneDroite #vignette a.vignette { border-top: none; padding: 0 8px; } #ColonneDroite #vignette a.pdf { background: url(../images/payment/download.png) no-repeat 10px 6px; text-decoration: none;} #ColonneDroite #vignette a.panier {background: url(../images/payment/caddie.png) no-repeat 10px 6px; text-decoration: none;} #ColonneDroite #vignette span.soldout {background: url(../images/payment/caddie_trans.png) no-repeat 10px 6px; } #ColonneDroite #vignette a.abonnement { background: url(../images/payment/subscribe.png) no-repeat 10px 6px; } #ColonneDroite #vignette a.panier span { color: #E41600; font-size: 1.3em; margin: -1px 4px 2px; font-weight: bold; position: absolute; text-align: center; width: 30px;} #ColonneDroite #vignette a.last {border-bottom: 1px dotted #BBB8A7; } #ColonneDroite #vignette a:hover { background-color: #E1DEC8; } #ColonneDroite #vignette a.vignette:hover { background: none; } #ColonneDroite #contacts a { display: block; padding: 1px 1px 1px 20px; margin: 0 0 1px; text-decoration: none; color: black; background: url('../images/img_css/pictos/picto_email.gif') no-repeat left center; /*#F2F2E4*/} #ColonneDroite #contacts a:hover { background: url('../images/img_css/pictos/picto_email_over.gif') no-repeat left center;} /************************************************************ Text-images */ /* Ajout mise en page : pb chevauchement des contenus images+ text */ div.csc-textpic-intext-left { clear:both;} /* Marge images à gauche sur 1 seule colonne#zoneCentrale div.csc-textpic div.csc-textpic-imagewrap dl dt,#zoneCentrale div.csc-textpic div.csc-textpic-imagewrap dl dd,>> supprimer à cause des images à droite : pd de marge !!! */ #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl dt,#zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl dd,#zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,#zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd,#zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl dt,#zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl dd { padding-left: 10px;} *html #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl dt,*html #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl dd,*thml #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,*thml #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd,*thml #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl dt,*html #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl dd { padding: 0;} /* Nouveau : mise en page des contenus standard du nouveau noyau (en test) */ #zoneCentrale div.csc-textpic img, #ColonneDroite div.csc-textpic img { margin-left:10px; } #zoneCentrale div.csc-textpic dl img, #ColonneDroite div.csc-textpic dl img { margin-left:0px; } /* fin Nouveau */ /* Marges entre les images sur 2 colonnes : ie6 */ *html #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl.csc-textpic-lastcol dt,*html #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl.csc-textpic-lastcol dd,*html #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-lastcol dt,*html #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-lastcol dd,*html #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl.csc-textpic-lastcol dt,*html #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl.csc-textpic-lastcol dd { padding-left: 0;} *html #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl.csc-textpic-firstcol dt,*html #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap dl.csc-textpic-firstcol dd,*html #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-firstcol dt,*html #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-firstcol dd,*html #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl.csc-textpic-firstcol dt,*html #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl.csc-textpic-firstcol dd { padding-left: 10px;} /* Gestion de la marge à droite pour image habillée à droite : uniquement firefox */ #zoneCentrale .csc-textpic-intext-left div.csc-textpic-imagewrap,#ColonneDroite .csc-textpic-intext-left div.csc-textpic-imagewrap { padding-right: 10px;} *html #zoneCentrale .csc-textpic-intext-left div.csc-textpic-imagewrap,*html #ColonneDroite .csc-textpic-intext-left div.csc-textpic-imagewrap { padding: 0;} /* Marge paragraphe pour les images habilée à droite */ *html #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-text p { margin-left : 0;} /* Marge droite pour images à droite */ #zoneCentrale div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,#zoneCentrale div.csc-textpic-intext-right div.csc-textpic-imagewrap{ margin-right: 10px;}*html #zoneCentrale div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,*html #zoneCentrale div.csc-textpic-intext-right div.csc-textpic-imagewrap{ margin-right: 5px;} /* Ajout pour les montage de plusieurs images / valeur testée : pas d'explication logique / Pourrait-etre remplacé par une CONSTANT propre à ie */ *html div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, *html div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, *html div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image,*html div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { margin-right: 7px; /* idealement = 8 voir 10 >> verifier si marge droite venant foutre le bordel */} /* Marges haut/bas */ #zoneCentrale div.csc-textpic-above div.csc-textpic-imagewrap { margin-bottom: 5px;} #zoneCentrale div.csc-textpic-below div.csc-textpic-imagewrap { margin-top: 5px;} /* legendes */ #zoneCentrale dd.csc-textpic-caption { color: #666666; font-size: 8pt; margin-top: -1px; /* ajout 24.12 */} *html #zoneCentrale dd.csc-textpic-caption { margin-top: 3px; /* ajout 24.12 */} #ColonneGauche dd.csc-textpic-caption,#ColonneDroite dd.csc-textpic-caption { color: #666666; font-size: 7pt;} #ColonneDroite div.csc-textpic-imagewrap dl dt,#ColonneDroite div.csc-textpic-imagewrap dl dd { padding-left: 10px !important; /* '!important' peut-etre a supprimer */}/* ajout : corriger la feuille de style par defaut */ *html div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {margin-left: 0;} *html #ColonneDroite div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, *html #ColonneDroite div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, *html #ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {margin-right: 0;} /* modification envisageable #zoneCentrale div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, #zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, #zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image { margin-right: 8px}*/ /*#ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dt,#ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dd,#ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dt,#ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dd,#ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,#ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd { padding-left: 10px;} *html #ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dt,*html #ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dd,*html #ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dt,*html #ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dd,*html #ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,*html #ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd { padding: 0; margin: 0; padding-left: 5px; }*/ /*#ColonneDroite div.csc-textpic-intext-right div.csc-textpic-imagewrap dl dt,#ColonneDroite div.csc-textpic-intext-right div.csc-textpic-imagewrap dl dd,#ColonneDroite div.csc-textpic-center div.csc-textpic-imagewrap dl dt,#ColonneDroite div.csc-textpic-center div.csc-textpic-imagewrap dl dd { padding-left: 0;}*/ /* Habillage des images dans la BE typo3 : paramètre 'Bordure' */ div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border-width: 1px;} /**************************************/ /* Barre d'outils */ /**************************************/ #menu_contenu { float: right; text-align: right; margin: 0 10px 10px;}*html #menu_contenu { margin-right: 5px;} #menu_contenu a { display: block; float: left; margin-left: 3px; height: 20px; width: 20px;} #menu_contenu a#moins { background: url('../images/img_css/pictos/picto_a-.gif');} #menu_contenu a#moins:hover { background: url('../images/img_css/pictos/picto_a-_over.gif');} #menu_contenu a#plus { background: url('../images/img_css/pictos/picto_a+.gif');} #menu_contenu a#plus:hover { background: url('../images/img_css/pictos/picto_a+_over.gif');} #menu_contenu a#imprimer { background: url('../images/img_css/pictos/picto_imprimer.gif');} #menu_contenu a#imprimer:hover { background: url('../images/img_css/pictos/picto_imprimer_over.gif');} #menu_contenu a#envoyer { background: url('../images/img_css/pictos/picto_envoyer.gif');} #menu_contenu a#envoyer:hover { background: url('../images/img_css/pictos/picto_envoyer_over.gif');} #menu_contenu a#favoris { background: url('../images/img_css/pictos/picto_favoris.gif');} #menu_contenu a#favoris:hover { background: url('../images/img_css/pictos/picto_favoris_over.gif');} /****************************************************/ /* Cartes anciennes : 3 colonnes */ /****************************************************/ .colonne20pc { width: 20%; float: left;} .colonne25pc { width: 25%; float: left;} .colonne33pc { width: 33%; float: left;} .colonne50pc { width: 50%; float: left;} /* tableaux extension interco + cartes anciennes */ /* modif juin 09 pour ne pas généraliser à tous les tableaux (dont newsletter) : verifier si pertinent ! */ .tt-products table, .tx-interco-pi1 table,.tx-cartesanciennes-pi1 table,.tx-actionsinternationales-pi1 table,.tx-indexedsearch table,.tx-airfilemanager-pi1 table { margin: 2px 10px 10px; font-size: 0.9em;} .tt-products table td, .tx-interco-pi1 table td,.tx-cartesanciennes-pi1 table td,.tx-actionsinternationales-pi1 table td,.tx-indexedsearch table td,.tx-airfilemanager-pi1 td { padding: 0 2px; } .tab_ligne_entete { background: #E9E6D5; white-space:nowrap;} .tab_ligne_impair {} .tab_ligne_pair { background: #F2EFE1;} table.collectivites { margin: 0px 0px 6px;} table.collectivites td { padding: 0px; width: 83px; text-align: center;} table.collectivites a { text-decoration: none; width: 100%; display: block;} table.collectivites a:hover { text-decoration: underline;} /* */ #carteinter { padding-left: 5px;} /******************************************/ /*************** Formulaires **************/ /******************************************/ #zoneCentrale label,#zoneCentrale input,#zoneCentrale textarea,#zoneCentrale select { margin: 0 0 10px 10px; font-size: 0.9em;} *html #zoneCentrale input { width: 200px;} *html #zoneCentrale textarea { width: 400px;} /*********************************/ /* Recherche */ /*********************************/ .tx-indexedsearch-searchbox table { clear: left;} .tx-indexedsearch-searchbox label,.tx-indexedsearch-searchbox input { float: left;} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td { background: none;} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead .tx-indexedsearch-title { font-size: 1.3em; font-weight: bold;} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { font-weight: bold;} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead .tx-indexedsearch-title a,.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a { text-decoration: none;} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead .tx-indexedsearch-title a:hover,.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a:hover { text-decoration: underline;}.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr { font-style: normal; /* corrige l'italic */}.tx-indexedsearch .tx-indexedsearch-noresults { text-align: left; /* corrige l'alignement */}/*********************************//* Formulaire de contact *//*********************************/#mailform label { display:block; float:left;} #mailform input { display:block; float:left;} #mailform textarea { display:block; float:left;} #mailform select { display:block; float:left;} #mailform #mailformmessage { clear:left;} #mailform #mailformformtype_mail { margin-left: 80px; clear: both;} *html #mailform #mailformformtype_mail { margin-left: 40px; margin-bottom: 10px;}*html #mailform { margin-bottom: 10px;} /* */ .tx-sremailsubscribe-pi1 { margin-bottom: 10px;} p.tx-sremailsubscribe-pi1-error { background: #E71E00; color: white; padding: 0 6px; } p.tx-sremailsubscribe-pi1-notice { color: #5B5B50;} /* suppr SB 14.05 */ *html #tx-sremailsubscribe-pi1-tx-sremailsubscribe-pi1-tt_address_form input { float: left;} *html #tx-sremailsubscribe-pi1-tx-sremailsubscribe-pi1-tt_address_form label { float: left; clear: left;} *html p.tx-sremailsubscribe-pi1-click-to-edit { padding-top: 10px;} /*********************************/ #bloc_lettre { clear: both; margin-bottom: 10px;} *html #bloc_lettre { margin-bottom: 0px;} #bloc_lettre img { float: left; margin : 0 8px 0 10px;} #bloc_lettre img.puce { float: none; margin-right : 1px; margin-left : 0;} #bloc_lettre { text-decoration: none;} #bloc_lettre p { margin-bottom: 0.2em;} /*#bloc_lettre ul { list-style-position: inside; list-style-image: url(../images/img_css/pictos/point.gif);}*html #bloc_lettre ul { list-style-image: none;}#ColonneDroite #bloc_lettre ul { clear: both; margin-left: 10px;}*/ #ColonneDroite #bloc_lettre img { display: none;} /*********************************/ /* Lecteur MP3 */ /*********************************/ .tx-ameosdewplayer-pi1 { margin-left: 4px; margin-bottom: 3px;} *html .tx-ameosdewplayer-pi1 { margin-left: 2px;} */*********************************/ /* Sitemap */ /*********************************/ #zoneCentrale .csc-sitemap ul ul { margin-bottom: 20px;} #zoneCentrale .csc-sitemap ul ul ul { margin-bottom: 2px;} #zoneCentrale .csc-sitemap ul ul ul ul { margin-bottom: 0;} #zoneCentrale .csc-sitemap ul li a { text-transform: uppercase; font-weight: bold; text-decoration: none;} #zoneCentrale .csc-sitemap ul ul li a { text-transform: none; text-decoration: underline;} #zoneCentrale .csc-sitemap ul ul ul li a { font-weight: normal;} #zoneCentrale .csc-sitemap ul ul ul ul li { /* display: inline; margin-left: 0; maring-right: 4px; font-size: 0.9em; Gestion horizontale du dernier niveau */} #zoneCentrale .csc-sitemap ul ul ul ul li a { color: #666;} /*********************************/ .onclick { cursor: pointer;} /*********************************/ /* Commande cartes (à supprimer) */ /*********************************/ #iframe_commande { width : 775px; height : 600px;} *html #iframe_commande { width : 755px; } /****************************************************/ /* Inutiles : a verifier */ /****************************************************/ .clear_all { clear: both;} .hide { display: none;} .upper { text-transform: uppercase;} /* utiles ?*/ #pdf { position: absolute;} /*********************************/ /* Interco */ /*********************************/ table.interco { width: 590px; text-align: left;} *html table.interco { width: 585px;} table.interco-comp { width: 160px;} /*********************************/ /* Indexed search : sysext */ /*********************************/ div.bandeauhaut div.tx-indexedsearch-searchbox { display: none;} div.bandeauhaut div#ColonneBordure div.tx-indexedsearch-searchbox { display: block;} div.bandeauhaut div.tx-indexedsearch-rules { display: none;} div.bandeauhaut div#ColonneBordure div.tx-indexedsearch-rules { display: block;} div.bandeauhaut div#ColonneBordure div.tx-indexedsearch-whatis { display: none;} div.bandeauhaut div#ColonneBordure div.tx-indexedsearch-browsebox { display: none;} div.bandeauhaut div#ColonneBordure div.tx-indexedsearch-res { display: none;} div.bandeauhaut div#ColonneBordure p.tx-indexedsearch-noresults { display: none;} /**** tmp : trouver une autre methode ***/ div.tx-indexedsearch-whatis { margin-left: 10px;} /**** tmp : trouver une autre methode ***/ div.tx-airfilemanager-pi1 h2 { margin: 0 10px;} div.tx-airfilemanager-pi1 input#tx_airfilemanager_addfields_btn { display: none !important; /* erreur dans le ficheir html */} div.tx-airfilemanager-pi1 div.namecol { margin-left: 10px;} div.tx-airfilemanager-pi1 table td { white-space: nowrap; padding: 4px 4px 0 4px;} div.tx-airfilemanager-pi1 table th { background: #666; padding: 0 4px 1px; text-align: left;} div.tx-airfilemanager-pi1 table th,div.tx-airfilemanager-pi1 table th a { color: white;} div.tx-airfilemanager-pi1 div.fields { margin: 0 10px 20px;} div.tx-airfilemanager-pi1 div.namecol { float: left; width: 70px; white-space: nowrap;} div.tx-airfilemanager-pi1 div#upload-form { padding-top: 20px;} div.tx-airfilemanager-pi1 div#upload-form textarea { width:300px;} /************************* la newsletter ******************/ #page.lanewsletter #agenda { background : #F0F1F1; width: 360px;} #newsletter_colonne1,#newsletter_colonne2 { float:left; width:360px; margin-left: 20px;} #newsletter_chapeau { float:left; width: 740px; margin-left: 20px;} *html #newsletter_colonne1,*html #newsletter_colonne2,*html #newsletter_chapeau { margin-left: 10px;} /* tmp */ #page.lanewsletter #texte h3 { margin-left: 20px;} /*********************************/ /* Multiple Content */ /*********************************/ .ui-widget-header { background:none; border:none; } .ui-widget { font-family:arial; font-size:1em; } .ui-tabs { margin: 0 10px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:black; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#E41600; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #EEE; background: white; font-weight: bold; color:#E41600; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #DDD; } .ui-state-hover , .ui-state-hover { background:none; border: 1px solid #DDD; } .ui-widget-content { border:none; } .ui-corner-all { -moz-border-radius:0 0 20px 60px; } /*****AJOUT TTPRODUCTS *********/ #zoneCentrale .tt-products legend { font-size:1.1em; line-height:1.2em; font-weight:bold;} .tt-products label { float:left; padding-top:2px; clear:left; } .tt-products #billing_block label, .tt-products #delivery_block label { width:90px; } #zoneCentrale .tt-products label.checkbox { width:500px; float:none; margin-left:0;} #billing_block, #delivery_block, #delivery_notes { float : left; } #billing_block, #delivery_block { width:50%; } .tt-products div#billing_address, .tt-products div#delivery_address { margin-top: 10px; } .tt-products #tx-ttproducts-pi1-list .item a, .tt-products #tx-ttproducts-pi1-single .item a { float:left; margin: 10px; } /*****AJOUT IOCEAN*********/ /*****FORMULAIRE TT_PRODUCTS*********/ #zoneCentrale .tt-products .error{ background-color : #ffcccc; } #zoneCentrale .tt-products label.error{ float : none; color : #ff0000; padding: 5px; margin : 0 10px; position: absolute; } .shop_minibasket { margin: 2px; } .shop_minibasket p { background: white; color: black; } .shop_minibasket p img { vertical-align: middle; margin-right: 2px; } .shop_minibasket p a { font-size: 0.8em; color: black; font-weight: bold; text-decoration: none; padding: 0 4px; } .shop_minibasket p a span { color: #E71E00; } #zoneCentrale .tx-jfmulticontent-pi1 ul, #zoneCentrale .tx-jfmulticontent-pi1 ol { margin: 0;} #zoneCentrale div.tx-jfmulticontent-pi1 dl dt { padding: 0 !important; } #zoneCentrale div.tx-jfmulticontent-pi1 div.anythingSlider { padding: 0; }