@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	background:url(../images/top_BG.gif) repeat-x;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.7em;
}
*.hidden{
	display:none;
}
.no-txt {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#page {
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/dn_BG.gif) bottom repeat-x;
	cursor:default;
}
#top_shadow {
	width:966px;
	margin:0 auto 0 auto;
	height:16px;
	overflow:hidden;
	background:url(../images/top_shadow.gif) no-repeat;
}
#content {
	width:966px;
	cursor:default;
	overflow:hidden;
	margin:0 auto 0 auto;
	background:url(../images/content_bg.png) repeat-y;
}
#ban {
	width:940px;
	height:112px;
	margin:0 13px 0 13px;
	padding:35px 0 0 0;
	position:relative;
	overflow:hidden;
	background:url(../images/ban_bg.gif) repeat-x;
}
#menu {
	position:absolute;
	top:0px;
	overflow:hidden;
	right:15px;
	height:25px;
	width:100%;
	padding:5px 0 0 0;
}
#debug, div.ifM_box {
	position: absolute;
	display:none;
	top: 100px;
	left: 100px;
	width: 300px;
	overflow:hidden;
	background: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid #52B1D8;
	overflow: hidden;
}
#debug div.ifM_header {
	height:16px;
	width: 300px;
	background: #52B1D8;
	color: #FFFFFF;
	overflow:hidden;
	text-align: right;
	cursor:move;
}
#debug div.ifM_header a {
	display:block;
	margin:0 12px 0 0;
	height:16px;
	float:right;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}
#debug div.ifM_header a:HOVER {
	color: #303335;
}
#debug div.ifM_wrapper {
	width: 300px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
#debug div.ifM_wrapper form {
	padding:0;
	margin:0;
	width:300px;
	overflow:hidden;
}
#debug div.ifM_wrapper form div.frm_line {
	width:300px;
	padding:5px 0 5px 0;
	overflow:hidden;
	text-align:center;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#52B1D8;
}
#debug div.ifM_wrapper div.warn {
	width:300px;
	padding:5px 0 5px 0;
	overflow:hidden;
	text-align:center;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6600;
}
#debug div.ifM_wrapper form div.frm_line div.frm_label {
	width:140px;
	overflow:hidden;
	text-align:right;
	float:left;
	margin:0 10px 0 0;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#303335;
}
#debug div.ifM_wrapper form div.frm_line input.frm_field {
	display:block;
	float:left;
	height:13px;
	width:120px;
	padding:1px 0 0 4px;
	border:1px solid #303335;
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#303335;
}
#debug div.ifM_wrapper form div.frm_line input.frm_btn {
	display:block;
	margin:5px auto;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#52B1D8;
	border:2px solid #52B1D8;
	background:#FFFFFF;
	cursor:pointer;
}
#debug div.ifM_wrapper form div.frm_line input:hover.frm_btn {
	color:#303335;
	border:2px solid #303335;
}
#debug div.ifM_tile {
	position: absolute;
	top: 0;
	left: 7px;
	width: 213px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
