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 87 88 89 90 91 92 93 94
| /* General layouts */
body {margin:0; padding:0; font:76% arial,verdana,sans-serif; background-color: #666666;; text-align:center;}
img{margin:0; padding:0;}
#container {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/images/corps3.jpg) no-repeat; text-align:left;}
#container2 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/images/corps3-2.jpg) no-repeat; text-align:left;}
#container3 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/site/corpsitebasegr3.jpg) no-repeat; text-align:left;}
#container4 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/site/corpsitebasegr4.jpg) no-repeat; text-align:left;}
#container5 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/site/corpsitebasegr5.jpg) no-repeat; text-align:left;}
#corps1 {position:relative; margin-left:auto; margin-right:auto; width:858px; text-align:center; background-image:url(images/site/corpsmil.jpg); background-repeat:repeat-y;}
#header1{height:85px; background-image: url(images/site/corpshead.jpg);background-repeat: no-repeat;position: relative; margin-left: auto;margin-right: auto; margin-top:54px; width: 858px;}
#header2{height:85px; background-image: url(images/site/corpshead.jpg);background-repeat: no-repeat;position: relative; margin-left: auto;margin-right: auto; margin-top:38px; width: 858px;}
#footer1{height:102px;background-image: url(images/site/corpsitefoot.jpg);background-repeat: no-repeat; position: relative; margin-left: auto;margin-right: auto; width: 858px;}
#choix{margin-right:10px;margin-left:10px;float:none;}
#choix1{margin-right:80px;float: right;}
#choix2{margin-left:80px;float: left;}
#index{margin-top:17px;}
/* Tags */
a {text-decoration:none; color:#269; font-weight:bold;}
a:hover {text-decoration:underline; }
p {margin:0 0 15px 0;}
h1 {font-size:3em; letter-spacing:-2px; color: #CCCCCC; margin-top:65px; margin-left:125px;;padding:0; font-weight:normal; line-height:1.2em;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; letter-spacing:-1px; margin-top:-5px; margin-left:150px; color:#888;padding:0; font-weight:normal; line-height:1.3em;}
h3 {font-size:1.6em; letter-spacing:-1px; margin-top:-5px; margin-left:10px; color:#888;padding:0; font-weight:normal; line-height:1.3em;}
/* Header */
#sitetitle {float:left; height:90px; width: 100%; color: #333;}
/* Main content and sidebar layout */
#content {margin-top:46px; width:100%; clear:both;}
#content h2 {margin:0 0 10px 0; color:#555; border-bottom:2px solid #abb;}
#content h2 a {color:#555; font-weight:normal;}
#content h2 a:hover {color:#269; text-decoration:none; background:none;}
#content p {margin:0 0.5em 1.2em 0.5em;}
#left {width:48%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:8px;}
#left2 {width:85%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:8px;}
#left3 {width:40%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:8px;}
#left4 {width:85%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:1px;}
#right {width:35%; float:right;margin-top:18px; margin-right:20px; line-height:1.3em;text-align:left;}
#right2 {width:40%; float:right;margin-top:45px; margin-right:20px; line-height:1.3em;text-align:left;}
#right3 {width:40%; float:right;margin-top:8px; margin-right:20px; line-height:1.3em;text-align:left;}
#promo{float:right; margin-top:-300px; margin-right:20px;border: 5px;border-color: #ff3333;border-style: ridge;background-image: url(images/site/clic.gif);background-position: bottom;background-repeat:no-repeat;padding:0px;letter-spacing:1px; }
#right h2 {margin:0 0 8px 0; padding:0; font-size:1.6em;}
#corps3 {position: relative; /*Pour la position*/margin-left: auto; /*Pour centrer*/margin-right: auto; /*idem*/width: 858px; /*la largeur de ton div*/text-align: center;background-image: url(images/site/corpsitebasegr2.jpg);background-repeat:no-repeat;}
#site2{height:auto;text-align: left;margin-top:130px;margin-left:135px;margin-right:25px;text-align:justify;}
/* Footer */
#footer {clear:both; padding:10px 0 12px 24px; text-align:left; color:#777;background:url(images/images/corps3-bas.jpg) no-repeat;height:120px;width: 920px;margin-left:14px;}
#footer a {color:#777; font-weight:normal;}
#footer h2 {color:#aaa; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
/*#footer h2 a {color:#aaa;}*/
#footer p {margin:0; padding:0;}
.cenfoot{width: 858px;height: 102px;line-height:102px; text-align:center; font-size :80%}
/* Additional classes */
.alpha{margin-left:140px;}
.alpha2{margin-left:90px; text-align:center;}
.entry {margin:0px 0 20px 0;background:#e6e6e6 url(images/images/entrybg2.png) repeat-x; color:#333; padding:10px 10px 0 5px; overflow:auto;}
.colonne { float:left; height:110px;width:190px;}
.entry2 {margin:0px 0 20px 0;background:#e6e6e6 url(images/images/entrybg2.png) repeat-x; color:#333; padding:10px 10px 0 10px;}
.entry2 a:hover, .intro a:hover {text-decoration:none; padding-bottom:2px; background:url(images/images/blinkarrow.gif) left no-repeat; bottom left repeat-x;}
.entry3 {margin:0px;background:#e6e6e6 url(images/images/entrybg2.png) repeat-x; color:#333; padding:0px; overflow:auto;}
.link {color:#269; background:url(images/images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
.link:hover {color:#48b; background:url(images/images/blinkarrow.gif) left no-repeat;text-decoration:none;}
.thumbs img {padding:2px; margin:8px; border:1px solid #fff; background-color:#ddd; color: #555;}
.thumbs2 img {padding:2px; margin:15px; border:1px solid #fff; background-color: #CC9900; color: #33CC00;}
.thumbs3 img {padding:1px; margin:3px; border:1px solid #fff; background-color: #CC9900; color: #33CC00;}
.thumbs img:hover {background: url(images/images/flash.gif);}
.thumbs2 img:hover {background: url(images/images/flash.gif);}
.thumbs3 img:hover {background: url(images/images/flash.gif);}
.entryphoto {margin:5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.pagenav {color: #777; text-align:center;}
.subcontainer {display:block; width:98%;}
.rightsub {float:left; width:100%;margin-top:10px;}
.rightsub2{float:right; width:40%;margin-top:-120px;}
.rightsub3 {float:left; width:100%;margin-top:0px;}
.rightsub4 {float:left; width:100%;margin-top:0px;}
.center {text-align:center;}
.clear {clear:both;}
.hide {display:none;}
.mod {background: url(images/site/puce2.gif) no-repeat 0%; margin:0;padding-left: 18px;padding-top:8px;line-height:1.4em;}
.col1{width:260px;}
.col4{width:330px;}
.col5{width:125px;}
.col6{width:145px;}
.col7{width:210px;}
.col8{width:110px;}
.col9{width:110px;}
.col10{width:20px;}
.suc {margin:0;padding-left: 20px; color: #666666;}
.gras2{ font-weight: bold; font-size: 11px;}
a img {border:none;} |