html {
background-image: url(../images/right_side.gif);
background-repeat: repeat-y;
background-position: top right;
}

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url(../images/left_side.gif);
background-repeat: repeat-y;
background-position: top left;
color: #000000;
text-align: center;
}
#container {
	width: 800px;
	display: inline;
}
#main-title {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .65em;
text-align: right;
margin-top: 0;
padding-bottom: 4px;
padding-top: 5px;
padding-right: 50px;
background-color: #3333cc;
color: #ffffff;
border-top: 1px #ffffff solid;
border-bottom: 3px #3333cc solid;
}

#body h1 { 
text-align : left;
}

#header-image {
background-color: #4d80b9;
background-image: url(../images/Douiret_banner.jpg);
background-repeat: no-repeat;
background-position: center center;
height: 192px;
border-top: 2px #ff4700 solid;
border-bottom: 2px #ff4700 solid;
margin-left: 110px;
margin-right: 110px;
}

#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .7em;
text-align: center;
margin-top: 0;
padding-bottom: 6px;
padding-top: 6px;
background-color: #3333cc;
color: #ffffff;
word-spacing: 6px;
border-bottom: 2px #ff4700 solid;
}

#navbar a:link, #navbar a:visited {
color: #ffffff;
word-spacing: none;
}

#navbar a.current {
font-weight: bold;
color: #ff4700;
border-bottom : 3px dotted #ffffff;
}

#navbar a:hover {
color: #ff4700;
text-decoration: underline;
}


#headline {
font-size: .65em;
padding-top: 30px;
text-align: justify;
background-color: #ffffff;
padding-left: 100px;
padding-right: 100px;
margin-left: 110px;
margin-right: 110px;
margin-bottom: 0;
line-height: 1.5em;}


p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
margin-left: 110px;
margin-right: 110px;
font-size: 1.5em;
padding-bottom: 3px;
padding-top: 20px;
padding-left: 20px;
padding-right: 0px;
color: #666699;
border-bottom: 1px #ff4700 solid;
letter-spacing: 2px;
font-weight: bold;
background-color: #ffffff;
margin-top: 0;
margin-bottom: 0;
}


#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .75em;
line-height: 1.8em;
background-color: #ffffff;
}

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 5px;
margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}

p, ul, ol, table {
margin-top: 17px;
margin-bottom: 0;
}

ol, ul {
margin-left: 75px;
margin-right: 75px;
}

a:link, a:visited {
text-decoration: none;
color: #ff0000;
}

a:hover {
text-decoration: underline;
}

img.alignleft {
float: left;
padding-right: 10px;
border: 0px;
}

img.alignright {
float: right;
padding-left: 10px;
border: 0px;
}
img.aligncenter {
float: center;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border: 0px;
}


#wrapper { 
position : relative;
top : 10px;
margin-left : auto;
margin-right : auto;
padding-top : 30px;
padding-right : 10px;
padding-left : 10px;
width : 800px;
height : auto;
background-color : #ffffff;
border : 4px solid #ce3095;
}
 
#rgheader { 
text-align : right;
width : 50%;
position : absolute;
right : 15px;
top : 10px;
} 
#rgheader h1 { 
font-size : 20px;
} 
#rglinks { 
position : absolute;
padding : 10px;
top : 0;
left : 0;
} 
#rglinks ul { 
display : inline;
list-style : none;
margin : 0;
} 
#rglinks li { 
font-weight : bold;
display : inline;
margin-right : 10px;
} 
#rglinks a { 
color : #777777;
text-decoration : none;
border-top : 5px solid #c71585;
border-bottom : 5px solid #c71585;
} 
#rglinks a span { 
color : #777777;
text-decoration : none;
} 
#rglinks a:hover { 
border-top : 5px solid #f4c0da;
border-bottom : 5px solid #f4c0da;
color : #c71585;
text-decoration : none;
} 
#rglinks a span.selected { 
color : #ff00ff;
text-decoration : none;
background : #e0f8f7;
} 

#gcontent { 
width : 100%;
} 


#gcontent h1 { 
text-align : right;
margin : 0 0 0px 0px;
font-size : 14pt;
color : #ff00ff;
border-bottom : 4px solid #f4c0da;
} 
#gcontent p { 
text-align : right;
margin : 0 0 0px 0px;
} 
#picturelist { 
text-align : center;
list-style-type : none;
margin-right : 10px;
margin-left : 10px;
} 
#picturelist li { 
float : left;
margin-left : 16px;
margin-bottom : 10px;
font-size : 7pt;
color : #777777;
} 
#picturelist img { 
display : block;
border : 2px solid #ce3095;
padding : 1px;
} 
#picturelist img:hover { 
display : block;
border : 2px solid #f4c0da;
} 
#picturelist a { 
color : #777777;
text-decoration : none;
} 
#picturelist a:hover { 
color : #ce3095;
} 








#footer { 
margin-top: 10px;
margin-bottom: 0;
width : 100%;
height : 50px;
background : transparent url('../images/Klim.png') repeat-x top left;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}



#footer a:hover {
text-decoration: underline;
color: #5b8fbe;
}

.right {
float: right;
text-align: right;
padding-right: 50px;
width: 50%;
}
.left {
float: left;
text-align: left;
padding-left: 50px;
}
.right h3 {
margin-top: 0px;
font-size: 85%;   
}
.left h3 {
margin-top: 0px;
font-size: 85%;   
}