/*Genéral design style -------------------------------------------------------------------------------------- 	*/
body
{
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:"Trebuchet MS";
    color:#000;
    background:#000000 url(temps/bg-repeat.png) repeat-x ;

}

a
{
    text-decoration:none;
    font-family:"Trebuchet MS";
}

img
{
    border:none;
}
#clear
{
    float:left;
    width:100%;
    height:120px;
}

#container
{
    float:left;
    width:100%;
    height:749px;
    background:url(temps/bg.png) no-repeat center top;

}



#footer_body
{
    float:left;
    width:100%;
    height:100px;
    background:#000000 ;
}
#container_body
{
    width:1028px;
    height:auto;
    padding:0 0 0 0;
    margin:0 auto 0 auto;

}


/*Header style -------------------------------------------------------------------------------------- 	*/


 #header
{
    float:left;
    width:1028px;
    height:194px;
    background:#FFF;
}

#logo
{
    float:left;
    width:401px;
    height:96px;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
#logo .image_bloc
{
    float:left;
    width:381px;
    height:198px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:url(temps/header-image.png) no-repeat ;

}
#logo .bloc_center
{
    float:left;
    width:284px;
    height:135px;
    margin:0 0 0 0;
    padding:0 0 0 0;

}
#logo .bloc_center span
{
    float:right;
    width:124px;
    height:21px;
    margin:8px 45px 0 0;
    padding:2px 10px 0 0;
    background:url(temps/header-tel.png) no-repeat;
    font-family:"Century Gothic";
    font-size:14px;
    text-align:right;
    color:#FFF;
}
#logo .bloc_center i
{
    float:left;
    width:284px;
    height:30px;
    margin:25px 0 0 0;
    padding:0 0 0 0;
    font-size:30px;
    font-family: Verdana, "Geneva", sans-serif;    
    color:#FFF;
    text-align:right;
}

#logo .logo_bloc
{
    float:left;
    width:280px;
    height:120px;
    padding:10px 0 0 20px;
    margin:0 0 0 0;
}


#logo .logo_bloc i
{
    float:left;
    width:276px;
    height:25px;
    float:left;
    padding:0 10px 0 0;
    margin:0 0 0 0;
    font-family:"Century Gothic";
    font-size:22px;
    text-align:right;
    color:#58595B;
}

#logo .logo_bloc a
{
    float:left;
    width:286px;
    height:76px;
    float:left;
    padding:0 0 0 0;
    margin:0 0 0 0;
}



#nav
{
    float:left;
    width:1028px;
    height:auto;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:#E6E7E8;


}

#nav a
{
    float:left;
    width:205px;
    height:26px;
    text-align:center;
    padding:2px 0 0 0;
    font-size:14px;
    color:#808184;
    font-family:"Anton";

}

#nav .separator
{
    float:left;
    width:1px;
    height:20px; 
    margin:4px 0 4px 0;
    padding:0 0 0 0;
    background:#808184;

}
#nav a#current
{
    color:#808184;
    background:url(temps/bg_menu_active.png) repeat-x;

}

#nav a:hover
{
}



/*Footer style -------------------------------------------------------------------------------------- 	*/




#footer
{
    float:left;
    width:1000px;
    height:100px;
    margin:0 12px 0 12px;
    padding:10px 0 10px 0;
    font-family: Verdana, sans-serif;
    color:#F1F1F2;
    font-size:10px;

}


 #footer .left
{
    float:left;
    width:auto;
    height:auto;
    margin:0 0 0 0;
    padding:0 30px 0 10px;

}
 #footer .left i
{
    float:left;
    width:auto;
    height:auto;
    margin:0 0 0 0;
    padding:0 30px 0 10px;
    font-family:Verdana;
    font-size:14px;
    color:#5E5E55;
}
 #footer .center
{
    float:left;
    width:auto;
    height:auto;
    margin: 0 0 0 0;
    padding:0 30px 0 30px ;
}
 #footer .center a
{
    font-family: Verdana, sans-serif;

    color:#F1F1F2;
    font-size:10px;
}
#soif2com
{
    float:right;
    width:auto;
    height:auto;
    font-family:Verdana;
    padding:0 10px 0 0;
    color:#5E5E55;
}

/*Content style --------------------------------------------------------------------------------------  */

#content
{
    float:left;
    width:1028px;
    min-height:500px;
    padding:0 0 30px 0;
    margin:0 0 0 0;
    background:#FFF;
}
#bloc_content
{
    float:right;
    width:600px;
    height:230px; 
    padding:0 0 0 0;
    margin:0 0 0 0;
    list-style:none;
    border:solid 3px #5E5E55;

}

/*Accueil style -------------------------------------------------------------------------------------- 	*/
#accueil{
    float:left;
    width:985px;
    min-height:500px;
    padding:0 0 0 0;
    margin:21px 0 0 21px; 
}
#accueil .left{
    float:left;
    width:274px;
    height:auto;
    padding:0 0 0 0;
    margin:0 0 0 0; 
}
#accueil .left  h2{
    font-size:18px;
}
#accueil .left p.texte{
    float:left;
    width:274px;
    height:auto;
    color:#000;
    font-size:12px;
    font-family:"Verdana";
    font-weight:normal;
}
#accueil a{
    color:#231F20;
	text-decoration:none;
	font-family:"Verdana";
}
#accueil a:hover{
    color:#000;
	text-decoration:underline;
}
#accueil .left p.texte_jaune{
    float:left;
    width:274px;
    height:auto;
    text-align:center;
    color:#FFD700;
    font-size:21px;
    font-family:"Verdana";
    font-weight:bold;
}
#accueil .right{
    float:right;
    width:704px;
    height:auto;
    padding:0 0 0 0;
    margin:0 0 0 0; 
}
#accueil .right .bloc{
    float:left;
    width:219px;
    height:277px;
    padding:0 0 0 0;
    margin:0 0 0 14px; 
    background:#231F20;
}
#accueil .right .bloc img{
    float:left;
    width:219px;
    height:146px;
    padding:0 0 5px 0;
    margin:0 0 0 0; 
    border-bottom:5px solid #FFD700;
}
#accueil .right .bloc ul{
    float:left;
    width:189px;
    height:70px;
    color:#FFFFFF;
    padding:0 0 0 30px;
    font-size:12px;
    font-family:"Verdana";
    font-weight:normal;   
}
#accueil .right .bloc li{
    float:left;
    width:189px;
    height:auto;
    padding:0 0 0  0;
    margin:0 0 2px 0; 
    list-style-image:url("temps/puce.png" )

}
#accueil .right .bloc li a{
	color:#FFFFFF;
    padding:0 0 0 0px;
    font-size:12px;
    font-family:"Verdana";
    font-weight:normal;  
}
#accueil .right .bloc li a:hover{
    color:#FFD700;
}
#accueil .right .bloc a.link{
    float:right;
    width:200px;
    height:auto;
    text-align:right;
    padding:0 0 0 0;
    margin:0 20px 0 0; 
    color:#FFD700;
    font-size:12px;
    font-family:"Verdana";
    font-weight:bold;   
    font-style:italic;   
    text-transform:uppercase;  
}
#accueil .right .bloc_bottom{
    float:left;
    width:700px;
    height:151px;
    padding:0 0 0 0;
    margin:40px 0 0 0; 
    background:url(temps/accueil-bottom-bloc.png) no-repeat;
}
#accueil .right .bloc_bottom_l{
    float:left;
    width:330px;
    height:96px;
    padding:0 0 0 0;
    margin:30px 0 0 20px; 
    color:#E6E7E8;
    font-size:16px;
    font-family:"Verdana";
    font-weight:bold;   
    letter-spacing:1px;
}
#accueil .right .bloc_bottom_l a{
    color:#E6E7E8;
	font-size:16px;
	font-family:"Verdana";
}
#accueil .right .bloc_bottom_l a:hover{
    color:#fff;
}

