/* 
    Document   : general
    Created on : 31-mars-2012, 13:40:05
    Author     : Nikko
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

div.center
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

#logo {
    position:           absolute;
    top:                0px;
    left:               20px;
    z-index:            20;
    
}

#separation {
    position:           absolute;
    background-color: white;
    /*background-image:   url(../images/separation.png);*/
    background-repeat:  repeat-x;
    top:                90px;
    left:               25px;
    height:             5px;
    width:              97%;
    z-index:            20;
}

#bgFiller {
    position:           absolute;
    background-image:   url(../images/bgColor.png);
    background-repeat:  repeat;
    /*background-color: #03447F;*/
    width:              100%;
    height:             100%;
    z-index:            0;
    top:                0px;
    left:               0px;
    /*min-width:          1600px;*/
}

#bgCenter {
    position:           absolute;
    background-image:   url(../images/bgCenterColor.png);
    width:              100%;
    z-index:            10;
    top:                120px;
}

#bgInFrame {
    position:           relative;
    background-image:   url(../images/bgCenterColor.png);
    top:                0px;
}

#content{
    height:              720px;
    z-index:            30;
    top:                0px;
    width:              100%;
}

#contact{
    position:           absolute;
    top:                0px;
    left:               180px;
    z-index:            20;
    /*width:              800px;*/
    font-family:        "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    color:              white;
    /*float:              center;*/
}

#ouverture{
    float:              left;
    padding-right:      10px;
    width:270px;
}

#telephones{
    float:              left;
    padding-right:      10px;
    text-decoration     :none;
    width:230px;
}

#planmail{
    float:              left;
    padding-right:      10px;
}

a {
    font-family:        "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    color:              white;
    /*text-decoration:    none;*/
}

h6b {
    font-family:        "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    color:              white;
    float:              left;
    /*font-weight:        bolder;*/
}

#DivTop
{
        background-image: url('../images/FondSemiTransparent.png');
	width:950px;
	height:30px;
	float: top;
	z-index:20;
	color:white;
        margin:-1px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 0px 5px 6px #194275; 
        border-top-left-radius: 40px 40px;
        border-top-right-radius: 40px 40px;
}

#DivBottom
{
        background-image: url('../images/FondSemiTransparent.png');
	width:950px;
	height:30px;
	/*float: bottom;*/
        position: absolute; 
        top: 681px;
        z-index:20;
	color:white;
        margin:0px;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 
        border-bottom-left-radius: 40px 40px;
        border-bottom-right-radius: 40px 40px;
}

#DivAccueil
{
        background-image: url('../images/FondAccueil.png');
	width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:white;
       border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 
        /*border-top-left-radius: 40px 40px;
        border-bottom-left-radius: 40px 40px;*/
}

#DivEauDouce
{
        background-image: url('../images/FondEauDouce.png');
	width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:white;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 
        
}

#DivEauMer
{
        background-image: url('../images/FondEauMer.png');
        width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:#10243c;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 

}

#DivEtangs
{
        background-image: url('../images/FondEtangs.png');
	width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:#10243c;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 

}

#DivNewsPromo
{
        background-image: url('../images/FondNouvellesPromos.png');
	width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:#10243c;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 

}

#DivAmenagements
{
        background-image: url('../images/FondAmenagements.png');
    	width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:#10243c;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 

}

#DivMultimedia
{
        background-image: url('../images/FondMultimedia.png');
	width:50px;
	height:650px;
	float: left;
	z-index:20;
	color:#10243c;
	border-width: 0px; 
	border-style: solid; 
	border-color: #194275;
        box-shadow:         3px 10px 5px 6px #194275; 
        
}

#DivInner
{
	position:absolute;
        width:450px;
	height:0px;
	left : 50%;
	top: 0px;
	z-index:20;
        /*margin-left: -225px;*/
	color:#10243c;
	border-width: 1px; 
	border-style: solid; 
	/*border-color: #10243c; 
        -moz-box-shadow:    3px 3px 5px 6px #001d40;
        -webkit-box-shadow: 3px 3px 5px 6px #001d40;
        box-shadow:         3px 3px 5px 6px #001d40;*/

}
div.DivPaveTitre
{
	position:absolute;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-weight:bold;
	left: 40px;
	top: 5px;
        z-index: 10;
}

div.ImagePaveTitre
{
	position:absolute;
	left: 40px;
	top: 50px;
	width:90px;
	height:90px;
        z-index: 20;
	border-width: 1px; 
	border-style: solid; 
	border-color: #10243c;
}

p.texteVertical
{
        -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg);	
}

div.DivDetails
{
        background-image: url('../images/FondSemiTransparent.png');
        /*background-color: #28A5F9;*/
	width:0px;
	height:650px;
	float: left;
	z-index:20;
	color:#10243c;
	/*border-width: 1px; 
	border-style: solid; 
	border-color: #10243c; 
        -moz-box-shadow:    3px 3px 5px 6px #001d40;
        -webkit-box-shadow: 3px 3px 5px 6px #001d40;
        box-shadow:         3px 3px 5px 6px #001d40;*/
}

iframe
{
    /*width: 100%;
    height:100%;*/
    /*scrolling:no;*/
    /*scrolling:auto;
    frameBorder:0;
    border:0;*/
    allowTransparency:"true";
    
}

#ifDetailsEauDouce
{
    /*overflow-y: scroll;*/
}

body.BodyInnerFrame
{
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    font-size: small;
    color:white;
}