/* Begin Typography & Colors */
html>body { background-color : rgb(227,216,174);
background-color : rgba(227,216,174,0.25);
font-family: Tahoma,
Geneva, sans-serif; color:#333; }
body { font-family: Tahoma, Geneva, sans-serif; color:#333; }
.description { color: #333; font-size: 0.8em; background-color : transparent; text-align: center;
text-transform: uppercase; margin: 0; padding: 0;
width: 820px; height: 1.5em }
#page { background-color : #ffffff; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; text-align: left }
#pagelimit { background-color : #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; text-align: left }
#headerimg { font-family: Tahoma, Geneva, sans-serif;
background-color : #ffffff;
background-position: center top;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; }
#content { font-size: 1.3em; }
#content p { text-align: justify }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
small { font-family: Tahoma, Geneva, sans-serif; font-size: 0.9em; line-height: 1.5em; }
h1, h2, h3 {
font-family: Tahoma, Geneva, sans-serif; font-weight: bold; }
h1 { font-size: 1em; }
h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.6em; }
#sidebar h2 { color: #000; font-size: 0.8em; font-family: Tahoma, Geneva, sans-serif;
text-align: left; text-indent: 12px; margin: 5px 0 0; padding: 0;
width: 180px; height: 1.2em; vertical-align: 1.2em }
h3 { font-size: 1.3em; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration:none; }
#texte { font-size: 1em ; color: #090; position : relative; top : 40px; left: 65px; line-height : 20px ; }
#signature { color: #FFC27B; font-size: 1.3em; font-weight: bolder;
line-height: 25px; text-decoration: none; text-align: left; text-transform: uppercase;
position: absolute; top: 100px; left: 620px; width: 300px; height: 45px }
div#headerimg a:hover { color: #090; text-decoration: underline; }
h2, h3 { color: #333; }
h2 a, h3 a { color: #FFC27B; }
h2 a:hover, h3 a:hover { color: #090; text-decoration: underline; }
h2, h2 a, h3, h3 a, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
#sidebar { font-size: 1em; font-weight: bolder; font-family: Tahoma, Geneva, sans-serif; }
#sidebar a { color: #FFC27B; text-decoration:none; }
#sidebar a:hover { color: #090; text-decoration: underline; }
small { color: #FFC27B; }
a { color: #FFC27B; text-decoration: none }
a:hover { color: #090; text-decoration: underline; } /* End Typography & Colors */
/* Begin Structure */ body { margin: 0px;
padding: 0px;
position: absolute;
width: 100%;
height: 100%; border-width: 0; }
#pagelimit { margin: 0 0 0 -410px; padding: 0;
position: absolute; top: 8%; left: 50%; width: 820px;
height: 700px }
#page {
margin: 0 0 0 -410px; padding: 0;
position: absolute; top: 8%; left: 50%;
width: 820px; height: auto; }
#header { margin: 0; padding: 0; width: 820px;
height: auto }
#headerimg { margin: 0; padding: 0; width: 820px;
height: 200px }
.narrowcolumn { margin: 0; padding: 0 0 20px 45px;
width: 550px; float: left; }
#footer { font-size: 11px; padding: 0; margin: 0 auto;
width: 820px; clear: both; }
#footer p { font-size: 11px; margin: 0; padding: 20px 0 } /* End Structure */ /*
Begin Headers */
h1 { padding-top: 70px; margin: 0; }
h2 { margin: 20px 0 0 }
h2.pagetitle { margin-top: 30px; text-align: center; }
h3 { padding: 0; margin: 30px 0 0; }
/* End Headers */
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right.
And using 'class="centered', will of course center the image.
This is much better than using align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright {
padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { display: inline; margin: 0 14px 6px 0; padding: 4px }
.totu { font:11px Tahoma; position: absolute; display:none; }
.tout { margin: 0 14px 20px 0; padding: 4px 4px 8px }
.miniature { display: inline; margin: 0 14px 0 0; padding: 4px; float: left }
.alignright { float: right; }
.alignleft { float: left } /* End Images */
/* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer,
which merely default to normal bullets. */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none;
padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
#sidebar ul ul li { list-style-type: none; }
.entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; }
//#sidebar ul, #sidebar ul ol { margin: 0 0 0 20px; padding: 0 }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 30px }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 30px }
ol li, #sidebar ul ol li { list-style-type: disc; list-style-image: none }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */
/* Begin Sidebar */
#sidebar { margin: 0 0 0 600px; padding: 20px 0 10px; width: 200px; height : auto; }
/* Begin Various Tags & Classes */
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; } a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */
.solo { margin-top: 30px; margin-left : 50px; margin-bottom: 50px; }
#cv { margin: 3em 0 0; padding: 0 }
#imdenis {margin-top : 650px ; margin-left : 30px; margin-bottom: 30px;}
#expo { width: 450px; height: 346px }
#galerie { width: 450px; margin-top: 70px; margin-left: -50px; padding: 0}
.rang { text-align: center; margin-right: auto; margin-left: auto; width: 450px; clear: both }
.serie { list-style-type: none; display: block; margin-right: auto; margin-left: auto; width: 60px; float: left }
.serie a { color: #000 } .serie img { border-style: solid; border-color: #000 }
.tvi { margin-bottom: 12px; width: 40px; height: 30px }
.tvivert { margin-bottom: 12px; width: 23px; height: 30px }
#obsolete { clear: both; }
.sous { text-indent: 1em; clear: both } .clear { clear: both }
#archive { font-size: 1.3em; font-weight: bold }
#envoi { color: white; background-color: #903; border: solid 2px }
.text { color: black; font-size: 14px; background-color: white; border: solid 2px }
#envoi:hover { color: #cff; background-color: black }
#conteneur { color: black; text-align: left; margin: 0 0 0 -50px; padding: 0; width: 500px; height: 100%;
vertical-align: middle; border-width: thin }
#field { margin-left: 1em; width: 400px; border-width: 0 ;}
#field h2 { font-size: 14px }
/*----------------------------------------------------*/
#screen { position: absolute; left: 13%; top: 43%; width: 58%;
height: 45%; background-color: #fff; overflow: hidden; }
.panel { position: relative; float: left; width: 23%;
height: 30%; margin: 1%; overflow: hidden; }
.imgPanel { position: absolute; border: none; text-decoration: none; }
/* ----------------------------------------------------------*/
#copyright { font-size : 11px; position: absolute;
top: 780px; left : 3%; }
#sidebar ul { margin: 90px 0 0 80px; padding: 0 }
/* ----------------------------------------------------------*/