body{background:#fff url(images/picasso2.jpg) top left no-repeat fixed;color:#CC3366;font-size:12px;font-style: italic;font-family:Arial, Helvetica, sans-serif;margin:0px auto 0px;padding:0;}#wrap{background:transparent;color:#CC3366;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:0 0 0 100px;padding:0;}

pre {
        font-family: Arial, Helvetica, sans-serif;
        color: #CC3366; 
}




a:link {

	color: #CC3366;

	text-decoration: underline;

}

a:visited {

	color:#808080;

	text-decoration: none;

}

a:active {

	color:#808080;

	text-decoration: none;

}

a:hover {

	color:#808080;

	text-decoration: none;

}



#header{background:transparent url(images/header2.jpg) top right no-repeat;width:89%;height:100px;margin:0px auto 0px;padding:10px 0 10px 0;text-align:right;text-transform: uppercase;}#header a , h1, h1 a{font-family:Times New Roman, Helvetica, Sans-Serif;font-size:48px;color:#333;text-decoration:none;padding:0 10px 0 10px;margin:0;text-transform:uppercase;display:none;}description{display:none;}#header a:hover{color:#333;}



#navbar{background:transparent;width:89%;height:20px;margin:0px auto 0px;padding:10px 0 10px 0;text-align:right;border-top:0px solid #95A5A7;}#navbar li{display: inline;list-style-type: none;margin:0;padding:0}#navbar ul{margin:0;padding:0;}#navbar ul li a{font-family:Times New Roman, Helvetica, Sans-Serif;font-size:12px;color:#CC3366;padding:0 10px 0 10px;margin:0;text-decoration:none;text-transform: none;}#navbar ul li a:hover{color:#ccc;}



#l_sidebar {float: left;width: 200px;margin: 0px 5px 0 0;padding: 10px 0 10px 0;}#l_sidebar ul {list-style: none;margin: 0;padding: 0 0 10px 0;}#l_sidebar li {list-style: none;margin: 0;padding: 0;}#l_sidebar ul li {margin: 0;padding: 5px 0 0 0;}#l_sidebar ul li a {color: #CC3366;text-decoration: none;}#l_sidebar ul li a:hover {color: #6C2A4B;text-decoration: underline;}#l_sidebar ul li a:visited {color: #CC336;text-decoration: none;}



#r_sidebar {float: right; width: 150px;margin:  0px 0 0 0;padding: 20px 70px 0 0; text-align: left;}#r_sidebar p{padding: 2px 0 5px 0;margin: 0;line-height: 20px;}#r_sidebar ul {list-style: none;margin: 0;padding: 0 0 5px 0; text-align: center;}#r_sidebar ul li {margin: 0;padding: 5px 0 0 0; text-align: center;}#r_sidebar ul li a {color: #CC3366;text-decoration: none;}#r_sidebar ul li a:hover {color: #6C2A4B;text-decoration: underline;}#r_sidebar ul li a:visited {color: #CC336;text-decoration: none;}



#content {width: 1000 px;margin: 0px auto 0px;padding: 0;}#content p{padding: 0px 0px 0px 0px;margin: 0;line-height: 15px;}#content h1 {color: #CC3366;font-size: 22px;font-family: Tahoma, Verdana, Arial, Sans-Serif;font-weight: normal;padding: 0;margin: 0;}#content h1 a  {color: #CC3366;text-decoration: none;}#content h1 a:hover {color: #CC3366;text-decoration: none;}#content h2 {color: #CC3366;font-size: 14px;font-family: Tahoma, Verdana, Arial, Sans-Serif ;font-weight:bold;padding:5px 0 5px 0;margin:0;text-transform:none;border-bottom: 0px solid #C0C0C0;} #content p ol{margin: 0;padding: 0 0 0 10px;}#content p ul{margin: 0;padding: 0 0 0 10px;}blockquote{margin: 0 0 0 25px;padding: 0 10px 0 10px;font-style: italic;color: #CC3366;border-left: 3px solid #B3C8DB; }#content blockquote p{margin: 0 0 10px 0;padding: 0;}





#contentmiddle {float: left;width: 45%;margin: 10px 10px 0 10px;padding: 10px 10px 10px 10px;border-left:0px solid #E4E4E5;text-align: center;}#contentmiddle p img{border: none;margin-right: 0px;margin-bottom: 0px;padding: 0px 0px 0px 0%;}.contentdate {background: transparent url(images/date.gif);float: left;width: 50px;height: 50px;margin: 0;padding: 0;}.contentdate h3 {color:#CC3366;font-size: 10px;font-weight: normal;padding: 4px 0 0 13px;margin: 0;text-transform: uppercase;}.contentdate h4 {font-family: Times New Roman, Helvetica, Sans-Serif;color: #CC3366;font-size: 21px;font-weight: bold;padding: 3px 4px 0 3px;margin: 0;text-align: center;}.contenttitle {float: left;width: 70%;margin: 0;padding: 0 0 0 20px;}#contentmiddle ul {list-style: none;margin: 0;padding: 0px 0 10px 0;}#contentmiddle ul li {margin: 0;padding: 5px 0 0 0 ;}#contentmiddle ul li a {color: #CC3366;text-decoration: none;}#contentmiddle ul li a:hover {color: #CC3366;text-decoration: underline;}



#content img.wp-smiley {float: none;border: none;padding: 0px;margin: 0px;}.postspace {background: transparent url(images/spacer2.gif) no-repeat;width: 340px;height: 32px;margin: 0 0 20px 0;padding: 0;}



#footer {background:transparent;width: 90%;margin: 0px auto 0px;padding: 10px 0 10px 0;text-align: center;border-top: 1px solid #C0C0C0;}



#searchdiv {margin: 0;padding 0;}#searchform {margin: 0;padding: 0;overflow: hidden;}#s {width: 95%;background: #EFEFEF url(images/search2.gif);color: #333;font-size: 11px;font-family: Verdana, Helvetica, Sans-Serif;padding: 3px;margin: 8px 0 0 0;border: 1px solid #C0C0C0;}



#commentblock {width:80%background: #fff;color: #CC336;float: left;padding: 10px 10px 0 10px;margin: 10px 0 10px 0;border: 1px solid #C0C0C0;}ol#commentlist{padding:5px 0 5px 0;margin:0;list-style-type:none;}.commentdate{font-size:12px;padding-left:0;}#commentlist li p{margin-bottom:8px;line-height:15px;padding:0;}.commentname{color:#CC336;margin:0;padding:5px 5px 5px 0;}.commentinfo{clear:both;}.commenttext{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width:80%;background:#fff url(images/comment.gif) no-repeat top;}.commenttext-admin{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width:80%;background:#fff url(images/comment.gif) no-repeat top;}



#commentsformheader{padding-left:0;}#commentsform{text-align:left;margin:0;padding:0;}#commentsform form{text-align:left;margin:0;}#commentsform p{margin:0;}#commentsform form textarea{width:99%;}



#wp-calendar{empty-cells:show;margin:10px auto 0;width:90%;}#wp-calendar #prev a{font-size:9pt;}#wp-calendar a{text-decoration:none;}#wp-calendar caption{font:bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align:center;}#wp-calendar th{font-style:normal;text-transform:capitalize;}#wp-calendar #next a{padding-right:10px;text-align:right;}#wp-calendar #prev a{padding-left:10px;text-align:left;}#wp-calendar a{display:block;}#wp-calendar caption{text-align:center;width:100%;}#wp-calendar td{padding:3px 0;text-align:center;}#wp-calendar td.pad:hover{/* Doesn't work in IE */background-color:#000;}p.comments_link img{margin:0;padding:0;border:none;}.entry{clear:left;}











/*--------- Menu horizontal -----------*/

/* Credits: Stu Nicholls */

/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */



#nav,

#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px arial; border:0px solid #000; border-color:#000; border-width:0px 0px 0px 0px; background:#fff; position:relative; z-index:200;}

#nav {height:6px; width: 800px; padding:0;}



#nav li {float:left;}

#nav li li {float:left;}

/* a hack for IE5.x and IE6 */

* html #nav li li {float:left;}



#nav li a {display:block; float:center; color:#000; border-right:0px solid #000; border-color:#FFF; margin:0 10px 0 10px; height:30px; line-height:30px; text-decoration:none; white-space:nowrap;}

#nav li li a {height:20px; line-height:20px; float:none;}



#nav li:hover {position:relative; z-index:300;}

#nav li:hover ul {left:0; top:22px;}

/* another hack for IE5.5 and IE6 */

* html #nav li:hover ul {left:10px;}



#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* yet another hack for IE5.x and IE6 */

* html #nav ul {width:1px;}



/* it could have been this simple if all browsers understood */

/* show next level */

#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */

#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */

#nav li:hover > a {text-decoration:underline; color:#;}





/* but IE5.x and IE6 need this lot to style the flyouts and path followed */

/* show next level */

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:0px; margin-left:100%; top:5px;}



