/* ******************************************** */ /* CSS DOCUMENT screen.css */ /* PROJET : AL PRO 2008 CSS */ /* DATE DEBUT : 25 juillet 2008 */ /* ******************************************** */ /* ******************************************************** General ************************************************************ */ /* **** STRUCTURE **** */ * { margin:0; padding:0;} html { font-size:100%; margin:0; padding:0; background-color:#fff;} body { font-size:.8em; margin:0; padding:0; color:#333; font-family:Arial, Helvetica, Sans-serif; background:transparent url(/images/commun/header/bandeau2.png) repeat-x top; } #global { width:957px; margin:0 auto; } #header { width:957px; margin:0 auto 0 auto; } #header #logo { margin:0px;} #content { position:relative; width:957px; margin:0 auto 0px auto; /* padding-bottom:50px; */ background-color:transparent; } #footer { height:120px; margin:0; font:normal normal .9em Verdana, Arial, Helvetica, Sans-serif; background-color:#303030; } #footer ADDRESS { float:left; color:#fff; margin:0 0 0 15px; padding-left:30px; font-style:normal; background:url(/images/commun/icones/footer.gif) 0 0px no-repeat; } #footer ADDRESS.icone { width:250px; color:#fff; margin:0 0 0 15px; padding-left:30px; font-style:normal; background:url(/images/commun/icones/footer1.png) 0 0px no-repeat; } #footer #contenuFooter { width:990px; margin:0 auto; } #footer #contenuFooter .col1 { float:left; display:inline; margin-top:20px; width:320px; } #footer #contenuFooter .col2 { float:left; display:inline; margin-top:20px; width:320px; } #footer #contenuFooter .col3 UL { float:left; display:inline; margin:20px 0 0 20px; width:320px; } #footer #contenuFooter .col3 UL LI { margin:0 0 5px 35px;} #content .contentColGlobal { width:955px; height:530px; margin:0; padding:0; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; background:white url(/images/commun/1px.png) repeat-y 635px 0px;} html>body #content .contentColGlobal { height:auto; min-height:530px; } #content .contentColLeft { float:left; width:595px; display:inline; margin:0 0 0 20px; } #content .contentColLeft IMG.icones { float:left; margin:0 25px 5px 10px; padding:0;} #content .contentColLeft HR { clear:both; margin:15px 0 15px 0; padding:0;} #content .contentColLeft A { } #content .contentColLeft A:hover { text-decoration:underline; color:#c30009; } #content .contentColRight { float:right; width:310px; margin:0; padding:0; display:inline; font-size:.85em; } #content .contentColLeft .col1 { float:left; width:210px; display:inline; margin-bottom:20px; } #content .contentColLeft .col2 { float:right; width:355px; display:inline; margin-bottom:20px; } #content .contentColLeft .col1-2 { float:left; width:355px; display:inline; margin-bottom:20px;} #content .contentColLeft .col2-2 { float:right; width:210px; display:inline; margin-bottom:20px;} #content .contentColLeft .col1 UL LI { margin-bottom:20px; } #content .contentColLeft .colLeft { float:left; display:inline; width:283px; } #content .contentColLeft .colRight { float:right; display:inline; width:283px; } /* ******************************************************* logo html ****************************************************** */ .logoAcheter { font-size:.85em; height:10px; padding:1px 0 1px 2px; font-weight:bold; width:150px; color:#fff; background-color:#c30009; } .logoTiret { vertical-align:2px; } .logoLouer { font-size:.85em; padding:0px 1px 0 2px; font-weight:bold; width:150px; color:#000; background-color:#fff; border-top:1px solid black; border-bottom:1px solid black; } .logoPoint { vertical-align:3px; } .logoFr { font-size:.85em; padding:1px 1px 1px 0px; font-weight:bold; width:150px; color:#fff; background-color:#000; } /* Accessibilité */ .effectuerUneRecherche { position:absolute; left:600px; top:10px; } .allerAuMenu { position:absolute; left:750px; top:10px; } /* **** TYPOS STYLES **** */ .bold { font-weight:bold; } .red { color:#c30009;} .green { color:#02680c;} .red { color:#c30009;} .redBold { color:#c30009; font-weight:bold; } .redBold2 { color:#c30009; font-weight:bold; font-size:1.1em;} .blue { color:#0a71b3; } .blueBold { color:#0a71b3; font-weight:bold; } .grey { color:#cccccc; } .greyBold { color:#cccccc; font-weight:bold; } .blackBold { color:#000000; font-weight:bold;} .bgRed { background-color:#ff1313; } .borderRed { border:2px dashed double #ff1313; } .size07 { font-size:0.7em;} .petit { font-size:.85em; } /* **** DIVERS **** */ IMG { border:0; } UL { margin:0; padding:0; } UL LI { list-style-type:none; margin:0; padding:0; } FORM { margin:0; padding:0; } INPUT { text-align:left; font-size:1em; } SELECT { font-size:1em; } INPUT.btRadio { vertical-align:-2px;} HR { height:1px; border-top:1px dotted #999; border-bottom:0; margin-bottom:15px !important; margin-bottom:135px ;} .clear { clear:both; height:0px; border:0; margin:0; padding:0; font-size:0px; } .center { text-align:center; } .centerAuto { margin:0 auto; } HR.clear { display:block; clear:both; height:1px; visibility:hidden; margin: 0; _margin: -7px 0; padding:0; font-size:1px; border:1px solid black; } P { margin:0 0 15px 0; } P.error { text-align:center; font:bold 1.5em Arial, Helvetica, sans-serif;} UL.error { font:bold 1em Arial, Helvetica, sans-serif;} .centre { text-align:center; } .textCentre { text-align:center; } .textLeft { text-align:right; } .textLeft { text-align:left; } .floatLeft { float:left; } .floatRight { float:right; } .imgLeft IMG { float:left; margin:0 5px 5px 0; } .imgRight IMG { float:right; margin:0 0 5px 5px; } EM.normal { font-style:normal; } .textLeft { text-align:right; } .textLeft { text-align:left; } .fontsize08 { font-size:0.8em; } .fontsize09 { font-size:0.9em; } A { color:#bc5e61; text-decoration:none; } A:visited { color:#bc5e61; text-decoration:none; } A:hover { color:#95484b; text-decoration:underline; } /* listes */ UL.rondgris { margin-left:20px; } UL.rondgris LI { padding:0 0 0 20px; margin-bottom:10px; background:url(/images/commun/global-image-puces.png) 0 -274px no-repeat; } UL.rond { margin-left:20px; } UL.rond LI { padding:0 0 0 20px; margin-bottom:10px; background:transparent url(/images/commun/puces/rond-rouge.png) 0 0px no-repeat; } UL.disc LI { list-style-type:disc; list-style-position:inside; } /* balises A liens */ A.flecheRougeDroite { font-weight:bold; padding:0 10px 0 0; background:url(/images/commun/puces/_fleche_R.gif) right 4px no-repeat; } A.flecheRougeDroite2 { font-weight:bold; padding:0 12px 0 0; background:url(/images/commun/puces/arrow-red4.png) right 3px no-repeat; } /*Gerard*/ A.text_small, A:visited.text_small, A:hover.text_small { color:#333; text-decoration:none;} /* **** SPAN pour *Obligatoire ***** */ SPAN.obligatoire { font:normal .9em Arial, Helvetica, sans-serif; color:#c30009; } SPAN.obligatoireHaut { font:normal 0.8em Arial, Helvetica, sans-serif; color:#c30009;} /* **** PNG TRANSPARENT **** */ .pngImg { color:#fff; position:absolute; top:10px; left:10px; width:200px; height:200px; z-index:500; background:url(images/commun/pngtest.png) top left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/pngtest.png', sizingMethod='crop'); } /* **** COUCHE ALPHA **** */ .alphaImg { -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); position:absolute; top:210px; left:10px; width:200px; height:200px; z-index:500; color:#000; background-color:#310000; } /* **** TITRES H **** */ /* H1 */ H1 { font:normal 2.1em Georgia, Times, 'Times New Roman', serif; color:#4e4e4e; text-align:left; margin:15px 0 0px 0px; padding:0; /* background:url(/images/commun/titre-accueil.png) 0 0px no-repeat; */ } /* H2 */ H2.expression { font:bold 1.1em arial; color:#655614; background-color:#e1e1d9; border-bottom:1px dotted #655614; margin:0px; padding:10px 5px 10px 5px; } H2.titreGrisFonce { font:bold 1em Arial, Helvetica, Verdana, Sans-serif; color:#333; margin:15px 0 20px 0; } H2 { clear:both; font:normal 1.7em Arial, Helvetica, Verdana, Sans-serif; line-height:1.2em; color:#94812b; margin:15px 0 20px 0; } H2.titrePrinc { text-align:center; font: 1.5em Georgia, Times, 'Times New Roman', Serif; color:#a86311; margin:0; padding:0; } H2.baseline { height:10px; float:left; width:300px; font:italic 1.3em Georgia, Times, serif; color:#fff; margin:0; padding:30px 0 0 10px; } H2.sousTitrePage { font:normal 1.2em Arial, Helvetica, Verdana, Sans-serif; color:#525252; margin-bottom:10px; padding:0; } H2.sousTitre { margin:20px 0 10px 0px; padding-left:15px; font:bold 1.3em Arial, Helvetica, Verdana, Sans-serif; color:#525252; background:url(/images/commun/global-image-puces.png) 0 -68px no-repeat; } H2.sousTitreIntPage { margin:0; padding:0; font:normal 1.2em Arial, Helvetica, Verdana, Sans-serif; color:#525252; } H2.travaux { height:30px; padding:10px 0 0 50px; margin:0 0 0 20px; font:bold 1em Arial, Helvetica, Verdana, Sans-serif; color:#0c0c0c; background:url(/images/commun/icones/outil.gif) 0 10px no-repeat; } H2.h2top { margin-top:5px; } H3 { font:bold 1em Arial, Helvetica, Verdana, Sans-serif; color:#333; margin:10px 0 16px 0; } H3.h3formulaire { padding:0 10px 10px 70px; color:white; font-size:1.7em; border-bottom:1px solid #c3d6e3; background:transparent url(/images/commun/enveloppe.png) 0px center no-repeat; } H3.sousTitreMilieu { text-align:center; font:normal 1em Arial, Helvetica, Verdana, Sans-serif; color:#6c6c60; margin:0; padding:0; } H3.soustitreEnglobant { width:250px; padding:0; font:bold 1em Arial, Helvetica, Verdana, Sans-serif; color:#6c6c60;} H3.titreColLeft { margin:0; padding:0; font:normal 1.4em Georgia, Times, 'Times New Roman', Serif; color:#45453d; } H3.titreListe { margin:0; font:bold .9em Arial, Helvetica, Verdana, Sans-serif; color:#79949c;} H3.title { color:#c30009; font:normal 1.1em Arial, Helvetica, Verdana, Sans-serif; margin:0 0 5px 0; } H3.titre { font:bold 1.2em Arial, Helvetica, Verdana, Sans-serif; color:#525252; margin:40px 0 16px 0; padding:8px 5px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#e7e9be; } H4 { margin:15px 0 0 0; font:bold 1.1em Arial, Helvetica, Verdana, Sans-serif; color:#c30009; padding-left:25px; background:url(/images/commun/global-image-puces.png) 0 -146px no-repeat; } H4.neuf { margin:0 0 0 0; font:bold 1.1em Arial, Helvetica, Verdana, Sans-serif; color:#c30009; padding-left:25px; background:url(/images/commun/global-image-puces.png) 0 -190px no-repeat; } P.sousTitreAccueil { float:left; font:bold 1.5em Arial, Helvetica, Verdana, Sans-serif; color:#8b8b84; margin:0 0 0 60px; padding:0; width:550px; } /*////////// Bouton gris arrow /////////////////*/ /* 99x19 Georgia */ A.btGreyArrow1 { display:block; height:17px; color:#333; padding-top:2px; text-decoration:none; text-align:center; background:url(/images/commun/bt/btGrey.png) 0 0 no-repeat;} A.btGreyArrow1:hover { text-decoration:none; color:#c30009;} A.btConfirm { display:block; float:right; height:17px; width:100px; color:#333; margin:10px 20px 0 0px; padding-top:2px; text-decoration:none; text-align:center; background:url(/images/commun/bt/btGrey.png) 0 0 no-repeat;} A.btConfirm:hover { text-decoration:none; color:#c30009;} A.btModif { display:block; float:left; height:17px; width:100px; color:#333; margin:10px 0 0 20px; padding-top:2px; text-decoration:none; text-align:center; background:url(/images/commun/bt/btGreyArrowInvert.gif) 0 0 no-repeat;} A.btModif:hover { text-decoration:none; color:#c30009;} /* 99x19 Verdana*/ A.btGreyArrow2 { display:block; height:17px; color:#333; border-left:1px solid #e2e2e2 ; padding-top:2px; text-decoration:none; text-align:center; font:bold .95em Verdana, Arial, Helvetica, sans-serif; background:url(/images/commun/bt/btGrey.png) 0 0 no-repeat; } A.btGreyArrow2:hover { text-decoration:none; color:#c30009; } /* **** BOUTONS DONT ON PEUT SE RESSERVIR **** */ /* Encadrer avec un div pour typo, graisse... ou directement avec balise style */ A.btGreyArrowInvert {display:block; height:19px; color:#333; text-decoration:none; background:url(/images/commun/bt/btGreyArrowInvert.gif) 0 0 no-repeat;} A.btGreyArrowInvert:hover {color:#c30009;} A.btGreyIndex {display:block; color:#666; text-decoration:none; width:70px; height:18px; margin:5px 0 0 0; padding:1px 0 0 30px; background:url(/images/commun/bt/bt_fleche.png) 0 0 no-repeat; } A.btGreyIndex:hover {color:#c30009;} A.btGrey1 {display:block; color:#333; text-decoration:none; background:url(/images/commun/bt/btGrey1.gif) 0 0 no-repeat; } A.btGrey1:hover {color:#c30009;} A.btGrey2 { display:block; color:#333; text-decoration:none; background:url(/images/commun/bt/btGrey1.gif) 0 0 no-repeat; } A.btGrey2:hover { color:#c30009;} A.btGrey2rev { display:block; color:#333; text-decoration:none; background:url(/images/commun/bt/btGrey1.gif) 0 0 no-repeat; } A.btGrey2rev:hover { color:#c30009;} A.btGeneriqueGris { display:block; width:66px; height:24px; line-height:24px; color:#333; text-decoration:none; padding-left:10px; background:transparent url(/images/commun/bt-gris.png) 0 0 no-repeat;} A.btGeneriqueGris:hover { display:block; width:66px; height:24px; line-height:24px; color:#333; text-decoration:none; background:transparent url(/images/commun/bt-gris.png) 0 -24px no-repeat;} A.btGeneriqueGris01 { display:block; padding-left:10px; text-align:left; width:59px; height:21px; line-height:20px; color:#565656; text-decoration:none; background:url(/images/bt/bt_generic_grey01.png) 0 0 no-repeat;} A.btGeneriqueGris01:hover { background:transparent url(/images/bt/bt_generic_grey01.png) 0 -23px no-repeat;} A.btGeneriqueGris02 { display:block; width:80px; height:21px; line-height:20px; color:#565656; text-decoration:none; padding-left:5px; background:url(/images/bt/bt_generic_grey02.png) 0 0 no-repeat;} A.btGeneriqueGris02:hover { background:transparent url(/images/bt/bt_generic_grey02.png) 0 -23px no-repeat;} /* /// */ A.btGenericGrisSmall { display:block; width:66px; height:20px; line-height:20px; color:#333; text-decoration:none; padding-left:14px; background:transparent url(/images/commun/bt/bt-gris-small.png) 0 0 no-repeat; } A.btGenericGrisSmall:hover { display:block; width:66px; height:20px; line-height:20px; color:#333; text-decoration:none; background:transparent url(/images/commun/bt/bt-gris-small.png) 0 -20px no-repeat; } /*////////// Bouton rouge dont on peut se resservir, ne pas l'éditer /////////////////*/ /* il faut juste encadrer cet UL avec un div contenant les propriétés generales : typo, graisse, taille.*/ A.btGeneriqueRouge { display:block; width:66px; height:24px; line-height:24px; color:#FFF; text-decoration:none; padding-left:14px; /*background img_*/ } A.btGeneriqueRouge:hover { display:block; width:66px; height:24px; line-height:24px; color:#FFF; text-decoration:none; /*background img_*/ } A.btGeneriqueRouge01 { display:block; width:59px; height:21px; line-height:20px; color:#FFF; text-decoration:none; padding-left:5px; /*background img_*/ } A.btGeneriqueRouge01:hover { /*background img_*/ } /*////////// Fleche rouge dont on peut se resservir, ne pas l'éditer /////////////////*/ /*FLECHE ROUGE 1*/ A.btArrowRed1 { display:block; height:24px; color:#c30009; text-decoration:none; padding-left:18px; text-align:left; margin:5px 0 5px 0; background:transparent url(/images/commun/puces/arrow-red2.png) left 0px no-repeat; font-weight:bold; } A.btArrowRed1:hover { display:block; color:#c30009; text-decoration:underline; background:transparent url(/images/commun/puces/arrow-red2.png) left 0px no-repeat; } /*FLECHE ROUGE 2 en verdana 10px*/ A.btArrowRed2:link { display:block; height:12px; color:#c30009; text-decoration:underline; padding-left:18px; text-align:left; margin:5px 0 5px 0; background:transparent url(/images/commun/global-image-puces.png) 0/* left */ -68px no-repeat; font:bold 10px Verdana, Arial;} A.btArrowRed2:visited { display:block; color:#c30009; text-decoration:underline; padding-left:18px; margin:5px 0 5px 0; background:transparent url(/images/commun/global-image-puces.png) 0 /* left */ -68px no-repeat; font:bold 10px Verdana, Arial; } A.btArrowRed2:hover { display:block; color:#c30009; text-decoration:underline; padding-left:18px; margin:5px 0 5px 0; background:transparent url(/images/commun/global-image-puces.png) 0 /* left */ -68px no-repeat; font:bold 10px Verdana, Arial; } /* BOUTONS INPUT */ .inputButtonOK { display:block; float:left; cursor:pointer; width:26px; height:17px; background:transparent url(/images/commun/bt/input-button-ok.png) 0 0 no-repeat; } #barRetour { margin:0px 0 10px 0; width:955px; height:23px; border:1px solid #ccc; } #barRetour A { float:left; text-align:center; border:1px solid #ccc; margin:4px 5px 0 3px; padding:0px 0px 0 10px; width:107px; height:14px; font:bold .85em Verdana, Arial, Helvetica, Serif; color:#333; text-align:center; text-decoration:none; background:#dcdcdc url(/images/commun/global-image-puces.png) 2px -27px no-repeat; } #barRetour A:hover { color:#c30009; } #barRetour2 { margin:20px 0 10px 0; width:600px; height:23px; border:1px solid #ccc; } #barRetour2 A { float:left; text-align:center; border:1px solid #ccc; margin:4px 5px 0 3px; padding:0px 0px 0 10px; width:107px; height:14px; font:bold .85em Verdana, Arial, Helvetica, Serif; color:#333; text-align:center; text-decoration:none; background:#dcdcdc url(/images/commun/global-image-puces.png) 2px -27px no-repeat; } #barRetour2 A:hover { color:#c30009; } /* **************************************************************************************************************************** */ /* ******************************************************* menuprincipal ****************************************************** */ /* **************************************************************************************************************************** */ #menuPrincipal { width:957px; height:36px; padding:0; margin:4px auto 0 auto; _margin:2px auto 0 auto; font:1em Arial, Helvetica, Sans-serif;} #menuPrincipal UL { margin:0 auto 0 5px; padding:0; } #menuPrincipal UL LI { float:left; text-align:center; margin:0; padding:0; } #menuPrincipal UL LI.LIaccueil A, #menuPrincipal UL LI.LIaccueil A:visited { display:block; text-align:center; height:35px; line-height:30px; width:110px; text-decoration:none; color:#333; font-weight:bold; background:none;} #menuPrincipal UL LI.LIaccueil A:hover { background-color:#b1af86;} #menuPrincipal UL LI A, #menuPrincipal UL LI A:visited { margin:0; padding:0; display:block; text-align:center; height:35px; line-height:33px; width:115px; text-decoration:none; color:#333; font-weight:bold; background:transparent url(/images/commun/header/separateur.png) no-repeat 0 0; } #menuPrincipal UL LI A:hover { background-color:#b1af86;} #menuPrincipal UL LI A.on { background:transparent url(/images/commun/header/bg-menu-on.png) repeat-x 0px 0;} #menuPrincipal #expression { height:34px; width:123px; background:transparent url(/images/commun/header/expression.png) no-repeat center 0; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/header/expression.png', sizingMethod='crop');} #menuPrincipal UL LI.actu A { width:123px; border-right:1px solid #7f7e75;} /* **********************************************__________*************************************************************************************** */ /* ********************___************************************_______________________*******************_____******************_************** */ /* *********__****************************************************** HEADER *************__**_************************************************ */ /* ***********************************************__*****************_________******************************************___********************** */ /* ***********************************************__*****************_________******************************************___********************** */ #header .espacePro { float:right; height:60px; width:263px; padding:0; margin:0; color:#fff; background:url(/images/commun/header/fond-ident.png) no-repeat; } #header .espacePro H3 { margin:1px 0 3px 5px; text-align:left; padding:0 0 3px 3px; font:bold 0.8em Verdana, Arial; color:#edaaaf; } #header .espacePro #identifiant { padding-left:8px; float:left; width:110px; height:35px; margin:0px; font:0.8em Verdana, Arial, Helvetica;} #header .espacePro #identifiant INPUT { width:100px; border:1px solid #514f4f; } #header .espacePro #motDePasse { float:left; margin:0; padding-left:3px; width:110px; height:35px; font:0.8em Verdana, Arial, Helvetica; } #header .espacePro #motDePasse INPUT { width:100px; border:1px solid #514f4f;} #header .espacePro A#ok { float:left; width:26px; height:17px; margin:11px 0 0 0; background:url(/images/commun/bt/bt-ok.png) no-repeat 0 0; } #header .espacePro A#ok:hover { float:left; width:26px; height:17px; background:transparent url(/images/commun/bt/input-button-ok.png) no-repeat 0 0; } #header .espacePro A#opensky { color:#fff; margin-left:50px; } /* entete rubrique */ #headerIntroTop { width:957px; height:5px; margin:10px 0 0 0; font-size:1px; background:transparent url(/images/commun/header-intro-top.png) no-repeat 0 0; } #headerIntroContent { position:relative; clear:both; margin-top:10px; width:927px; height:165px; padding:10px 20px 20px 10px; margin-bottom:20px; background:transparent url(/images/commun/header-intro-big-content.png) no-repeat 0 0px; } #headerIntroContent UL { font:bold 1.1em arial; color:#7c7b72; } #headerIntroContent P { font:normal 1.2em Arial, Helvetica, Verdana, Sans-serif; color:#7c7b72; width:600px; margin:0px 0 0 25px; } #headerIntroContent H3 { margin-left:23px; font-size:1.2em } #headerIntroContent UL { padding:5px 0 0 0; } #headerIntroContent UL LI { font:normal 1em Arial, Helvetica, Verdana, Sans-serif; margin:0 0 0 30px; padding:5px 0 0 15px; background:transparent url(/images/commun/puces/coche-gris.png) 0 8px no-repeat;} #headerIntroContent UL LI span.blue { background-color:#a1badb; padding:1px; color:#fff; line-height:20px;} #headerIntroContent2 { position:relative; clear:both; width:927px; height:100px; padding:15px 20px 45px 10px; margin-bottom:5px; background:transparent url(/images/commun/header-intro-big-bottom.png) no-repeat 0 bottom; } html>body #headerIntroContent2 { height:auto; min-height:100px; } #headerIntroContent2 UL { font:bold 1.1em arial; color:#7c7b72; } #headerIntroContent2 P { font:normal 1.1em Arial, Helvetica, Verdana, Sans-serif; color:#7c7b72; width:600px; margin:0px 0 0 25px; } #headerIntroContent2 UL LI { background:transparent url(/images/commun/interli.png) no-repeat 0 bottom; padding:6px; } #headerIntroContent2 UL LI span.blue { background-color:#a1badb; padding:1px; color:#fff; line-height:20px; } /* entete rubrique offre ancien */ #arboOffreAncien #headerIntroContent2 UL { margin:0 10px 0 270px; width:640px; } #arboOffreAncien #headerIntroContent2 #visuel { position:absolute; top:50px; left:2px; width:264px; height:164px; background:transparent url(/images/visuelsentete/visuel2.png) no-repeat 0 0; } /* entete rubrique offre neuf */ #arboOffreNeuf #headerIntroContent2 UL { margin:0 0 0 20px; } #arboOffreNeuf #headerIntroContent2 #visuel { position:absolute; top:20px; left:550px; width:380px; height:224px; background:transparent url(/images/visuelsentete/visuel3.png) no-repeat 0 0; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/visuelsentete/visuel3.png', sizingMethod='crop'); } /* entete rubrique pub online */ #arboPubonline #headerIntroContent2 UL { margin:0 0 0 20px; } #arboPubonline #headerIntroContent2 UL LI { padding:4px 0 10px 0; } #arboPubonline #headerIntroContent2 #visuel { position:absolute; top:6px; left:530px; width:410px; height:150px; background:transparent url(/images/visuelsentete/visuel10.png) no-repeat 0 0; } /* entete rubrique creation site */ #arboCreation #headerIntroContent UL { margin:0 0 0 270px; } #arboCreation #headerIntroContent #visuel { position:absolute; top:6px; left:650px; width:300px; height:190px; background:transparent url(/images/visuelsentete/visuel4.png) no-repeat 0 0; } #arboCreation #headerIntroContent H3 { color:#525252; margin-left:20px; } #arboCreation #headerIntroContent P { width:500px; color:#525252; margin-left:20px;} /* entete rubrique qui sommes nous */ #arboQuiSommes #headerIntroContent UL { margin:0 0 0 25px; } #arboQuiSommes #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } /* entete rubrique Portail */ #arboPortail #headerIntroContent UL { margin:0 0 0 0px; } #arboPortail #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } /* entete rubrique Demo */ #arboDemo #headerIntroContent UL { margin:0 0 0 0px; } #arboDemo #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } #arboDemo #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } /* entete rubrique recrutement */ #arboRecrutement #headerIntroContent UL { margin:5px 0 0 25px; } #arboRecrutement #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } /* entete rubrique charte */ #arboCharte #headerIntroContent UL { margin:5px 0 0 25px; } #arboCharte #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } /* entete rubrique INFOS */ #arboInfos #headerIntroContent #visuel { position:absolute; top:0px; right:0px; width:280px; height:165px; background:transparent url(/images/visuelsentete/visuel5.png) no-repeat 0 10px; } /* entete rubrique expression */ #arboExpression #headerIntroContent2 UL { margin:0 0 0 20px; } #arboExpression #headerIntroContent2 #visuel { position:absolute; top:0px; right:40px; width:360px; height:250px; background:transparent url(/images/visuelsentete/visuel7.png) no-repeat 5px -10px; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/visuelsentete/visuel7.png', sizingMethod='crop'); } #arboExpression #headerIntroContent2 #inclus { position:absolute; top:0px; right:3px; width:65px; height:64px; background:transparent url(/images/commun/inclus.png) no-repeat 0 0; } /* entete rubrique presse */ #arboPresse #headerIntroContent2 { position:relative; clear:both; width:927px; height:150px; padding:15px 20px 45px 10px; margin-bottom:5px; background:transparent url(/images/commun/header-intro-big-bottom.png) no-repeat 0 bottom; } html>body #arboPresse #headerIntroContent2 { height:auto; min-height:150px; } #arboPresse #headerIntroContent2 P { width:450px; } #arboPresse #headerIntroContent2 UL { margin:0 0 0 0; } #arboPresse #headerIntroContent2 #visuel { position:absolute; top:5px; right:20px; width:400px; height:250px; background:transparent url(/images/visuelsentete/visuel8-1.png) no-repeat -5px 0px; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/visuelsentete/visuel8-1.png', sizingMethod='crop'); } /* ***********************************************__*****************_________CONTENT- ACCUEIL****************************************___********************** */ #arboAccueil #content { padding-top:20px; } #arboAccueil P.subTitle { font-size:.9em; margin:20px auto 2px auto ; height:30px; width:100%; text-align:center; padding:5px 0; color:#ae6713; background-color:#f3f2eb; border-top:1px dashed #cdcdcd; border-bottom:1px dashed #cdcdcd;} #content .imageBadge { position:absolute; top:30px; left:600px; width:246px; height:240px; background:url(/images/commun/badge-2.png) no-repeat;} DIV.titreAccueil { margin:0px 0 0px 0px; padding:0px 0 0 0px; width:100%; height:185px; background:url(/images/commun/dotpro.png) 340px 45px no-repeat; } DIV.titreAccueil H1 { font:normal 2.1em Georgia, Times, 'Times New Roman', serif; color:#4e4e4e; text-align:center; margin:10px 0 10px 0px; padding:0; /* background:url(/images/commun/titre-accueil.png) 0 0px no-repeat; */ } DIV.titreAccueil .subIntro1 { float:left; display:inline; font-size:1em; color:#8b8b84; text-align:right; width:300px; margin:35px 0 0 40px; padding:0px 0 0 0px; /* background:url(/images/commun/titre-accueil.png) 0 0px no-repeat; */ } DIV.titreAccueil .subIntro2 { float:right; display:inline; font-size:1em; color:#8b8b84; text-align:left; width:300px; margin:35px 60px 0 0px; padding:0px 0 0 0px; /* background:url(/images/commun/titre-accueil.png) 0 0px no-repeat; */ } #content #globalBlocs { width:955px; border:1px solid #cdcdcd; border-top:0; border-bottom:0; background-color:#fff; } .headerBloc { width:957px; padding:0; margin-top:5px; height:10px; background:url(/images/commun/header-bloc-2.png) no-repeat 0 0;} .footerBloc { width:957px; margin-bottom:10px; padding:0; height:12px; background:url(/images/commun/footer-bloc-2.png) no-repeat 0 bottom; } #content .bloc1 { float:left; position:relative; height:380px; width:297px; margin:0; padding:0 10px 10px 10px; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; background-color:white; /* background:url(/images/commun/icones/site-internet.png) no-repeat center 15px ; */} #content .bloc1 UL { margin:20px 0 20px 0px; color:#232323; } #content .bloc1 UL LI { font-size:.9em; margin:0 0 10px 15px; padding-left:0px; list-style-type:square; } #content .bloc2 { float:left; position:relative; height:380px; width:298px; margin:0; padding:0 10px 10px 10px; border-right:1px solid #cdcdcd; /* background:url(/images/commun/icones/neuf.png) no-repeat center 10px ; */} #content .bloc2 UL { margin:20px 0 20px 0px; border:0; color:#232323;} #content .bloc2 UL LI { font-size:.9em; margin:0 0 10px 15px; padding-left:0px; list-style-type:square;} #content .bloc3 { float:left; position:relative; height:380px; width:298px; margin:0; padding:0 10px 10px 10px; border-right:1px solid #cdcdcd; /* background:url(/images/commun/icones/la-vitrine.png) no-repeat center 10px ; */} #content .bloc3 UL { margin:20px 0 20px 0px; color:#232323; } #content .bloc3 UL LI { font-size:.9em; margin:0px 0 10px 15px; padding-left:0px; list-style-type:square; } #content .bloc4 { float:left; width:386px; height:800px; margin:0; padding:0 10px 0 10px; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; /* background:url(/images/commun/icones/site-internet.png) no-repeat center 15px ; */} #content .bloc4 UL { margin:15px 0 0 0px; color:#232323; } #content .bloc4 UL LI { margin:0 0 10px 15px; padding-left:20px; /* background:url(/images/commun/puces/rond-orange.png) 0 2px no-repeat; */} #content .bloc5 { float:left; width:206px; margin:0; padding:0 10px 0 10px; /* background:url(/images/commun/icones/site-internet.png) no-repeat center 15px ; */} #content .bloc5 UL { margin:15px 0 0 0px; color:#232323; } #content .bloc5 UL LI { margin:0 0 10px 15px; padding-left:20px; /* background:url(/images/commun/puces/rond-orange.png) 0 2px no-repeat; */ } #content .bloc5 .webtvIndex { padding:140px 0 0 0; background:url(/images/commun/webtv-illust2.jpg) center 0px no-repeat; } #content .bloc6 { float:left; width:301px; height:800px; margin:0; padding:0 10px 0 10px; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; /* background:url(/images/commun/icones/site-internet.png) no-repeat center 15px ; */} #content .bloc6 UL { border:1px solid #dcdcdc; margin:15px 0 10px 0px; padding-top:5px; color:#232323; } #content .bloc6 UL LI { margin:0 0 10px 15px; padding-left:8px; background:url(/images/commun/global-image-puces.png) 0px -492px no-repeat; } #content .bloc6 A { color:#000; } #content .bloc6 A:hover { color:#c30009; } #content .asterix { text-align:center; margin:0; font:normal 0.95em Arial, Helvetica, Verdana, Sans-serif; font-style:italic; } #content .leader { font-weight:bold; font-size:1.2em; color:#9a0000; } #content .leader2 { font-weight:bold; color:#ae6713; } #arboAccueil #content A.decouvrir { position:absolute; bottom:0; left:110px; font-size:.85em; display:block; font-weight:bold; text-decoration:none; color:#3f3f3f; margin:0 auto; padding:3px 3px 0 10px; width:95px; height:17px; background:url(/images/commun/bt/bt-detail.png) no-repeat 0 0;} #arboAccueil #content A.decouvrir:hover { color:#717070; font-weight:bold; text-decoration:none; margin:0 auto; padding:3px 3px 0 10px;} #content A.detail { font-size:.85em; margin:10px 0; font-weight:bold; float:right; text-decoration:none; color:#c30009; padding:3px 16px 0px 0px; background:url(/images/commun/global-image-puces.png) no-repeat right -274px;} #content A.detail:hover { color:#717070; } /* Les menus dans contentColRight */ .contentColRight .box { border-top:3px solid #dcdcdc; border-bottom:3px solid #dcdcdc; width:300px; margin:0px 0 10px 0; padding:5px 0 5px 0; background-color:#f9f7f4; } .contentColRight .box H3 { font:bold 1.30em Arial, Helvetica, Verdana, Sans-serif; color:#b17a11; padding:5px 0 10px 10px; border-bottom:1px solid #f0ede8; margin:0; } .contentColRight .box A { color:#525252; } .contentColRight .box UL { margin:0px; } .contentColRight .box UL LI { padding:5px 0 5px 10px; border-bottom:1px solid #f0ede8; } .contentColRight .box UL LI.end { border:0; } .contentColRight .box UL LI A { color:#525252; font:normal 1em Arial, Helvetica, Verdana, Sans-serif; } .contentColRight .box UL LI A:hover { color:#c30009; } /* **** Blocs de droite EXPRESSION intérieur de page **** */ .contentColRight .bloc { font-size:1.2em; width:298px; padding:0; background-color:#fff; border:1px solid #cdcdcd; border-bottom:0; } .contentColRight .bloc H2.info { color:#525252; border:0; padding:2px 0 0 10px; margin:0 0 0px 0; font:bold 1.2em Arial, Helvetica, sans-serif; } .contentColRight H2.info2 { height:41px; color:#f9f9f9; text-align:center; border:0; width:300px; padding:0; margin:0 0 0px 0; font:bold 1.2em/39px Arial, Helvetica, sans-serif; background:black url(/images/commun/bg-h2-black.png) no-repeat 0 0px; } .contentColRight H2.infoArchives { height:41px; color:#f9f9f9; text-align:center; border:0; width:300px; padding:0; margin:0 0 0px 0; font:bold 1em/39px Arial, Helvetica, sans-serif; background:transparent url(/images/commun/bg-h2-bleu.png) no-repeat 0 0px; } .contentColRight .bloc .numero { float:right; padding:0px; margin:3px 4px 0 0px; color:#c30009; font:bold 1.1em Arial, Helvetica, sans-serif; } .contentColRight .listeActu { clear:both; margin:0px 0 0 10px; width:290px; font-size:0.85em; } .contentColRight .bloc UL { margin:0; padding:0; } .contentColRight .bloc UL LI { margin:0; padding:0; } .contentColRight .bloc UL LI A { display:block; color:#525252; padding:5px 5px 5px 8px; background:transparent url(/images/commun/global-image-puces.png) no-repeat 0px -486px; } .contentColRight .bloc UL LI A:hover { color:#c30009; } .contentColRight UL.listeActu2 { font-size:.85em; } .contentColRight UL.listeActu2 LI { border-bottom:1px solid #f1f1f1;} .contentColRight UL.listeActu2 LI A { margin:0 0 0 0px; padding:7px 5px 7px 12px; background-color:#f9f9f3; background:transparent url(/images/commun/global-image-puces.png) no-repeat 4px -484px;} .contentColRight UL.listeActu2 LI A:hover { background-color:#efefe6; } .contentColRight .blocArchive { font-size:1.2em; width:300px; margin:0; background:transparent url(/images/commun/bg-autreNum2.png) no-repeat 0 0; } .contentColRight .blocArchive H2.info { color:#525252; border:0; padding:5px 0 0 10px; margin:0px 0 10px 0; font:bold 0.9em Arial, Helvetica, sans-serif; background:transparent url(/images/commun/global-image-puces.png) no-repeat 0 -485px; } .contentColRight .blocArchive UL LI { padding:4px 0 5px 10px; font:normal 1em Arial, Helvetica, sans-serif; border:0; background:transparent url(/images/commun/global-image-puces.png) no-repeat 0 -365px; } .contentColRight .blocArchive UL LI A { color:#525252; } .contentColRight .blocArchive UL LI A:hover { color:#c30009; } .contentColRight .espaceActualiteFooter { font-size:1px; width:300px; margin:0 0 10px 0; height:6px; background:transparent url(/images/commun/footer-actualite.png) no-repeat 0 0px; } .contentColRight .blocForm { margin:0 0 10px 0; padding:10px; color:#333; width:280px; background:#fff url(/images/commun/bg-form.png) 0 0 repeat-x; } .contentColRight .blocForm #form_abo { width:300px; } .contentColRight .blocForm P { } .contentColRight .blocForm FORM { margin-top:5px; width:300px; } .contentColRight .blocForm INPUT { margin:10px 0 0px 0; } .contentColRight .blocForm LABEL { font-size:0.9em; float:left; margin:12px 0 0 5px; width:95px; } .contentColRight .blocForm .mention { margin:10px 0 10px 0; padding:0px; } .contentColRight .blocForm .mention label { float:left; margin:10px 0 0 3px; width:270px; font-size:0.9em; } .contentColRight .blocForm .mention input { vertical-align:-3px; float:left; margin-left:5px; } .contentColRight .blocForm .noms { font-size:1.1em; margin:0px; padding:0px; } .contentColRight .blocForm .btvalider { display:block; margin:0px auto 5px auto; width:150px; height:24px; text-align:center; font-size:1em; padding-top:5px; color:#002942; border:1px solid #b5c7d2; background:url(/images/commun/bt/btvalider.png) 0 0 repeat-x;} .contentColRight .blocForm .btvalider:hover { color:#525252; } .contentColRight .blocForm .petit2 { font-size:0.8em; padding:3px; } /* **** Blocs de droite EXPRESSION colright partout sur le site **** */ #content .blocExpression { font-size:0.95em; width:300px; border-top:1px solid #cdcdcd; border-bottom:3px solid #cdcdcd; padding:0; margin:10px 0 10px 0; } #content .blocExpression h2 { font-size:1.1em; margin-top:8px; } #content .blocExpression UL { margin:15px 0 10px 0px; padding-top:5px; color:#232323; } #content .blocExpression UL LI { margin:0 0 5px 0px; padding-left:8px; background:url(/images/commun/global-image-puces.png) 0 -492px no-repeat; } #content .blocExpression A { color:#000; } #content .blocExpression A:hover { color:#c30009; } /* Pubs colonne de droite */ .pubimage { margin-bottom:10px; padding-top:10px; width:300px; height:250px; text-align:center; background:transparent url(/images/commun/publicite-titre.png) no-repeat 0px 0px; } .pubimage IMG { width:300px; height:250px; margin:0; padding:0;} .pubiframe { margin-bottom:10px; padding-top:10px; visibility:hidden; display:none; width:300px; height:250px; background:transparent url(/images/commun/publicite-titre.png) no-repeat 0px 0px;} .pubiframe IFRAME { width:300px; height:250px; margin-bottom:10px;} .pubflash { visibility:hidden; display:none; padding-top:10px; width:300px; height:250px; margin-bottom:10px; background:transparent url(/images/commun/publicite-titre.png) no-repeat 0px 0px; } #contact { color:#c30009; font:bold 1em Arial, Helvetica, sans-serif; padding:0px 0px 0 15px; margin:0 0 10px 0; float:right; background:url(/images/commun/global-image-puces.png) 0 -65px no-repeat; } #contact A { color:#c30009; } .contactPresse { display:block; float:left; color:#c30009; font:bold 1em Arial, Helvetica, sans-serif; padding:0px 0px 0 15px; margin:20px 0 10px 0; float:right; background:url(/images/commun/global-image-puces.png) 0 -66px no-repeat; } .contactPresse A { color:#c30009; } /* **** BLOCS DE DROITE MENU DEMO **** */ #arboDemo .contentColRight H2 { margin-bottom:5px; } #arboDemo .contentColRight H3 { border-bottom:1px solid #ccc; width:300px; padding-bottom:15px; } #arboDemo .contentColRight UL LI A { color:#525252; } /*POPUP pop up popups*/ #arboPopup { background:#fff url(/images/commun/bg-popup.png) no-repeat 0 0 ;} #arboPopup H1.ami { font-size:1.3em; margin-top:20px; } #globalPopup { font-size:1em; } #globalPopup P { margin:20px 0 10px 0px; } #globalPopup DIV { width:90%; margin:10px 0 0px 30px;} #logoPopup { position:absolute; right:15px; bottom:15px; width:151px; height:21px; background:#fff url(/images/commun/logo-popup.png) no-repeat 0 0;} #globalPopup A#ok { float:left; width:26px; height:17px; margin:1px 0 0 2px; background:white url(/images/commun/bt/input-button-ok.png) no-repeat 0 0; } #globalPopup A#ok:hover { float:left; width:26px; height:17px; background:transparent url(/images/commun/bt/input-button-ok-hover.png) no-repeat 0 0; } #arboPopup #confirmationbloc P.merci { margin:0;} #arboPopup #confirmationbloc A.btValider { display:block; padding:0 0 0 30px; width:68px; height:19px; margin:25px 0 10px 0; font-weight:bold; color:#000; background:url(/images/commun/bt/bt_fleche.png) 0 0 no-repeat; } #arboPopup #confirmationbloc A.btValider:hover { text-decoration:none; color:#c30009; } #arboPopup #confirmationbloc LABEL { float:left; margin:0px; padding:0; width:175px; } #arboPopup #confimation_accepte { padding:0; margin:0; width:350px; } #arboPopup3 { background:#fff url(/images/commun/bg-popup3.png) no-repeat 0 0; } #arboPopup3 H1.ami { font-size:1.3em; margin-top:20px; } #arboPopup3 FORM { margin-top:10px; } #arboPopup3 INPUT { margin:10px 0 10px 0; } #arboPopup3 TEXTAREA { margin:15px 0 0 0; } #arboPopup3 #confirmationbloc P.merci { margin:0; } #arboPopup3 #confirmationbloc A.btValider { display:block; padding:0 0 0 30px; width:80px; height:19px; margin:5px 0 10px 110px; font-weight:bold; color:#000; background:url(/images/commun/bt/bt_fleche.png) 0 0 no-repeat; } #arboPopup3 #confirmationbloc A.btValider:hover { text-decoration:none; color:#c30009; } #arboPopup3 #confirmationbloc LABEL { float:left; margin:10px 0 0 0px; width:120px; line-height:20px; } #arboPopup2 { background:#fff url(/images/commun/bg-popup2.png) no-repeat 0 0 ; } #arboPopup2 H1.ami { font-size:1.3em; margin-top:20px; } #arboPopup2 FORM { margin:10px 0 0 0; } #arboPopup2 LABEL { margin-right:50px; float:left; width:120px; } #arboPopup2 INPUT { margin:0px 0 10px 0; } #arboPopup2 TEXTAREA { margin-top:5px;} #arboPopup2 #confirmationbloc P.merci { margin:0;} #arboPopup2 #confirmationbloc A.btValider { display:block; padding:0 0 0 20px; width:80px; height:19px; margin:5px 0 10px 110px; font-weight:bold; color:#000; background:url(/images/commun/bt/bt_fleche.png) 0 0 no-repeat; } #arboPopup2 #confirmationbloc A.btValider:hover { text-decoration:none; color:#c30009; } #arboPopupConditions UL.conditions {} #arboPopupConditions UL.conditions LI { margin:0 0 0 20px; padding:0 0 5px 10px; border-bottom:1px solid #ccc; background:transparent url(/images/commun/puces/arrow-black2.png) 1px 7px no-repeat; }