/*------------------------------------------- Eliminate chance spacing issues by reset -------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;} body {line-height:1.5; margin: 0; padding: 0;} /* Note for MS: LH = Unitless for proper inheritance */ table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} a img {border:none;} ul {list-style:none;} /*------------------------------------------------------------ GENERAL PAGE DECLARATIONS/ Typography (Style & Colour) --------------------------------------------------------------*/ body {font:13px/1.231 Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;*font-size:small;*font:x-small; color: black; background: #c7eaec;} table {font:100%;} h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:normal;color:#413629;} /*-------------------------------------- Core structure ---------------------------------------*/ #siteWrap {position:relative; background: url(/img/background.gif) repeat-x; width:100%;} #wrapper {position:relative; margin:auto;text-align:left; width:960px; padding:0px 0px 0px 0px;} #header{ position:relative; margin: 0 auto; margin-top:0; margin-bottom:0; padding:0 0 0 0; width:960px; height:175px; background: none !important; } #main { position: relative; margin: 0 auto; width: 960px; min-height:390px; font-size: 95%; background:#fff} #content { position: relative; float: left; width: 710px; font-size: 16px; margin: 20px 0px 0px 0px; padding:10px;} #sidebar { position: relative; float: left; width: 200px; font-size: 95%; margin: 20px 10px 0px 0px; padding:10px;} #footer { clear: both; position:relative; width: 960px; margin: 0 auto 20px auto; overflow: hidden; padding: 80px 0 20px 0; background:#464B45 url(/img/herbe.gif) top left no-repeat; color: white } /*-------------------------------------- Structure of items as they appear on the page ---------------------------------------*/ #logo { background:url(/img/logo.gif) no-repeat; height:158px; width:100%; position:absolute; top:15px; left:0px; text-align:center} #logo h1 {color: white;font-size: 24px; margin: 30px 0px 0px 0px; padding: 0px} #logo h2 {color: #20676c;font-size: 18px; font-style: italic; margin: 10px 0px 0px 0px; padding: 0px} /*-------------------------------------- Navigation ---------------------------------------*/ #nav {font-size:100%; position:absolute; bottom:0; left:0; width:960px; } #nav ul {list-style: none; padding: 0; margin: 0; background-color: #40BDC3; } #nav ul li {float: left; text-align: center; height: 40px; margin: 0 0 0 2px; padding: 0; } #nav ul li a {display: block; height:40px; color: #fff; text-decoration: none; text-indent:-5000px;} #nav ul li a:hover{color: #4A4A4A;} #nav ul li.accueil {margin-left:0;} #nav ul li.accueil a {width:108px; background:transparent url(/img/menu.bmp) 0 0 no-repeat;} #nav ul li.accueil a:hover, #nav ul li.accueil a#active{background:transparent url(/img/menu.bmp) 0 -40px no-repeat;} #nav ul li.presentation a {width:149px; background:transparent url(/img/menu.bmp) -108px 0 no-repeat;} #nav ul li.presentation a:hover, #nav ul li.presentation a#active{background:transparent url(/img/menu.bmp) -108px -40px no-repeat;} #nav ul li.bapteme a {width:165px; background:transparent url(/img/menu.bmp) -257px 0 no-repeat;} #nav ul li.bapteme a:hover, #nav ul li.bapteme a#active{background:transparent url(/img/menu.bmp) -257px -40px no-repeat;} #nav ul li.ecole a {width:177px; background:transparent url(/img/menu.bmp) -422px 0 no-repeat;} #nav ul li.ecole a:hover, #nav ul li.ecole a#active{background:transparent url(/img/menu.bmp) -422px -40px no-repeat;} #nav ul li.album a {width:150px; background:transparent url(/img/menu.bmp) -599px 0 no-repeat;} #nav ul li.album a:hover, #nav ul li.album a#active{background:transparent url(/img/menu.bmp) -599px -40px no-repeat;} #nav ul li.contact a {width:111px; background:transparent url(/img/menu.bmp) -749px 0 no-repeat;} #nav ul li.contact a:hover, #nav ul li.contact a#active{background:transparent url(/img/menu.bmp) -749px -40px no-repeat;} #nav ul li.liens a {width:88px; background:transparent url(/img/menu.bmp) -860px 0 no-repeat;} #nav ul li.liens a:hover, #nav ul li.liens a#active{background:transparent url(/img/menu.bmp) -860px -40px no-repeat;} /*-------------------------------------- Generic Styles ---------------------------------------*/ a {color: #20676c} .montgolfiere {background: url(/img/montgolfiere.gif) no-repeat;position:absolute;left:450px;top:20px;width:273px;height:368px;} /*-------------------------------------- Content Styles ---------------------------------------*/ .title {color: #20676c; font-size: 18px; font-style: italic; font-weight: bold;} /*-------------------------------------- Page "contact.php" Styles ---------------------------------------*/ .item-contact {width: 120px; text-align:left; font-style:italic;} /*-------------------------------------- Page "ecrire.php" Styles ---------------------------------------*/ .input{border: 1px solid black; font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 14px;} form textarea{border: 1px solid black; font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; width: 380px; height: 150px;} .ecrire-info {margin: 0px; padding-left: 16px; font-size: 14px; color: black;} .ecrire-info {list-style-type:circle} .ecrire-titre {font-size: 14px; color: black; padding: 20px 20px 20px 0} .ecrire-submit {font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 16px; padding:5px; font-weight: bold;} /*-------------------------------------- Page "liens.php" Styles ---------------------------------------*/ .liens-tableau {border: 1px solid black; border-collapse: collapse; font-weight: bold;} .liens-titre {border-bottom: 1px solid black; background-color: #20676c; color: white; padding: 2px;} .liens-img {width: 1%; padding: 2px; border-right: 1px solid black;} .liens-contenu {padding: 2px;}