.posrelative
{
background-color:#FFFFFF;
POSITION: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

#conteneur1
{
background-color:#FFFFFF;
OVERFLOW: hidden;
WIDTH: 205px;
CLIP: rect(0px 205px 135px 0px);
POSITION: absolute;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

body {
	background-color: #E2E3E7;
	margin: 0px auto ;
	font-family: verdana;
	width: 861px ;
	behavior: url(csshover.htc);
}
*{
	margin:0;
	padding:0;
	border:0;
}
a img { border: none;}
#conteneur{
	background-color: #1C5073;
	width: 861px ;
	padding: 20px;
	float:left;
}
#visuel{
	height: 188px ;
	width: 861px ;
	background: url(../image/visuel.jpg) top left no-repeat;
}
#recherche form{
	float: right;
	height: 25px;
	width: 137px;
	margin:15px 0 0 0;
	
}
.texterecherche{
	background-color :#005A96;
	border-style: none;
	color: white;
	height:15px;
	width:108px;
	font-size: 10px;
	margin-top: 4px;
	position: absolute;
}
.boutonrecherche{
	position: absolute;
	float: right;
	background: url(../image/puce_recherche.gif) no-repeat;
	border: 0;
	padding: 25px;
	margin-left: 110px;
	margin-top: 3px;
}
#contenu {
	width: 861px;
	background : #FFFFFF;
	float:left;
	
}
#gauche{
	float:left;
	width: 200px;
	margin: 30px 0 0 0;
}
#charte {
	background : url(../image/chartemediation.jpg) no-repeat;
	border:none;
	height:150px;
	margin-left:10px;
	margin-top:10px;
	padding-left:20px;
	width: 190px;
}
#leschartes{
	float: left;
	width : 170px;
	height: 40px;
	margin-left: -5px;
	position:absolute;
}
#partenaires {
	background : url(../image/nospartenaires.gif) no-repeat;
	border:none;
	height:150px;
	margin-left:10px;
	margin-top:10px;
	padding-left:20px;
	width: 190px;
}
#lespartenaires{
	float: left;
	width : 130px;
	height: 27px;
	margin-left: -5px;
	position:absolute;
}
#aegisolution{
	background-image: url(../image/logo_aegisolution.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:53px;
	margin: 15px 0 30px 15px;
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
	font-size:x-small;
	text-transform:none;
    display: block;
	margin-left:10px;
	margin-top: -15px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #fff;
    width:170px;
	position:absolute;
}
a.tooltip:hover em span {
    top: -7px;
    left: 15px;
    width: 11px;
    margin:0;
    padding: 0;
    border: 0;
}
#centre{
	float:left;
	margin:0 0 20px 0;
}
#edito {
	background-color: #E2E3E7;
	width: 345px;
	border-width: 10px 0px 10px 0px;
	margin: 50px 0 0 30px;
}
#edito h1 {
	font-size: 17px;
	color: #005A96;
	font-weight: normal;
	margin-left: 28px;
	margin-top:0;
}
#textedito{
	width:300px;
	margin-left: 28px;
	padding:0px 5px 0px 0px;
	font-family: verdana;
}
#textedito p {
	font-size: 10px;
	text-align: justify;
	font-family: verdana;
}
#newsletter{
	height :55px;
	width : 170px;
	margin:10px 0 15px 120px;
}
#newsletter img {
	position: relative;
	margin: 15px 0 0 20px;
	
}
/*#newsletter font {
	color : #2F8416;
	font-size: 9px;
	text-decoration: none;
	position :relative;
	float: left;
	line-height: 10px;
}*/
#newsletter a {
	color : #2F8416;
	font-size: 9px;
	text-decoration: none;
	position :relative;
	float: left;
	line-height: 10px;
}
#newsletter form{
	border : 3px solid #BFBFC5;
	height: 17px;
	width: 147px;
	position: relative;
	float: left;
	margin-left:3px;
	_margin-left:0
}
.adressemail{
	background-color :#D7D7DD;
	border-style: none;
	color: #636363;
	height:17px;
	width:130px;
	font-size: 9px;
	position: absolute;
}
.okmail{
	position: relative;
	float: right;
	background: url(../image/puce_newsletter.jpg) no-repeat;
	border: none;
	height: 17px;
	width : 17px;
}
#droite{
	float:right;
	width:150px;
	margin-top:40px;
	margin-right:80px;
	_margin-right:1%;
}
#actualite {
	font-size: x-small;
	height : 150px;
	margin-bottom: 27px;
	overflow:hidden;
}
#texteactu {
	font-size:x-small;
	font-weight:900;
	color:#C90616;
	margin-left: 15px;
	text-decoration: none;
}
#actuvideo{
	background: url(../image/cmapvideo.gif) no-repeat;
	/*width:244px;*/
	height:220px;
	margin-left: 5px;
	margin-top:43px;
}
#lecmapenimage{
	float: left;
	width : 146px;
	height: 20px;
	margin-left: 22px;
	position:absolute;
}
#ccipetcoin {
	position:relative;
	width : 407px;
	height: 52px;
	background-image: url(../image/logoetcoin_home.jpg);
	background-repeat:no-repeat;
	float:right;
	margin: -52px 0 0 0;
}
#lienccip {
	width : 300px;
	height: 52px;
	float:right;
	margin: 130px 0 0 0;
}
#foot {
	background-color : #99BDD5;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding:0 0 17px 0;
	width: 861px;
	float:right;
}
#foot a:link { font-weight: normal; color:#FFFFFF; text-decoration:none }
#foot a:visited { font-weight: normal; color:#4c6885; text-decoration:none }
#foot a:hover { font-weight: normal; color:#1C5073; text-decoration:none }
#foot a:active { font-weight: normal; color:#E00000; text-decoration:none }
#foot a:focus { font-weight: normal; color:#00E000; text-decoration:none }