* { margin: 0; padding: 0; }
body { background: #f6efe0;  }

h3 {color:#570a0a;}
h2 {color:#570a0a; margin-top:30px;}
p {font: normal 100% "Trebuchet MS", arial, helvetica, sans-serif;font-size:13px;}
a {color:#570a0a;}

#wrapper { width: 700px;	margin:0 auto; background: #fff;padding-top:10px;padding-bottom:10px;}
#header { background:#fff;padding-bottom:10px;height: 127px; text-align:center;border-bottom:1px solid #570a0a;}
#footer {clear:left; border-top:5px solid #570a0a;text-align:center;padding-top:2px;}
#footer p {font: normal 80% "Trebuchet MS", arial, helvetica, sans-serif;font-size:12px;}

#menu { margin-top:2px;height: 29px; background:#570a0a;}

.clear {clear:both;}

#underheader { clear:left;height: 166px;border-bottom:1px solid #570a0a;}
#welcome { position:absolute; margin-top:-150px; margin-left:30px;z-index:10;}
#welcome h4 {letter-spacing:0.4em;color:#777777;margin-bottom:10px;font-size:80%;}
#welcome p {font-size:12px;width:260px;}

#content { padding:20px;}
#content p {margin-bottom:10px;}
#content ul{margin-left:1em;padding-left:1em;}
#content ul#blockform{margin-left:0em;padding-left:0em;}

#loadfile{min-height:300px;background:white;}

#leftcontainer { width: 250px; float:left;padding:0px 0px;text-align:center;background:*red;}
#rightcontainer {padding-bottom:10px;text-align:justify;}

.bloc {margin-bottom:20px;}
.bloc h5 { font: normal 80% "Trebuchet MS", arial, helvetica, sans-serif;font-size:15px; color:#570a0a;}
.bloc img {padding:0.3em;border:1px solid silver;}
.bloc a {color:#570a0a;}
.bloc p {font-size:12px;}
p.aright{text-align:right;font-size:11px;	}

#righttop {margin-top:5px;margin-bottom:10px;}
#blkvin {margin-left:10px;margin-bottom:10px;}
#blkvin h3 {margin-bottom: 10px;}

#rightbt { padding:1px 5px 5px 5px;}
.mbloc { float:left;margin-top:10px;text-align:center;}
.mbloc  img{padding:0.3em;border:1px solid silver;margin:0 2px;}
#leftcontainer a img:hover {padding:0.3em;border:1px solid #570a0a;}
.mbloc img:hover, #rightcontainer  a img:hover{padding:0.3em;border:1px solid #570a0a;margin:0 2px;}
.mtxt { width: 370px;float:left; }
.mtxt p {font-size:13px;}


#contactform input.error,#contactform textarea.error ,#contactform select.error{ border: 1px solid red; }
.formerror {	background-color: #eee;	border: 1px solid red; padding: 5px; margin:0 10px; display:none;}
.formerror h5 {font-size:11px;margin-bottom:5px;}
form .formerror p {margin-left:5px;margin-bottom:5px;font-size:12px;}

.mylefttext { text-align:justify;margin-bottom:10px;}
.mylefttext img {float: right;margin-left: 1em;padding:0.3em;border:1px solid silver;}
.myrighttext {text-align:justify;margin-bottom:10px;}
.myrighttext img {float: left;margin-right: 1em;	padding:0.3em;border:1px solid silver;}



#picscontent {text-align:center;}
/*.album {float:left; margin-right:15px;text-align:center;}*/
div.album {float:left;margin-left:10px;margin-bottom:10px;}
.album img {padding:0.4em; border:1px solid silver;}
.album img:hover {border:1px solid #570a0a;}

#listcontent {text-align:center;}
a.listimg img {margin:0 12px 10px 12px;border:1px solid silver; padding:0.3em;}

#backlink {text-align:center;}
#backlink a {color:#570a0a;font-size:12px;}

/* nyro modal */
div#nyroModalFull {font-size: 12px;color: #777777;font-family: Verdana;}
div#nyroModalLoading {border: 2px solid #570a0a;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../../../images/loading.gif) no-repeat;background-position: center;}
div#nyroModalLoading.error {border: 2px solid #570a0a;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalWrapper {background: #fff;border: 2px solid #570a0a;}
a#closeBut {position: absolute;display: block;top: -13px;right: -13px;width: 12px;height: 12px;text-indent: -9999em;background: url(../../../images/close.gif) no-repeat;outline: 0;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px #570a0a dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div.wrapperImg a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
a.nyroModalPrev {left: 0;width: 40%;}
a.nyroModalPrev {background: url(../../../images/prev.gif) left 20% no-repeat;}
a.nyroModalPrev:hover {background: url(../../../images/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;width: 40%;}
a.nyroModalNext:hover {background: url(../../../images/next.gif) right 20% no-repeat;}

#dbmenu {padding:10px;margin-top:-50px;}
#dbmenu h6,#dbmenu h5,#dbmenu h4,#dbmenu h3,#dbmenu h2,#dbmenu h1{margin-bottom:20px;}
#dbmenu ul, #dbmenu ol {margin-left:50px;margin-bottom:20px;}
#dbmenu li {list-style-type: circle;}
#dbmenu blockquote {margin:20px 30px; border-left:2px solid #570a0a;padding-left:10px;background:#f3e7ce;}

.salle {clear:left; }
.salle img {float:left;margin-right:10px;border:1px solid silver;padding:0.3em;margin-bottom:10px;}
.sallesep {clear:left;margin-bottom:10px;}
.sallesep hr {color: #e1e1e1;background-color: #e1e1e1;height: 1px;width:70%;margin:0 auto;}