/* keep further levels hidden */

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px;}



/* show path followed */

#nav li:hover a,

#nav li:hover li:hover a,

#nav li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover li:hover a

{text-decoration:none; color:#C0C0C0;} /* Hover sur les liens */



/* hide futher possible paths */

#nav li:hover li a,

#nav li:hover li:hover li a,

#nav li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li:hover li a

{text-decoration:italic; color:#CC3366;} /* Les liens */

/* ================================================================

The original version  http://www.stunicholls.com/menu/skeleton.html

Copyright (c) 2005-2007 Stu Nicholls.

=================================================================== */



stuHover = function() {

    var cssRule;

    var newSelector;

    for (var i = 0; i < document.styleSheets.length; i++)

        for (var x = 0; x < document.styleSheets[i].rules.length ; x++)

            {

            cssRule = document.styleSheets[i].rules[x];

            if (cssRule.selectorText.indexOf("LI:hover") != -1)

            {

                 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");

                document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);

            }

        }

    var getElm = document.getElementById("nav").getElementsByTagName("LI");

    for (var i=0; i<getElm.length; i++) {

        getElm[i].onmouseover=function() {

            this.className+=" iehover";

        }

        getElm[i].onmouseout=function() {

            this.className=this.className.replace(new RegExp(" iehover\\b"), "");

        }

    }

}

if (window.attachEvent) window.attachEvent("onload", stuHover);














