/**** OwenSavary.com CSS ***** 
  by: SySwatis.com Webdesigner 
******************************/
@charset "utf-8";

body,div,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p {margin:0;padding:0;}
ul{padding:0;margin:0;}
br {clear: left;}
li {list-style:none;}
a img {border: 0 none;}

html {height:100%;}

body {
margin: 0px;
padding:0px;
text-align:center;
color: #7f7e82;
font-family: 'Helvetica', Geneva, Arial, Helvetica, sans-serif;
font-size:76%;
background:url(../images/bg_body.png) repeat-x top #FFF;
border: 0px none; 
}

h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.0em;}

/* general */
.info {padding:15px; background-color:#CCFF99;}
.clr {clear:both;}
.inner {padding:8px;}
.loading {
background:url(../images/ajax-loader.gif) no-repeat center center #FFFFFF;
height:25px;
}

#node .loading {
padding:5px;
width:358px;
}

#loader {
width:996px;
}

.preloader {
}

a {
color:#F5A748;
text-decoration:none;
}

#global {
position:relative;	
width:996px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

#header {
background:url(../images/header.jpg) no-repeat bottom;
height:40px;
width:996px;
}

#content {
background:url(../images/content.jpg) no-repeat top #f1f0f6;
border:0;
text-align:left;
}

#center {
width:475px;
min-height:475px;
margin-left:128px;
overflow:hidden;
}

.text-welcome {
position:absolute;
z-index:1000;
right:35px;
margin-top:25px;
max-height:400px;
overflow:hidden;
text-align:left;
width:240px;
color:#153c92;
}

.private{
color:#153c92;
margin-top:200px;
}
.private .submit{
float:right;
margin-right:230px;

}
.text-welcome h1 {
font-size:1.9em;
text-align:center;
margin-bottom:15px;
text-transform:uppercase;
font-weight:normal;
}

.text-welcome  p {font-size:1.2em;}

.text-welcome  a.enter {
background-color:#153c92;
text-transform:uppercase;
padding:2px 5px 5px 5px;
line-height:20px;
}

#footer {
background:url(../images/footer.jpg) no-repeat center;
height:76px;
width:996px;
}

#col_left{
width:118px;
float:left;
cursor:pointer;
background:url(../images/bg-menu-left-blue.jpg) repeat-y #153d91 center;
max-height:583px;
overflow:hidden;
}

.menu-boucle-top{
height:303px;
background:url(../images/menu-boucle-top-blue.jpg) no-repeat bottom;

}
.menu-boucle-footer{
width:118px;
height:172px;
background:url(../images/menu-boucle-footer-blue.jpg) no-repeat top;
}

.menu-left {
margin-top:5px;
}

.menu-left li {
display:block;
line-height:1.1em;
padding:3px;
text-align:center;
border-bottom:#1f5bd8 1px dotted;
width:88px;
margin-left:10px;
text-transform:uppercase;
font-size:0.9em;
}

.menu-left li a, .menu-footer li a { color:#f9ce5b;}
.menu-left li a:hover, .menu-footer li a:hover { color:#f9a453;color:#FFF}
.menu-left li.activate, .menu-left li a:hover{ font-weight:bold; }

#col_right {
width:368px;
background-color:#fdfdfd;
float:right;
}

#col_right .no_center {
width:843px; /* col_right + center */
float:left;
}

#main {
min-height:475px;
}

#col_right .inner {
height:460px;
overflow:hidden;
}

#footer ul.menu_language {
height:30px;
line-height:30px;
float:right;
border-left:#FFFFFF 1px solid;
}

.man-woman {}

#footer ul.menu_language li {
float:left;
padding:0px 1px 1px 1px;
width:60px;
text-align:center;
background-color:#f1f0f6;
text-transform:uppercase;
font-size:0.9em;
}

#footer ul.menu_language li a {
color:#666666;
}

#footer ul.menu_language  li.activate a, #footer ul.menu_language  li.activate a {
background: url(../images/activate.jpg) no-repeat 4px 8px #FFFFFF;
color:#FF6600;
display:block;
}

#footer ul.menu_language  li a:hover {
background-color:#FFF;
color:#FF6600;
display:block;
}

.menu-footer {
margin-top:9px;
}

.menu-footer .man-woman {
float:left;
margin-left:9px;
}

.menu-footer li.man-woman-menu {
float:left;
margin-right:9px;
}

.menu-footer li.man-woman-title {
position:absolute;
line-height:0;
background:url(../images/bg-menu-left-blue.jpg) repeat-y #153d91 center;
display:block;
height:89px;
width:15px;
padding:5px;
margin-left:152px;
overflow:hidden;
line-height:15px;
text-align:center;
text-transform:uppercase;

}
.menu-footer li.man-woman-title a {
color:#f9ce5b;
}
.menu-footer li.man-woman-title a:hover {
color:#fff;
}

.menu-footer .carousel {
float:left;
}

.menu-footer .carousel li {
margin-left:10px;
cursor:pointer;
}