#accueil .right .bloc_bottom_r{
    float:right;
    width:244px;
    height:111px;
    padding:0 0 0 0;
    margin:22px 30px 0 0; 
    color:#FFD700;
    font-size:18px;
    font-family:"Verdana";
    font-weight:bold;   
    font-style:italic;   

}
#accueil .right .bloc_bottom_r a{
    float:right;
    width:244px;
    height:111px;
    padding:0 0 0 0;
    margin:10px 0 0 0;
    color:#FFF;
    font-size:14px;
    font-family:"Verdana";
    font-weight:normal;   
}
/*maconnerie style --------------------------------------------------------------------------------------  */

#maconnerie{
    float:left;
    width:985px;
    min-height:500px;
    padding:0 0 0 0;
    margin:21px 0 0 21px; 
}
#maconnerie .left{
    float:left;
    width:339px;
    height:auto;
    padding:0 0 0 0;
    margin:0 0 0 0; 
}
#maconnerie .left p.texte{
    float:left;
    width:339px;
    height:auto;
    color:#000;
    font-size:12px;
    font-family:"Verdana";
    font-weight:normal;
    padding:0 0 0 0;
    margin:0 0 15px 0;
}
#maconnerie .left  h2{
    float:left;
    width:98%;
    height:23px;
    background:#58595B;
    color:#FFD700;
    font-size:18px;
    font-family:"Arial";
    font-weight:bold;   
    font-style:italic;   
    padding:1px 0 0 2%;
    margin:0 0 4px 0;
}


