/* CSS Document */
body {background: url(../images/html_bg5.gif) repeat-y center #FFFFFF; color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#xiti-logo	{	position: absolute; right: 5px; top: 10px; z-index:2;}
#xiti-logo-noscript {	position: absolute; right: 5px; top: 10px; z-index:2;}
#container {position:relative; width:780px; margin-left: auto; margin-right: auto; text-align: left;
}
#logo {
width:162px; 
height: 42px;
text-align:right;
font-size:12px;
color:#FF99FF;
font-style:italic;
padding-top:32px;
background: url(../images/logo6.png) no-repeat top #FFFFFF;
margin-left:50px;
}
#banner {float:right; margin-right:45px; height:60px; width:468px; background-color:#CC99FF; margin-top: -75px;}
#menu_horizontal {background: url(../images/menu_bg.png) repeat-x #FF99FF; width:690px; height:30px; font-size:14px; color:#FFFFFF; margin-left: auto; margin-right: auto; text-align: center; bottom:20px;
}
a.menu_horizontal {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; line-height:30px;}
#menu_footer {float:left; width:690px; height:20px; font-size:12px; color:#999999; margin: 15px 45px 2px; text-align: center; background-color:#CCCCCC;
}
a.menu_footer {color:#999999; font-size:11px; line-height:20px;}
#copyright {float:left; height:12px; font-size:10px; color:#CCCCCC; margin: 5px 45px 2px; text-align: left; background-color:#FFFFFF;
}
#contact {float:right; height:12px; font-size:10px; color:#CCCCCC; margin: 5px 45px 2px; text-align: left; background-color:#FFFFFF}
#main {position:relative; background: url(../images/html_bg5.gif) repeat-y center #FFFFFF;
width:690px;
margin-top:10px;
margin-left: auto; margin-right: auto; text-align: left;
}

#slogan {float:left;
width:400px; 
height: 200px;
background:url(../images/slogan.jpg) no-repeat left #CC99CC;
}

#encadre1 {float:left; width:400px; margin-top:5px;}
#encadre2 {float:right; width:280px; margin-top:5px;}
h1.encadre2 {font-size:12px; color:#DF77DF; line-height:12px; margin-bottom:0px; margin-top:5px;}
#resume {float:left; width:220px;}
#sondage {float:right; width:180px;}
#post-it {width:300px; height:240px; margin-top:-40px; margin-left:15px; background-position:center; background-image:url(../images/post-it.gif); background-position:top; background-position:left; background-repeat:no-repeat;} 
#pub_250x250{width:260px; height:252px; padding: 6px 5px 5px 15px; background-color:#E9A0E9; margin-top:2px;}
#box1 {float: left; 
width:199px; 
height: 110px;
margin-top:2px;
padding-top:20px;
background:#E9A0E9;
}
#box2 {float:right;
width:199px; 
height: 110px;
margin-top:2px;
padding-top:20px;
background:#F0CB99;
}
#box3 {float: left; 
width:199px; 
height: 110px;
margin-top:2px;
margin-bottom:20px;
padding-top:20px;
background:#DFEE95;
}
#box4 {float:right;
width:199px; 
height: 110px;
margin-top:2px;
margin-bottom:20px;
padding-top:20px;
background:#82B1E3;
}
.legende {float:right; width:95px; margin-right:5px; margin-left:5px;}
h2.encadre2 {background-color:#CCCCFF; width:270px; font-size:12px; font-weight:bold; color:#CC66CC; padding-left:5px; line-height:20px;}

#publicite_google_epilation	{	position: absolute; width: 310px; height: 265px; display: block; top: 15px; padding-top: 5px; text-align: left;	}
#publicite_google_epilation2	{	float:right; width: 180px; height: 150px; display: block; right : 15px; top: 60px; padding-top: 5px; text-align: left;	}