#menu a.rss {
	float:right;
	display:block;
	height:19px;
	width:19px;
	margin:0 0 0 15px;
	background:url(../images/rss.gif) no-repeat;
}
#menu a.lien_menu {
	display:block;
	float:right;
	height:19px;
	padding:3px 0 0 0;
	margin:0 0 0 15px;
	cursor:pointer;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover.lien_menu {
	border-bottom:3px solid #4697b8;
}
#log_zone{
	display:none;
	float:right;
	height:21px;
	padding:0;
	margin:0 0 0 15px;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#log_zone form{
	height:21px;
	width:216px;
	overflow:hidden;
	padding:0;
	margin:0;
}
#log_zone input.field{
	display:bloc;
	float:left;
	height:15px;
	padding:2px 0 0 4px;
	margin:1px 20px 0 0;
	width:80px;
	border:2px solid #FFFFFF;
	color:#303335;
	background:#FFFFFF;
	border:none;
	font:bold 10px "Tahoma", Arial, Helvetica, sans-serif;
}
#log_zone input.erreur{
	display:bloc;
	float:left;
	height:15px;
	padding:2px 0 0 4px;
	margin:1px 20px 0 0;
	width:80px;
	border:2px solid #FF6600;
	color:#FF6600;
	background:#FFFFFF;
	border:none;
	font:bold 10px "Tahoma", Arial, Helvetica, sans-serif;
}
#log_zone input.valid{
	display:bloc;
	float:left;
	height:15px;
	padding:2px 0 0 4px;
	margin:1px 20px 0 0;
	width:80px;
	border:2px solid #66FF00;
	color:#66FF00;
	background:none;
	border:none;
	font:bold 10px "Tahoma", Arial, Helvetica, sans-serif;
}
#cls_zone{
	display:block;
	float:left;
	margin:2px 0 0 0;
	height:16px;
	width:16px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/cls_zone.png) top left no-repeat;
}
#clock {
	position:absolute;
	top:0;
	left:0;
	height:30px;
	width:227px;
	overflow:hidden;
}
#logo {
	height:100px;
	width:189px;
	float:left;
	margin:0 7px 0 0;
	padding:0 0 0 7px;
	background:url(../images/logo.gif) 7px 0px no-repeat;
}
#kwick {
	position: relative;
	float:left;
}
#kwick .kwicks {
	display: block;
	background: url(../images/ref.png) top right no-repeat;
	height: 100px;
	width:730px;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
}
#kwick li {
	float: left;
}
#kwick .kwick {
	display: block;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #ffffff;/*	border-right: 5px solid #1d1d20;*/
}
#kwick .kwick span {
	display: none;
}
#kwick .design {
	background:url(../images/design.png);
}
#kwick .web {
	background:url(../images/web.png);
}
#kwick .cms {
	background:url(../images/cms.png);
}
#kwick .marketing {
	background:url(../images/marketing.png);
}
#kwick .ref {
	background:url(../images/ref.png);
}
#main {
	width:935px;
	padding:0 13px 0 18px;
	overflow:hidden;
}
#l_col {
	width:718px;
	float:left;
	overflow:hidden;
}
#r_col {
	float:right;
	width:217px;
	overflow:hidden;
	background:#999999;
}
#r_col div.r_box {
	width:217px;
	overflow:hidden;
	background:url(../images/box_top_bg.gif) repeat-x;
}
#r_col div.r_box div.r_b_title {
	width:217px;
	height:20px;
	padding:5px 0 0 0;
	overflow:hidden;
	text-align:center;
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../images/box_title_corner.gif) no-repeat;
}
#r_col div.r_box div.r_b_main {
	width:217px;
	padding:5px 0 10px 0;
	overflow:hidden;
	background:url(../images/r_b_main_bg.gif) bottom repeat-x;
}
#r_col div.r_box div.r_b_main a.txt_link {
	display:block;
	height:14px;
	padding:2px 0 2px 22px;
	text-decoration:none;
	cursor:pointer;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../images/puce_black.gif) 10px 6px no-repeat;
}
#r_col div.r_box div.r_b_main a.myrss_link {
	display:block;
	height:19px;
	width:183px;
	margin:3px 0 3px 3px;
	padding:5px 0 0 30px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/my_rss_out_bg.gif) no-repeat;
}
#r_col div.r_box div.r_b_main a:hover.myrss_link {
	color:#303335;
	background:url(../images/my_rss_over_bg.gif) no-repeat;
}
#r_col div.r_box div.r_b_main a:hover.txt_link {
	color:#303335;
	background:url(../images/puce_white.gif) 10px 6px no-repeat;
}
#personal{
	background:url(../images/flag_white.gif) 8px 3px no-repeat !important;
}
#personal:hover{
	background:url(../images/flag_black.gif) 8px 3px no-repeat !important;
}
#new {
	background:url(../images/new_white.gif) 6px 4px no-repeat !important;
}
#new:hover {
	background:url(../images/new_black.gif) 6px 4px no-repeat !important;
}
#press {
	background:url(../images/press_white.gif) 5px 3px no-repeat !important;
}
#press:hover {
	background:url(../images/press_black.gif) 5px 3px no-repeat !important;
}
#web {
	background:url(../images/web_white.gif) 6px 4px no-repeat !important;
}
#web:hover {
	background:url(../images/web_black.gif) 6px 4px no-repeat !important;
}
#eco {
	background:url(../images/eco_white.gif) 6px 4px no-repeat !important;
}
#eco:hover {
	background:url(../images/eco_black.gif) 6px 4px no-repeat !important;
}
#tech {
	background:url(../images/tech_white.gif) 6px 2px no-repeat !important;
}
#tech:hover {
	background:url(../images/tech_black.gif) 6px 2px no-repeat !important;
}
#femme {
	background:url(../images/girl_white.gif) 6px 3px no-repeat !important;
}
#femme:hover {
	background:url(../images/girl_black.gif) 6px 3px no-repeat !important;
}
#footer {
	height:22px;
	width:940px;
	padding:1px 0 0 0;
	margin:0 auto;
	background:url(../images/footer_bg.gif) repeat-x;
}
#dn_menu {
	height:22px;
	width:940px;
	padding:0;
	overflow:hidden;
}
#dn_menu a {
	display:block;
	float:left;
	height:15px;
	padding:4px 0 0 0;
	margin:0 0 0 15px;
	text-decoration:none;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#dn_menu a:hover {
	border-bottom:3px solid #999999;
}
#dn_shadow {
	clear:left;
	height:12px;
	width:940px;
	padding:3px 13px 0 13px;
	margin:0 auto 0 auto;
	font:10px Arial, Helvetica, sans-serif;
	color:#303335;
	background:url(../images/dn_shadow.gif) no-repeat;
}
#dn_shadow span {
	float:left;
	padding:0 0 0 15px;
}
#dn_shadow a {
	float:right;
	padding:0 15px 0 0;
	color:#303335;
	text-decoration:none;
}
#dn_shadow a:hover {
	color:#52B1D8;
}