1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
| html, body{ margin:0; padding:0; font:11px "Trebuchet MS", Arial, sans-serif; color:#000;}
#conteneur{position:relative; width:980px; margin:auto; border:1px solid #1D4C81;}
/*classe conteneur*/
#conteneur.home{ background:url(img/commun/top1.jpg) 0 0 no-repeat;}
#conteneur.r1{ background:url(img/bandeau/bandeau1.jpg) 0 0 no-repeat;}
#conteneur.r2{ background:url(img/bandeau/bandeau2.jpg) 0 0 no-repeat;}
#conteneur.r3{ background:url(img/bandeau/bandeau3.jpg) 0 0 no-repeat;}
#conteneur.r4{ background:url(img/bandeau/bandeau4.jpg) 0 0 no-repeat;}
#conteneur.r5{ background:url(img/bandeau/bandeau5.jpg) 0 0 no-repeat;}
#conteneur.r6{ background:url(img/bandeau/bandeau6.jpg) 0 0 no-repeat;}
#header{width:980px; height:112px; text-align:center; padding:8px 0 0 0;}
/*Navigation*/
#navigation{width:930px; height:27px; padding:0;}
div#navigation ul {padding: 0;margin:0;list-style: none;line-height: 1; font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;}
div#navigation a {display:block;}
div#navigation li {float: left; padding:0; margin:0;}
div#navigation li ul {position: absolute; width:auto; display:none; padding:3px; margin:0 0 0 5px; background:#fff;}
div#navigation li:hover ul, #navigation li.sfhover ul {display:inline; width:170px; z-index:10;}
div#navigation .menu1{ margin:0 0 0 50px;}
div#navigation .menu2{ margin:0 0 0 23px;}
div#navigation .menu3{ margin:0 0 0 20px;}
div#navigation .menu4{ margin:0 0 0 18px;}
div#navigation .menu5{ margin:0 0 0 16px;}
div#navigation .menu6{ margin:0 0 0 20px;}
div#navigation .ssmenu{color:#4EB9B4; text-decoration:none; width:170px; padding:0 0 0 3px;}
div#navigation .ssmenu:hover{color:#0A50A1; text-decoration:none; width:170px; padding:0 0 0 3px;}
/*Content*/
#content{width:980px;}
/*home content*/
#content.home{ background:url(img/home/visuel.jpg) 0 0 no-repeat; height:452px;}
#content p.home{ position:relative; top:140px; left:550px; color:#0A51A1; width:400px; font-size:16px; text-align:right; line-height:22px;}
.titrehome{ font-size:25px; color:#4EB9B4;}
/*Recherche Clinique*/
#content.p_r1p1{ background:url(img/photos/r1p1.jpg) 100px 50px no-repeat; }
.t_r1p1{position:relative; top:20px; left:310px; width:170px; height:26px;}
.r1p1{padding:50px 0 0 430px; width:500px; height:290px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
.r1p3{padding:50px 0 0 430px; width:540px; height:310px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
#content.p_r2p1{ background:url(img/photos/r2p1.jpg) 570px 60px no-repeat; height:400px;}
.t_r2p1{position:relative; top:20px; left:350px; width:170px; height:26px;}
.t_r2p5{position:relative; top:20px; left:200px; width:170px; height:26px;}
.r2p1{padding:50px 0 0 90px; width:500px; height:290px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
#content.p_r3p1{ background:url(img/photos/r3p1.jpg) 100px 60px no-repeat; height:400px;}
.t_r3p1{position:relative; top:20px; left:500px; width:170px; height:26px;}
.r3p1{padding:70px 0 0 470px; width:500px; height:200px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
#content.p_r4p1{ background:url(img/photos/r4p1.jpg) 570px 60px no-repeat; height:400px;}
.t_r4p1{position:relative; top:20px; left:350px; width:170px; height:26px;}
.r4p1{padding:50px 0 0 90px; top:50px; left:90px; width:500px; height:290px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
#content.p_r5p1{ background:url(img/photos/r5p1.jpg) 100px 60px no-repeat; height:400px;}
.t_r5p1{position:relative; top:20px; left:500px; width:170px; height:26px;}
.r5p1{padding:70px 0 0 470px; top:70px; left:470px; width:500px; height:200px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
#content.p_r6p1{ background:url(img/photos/r6p1.jpg) 100px 60px no-repeat; height:400px;}
.t_r6p1{position:relative; top:20px; left:500px; width:170px; height:26px;}
.r6p1{padding:70px 0 0 470px; top:70px; left:470px; width:500px; height:200px; color:#1D4C81; font:11px Verdana, Arial, Helvetica, sans-serif;}
/*histoire content*/
#content p.titrepage{ position:relative; top:40px; left:70px; font-size:25px; color:#4EB9B4; margin:0;}
#content.histoire{ background:url(img/histoire/histoire.jpg) 600px 50px no-repeat; height:452px;}
#content p.histoire{ position:relative; top:60px; left:70px; color:#0A51A1; width:500px; font-size:12px; text-align:left; line-height:22px; margin:0;}
/*pied*/
#pied{width:980px; height:45px; background:url(img/commun/fond_pied.jpg) 0 0 no-repeat; position:relative;}
#pied p.navigation{color:#fff; margin:0; width:531px; float:left; height:25px; padding:0 0 0 49px;}
#pied p.fil{color:#fff; margin:0; width:390px; float:right; height:12px; padding:13px 0 0 10px; font-size:13px}
#pied p.ref{color:#fff; margin:0; width:980px; float:right; height:10px; line-height:15px; text-align:center; font-size:10px; padding:5px 0 0 0;}
#contact{position:absolute; top:120px; right:0; width:111px; height:33px;}
.vert{color:#53bab7;}
.f12{font-size:13px; color:#1D99C4;} |
Partager