body {
	
	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	background-color: rgb(242, 242, 242)
} 


#container {
	
	line-height:1.5;
	margin:0 auto;
	text-align:center;
	width:950px;
	padding-left:20px;
	border: 2px solid #C0C0C0; 
	border-width: 2px 2px;
    background: #FFFFFF;
	background:#fff url('body_ces.jpg') repeat-x;
}

/*Images sections*/
#headerimage1{width:310px;
height:160px;
position:absolute;
top:25px;
right:180px;
margin:0;
padding:0;

background:url("header_chaberton.jpg") no-repeat;
}
#headerimage2{width:310px;
height:160px;
position: absolute;
top:25px;
right:180px;

background:url("header_dauphine.jpg") no-repeat;}

#headerimage3{width:310px;
height:160px;
position: absolute;
top:25px;
right:180px;
margin:0;
padding:0;

background:url("header_casalapidi.png") no-repeat;}

#headerimage4{width:310px;
height:160px;
position: absolute;
top:25px;
right:180px;
margin:0;
padding:0;

background:url("header_manif.jpg") no-repeat;}



/*header*/
#header{

width:950px;
	height:320px;
	margin:0px
	
}


#header h1{color:#666;
		font-size:3.5em;
		font-weight:400;
		letter-spacing:-2px;
		line-height:75px;
		margin:0;
		padding:25px 0 0;
		text-align:left;
}

#header p
{background:transparent;
		color:#666;
		float:right;
		font-weight:bold;
		font-size:1.5em;
		
		padding:100px 40px 0 0;
	
		}
		
	#header ul {

		float:left;
		height:181px;/*250*/
		list-style:none;
		margin:0;
		overflow:hidden;
		padding:10px;
		width:210px;
		text-align:left;
		background-color:#ccff33
	}
	#header ul li {
		font-size:1em;
		font-weight:700;
		
	}
	#header ul li a {
		/*background:#99cc00;*/
		color:#666;
		display:block;
		line-height:15px;
		padding:0 ;
		margin:0;
		width:190px;
	}
	#header ul li a:hover {
		background:#99ff00;
		}	
		
		
/* sidebar left*/
#sidebar{
/*position:absolute;*/
float:left;
width:210px;
text-align:left;
margin:0;
clear:left;
}


	#sidebar h3 {
		border-bottom:2px solid #99fe00;
		color:#444;
		font-size:0.8em;
		font-weight:bold;
		line-height:1.75;
		margin:0;
		/*padding:10px 0px 0px 0px;*/
	}
	#sidebar p {
		background:#f1f1f1;
		display:block;
		font-size:0.8em;
		margin:10px 0;
		padding:10px;
		margin-bottom:50px;
		
	}
	
	#sidebar ul {
		margin:10px;
		padding:0 ;
		margin-bottom:60px;
	}
	#sidebar ul li {
		
		list-style:none;
		padding:2px 2px;
		border-bottom:solid 2px #555
	}
	#sidebar ul li a {
		color:#555;
		display:block;
		padding:5px;
		text-decoration:none;
		font-size:0.9em;
		background-color:tansparent;/*#ccff33;*/
	}
	#sidebar ul li :hover {
		background-color:#ccff33;/*#ffcc00;*/
		color: #660099;
		/*border-bottom:#ff6600 solid 2px;*/
	}
	

		
		
	#sidebar img{
	border:0px;
	margin:10px 
	
	}
	
	
	
	
/* corps*/
#corps{
margin-top:0;
margin-left:210px;
padding:20px 
}

 
 #corps a:hover{
 color: #cc0033;
 background-color:tansparent;
 text-decoration:none;}
 #corps a{font-size:1em;
padding:8px;
text-decoration:none;
 color:#555;
 }
 
 
 

#footer {
		clear:both;
		margin:10px auto 0;
		width:760px;
	}

	#footer p {
		border-top:3px solid #9d0000;
		color:#555;
		font-size:.7em;
		line-height:2em;
		margin:0;
		padding:10px;
		text-align:center;}
		
	#footer a{font-size:1em;
padding:8px;
text-decoration:none;
 color:#555;}	
 
 #footer a:hover{
 color: #cc0033;
 background-color:tansparent;
 text-decoration:none;}
	
	
	
	
/*corps */

 
 
 
	
/*general*/
h1 { 
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    color: #ff6633/*orange*/
	;}
	
 h2 {font-size: 0.9.em;
    font-weight: bold;
    text-align: left;
	color:#960000;
    }

 h3{font-size:0.9em;
	font-weight:bold; 
	text-align:left;
    }
h4{ font-size:0.8em;
	font-weight:bold;
	text-align:left;
	}

 p { font-size: 0.8em;
    
    text-align: left;
    }
ul,li,dd,ol{ font-size: 0.9em;
	padding-bottom:10px;
	text-align:left;
 }
 dl{margin-left:20px;}
 dd{margin-bottom:10px;}
 
 dt{font-size:0.8em;
 font-weight:bold;
 padding-top:10px;
 padding-bottom:10px;
 }

 
 
 
 
 
 
 
 img{border:0;
 margin:15px 30px;
 }
 /*a:hover{background-color:#ffcc00;
 color: #660099;
 text-decoration:none;}*/
 
 table{border-collapse: collapse;
 margin:auto;
 margin-top:25px;
 margin-bottom:25px;
 padding-top:25px;
 padding-bottom:25px;
 border:2px solid #C0C0C0;
font-size:0.8em; 
width:80%}

tr{width:25%;
border:2px solid #C0C0C0;
padding:5px;}

th, td{width:25%;
border:2px solid #C0C0C0;
padding:5px;
text-align:center;}

blockquote{font-style:italic;
font-size:0.8em;
text-align: left;}

.ital{font-style:italic;}
.imaged{/* aligner graphique à droite avec texte à gauche*/
float:right;
}
.timport{font-weight:bold; 
color:#990000;}/*rouge gras*/

 .bleufon{color:#333399;
 font-weight:bold;}
 
.orange{color:#FF6600}

.bleu{color:#5d90b5;}

	
.center { text-align: center;
    }
.droite { text-align: right;
    }
.gauche { text-align: left;}

.ecart{padding-top:20px;
padding-bottom:15px}/*mise en évidence paragraphe*/

.ouv{background-color:#cccccc;
color:white;}



.imaged{/* aligner graphique à droite avec texte à gauche*/
float:right;
margin-left:25px}
.large{font-size: 1.1em;}

.gras{font-weight:bold;}
.small{font-size: 0.8em;}
.tourimage{border:2px solid #C0C0C0 }
.imageg{/* aligner graphique à gauche avec texte à droite*/
float:left;
margin-left:0px;
margin-right:25px;
padding:0;
}
.ecartg: { padding-left:10px;}

.imagev{/* image sans espace liens verticaux*/
margin:0;
padding:0;
}
.note:{font-size:0.8em;
		color:#5d90b5;
		}
.courrier{
padding: 30px ;
background-color: #ecf1f3;}
.imagelink{padding:0px;
margin:0px;
float:left;}
	
