/* CSS Document */

img { border:0;}

.img_principale {
    background-image:url('../img/fond.jpg'); 
    background-position:50% 0%; 
    height:600px; 
    width:998px; 
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: -499px; 
    margin-top: -300px;
}

.img_principale2 {
    background-image:url('../img/fond2.jpg'); 
    background-position:50% 0%; 
    height:600px; 
    width:998px; 
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: -499px; 
    margin-top: -300px;
}

.img_logo {
    background-image:url('../img/logo2.png'); 
    background-position:50% 25%;
    background-repeat:no-repeat; 
    height  :600px; 
    width:998px; 
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: -499px; 
    margin-top: -300px;
}

.bas {
    background-image: url(../img/fond_bas.png);
    position: absolute; 
    bottom:0;
    width:998px; 
    height:130px;
    /*background-color: #4F1205;*/
    background-color: #440900;
    color:#FFF;
 }
 
.typo_rubrique2 {
    position: absolute;
    right:10px;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    color:#FFF;
    text-align:center;
    width:115px;
    border:solid 2px #FFFFFF;
}

.mini_typo_rubrique2 {
    position: absolute;
    right:10px;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    color:#FFF;
    text-align:center;
    width:110px;
    border:solid 2px #FFFFFF;
}

.mini_logo {
    position: absolute;
    right:10px;
    top:450px;
}

#construction2 {
    top:25px;
    background-color: #B4E500;
}
#extension2 {
    top:285px;
    background-color: #440900;
}
#renovation2 {
    top:155px;
    background-color:#F29200;
}

#mini_construction2 {
    top:60px;
    background-color: #B4E500;
}
#mini_extension2 {
    top:320px;
    background-color: #440900;
}
#mini_renovation2 {
    top:190px;
    background-color:#F29200;
}

#actualite {
    position: absolute;
    right:10px;
    top:420px;
    height:135px;
    font-weight:normal;
    font-size:11px;
    padding:5px;
    width:110px;
}

#actualite2 {
    position: absolute;
    right:10px;
    top:415px;
    height:85px;
    background-color:#F29200;
    font-weight:normal;
    font-size:11px;
    padding:5px;
    width:105px;
}


#contact {
    position: absolute;
    right:13px;
    top:518px;
    height:30px;
    border:solid 2px #F29200;
    font-weight:normal;
    font-size:11px;
    padding:5px;
    width:102px;
}

#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-62px; /* half of container's height */
		float:left;
		}

.typo_baseline {
    color: #B4E500;
    position: absolute;
    bottom:3px;
    font-family:arial;
    font-weight:normal;
    font-size:26px;
    letter-spacing:6px;
    margin-left:15px;
}

#menu_bas
{
  position: absolute;
  margin:0;
  padding:0;
  bottom:95px; 
  left:5px;
  list-style-type: none;
  font-family:arial;
  white-space:nowrap;
  color: #440900;
width:300px;
}


#menu_bas li.menu {
  font-size:19px;
  margin:0;
  padding:0;
  text-align:center;
  margin-right:35px;
  display:inline;
}

#menu_bas a {
  color: white;
  text-decoration:none;
}

.sous_menu
{
  position:absolute;
  text-align:left;
  padding-left: 20px;
  padding-bottom: 6px;                  
  padding-right: 0px;
  padding-top: 14px;
  width: 770px;
  height:22px;
  position: absolute;
  top: 34px;
  left:-5px;
margin:0;
  text-align:left;
  /* z-index:1; */
  /* kground-color: #cbe223; */
  background-repeat:no-repeat;
  background-position:right;
}

.sous_menu li {
margin-right: 20px;
font-weight: bold;
display:inline;
font-family:Arial;
font-size: 14px;
list-style-type:none;
}

#menu_contact {
display:block;
}

#menu_philo 
{
display:none;
}

#menu_equipe 
{
display:none;
}

#menu_service 
{
display:none;
}


#menu_plus
{
display:none;
}

#menu_realisation
{
display:none;
}

    #cadre_trans {
        margin:40px;
        margin-top:60px;
        width:775px;
        font-family:Arial;
        font-size:14px;
        background-color:#FFF;
        -moz-opacity:0.75;
        opacity: 0.75;
        filter:alpha(opacity=75);
        height: 377px;
        overflow : auto;
    }
    
    #cadre_txt {
        overflow:no;
        width:735px;
        margin:20px;
        margin-top:40px;
        margin-bottom:0;
        padding:20px;
        height:118px;
    }

    
    #cadre_txt_trans {
        overflow:no;
        -moz-opacity:0.75;
        opacity:0.75;
        filter:alpha(opacity=75);
        background-color:#FFF; 
        width:725px;
        margin:40px;
        margin-top:0;
        height:190px;
        padding:25px;
        font-family:arial;
        font-size:14px;
    }

    
    #cadre_trans h2 {
        width:737px;
        background-color: #2c0f09;
        padding:10px;
        color: white;
        margin:0;
    }
    
    #cadre_txt h2 {
        width:737px;
        background-color: #2c0f09;
        padding:10px;
        color: white;
        margin:0;
        font-family: arial;
    }

    
    #cadre_trans p {
        padding:10px;
        padding-bottom:0;
        text-align:justify;
        padding-left:20px;
    }
    
    #cadre_trans ul {
        margin-bottom:0;
        padding-bottom:0;
    }
    
    #cadre_txt_trans p {
        padding:6px;
        padding-bottom:0;
        text-align:justify;
    }
    
    #cadre_txt_trans ul {
        margin:5px;
        padding-bottom:0;
        margin-left:40px;
    }
    
    p {
    	padding: 0px;
    	margin: 0px;
    	font-size: 13px;
    }
    ul {
    	padding: 0px;
    	margin: 0px;
    	left: 20px;
    	position: relative;
    	width: 680px;
    	font-size: 13px;
    }
    
    #fenetre2{position:relative; top:10px;overflow:hidden;text-align:left;margin:auto;}
#marquee{color:#002000; padding-left:7px; padding-right: 5px;}

    a.info span {
    font-family:arial;
font-size:12px;
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top:0;
left:0;
width:350px;
height:350px;
color:#FFF;
font-size:14px;
text-align: center;
background-image:url('../img/fond_txt.png');
}

a.info {
position: relative;
text-decoration: none;
color: black;
padding:0;
width:350px;
height:350px;
margin-left:320px;
margin-top:60px;
display:block;
}

#actualite a {
    color:#FFF;
    font-weight:bold;
    }