img {
    border: 0;
}

body, html {
    margin:0;
    padding:0;
    height: 100%;
    width: 100%;    
    }

body {
    padding:0;
    margin:0;
    background-color: white;
    font-family: century gothic, arial;
    font-size: 13px;
}

#page {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    padding: 0px;
    top: 0px;
    width: 1000px;
}

a, #content a {
    text-decoration: underline;
    color: #708e10;
    font-weight: bold;
}

#background {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;   
}

#logo {
    position: absolute;
    left: 30px;
    top:10px;
    }
    
#pub_haut {
    position: absolute;
    left: 400px;
    top:1px;
    
    }   

/*------DERNIER SITES----*/

#dernier_site_background {
    position: absolute;
    width: 970px;
    left: 15px;
    top:63px;
    height:57px;
    background-image: url("/sites/internet/templates/images/background_dernier_site.png"); 
    }

#dernier_site {
    position: absolute;
    width: 970px;
    left: 15px;
    top:63px;
    height:57px;
    }
    
#dernier_site_btn {
    position: absolute;
    top:6px;
    left: 10px;
    }   
    
#dernier_site_content   {
    position: absolute;
/*border: 1px solid red;*/
    top:6px;
    left: 237px;
    width: 735px;
    }
    
.realisation_news {
    float: left;
    width: 228px;
    padding-left: 15px; 
    }       

.realisation_news .realisation_panel {
    padding-left: 5px;
    }   
    
.realisation_news .realisation_img a img {
    border: 1px solid #dedede;
    }
    
.realisation_news .realisation_img a:hover img {
    border: 1px solid #e27903;
    }   
        

.realisation_news .realisation_panel .realisation_title {
    font-weight: bold;
    font-size: 12px;
    }

.realisation_news .realisation_panel .realisation_content {
    font-weight: normal;
    font-size: 12px;
    }
    
/*---PAGE REALISATIONS---*/

 .realisation {
    float: left;
    height: 100px; 
    background-image: url("/sites/internet/templates/images/background_realisation.gif");
    width: 337px;
    margin-left:3px;
    margin-right:2px; 
    margin-bottom: 3px; 
    }       

.realisation table.realisation_table {
    height: 100px;
    }
    
    
.realisation .realisation_panel {
    padding-left: 5px;
    padding-right: 10px;
    } 
    
.realisation td.realisation_img  {
    width:100px;
    } 
    
.realisation td.realisation_panel {
    position:relative;
    padding-left: 10px;

    }            
    
.realisation .realisation_img a img {
    position:relative;
    border: 2px solid #cccccc;
    float:left;
    left: 5px;
    }
    
.realisation .realisation_img a:hover img {
    border: 2px solid #e27903;
    }   

.realisation .realisation_panel .realisation_title {
    font-weight: bold;
    font-size: 16px;
    color:#6d8c0f;
 
    }

.realisation .realisation_panel .realisation_content {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    }
     
    
/*-----HEADER---*/   

#header {
    position: absolute;
    top:120px;
    left: 0px;
    width: 1000px;  
    } 
    
#header_left {
    position: absolute;
    top:0px;
    left: 0px;
    width: 15px;
    height:216px;
    background-image: url("/sites/internet/templates/images/background_header_left.png");     
    }
    
#header_center {
    position: absolute;
    top:0px;
    left: 15px;
    width: 970px;
    height:216px;
    background-image: url("/sites/internet/templates/images/background_header.jpg");     
    }
    
#header_right {
    position: absolute;
    top:0px;
    left: 985px;
    width: 15px;
    height:216px;
    background-image: url("/sites/internet/templates/images/background_header_right.png");     
    }   
    
#image_perso {
    position: absolute;
    top:107px;
    right: 15px;
    z-index:3;
    height:195px;
    width:170px;
    text-align: right;
    /*border:1px solid red;*/
    }    
    
