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

body {
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}

#footer h1 {
font-size: 11px;
color:#00CCFF;
text-transform:uppercase;
border-top:1px solid #00CCFF;
padding:5px 15px;
margin:0px }

h2 {
color: #00CCFF;
font-weight: normal;
padding: 5px 10px;
margin:0px;
text-transform:uppercase;
}

h3 {
color: #000;
font-size:12px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
text-align:right;
}

h4 {
color: #00CCFF;
font-size:12px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
text-align:left;
border-bottom: 1px solid #00CCFF;
clear:both;
}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: center;
background-color: #;
padding: 0px;
margin: 0px; }

#banner img {padding:20px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 0px #FFF; /* color of the left column  */ 
border-right: solid 400px #FFF; /* color of the right column  */ 
background: none;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
width:5px; 
float:left; 
position:relative; 
margin-left:-200px; 
margin-right:1px;
}
#right {
width:350px; 
float:right;
position:relative; 
margin-right:-400px; 
margin-left:1px;
margin-top:70px;
text-align:left;
clear:both;
}
#right_home {
width:350px; 
float:right;
position:relative; 
margin-right:-400px; 
margin-left:1px;
margin-top:0px;
text-align:left;
border-top: 1px solid #00CCFF;
border-left: 1px solid #00CCFF;
padding: 0 0 10px 0;

}
.cubes_right {
width:350px; 
float:left; 
position:relative;
margin: 1em;
padding: 0.8em;
text-align:left;
}
.cubes_right img {
margin: 1em;
}
.cubes_right h2 {
font-size: 1.2em;
border-bottom: 1px solid #00CCFF; 
}
.exemple {
margin: 0 0 20px 0;
}
#right ul{
list-style-image:url(images/bullet1.png);
list-style-position:inside;
line-height: 2em;
float:left;
text-transform:uppercase;
font-weight:normal;
color: #00CCFF;
}
#right a {
color: #00CCFF;
text-decoration: none;
}

#right a:link, #right a:visited
{
color: #00CCFF;
text-decoration: none;
font-size:100%;
font-weight:normal;
text-transform:uppercase;
}

#right a:hover
{
color: #00CCFF;
text-decoration: underline;
}
.cubes_right a:link, .cubes_right a:visited, .cubes_right a:active {
color: #00CCFF;
background-color: #FFF;
text-decoration: none;
text-transform:uppercase;
}
.cubes_right a:hover {
color: #00CCFF;
text-decoration: underline;
}
 
/* -----------------content--------------------- */ 
#content{ 
position: relative; 
float: left;
margin: 0px;
text-align:left;
}
#content_home{ 
position: relative; 
float: left;
margin: 0px;
text-align:left;
border-top: 1px solid #00CCFF;
border-right: 1px solid #00CCFF;
}
#desc_site {
text-align: left;
max-width: 500px;
margin: 0 0 30px 0;
}

p {
padding: 5px 10px;
margin:0px; 
}
pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;
}
.cubes_gros {
width:95%; 
float:left; 
position:relative;
margin: 1em;
padding: 0.8em;
background-color: #FFF;
clear:both;
}
.cubes_gros img {
margin: 1em;
}
.cubes_gros h1 {
font-size: 3em;
color:#00CCFF;
}
.cubes_gros h2 {
font-size: 3em;
}
.cubes_gros h4 {
font-size: 1.2em;
}
.cubes_gros a:link, .cubes_gros a:visited, .cubes_gros a:active {
color: #00CCFF;
background-color: #FFF;
text-decoration: none;
text-transform:uppercase;
}
.cubes_gros a:hover {
color: #00CCFF;
text-decoration: underline;
}
.cubes_gros p {
clear: both;
}

.cubes_gros_liste {
width:90%; 
float:left; 
position:relative;
margin: 1em;
padding: 0.8em;
background-color: #FFF;
border-top: 1px solid #00CCFF; 
}
.cubes_gros_liste img {
margin: 1em;
}
.cubes_gros_liste h2 {
font-size: 1.2em;
}
.cubes_gros_liste a:link, .cubes_gros_liste a:visited, .cubes_gros_liste a:active {
color: #00CCFF;
background-color: #FFF;
text-decoration: none;
text-transform:uppercase;
}
.cubes_gros_liste a:hover {
color: #00CCFF;
text-decoration: underline;
}

.extras {
line-height: 1.2em;
margin: 0 0 20px 0;
}
.cubes_gros li {
list-style-image:url(images/bullet1.png);
list-style-position:inside;
line-height: 2em;
}
.intertitre {
width: 100px;
padding: 0 15px 0 0;
margin: 20px 0 0 0;
border-right: 1px solid #00CCFF;
color: #00CCFF;
text-transform:uppercase;
font-size: 1.2em;
text-align: right;
}
.intertitre2 {
width: 400px;
padding: 0 0 0 15px;
margin: 20px 0 0 0;
border-left: 1px solid #00CCFF;
color: #00CCFF;
text-transform:uppercase;
font-size: 1.2em;
text-align: left;
}
.intertitre3 {
float:left;
width: 600px;
padding: 0 0 0 15px;
margin: 0 0 20px 30px;
color: #00CCFF;
font-size: 1em;
text-align: left;
}



/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }


/*  ----------------menu---------------------- */ 
#navcontainer{
margin: 0 0 30px 0;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 8px 20px;}

#navlist a:link, #navlist a:visited
{
color: #00CCFF;
background-color: #FFF;
text-decoration: none;
font-size: 120%;
font-weight:normal;
text-transform:uppercase;
}

#navlist a:hover
{
color: #00CCFF;
background-color: #;
text-decoration: underline;
}

#diaporama_innerfade {
}

.titres_alafiche {
background-color:#00CCFF;
color:#FFFFFF;
text-transform:uppercase;
width: 90px;
margin: -10px 0 0 50px;
font-size: 120%;
}
.titres_cie {
background-color:#00CCFF;
color:#FFFFFF;
text-transform:uppercase;
width: 140px;
margin: -10px 0 0 50px;
font-size: 120%;
}

#image {
float:left;
margin: 20px 8px 0 0;
width: 100px;
height: 40px;
color:#00CCFF;
display:block;
}
#image1 {
float:left;
margin: 20px 8px 0 0;
width: 40px;
height: 40px;
color:#00CCFF;
display:block;
}