/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slidetabsmenu {
z-index:1;
float:left;
width:100%;
font-size:65%;
line-height:normal;
background: url(images/bg.gif) repeat-x bottom;
text-align: center;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 0;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 6px;
text-decoration:none;
/*min-height: 38px;
min-width: 72px;*/
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:5px 7px 5px 1px;
font-weight:bold;
color:gray;
/*min-height: 38px;*/
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
border-bottom: 2px solid #e9f4fa;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: #012345;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}


body{
min-width: 840px;
margin: 10px 0;
padding: 0;
line-height: 1.5em;
background: #012345 url(images/fondbody.jpg) repeat-x;
}

b{font-size: 110%;}
em{color: red;}

  h1 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 1.7em;
    }

  h2 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 1.5em;
    }

  h3 { text-align: left;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 1.3em;
    }

  h4 { text-align: left;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 1.1em;
    }

  h5 { text-align: left;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 0.9em;
    }

  p, h1, h2, h3, h4, h5 { margin: 5px;
    line-height: 1.3em;
    }
    
    p {text-align: justify; font-size: 90%;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
margin: 10px 0 10px 0;
border: 1px solid #ccc;
background: url(images/banniere.jpg) no-repeat left top;
height: 100px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#topsection a {
color: #e9f4fa;
text-decoration: none;
text-align: center;
}

.flag {
float: right;
margin: 5px;
z-index:2;
text-decoration:none;
}

#contentwrapper{
float: left;
width: 836px;
min-height: auto;
background: #e9f4fa url(images/logobg.gif);
border-left: 2px solid #b0b0b0;
border-bottom: 2px solid #b0b0b0;
border-right: 2px solid #b0b0b0;
color: #012345;
padding-bottom: 2px;
}

#contentcolumn{
margin-top: 10px;
text-align: justify;
}

#description {
float: left;
width: 420px;
height: 350px;
}

#footer{
font-size: 0.9em;
clear: left;
width: 100%;
color: white;
text-align: center;
padding: 15px 0;
}

#footer a{
color: yellow;
text-decoration: none;
}

#footer a.tel {font-size: 1.1em;
color: silver;
font-weight: bold;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

} 

.margintop{
margin-top: 20px;
} 

.banniere{
padding-top: 45px;
} 

.certif { float: right;
text-align: justify;
width: 56%;
padding: 2px;
margin-bottom: 15px;
text-decoration:none;
color: #012345;
}

.certif img {float: right;
width: auto;
margin-right: 15px;
border: 1px solid gray;
}

.mapnc {
float: left;
padding-left: 5px;
margin-top: -280px;
}

.photo a span {
text-align: left;
vertical-align: middle;
}

.photo50pc {
text-align: center;
float: left;
width: 50%;
padding: 5px;
}

.photo50pc a { 
color: #4a7110;
text-decoration: none;
}


.photo25pc {
text-align: center;
float: right;
width: 25%;
padding: 5px;
}

.photo33pc {
text-align: center;
float: left;
width: 33%;
padding: 5px;
}

.photo100pc {
text-align: center;
float: left;
width: 100%;
padding: 5px;
}

.photo40pc {
text-align: center;
float: left;
width: 40%;
padding: 5px;
}


#gallerythumb {float: left;
position: relative;
width: 834px;
margin-top:0;
margin-left: 2px;
padding: 0;
text-align: center;
clear: left;
}

  .thumb img { border: 1px solid #4a7110;
    margin: 1px;
    padding: 1px;
    list-style-type: none;
    float: left;
    position: relative;
    }

  .thumb:hover { background-color: transparent;
    }

  .thumb:hover img { border: 1px solid white;
    }

  .thumb span { border: 1px solid white;
    position: absolute;    
    left: -1000px;
    visibility: hidden;
    text-decoration: none;
    }

.thumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

  .thumb:hover span { padding: 1px;
    top: -320px;
    visibility: visible;
    color: #012345;
    left: 420px;
    position: absolute;
    min-width: 308px;
    min-height: 308px;
    display: compact;
    z-index: 50;
    }

#formulaire { text-align: center;
}

.video { 
float: left;
text-align: center;
width:42%;
height: auto;
text-decoration:none;
color: blue;
}

#presse {
float: left;
width: auto;
height: auto;
margin: 5px;
padding: 5px;
border: 1px solid white;
}


.legende { font-size: 70%;
float: left;
color: gray;
width: 285px;
height: auto;
text-align: justify;
margin: 5px;
line-height: 80%
}

.legende2 { font-size: 70%;
float: left;
color: gray;
width: 180px;
height: auto;
text-align: justify;
margin: 5px;
line-height: 80%
}

 .probleme {
    padding-left: 200px;
    padding-bottom: 10px;
    color: red;
    font-style: normal;
    text-decoration: blink;
    text-align: center;
    }