#actu_content {
    position: absolute;
    top:65px;
    left: 455px;
    width: 350px;
    height:105px;
/*border: 1px solid red;*/
    }    
    
/*---CONTENT----*/

#background_content_top {
    position: absolute;
    top:336px;
    left: 0px;
    width: 1000px;
    height:48px;
    background-image: url("/sites/internet/templates/images/background_content_top.png");
    z-index: 30;
    }    
    
#background_content_top #title {
    position: absolute;
    top:10px;
    left: 280px;
    width: 680px;
    height:30px;
     z-index: 31;
    /*border: 1px solid red;*/
    }  
    
#background_content {
    
    position: absolute;
    top:384px;
    left: 0px;
    width: 1000px;
height:480px;
    background-image: url("/sites/internet/templates/images/background_content.png");
    background-repeat: repeat-y;
    margin:0;
    padding:0;
   
    }
    
#background_content_content {
    position: absolute;
    margin:0;
    padding:0;
    top:392px;
    left: 280px;
    width: 690px;    
    z-index: 60;
     margin-top:10px;
    /*border:1px solid red;*/
    }   
    
/*----MENU----*/

#menu {
    position: absolute;
    top:340px;
    left: 31px;
    width:235px;
    z-index: 90;
/*border: 1px solid red;*/
    }  
    
ul.topnav {
    margin: 0;
    padding: 0; 
    }
    
ul.topnav li {
    list-style: none;
    background-image: url("/sites/internet/templates/images/separation_menu.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    width: 235px;
    text-align: left;
    }   
    
ul.topnav li a {
    display:block;
    text-decoration: none;
    background-image: url("/sites/internet/templates/images/puce_menu.png");
    background-repeat: no-repeat;
    background-position:left 10px;
    width: 200px;
    height: 31px;
    padding-top: 6px;
    padding-left: 10px;
    margin-left: 25px;
    color:#E37B00;
    font-weight:normal;
    font-size:14px;
/*border: 1px solid red;*/
    }  
      
ul.topnav li a:hover {
    color: #718f11;
        font-weight:bold;
/*border: 1px solid red;*/
    }    
    
ul.topnav li.here a {
    color: #718f11;
    font-weight:bold;
}                           
    
#bottom {
    position: absolute;
top:864px;
    left: 0px;
    width: 800px;
    height:27px;
    background-image: url("/sites/internet/templates/images/background_bottom.png");    
    font-size: 11px;
    text-align: center;
    padding-top: 45px;
    padding-left:200px;
    }
    
a#bouton_envoyer {
    display: block;
    background-image: url("/sites/internet/templates/images/background_bouton.gif");
    line-height:29px;    
    height: 31px;
    width: 200px;
    background-repeat: repeat-x;
    color: white;
    text-decoration: none;
    }
    
a#bouton_envoyer:hover {
    text-decoration: underline;
    }           
    
/*---MISE EN PAGE----*/

h1 {
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: white;
    
    } 
    
h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #a1b965;
    }
    
h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #ed8502;
    }      


#background_content_content li {
    list-style: none;
    list-style-image: url("/sites/internet/templates/images/puce.gif"); 
    padding-left:10px;
    padding-bottom: 10px;
    
    }  
    
hr {
    color: #ced2c9;
background-color: #ced2c9;
height: 1px;
border: 0; 
    }       
       
#header_facebook {
	position: absolute;
	top:193px;
	left:610px;
	} 
	
.fb-like {
	position: absolute;
	top:0px;
	left:191px;
	} 	  
	
.fb-like_btn {
	position: absolute;
	top:0px;
	left:0px;
	}   
	
.fb-like_btn a {
	font-family: arial;
	font-size: 11px;
	color:#3B5998;
	border: 1px solid #cad4e7;
	background-color: #eceef5;
	height: 18px;
	line-height:18px;
	padding: 0 7px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	} 	
	
.fb-like_btn a:hover {
	border: 1px solid #7189b7;

	}