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

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #072d6b; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 20px 1px 8px;
border: 1px solid #1496cc;
text-decoration: none;
color: #1496cc;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #1496cc;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #1496cc;
}

.suckertreemenu ul li a:hover{
background-color: #1496cc;
color: #072d6b;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #072d6b url(images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #072d6b url(images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
* html .suckertreemenu ul li ul li { float: left;}
/* End */

.espace {
margin-top: 45px;
width: 839px;
height: 120px;
}

.realisation {
float: left;
margin-left: 250px;
margin-top: 5px;
border: 1px solid #b5b322;
width: 330px;
height: 433px;
background: url(images/accueil.jpg) no-repeat;
text-align: center;
}

body{
margin: 10px 0;
padding: 0;
line-height: 1.5em;
background: #1496cc url(images/background.jpg) repeat-x;
}

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

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

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

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

  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;
    }

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

#topsection{
background: url(images/logo.png) no-repeat left top;
height: 120px; /*Height of top section*/
}

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

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

#contentwrapper{
float: left;
width: 840px;
}

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



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

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

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

} 

.margintop{
margin-top: 20px;
} 

.banniere{
padding-top: 45px;
} 

.plan { float: right;
text-align: center;
color: white;
}

.plan a {
color: white;
text-decoration: none;
}

.description {
width: 830px;
height: auto;
margin-top: 10px;
text-align: justify;
padding: 5px;
border: 1px solid black;
}


.detaila { float: left;
text-align: justify;
width: 100%
}

.detaila p { width:65%;
padding: 5px;
border: 1px solid black;
height: auto;
min-height: 102px;
}

.detaila img {float: right;
width: auto;
padding-left: 5px;
margin-top: -120px;
}

table.cartech {
width: 54%;
border-collapse: collapse;
padding:0;
margin:0;
}

table.cartech caption {
width: 54%;
background-color: #ffc555;
text-align: center;
padding: 3px;
border: 1px solid black;
margin-top: 20px;
}

td.libelle {
width: 34%;
background-color: #fff566;
text-align: right;
padding: 3px;
border: 1px solid black;
}

td.valeur {
width: 10%;
background-color: #ffffff;
text-align: center;
padding: 3px;
border: 1px solid black;
}

td.valeur2 {
width: 10%;
background-color: #ffc000;
text-align: center;
padding: 3px;
border: 1px solid black;
}


.photo {
text-align: center;
float: left;
width: 50%;
padding-top: 15px;
padding-bottom: 15px;
}

.photo a { 
color: #072d6b;
text-decoration: none;
}


.photo2 {
text-align: center;
float: right;
width: 22%;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -170px;
}

.photo3 {
text-align: center;
float: right;
width: 33%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
}

.photo4 {
text-align: center;
float: right;
width: 100%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
}

.photo5 {
text-align: right;
float: right;
width: 40%;
margin-left: 15px;
margin-top: -125px;
}


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

  .thumb img { border: 1px solid #072d6b;
    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: 0;
    visibility: visible;
    color: #072d6b;
    left: 426px;
    position: absolute;
    width: 408px;
    height: 308px;
    display: compact;
    z-index: 50;
    }

#formulaire { text-align: center;
}

#video { 
}