.carousel {
height:99px;
float:left;
}

.carousel .loading {
width:336px;
background-color:#FFFFFF;
}

.next-carousel, .prev-carousel {
font-size:0px;
color:#f1f0f6;
border:0;
text-align:center;
overflow:hidden;
cursor:pointer;
height:99px;
width:16px;
z-index:5;
}

.menu-footer .next-carousel {
background:url(../images/arrows.jpg) no-repeat right #FFF;
float:right;
}

.menu-footer .prev-carousel {
background:url(../images/arrows.jpg) no-repeat left #FFF;
float:left;
}

#col_right p {
margin:2px 10px 2px 10px;
font-size:1.2em;
text-align:justify;
line-height:1.2em;
}

#col_right h1{
color:#153c92;
margin-bottom:12px;
font-weight:normal;
text-align:center;
padding:10px;
text-transform:uppercase;
}

#contact-container {
margin-top:15px;
}

p.login {
display:block;
background: url(../images/key.jpg) no-repeat 4px 6px #FFFFFF;
position:relative;
margin-top:-25px;
width:108px;
z-index:2;
padding:5px;
text-align:center;
}

/* js script css */

.notification_error {
border: 1px solid #F5A748;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
margin-left:auto;
margin-right:auto;
}

.notification_success {
border: 1px #567397 solid;
height: auto;
width: 90%;
padding:8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
margin-left:auto;
margin-right:auto;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend {
border: 1px #dddddd solid;
color: black; 
font: 13px Verdana;
padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button{ 
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 
background: #FFF;
color: #333333; 
font: 11px Verdana, Helvetica, Arial, sans-serif;
-moz-border-radius: 3px;
}

/* Label */
label {width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left;}

/* Input, Textarea */
input, textarea{
margin: 5px;
padding: 0px;
float: left;
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 
color: #333333; 
font: 11px Verdana, Helvetica, Arial, sans-serif;
-moz-border-radius: 3px;
}

#col_right textarea {
width:290px;
}

/* DIAPORAMA */
.diaporama{
position:relative;
width:475px;
height:475px;
}

.index {
position:absolute;
left:134px;
width:854px;
}

.diaporama li, .diaporama_description li{
list-style-type:none;
overflow:hidden;
position:absolute;
}

.diaporama_description {
margin-left:80px;

}

.diaporama_description li h3 {
color:#FF9900;
font-size:1.3em;
}

.diaporama_description li {
color:#153c92;
background:url(../images/arrows.jpg) no-repeat -16px 0px;
padding-left:20px;
line-height:16px;
margin-top:15px;
background-color:#fdfdfd;
display:block;
}

.diaporama_controls{
position:relative;
width:470px;
margin-top:-35px;
clear:both;
overflow:hidden;
z-index:999;
}

.page-welcome .diaporama_controls {
position:absolute;
clear:both;
margin:0px;
left:0;
top:0;
padding:0;
line-height:13px;
margin-left:505px;
margin-top:495px;
}

.diaporama_controls .btns{
position:relative;
float:right;
}

.diaporama_controls a{
font-weight:normal;
width:10px;
height:13px;
font-size:0;
color:#f1f0f6;
display:inline-block;
margin:0 3px;
}

.diaporama_controls .prev{
background:url(../images/buttons-controls.png) no-repeat top right;
}

.diaporama_controls .next{
background:url(../images/buttons-controls.png) no-repeat top left;
}

.diaporama_controls .pause{
background:url(../images/buttons-controls.png) no-repeat bottom right;
}

.diaporama_controls .play{
background:url(../images/buttons-controls.png) no-repeat bottom left;
}

#overlay {
background-color: #000;
opacity: 0.5;
filter: Alpha(opacity=50);
position: absolute;
left: 0;
width:100%;
height:100%;
z-index:10;
cursor: pointer;
}

div.zoom-text {
float:left;
height:25px;
width:200px;
line-height:25px;
margin-top:26px;
margin-left:327px;
text-align:left;
font-size:1.0em;
padding-left:10px;
color:#FFFFFF;
}

div.zoom-text-fr {
background:url(../images/bg-zoom-text-fr.png) no-repeat;
}

div.zoom-text-en {
background:url(../images/bg-zoom-text-en.png) no-repeat;
}

.colours {
float:left;
width:102px;
height:99px;
background-color:#FFF;
margin-right:9px;
}

.colours li{
float:left;
cursor:pointer;
margin:0;
padding:0;
line-height:0;
}
.colours li.default {
background:url(../images/colours.jpg) no-repeat 0px 0px;
height:50px;
width:51px;
}
.colours ul{
margin-top:0px;float:left;
height:99px;margin:0;
padding:0;
}

hr {
border:none;
border-bottom:#999999 dotted 1px;
margin:0;
padding:0;
}

#copy {float:right;margin-top:3px;margin-right:2px;font-size:0.9em;}
#copy a {float:right;margin-top:5px;font-size:1.0em;}

/* Twitter */

#twtr-widget-1 {
margin-top:-12px;
}