html { 
/* Force Vertical Scrollbar */
height: 100%;
/* margin-bottom: 0.1em; */
}

body {
background: #FFF url('../images/bg.gif') repeat-x top left;
font: 80% 'Verdana', 'Arial', 'Sans-Serif';
margin:0px;
padding:0px;
color: #324a96;
}

blockquote {
margin-top:1px;
margin-bottom:1px;
}

img {
border:0px;
}

form {
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:4px;
padding:0px;
}

a, a:visited {
color: #324a96;
text-decoration:none;	
}

a:hover {
color: #324a96;
text-decoration:underline;	
}

div {
border:0px;
padding:0px;
margin:0px;
}

div#page {
border:0px;
width:755px;
padding:0px auto;
margin:0px auto;
}

div#logo {
float:left;
width:272px;
}

div#menu {
margin-right:0px;
padding-right:0px;
margin-top:135px;
float:right;
width:468px;
}

#menu a, a:visited {
color:#324a96;
text-decoration:none;
}

#menu a:hover {
text-decoration:underline;
}

#menu ul{
margin-top:8px;
margin-bottom:8px;
padding-left:0px;
margin-left:0px;
line-height:30px;
}

#menu li {
float:left;
background:url('../images/puce1.gif') no-repeat left;
padding-top:8px;
padding-bottom:8px;
padding-left:25px;
display:inline;
margin-left:8px;
font: 13px 'Verdana', 'Arial', 'Sans-Serif';
}

ul.menu {
margin:0px;
padding-left:15px;
padding-right:8px;
}


div#main {
border:2px solid #324a96;
background:url('../images/bg-main.jpg') no-repeat bottom right;
padding-top:0px;
padding-left:10px;
padding-right:10px;
}

div#gauche {
background:url('../images/bg-left.gif') no-repeat top left;
float:left;
width:510px;
height:700px;
}

#gauche a, a:visited {
color:#95327B;
text-decoration:none;	
}

#gauche a:hover {
color:#95327B;
text-decoration:underline;
}

html>body #gauche {
height: auto;
min-height:700px;
}

div#droite {
margin-top:34px;
text-align:left;
float:right;
width:200px;
}

#droite a, a:visited {
color:#324a96;
text-decoration:none;
}

#droite a:hover {
text-decoration:underline;
}

li#droite {
padding-bottom:8px;
}

div.cleaner {
clear:both;
}

div#footer {
font-size:9px;
text-align:right;
padding-bottom:20px;
}


div.sticky {
margin-top:20px;
background:url('../images/bottom-sticky.gif') no-repeat bottom left;
width:190px;
}

div.inner-sticky {
padding-top:10px;
padding-bottom:10px;
background:url('../images/top-sticky.gif') no-repeat top left;
}

div.body-sticky {
font-size:11px;
padding-right:14px;
padding-left:6px;
padding-bottom:5px;
background:url('../images/bg-sticky.gif') repeat-y top left;
}

div.title {
padding-left:100px;
padding-top:22px;
}

div.article {
margin-left:50px;
margin-top:50px;
padding-left:5px;
text-align:justify;
}

.contentheading {
padding-left:32px;
padding-top:0px;
padding-bottom:3px;
font-size:14px;
font-weight:bold;
}

.buttonheading {
padding-top:0px;
padding-bottom:7px;
}

p.input {
margin-top:3px;
margin-bottom:3px;
}

div#phocagallery {
padding-left:0px;
text-align:justify;
padding-top:30px;
}

.componentheading {
padding-top:0px;
padding-bottom:5px;
font-size:14px;
font-weight:bold;
margin-left:45px;
}

.contentdescription {
padding-left:5px;
text-align:justify;
padding-top:30px;
}

.breadcrumbs {
padding-left:55px;
}

.contentpaneopen {
margin-bottom:0px;
margin-left:5px;
padding-top:0px;
}

.contentpane {
margin-left:0px;
padding-top:0px;
}

div.blog {
margin-left:5px;
margin-right:6px;
padding-top:6px;
}

.moduletable {
margin:0;
padding:0;
}


h3 {
padding-left:30px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
}

.input {
border:0px;
}

.validate {
margin-left:50%
}

.active {
font-weight:bold;
}

.button {
background:#324a96;
color:white;
font-size:10px;
border : 2px solid #324a96;
}

.button:hover {
border : 2px solid #95327B
}

.pagenav {
margin:5px;
}

#system-message {
width:400px;
margin-left:35px;
}

.small {
font-size:8px;
}