#maconnerie .right{
    float:right;
    width:600px;
    height:400px;
    padding:0 0 0 0;
    margin:0 0 0 0; 
}
/*Contact style -------------------------------------------------------------------------------------- 	*/
#contact{
    float:left;
    width:985px;
    min-height:500px;
    padding:0 0 0 0;
    margin:21px 0 0 21px; 
}

#contact h2{
    float:left;
    width:98%;
    height:23px;
    background:#58595B;
    color:#FFF;
    font-size:18px;
    font-family:"Arial";
    font-weight:bold;   
    font-style:italic;   
    padding:1px 0 0 2%;
    margin:0 0 10px 0;
}

#contact .bloc{
    float:left;
    width:300px;
    height:auto;
    padding:0 0 0 0;
    margin:0 10px 0 10px; 
}
#contact .adresse{
    float:left;
    width:250px;
    height:auto;
    padding:0 0 0 0;
    margin:20px 0 0 25px; 
    color:#58595B;
    font-size:18px;
    font-family:"Arial";
    font-weight:normal;   
}


/*form style --------------------------------------------------------------------------------------     */


form 
{
    float:left;
    width:280px;
    height:auto;
    font-size:14px;
    font-family:"Arial";
    padding:0 0 0 0;
    margin:0 0 0 10px;
}

form  span
{
    float:left;
    width:280px;
    height:19px;
    text-align:left;
    padding:0 0 0 0;
    margin:2px 0 0 0;
    font-size:12px;
    font-family:"Arial";
    color:#58595B;
}
form  i
{
    float:left;
    width:100%;
    height:19px;
    font-style:italic;
    font-size:10px;
    color:#5E5E55;

}
form input[type=text]
{
    float:left;
    width:280px;
    height:17px;
    background:#DDE1E2;
    border:solid 1px #DDE1E2;
    margin:0 0 5px 0;
    padding:0 0 0 0;
}
input[type=submit]
{
    float:left;
    width:280px;
    height:25px;
    text-align:right;
    background:#58595B;
    border:solid 1px #58595B;
    margin:0 0 0 0;
    padding:0 10px 0 0 ;
    color:#FFF;
    font-size:14px;
    font-family:"Arial";
    font-weight:bold;
    font-style:italic;
}



form  textarea
{
    float:left;
    width:280px;
    height:50px;
    background:#DDE1E2;
    border:solid 1px #DDE1E2;
    margin:0 0 5px 0;
    padding:0 0 0 0;
}


#captcha
{
    float:left;
    width:280px;
    height:auto;
}

#captcha img
{
    float:left;
    padding:0 0 0 0;
    margin:5px 0 0 0;

}
#captcha [type=text]
{
    float:right;
    width:140px;
    height:28px;
    background:#DDE1E2;
    border:solid 1px #777;
    margin:5px 0 5px 0;
    padding:5px;
    font-size:18px;
}

#error
{
    float:left;
    width:100%;
    height:auto;
    color:red;
    text-align:right;
    font-size:11px;
}