html, body{margin:0; padding:0}
body{font:76%/1.5 Verdana,'Trebuchet MS',arial,sans-serif; text-align:center; background-color:#325498; margin:15px 0; color:#000}

/* links */
a{color:#253e70; text-decoration:none; border-bottom:1px dotted}
a:hover, .sidemenu .current a{color:#069; background:inherit; border-bottom:1px solid}

/* headers */
h1, h2, h3{font-family:'Trebuchet MS',Arial,sans-serif; font-weight:bold; color:#253e70}
h1{font-size:1.5em}
h2{font-size:1.3em; text-transform:uppercase}
h3{font-size:1.1em; text-transform:uppercase; letter-spacing:1px}

h1, h2, h3, p{padding:0; margin:10px 0 10px 15px}

#content{float:left; width:740px; padding:0 0 20px 10px; margin:0; text-align:justify; min-height:590px; height:auto !important; height:590px}
#content a{color:navy; border-bottom:1px solid}
#content p{line-height:1.4em}
#content h1{padding:8px 0 3px 0px; margin-bottom:1em; text-transform:none; border-bottom:2px solid #253e70}

ul, ol, dl{margin:10px 30px; padding:0 15px; list-style-type:square}
ul span, ol span{color:#666}

/* images */
img{border:1px solid #CCC}
img.image-droite{float:right;  margin:5px 0 0 10px}
img.image-gauche{float:left;  margin:5px 10px 0 0}

/* header */
#header{position:relative; clear:left; width:960px; height:90px; margin:0 0 15px 0; padding:10px 0 0 0}

/* titre du site */
#header #logo-text{position:absolute; margin:0; padding:0; font:bolder 3.6em 'Trebuchet MS',Arial,Sans-serif; letter-spacing:-2px; color:#FFF; text-transform:none; top:0px; right:35px}

#header #slogan{position:absolute; margin:0; padding:0; font:bold 1em 'Trebuchet MS',Arial,Sans-serif; text-transform:none; letter-spacing:1px; color:#FFF; top:49px; right:35px}

/* ******************* MENUS ****************************** */
#header ul{margin:0; padding:0 0 5px 0}
#header ul{list-style:none; padding:0; margin:0}
#header li, #header ul a:hover, #header .currentpage{text-decoration:none; color:#fff}

#header li{display:inline; padding:0 0.5em; margin:0; font-weight:bold; background:url(/uploads/images/pipe.gif) right center no-repeat transparent}
#header li a:hover, #header li:last-child, #header li.last{background-image:none}
#header a.activeparent{color:#fff}

#header a:link{color:navy}
/*Win IE browsers - hide from Mac IE\*/
* html #header ul{height:1%}
* html #header li{display:block; float:left}

/*End hide*/
/*Mac IE 5*/
#container{width:960px; margin:0 auto; text-align:left}

/* sidebar */
#navigation{float:right; width:180px; margin:0 0; padding:0; /*background-color:inherit; */font-size:90%}
#navigation h2{padding:8px 0px 3px 25px; margin-left:0; background:url(/styles/square_arrow.gif) no-repeat 0% .7em; text-transform:none; color:#253e70}

#navigation ul.sidemenu{list-style:none; margin:0 0 20px 2px; padding:0; font-weight:bold}

#navigation .sidemenu li{padding-bottom:5px; background:transparent url(/styles/arrow.gif) no-repeat 0 0.6em; padding-left:10px; color:#fff}

#navigation .sidemenu li.separator{background-image:none}
#navigation .sidemenu li.separator hr{border:0px dotted navy}
#navigation .sidemenu li a{text-decoration:none; background-image:none; color:#253e70}
#navigation .sidemenu a:hover, #navigation .sidemenu .current a{color:#069}
ul.sidemenu ul, ul.sidemenu ul li{margin-top:0; margin-bottom:0; padding-left:0; margin-left:0; list-style-type:none}

#extra{float:right; clear:right; width:200px}

/* footer */
#footer{clear:both; height:40px; color:#CCC; background:#253e70; margin:0; font-size:92%}
#footer p{margin:0; padding:5px 10px}

#footer a{text-decoration:none; color:#ccc}
#footer #footer-left{width:68%; float:left; text-align:left; margin:0; padding:10px}
#footer #footer-right{width:25%; float:right; text-align:right; margin:0; padding:10px}

/* contenu */
.remarque{font-weight:bold; color:navy}
.remarqueleger{color:navy}
.comment{color:#514F4F}
.marge{margin-left:50px}
.gray{color:#CCC}
.clear{clear:both}

.hide{display:none}

/* galeries photos */
.galgauche{float:left; width:140px; margin:0 10px 0 15px}
.galdroit{float:right; width:130px; margin:0 0 0 10px}
.galdroit .thumbnail{float:right}
.galgauche .thumbnail, .galdroit .thumbnail{margin-bottom:1em}
#content .galgauche a, #content .galdroit a{border:0}

#myframe{height:550px}