/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

html{height: 100%; width:100%;vertical-align: middle;
}

body {
height: 100%; width:100%
background-color: white;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:white;
font-size:12px;
margin:auto;
padding:auto;
position:relative;
overflow:scroll; /* quelque soit la taille du contenu, en principe elle ne débordera plus du div */
vertical-align: middle;
}

a {color: #003333; text-decoration: none;}
a:visited {color:#003333;}
a:hover {color: #003333;}
a:active { color:#003333;}

ul li{text-align:left;}

h1 {
text-align: center;
font-size:16px;
line-height: 20px;
background-color: white;

font-weight:bold;
}

h2 {
text-align: left;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}
h3 {
text-align: left;
font-size:14px;
line-height: 10px;
}

h4 {
text-align: center;
font-size:14px;
background-color: #003333;
color: white;
line-height:16px;
}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container_princ {
position:relative;
width:1200px;
height:100%;
vertical-align: middle;
margin:0 auto;
padding : 0;
}
#container {
position:relative;
width:90%;
margin:0 auto;
vertical-align: middle;
clear: both;
padding:0 auto;
margin-top:auto;
}
#espace {min-height:20px;}
/* ----------banner for logo-------------- */
#banner {
background-color: white;
color:#003333;
text-align: center;
font-size:34px;
vertical-align: middle;
height:70px;
line-height:70px;
padding:0 auto;
margin:0 auto;
}
#banner_g {
text-align: center;
font-size:34px;
height:40px;
vertical-align: middle;
float:left;
}

#banner_centre {
text-align: center;
font-size:34px;
vertical-align: middle;
float:center;
height:70px;
}
#banner_d {
text-align: center;
font-size:34px;
vertical-align: middle;
float:right;
height:40px;
}
#banner_g img {height:60px; vertical-align:middle;}
#banner_centre img {height:60px; vertical-align:middle;text-decoration:none;}
#banner_d img {height:60px; vertical-align:middle;text-decoration:none;}

/* ----------menu-------------- */
#menu {
background-color: #003333;
color:white;
text-align: center;
float: center;
font-size:18px;
vertical-align: middle;
line-height: 35px;
}

#menu a {
  text-align:right;
  float: center;
  line-height: 35px;
  vertical-align: middle;
  display-align:center;
  }

/* -----------------content--------------------- */
#content {
color: #003333;
background-color:white;
vertical-align: middle;
margin: 0 auto;
display:block;
  display-align:center;
}
div#content { 
min-height:500px;
height:expression(this.scrollHeight > 500px ? "auto":"500px");
vertical-align: middle;
margin: 0 auto;
}


p, pre{
}

#contenu_gauche {
vertical-align: middle;
float:left;
width:48%;
text-align:justify;
margin: 0 auto;
overflow:auto;
height:450px;
}
#contenu_droit {
vertical-align: middle;
float:right;
width:48%;
text-align:justify;
margin: 0 auto;
vertical-align: middle;

}
#contenu_droit img {vertical-align:middle;text-decoration:none;}


#contenu_3col_gauche {
vertical-align: middle;
float:left;
width:32%;
text-align:justify;
margin: 0 auto;
}
#contenu_3col_centre {
vertical-align: middle;
float:left;
width:32%;
margin-left:15px;
text-align:justify;
}
#contenu_3col_droite {
vertical-align: middle;
float:right;
width:32%;
text-align:justify;
margin: 0 auto;
}
#contenu_3col_droite  {
height:60px;
vertical-align:middle;
text-decoration:none;
margin-left : auto;
margin-right : auto; 
}

#contenu_3col_droite img{
display : block;
margin-left : auto;
margin-right : auto;
}

#signature{
font-family:      "Comic Sans MS"
                  "Brush Script MT"
                  cursive;

font-size:16px;
font-style:italic;
line-height:20px;
}
#contenu_gauche_photo {
vertical-align: middle;
float:left;
width:23%;
text-align:justify;
margin: 0 auto;
display-align:center;
height:400px;

}
#contenu_gauche_photo_scroll {
vertical-align: middle;
float:left;
width:100%;
height:100%;
text-align:justify;
margin: 0 auto;
display-align:center;
overflow:auto;
}

.imagebox {
height:90%;
vertical-align:middle;
}
.imagebox img{
vertical-align:middle;
width:100%;

}
#contenu_centre_photo {
vertical-align: middle;
text-align:center;
width:50%;
margin-left:2%;
float:left;
display-align:center;
}
#contenu_droit_photo {
vertical-align: middle;
float:right;
width:23%;
margin: 0 auto;
vertical-align: middle;
height:400px;
}
#contenu_droit_photo_scroll {
vertical-align: middle;
float:right;
width:100%;
height:90%;
text-align:left;
margin: 0 auto;
display-align:center;
overflow:auto;
}
#contenu_droit_photo_scroll_commentaire {
vertical-align: middle;
float:right;
width:100%;
max-height:35%;
text-align:justify;
margin: 0 auto;
overflow:auto;
}
#contenu_droit_photo_scroll_miniature {
vertical-align: middle;
float:right;
width:90%;
height:49%;
text-align:left;
margin: 0 auto;
overflow:auto;
max-height:38%;}
#contenu_centre_photo img {vertical-align:middle;text-decoration:none;}

.une{
vertical-align: middle;
display-align:center;

}
.une img{
width:150px;
float:left;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
text-align: center;
background-color: #003333;
color:white;
float: center;
line-height:20px;
vertical-align: middle;
margin: 0 auto;
}
#footer a{
text-align: center;
background-color: #003333;
color:white;
float: center;
font-size:10px;
vertical-align: middle;
}

#scroll {
width:100%;
max-height:370px;
margin: 0 auto;
overflow:auto;
}
.imagebox {
height:320px;
vertical-align:middle;
width:100%;
}

.imagebox img{
vertical-align:middle;
max-height:320px;
}