img {
    border: 0;
}

body {
    padding:0;
    margin:0;
    background-color:#083c4a;
    font-family: arial;
    font-size: 12px;
    color: black;
    behavior: url(/sites/templates/csshover.htc); 
}

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

a, #content a {
    text-decoration: underline;
    color: #336193;
}

#logo {
    position: absolute;	
	}

#header {
    position: absolute; 
    width:696px;
    height:262px;
    left:224px;
    background-image: url("/sites/templates/images/header.jpg");
    
}

ul.topnav {
    position: absolute;
    margin:0;
    padding: 0; 
    top:167px;
    left:10px;
    width:681px;
    height:35px;
    
/*border: 1px solid red;*/
}

ul.topnav li {
    padding: 0;

    background-image: url("/sites/templates/images/background_bouton.jpg");
    background-repeat:no-repeat;
    background-position:right;
    line-height:35px;
}

 ul.topnav li.last {
    background-image:none;
}

ul.topnav li:hover, ul.topnav li.last:hover, ul.topnav li.here {
    background-image: url("/sites/templates/images/bouton_hover_right.jpg");
    background-image: right;
    line-height:36px;
    
}



 ul.topnav li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color:white;
    padding-left:15px;
    padding-right:15px;
}

 ul.topnav li a:hover, ul.topnav li.last a:hover, ul.topnav li.here a, ul.topnav li.here_last a {
   background-image: url("/sites/templates/images/bouton_hover_left.jpg");
   background-image: left;
   background-repeat: no-repeat;
   color: #083c4a;
}


/*-----------------sous menu---------------------*/

ul.topnav2 {
    position: absolute;
    margin:0;
    padding: 0; 
    top:207px;
    left:10px;
    width:682px;
}

ul.topnav2 li {
    padding: 0;
    border-right: 1px solid #d4d4d4;.
    line-height:25px;
}

ul.topnav2 li.last {
    padding: 0;
    border-right:none;
}

 ul.topnav2 li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding-left:15px;
    padding-right:15px;
    color: #083c4a;
       line-height:25px;
}

 ul.topnav2 li a:hover, ul.topnav2 li.here a, ul.topnav2 li.here_last a  {
    color: #127b97;

}

/*-------------------DIAPORAMA------------------------*/

#background_diaporama {
    position: absolute;
    width: 224px;
    height: 266px;
    background-image: url("/sites/templates/images/background_diaporama.jpg");
    top:518px;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 14px;
    }

/*-------------------ACTU------------------------*/

#actu {
	position: absolute;
	width: 224px;
	height: 322px;
	background-image: url("/sites/templates/images/background_actualite.jpg");
    top:196px;
    background-repeat: no-repeat;
	}
	
a#bouton_actu {
	background-image: url("/sites/templates/images/bouton_actu.jpg");
    width:198px;
    height:21px;
    display:block;
    background-repeat: no-repeat;
    margin-left: 4px;
    color:white;
    font-weight: bold;
 text-decoration: none;
 text-align: center;
	}
	
a#bouton_actu:hover {
    text-decoration: underline;
    }	
	
	
	
#actu_content {
	position: absolute;
    width: 190px;
    left:17px;
    height: 240px;
    top:55px;
    /*border: 1px solid red;*/
	}
	
#varnewsPost {
	border-bottom: 1px solid #368c9f;
	padding-bottom: 6px;
	padding-top: 6px;
	}
	
	
#varnewsPost .date {
    color:white;
    font-size: 11px;
    }
    
#varnewsPost .title a {
    color:#ffea00;
    font-weight:bold;
    text-decoration: none;  
    }   
    
#varnewsPost .title a:hover, #varnewsPost .details a:hover {
    text-decoration:underline;  
    }  
    
#varnewsPost .details a {
    color:white;
    font-weight:normal;
    text-decoration: none; 
        font-size: 11px;  
    } 
    
/*-------------------PAGE ACTU------------------------*/    
    
#content #varnewsPost {
    border-bottom: 1px solid #368c9f;
    padding-bottom: 6px;
    padding-top: 6px;
    }
    
    
#content #varnewsPost .date {
    color:gray;
    font-size: 11px;
    }
    
#content #varnewsPost .title a {
    color:#368c9f;
    font-weight:bold;
    text-decoration: none;  
    }   
    
#content #varnewsPost .title a:hover, #content #varnewsPost .details a:hover {
    text-decoration:underline;  
    }  
    
#content #varnewsPost .details a {
    color:gray;
    font-weight:normal;
    text-decoration: none; 
    font-size: 11px;  
    } 
        
    
/*------------CONTENT--------------*/                		
	
#background_content {
    position: absolute; 
    width: 696px;
    left:224px;
    top:262px;
    background-image: url("/sites/templates/images/background_content.jpg");
    background-repeat: repeat-y;
    visibility: hidden;
/*height: 600px;*/

}

#title h1 {
	position:absolute;
	color:#c11200;
	font-size: 24px;
	line-height:24px;
	font-weight: bold;
	margin: 0;
	left:21px; 
	width: 645px;
	}   

#content {
    position: absolute;
    width: 645px;
    left:21px;  
    visibility: hidden;
}

#content li {
	 list-style-type: none;
	 list-style-image: url("/sites/templates/images/puce.gif");
}

#background_bottom {
	position: absolute; 
    width: 696px;
    left:224px;
    height:34px;
    background-image: url("/sites/templates/images/background_bottom.jpg");
    background-repeat: repeat-y;
    color:white;
    text-align:center;
    padding-top:20px;
    font-size:10px;
/*top:862px;*/
	}
	
#background_bottom a {
color:white;
 font-size:10px;
}