/* cadreblanc.css // 20090511 */

body, input, select, textarea { font: 11px "Lucida Bright", Georgia, serif; background: white; color: #758582; }
body { background: white; padding: 10px; }
a, a:visited, a:active { color: #7acdb5; }
a:hover { color: #758582; }

/** Access **/
#access,
#menu,
#arrows { display: none; }

/** Main **/
#main { height: 920px; }

/** Header **/
#header { border-bottom: 1px #758582 solid; }

/** Body **/
#body { margin: 30px 0; }
#body h2,
#body h3,
#body h4 { margin-top: .5em; }
#body h1,
#body h2,
#body h3,
#body h4,
#body p,
#body ul,
#body ol,
#body dl { margin-bottom: .5em; }
#body h1 { font-size: 1.8em; color: #888; margin-top: 1em; }
#body h2 input { font-size: 1.2em; color: #7acdb5; }
#body h2 { font-size: 1.5em; color: #7acdb5; margin-top: 1em; }
#body h3 { font-size: 1.3em; }
#body h4 { font-size: 1.2em; }
#body ul { list-style: square inside; padding-left: 1em; }
#body ol { list-style-position: inside; padding-left: 1em; }
#body dt { font-weight: bold; font-size: 1.2em; }
#body dd { display: block; margin-bottom: .5em; }
#body address { font-style: normal; }

/** Elements **/
#body big { font-size: 1.4em; line-height: .8em; color: #7acdb5; }
#body p.chapo { font-size: 1.3em; }
#body div.links { margin-top: 2em; }
#body div.links a { display: block; width: 200px; height: 60px; float: left; padding: 10px 20px; color: #758582; }
#body div.links a.small { width: 140px; }
#body div.links * h3 { margin: 0; font-size: 1.4em; }
#body div.links * p { font-size: 1.1em; }
#body div.links a:hover h3,
#body div.links a:hover address { color: #758582; }
#body div.thanks { margin-top: 2em; }
#body div.thanks div { display: block; width: 80%; padding: 10px; color: #758582; margin-bottom: 1.5em; }
#body div.thanks * h2 { margin: 0; }
#body div.thanks * h3 { margin-top: 0; font-size: 1.2em; }
#body div.thanks * p { font-size: 1.1em; text-align: justify; }
#body div.thanks * address { font-style: normal; color: #7acdb5; }
#body div.photos { margin-top: 2em; }
#body div.photos a { display: block; width: 180px; height: 180px; float: left; padding: 10px; text-align: center; color: #758582; }
#body div.photos * h2 { margin: 0; }
#body div.photos * p { margin: 0; font-size: 1.1em; }
#body div.photos * img { border: 4px white solid; }
#body div.photos * address { font-size: 0.9em; margin: 0; }
#body div.photos a:hover h2,
#body div.photos a:hover address { color: black; }
#body div.photos * address { font-style: normal; }
#body div.album { height: 130px; padding: 10px; background: #eee; margin-top: 20px; }
#body div.album a.left,
#body div.album a.right { display: block; height: 80px; background: transparent no-repeat left; width: 10px; margin: 20px 0; }
#body div.album * span { display: none; }
#body div.album a.left { float: left; margin-right: 5px; background-image: url(white/icons/left.png); }
#body div.album a.right { float: right; margin-left: 5px; background-image: url(white/icons/right.png); }
#body div.album a.left:hover,
#body div.album a.right:hover { background-position: right; }
#body div.album * ul { display: block; height: 130px; list-style: none; padding: 0; overflow: hidden; }
#body div.album * li { float: left; display: block; height: 130px; width: 130px; }
#body div.album * img { border: 5px transparent solid; }
#body div.album * a.active img { border-color: white; }
#body div.description { display: none; }
#photosPreview { height: 320px; margin-right: 30px; }
#photosPreview img { float: right; }
#photosBox { height: 130px; width: 620px; overflow: hidden; }
#body div.bk { padding: 10px; float: left; margin: 0 20px 10px 0; }
#body div.ff1 { width: 40%; }
#body div.ff2 { width: 40%; margin-top: 20px; }
#body div.ac1 { width: 40%; margin-top: 30px; }
#body div.ac2 { width: 40%; }
#body div.ac3 { width: 40%; margin-top: 10px; }
#body div.fc { width: 500px; margin: 0 auto; margin-bottom: 2em; font-size: 1.1em; }
#body div.fc p { font-size: 1.2em; }

/** Footer **/
#footer { clear: both; font-size: 0.9em; text-align: right; margin-top: -20px; border-top: 1px #758582 solid; }
#copyright { float: right; margin-left: 10px; }
#credits,
#credits a { color: #758582; }

