*{margin:0;padding:0;border:0;}
body{
	background:#534741 url(../images/background.gif) 0 0 repeat-y;
	text-align:left;
	font:11px "Trebuchet MS",Arial;
	color:#000;
	padding-bottom:20px;
}
/**********************************************/
/* ENTETE                                     */
/**********************************************/
#entete{
	position:relative;
}

#logo {
	display:block;
	width:147px;
	height:44px;
	margin:20px 0 14px 48px;
	background:transparent url(../images/wypee.png) 0 0 no-repeat;
	cursor:pointer;
}
* html #logo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/images/wypee.png');background:none;}
/**********************************************/
/* CONTENU                                    */
/**********************************************/
#page{
	border-top:15px solid #fff;
	border-bottom:15px solid #fff;
	background:#383838 url(../images/backpage.gif) 0 0 repeat-y;
	min-width:750px;
}
* html #page{
	background:#383838 url(../images/backpage.gif) -1px 0 repeat-y;
}


#listecard{
	margin:0;
	width:590px;
	padding:17px 0 0 242px;
}
* html #listecard{
	padding-left:28px;
}
*+html #listecard{
	padding-left:28px;
}
#listecard p.go,#listecard p.go2{text-align:center;border:1px solid #ddd;}
#listecard p.go a,#listecard p.go2 a{
	display:block;
	
}
#listecard p.go2 a{
	background:#869AAE;
}
#listecard p.go a:hover,#listecard p.go2 a:hover{
	color:#EB017C;
	background:#eee;
	text-decoration:none;
}
#listecard p.go2 a:hover{
	color:#869AAE;
}
#listecard h1{
	margin:0 0 10px 14px;
	color:#fff;
	font-size:2.0em;
}
#marketing{
	margin:0 0 25px 14px;
}
#listecard h3{
	color:#FFF;
	font-weight:normal;
	font-size:1.3em;
	margin:35px 0 5px;
	padding-left:31px;
}
#listecard h4{
	color:#fff;
	font-weight:normal;
	font-size:1em;
	margin:10px 0 10px;
	padding-left:20px;
}
div.thumbnail{
	float:left;
	margin:0 0 20px 15px;
}
* html div.thumbnail{
	margin:0 7px 20px 8px;
}
div.thumbnail p{
	background:#eee;
	padding:10px;
}
div.thumbnail p a{
	cursor:pointer;
	font-size:1px;
}
div.thumbnail h2{
	background:#968989;
	color:#fff;
	font-size:0.9em;
	font-weight:normal;
	padding:0 3px;
}
div#pagination{
	color:#555;
	background:none;
	margin:0 0 20px 15px;
}
div#pagination a{
	color:#fff;
	text-decoration:none;
	padding:0 5px;
}
div#pagination span{
	padding:0 5px;
}
div#pagination a:hover,div#pagination a.sel{
	color:#fff;
	background:#EB017C;
	text-decoration:none;
}
#listecard p.taging{
	margin:50px 0 0 10px;
	text-align:center;
	width:560px;
}
#listecard span.cloud_tag a{text-decoration:none;padding:0 2px;}
#listecard span.cloud_tag a:hover,#listcat span.cloud_tag a.sel{color:#fff;background:#EB017C;}
#listecard span.font10 a{font-size:10px;color:#aaa;}
#listecard span.font11 a{font-size:12px;color:#bbb;}
#listecard span.font12 a{font-size:14px;color:#ccc;}
#listecard span.font13 a{font-size:16px;color:#ddd;}
#listecard span.font14 a{font-size:18px;color:#eee;}
#listecard span.font15 a{font-size:20px;color:#fff;}
#listecard span.font16 a{font-size:22px;color:#fff;font-weight:bold;}



#preview{
	background-color:#383838;
	text-align:left;
	padding:0px 29px 15px 14px;
}

/**********************************************/
/* MENU                                       */
/**********************************************/
#listcat{
	float:left;
	margin:12px 0 20px 28px;
	width:193px;
}
* html #listcat{
	margin-left:13px;
}
#listcat span,#listcat span a{color:#ccc;text-decoration:none;}
#listcat span a:hover{text-decoration:underline;}
#listcat ul{
	margin:5px 0 15px 14px;
}
#listcat ul li{
	list-style: none;
	line-height:14px;
	margin-bottom:5px;
}
* html #listcat ul li{
	margin-bottom:3px;
}
#listcat ul li ul{
	margin:5px 0 0 0;
}
* html #listcat ul li ul{
	margin:3px 0 0 0;
}
#listcat ul li a{
	color:#fff;
	text-decoration:none;
	padding-left:6px;
	display:block;
	width:173px;
}
#listcat ul li a span{
	color:#ccc;
}
#listcat ul li ul li a{
	color:#ccc;
	width:164px;
	padding:0 0 0 15px;	
}
#listcat ul li a.first{font-weight:bold;color:#fff;background:#869AAE;}
#listcat ul li a:hover,#listcat ul li a.sel{color:#fff;background:#EB017C;}
#listcat span.cloud_tag a{text-decoration:none;padding:0 2px;}
#listcat span.cloud_tag a:hover,#listcat span.cloud_tag a.sel{color:#fff;background:#EB017C;}
#listcat span.font10 a{font-size:10px;color:#aaa;}
#listcat span.font11 a{font-size:11px;color:#bbb;}
#listcat span.font12 a{font-size:12px;color:#ccc;}
#listcat span.font13 a{font-size:13px;color:#ddd;}
#listcat span.font14 a{font-size:14px;color:#eee;}
#listcat span.font15 a{font-size:15px;color:#fff;}
#listcat span.font16 a{font-size:16px;color:#fff;font-weight:bold;}
#listcat h1{
	font-size:1em;
	background:#F7941D;
	color:#fff;
	padding-left:20px;
	font-weight:normal;
	margin-top:10px;
}
#listcat h1.h1step2{
	width:163px;
	padding-left:20px;
}
#listcat label{
	color:#fff;
	font-weight:bold;
}
#listcat p{
	margin:5px 20px 10px 20px;
	color:#fff;
	font-weight:normal;
	font-size:1em;
}
#listcat h3{
	margin:0px 20px 20px 30px;
	color:#fff;
	font-weight:normal;
	font-size:1em;
}
#listcat textarea{
	width:146px;
	height:80px;
	font:11px "Trebuchet MS",Arial;
	padding:2px;
}
#tag{
	margin-left:20px;
	padding:2px 2px 2px 14px;
	background:#fff url(../images/loupe.gif) 2px 3px no-repeat;
	width:117px;
	font:11px "Trebuchet MS",Arial;	
}
* html #tag{
	margin-left:0;
	width:110px;
}
*+html #tag{
	margin-left:-6px;
}
#btntag{
	color:#fff;
	background:#EB017C;
	width:30px;
	height:16px;
	cursor:pointer;
	font:8pt "Trebuchet MS",Arial;
	padding:0;
	margin:0;
}

input.inputbox{
	padding:2px;
	width:146px;
	font:8pt "Trebuchet MS",Arial;
}
#listcat input.inputbox{
	
}
#listcat input.bouton{
	color:#fff;background:#EB017C;
	width:150px;
	margin-bottom:20px;
	cursor:pointer;
}
#listcat input.bouton2{
	color:#fff;background:#869AAE;
	width:150px;
	margin-bottom:20px;
	cursor:pointer;
}
#listcat input.nomarg{
	margin-bottom:0;
}
#listcat p.msg{color:#F7941D;font-weight:bold;}
#listcat p.clouds{margin:10px 20px 0 17px;}

/**********************************************/
/* FOOTER                                     */
/**********************************************/
#footer{
	color:#fff;
	margin-left:22px;
	width:948px;
	clear:both;
	font-size:11px;
	line-height:15px;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a.orange{
	color:#f7941d;
}
#footer img{
	margin:3px 0 -3px 0;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer a.orange:hover{
	color:#f7941d;
	text-decoration:underline;
}
span.orange{color:#F7941D;}
/**********************************************/
/* FORM                                       */
/**********************************************/
#message{
	position:fixed !important; 
	position:absolute;
	width:380px;
	height:230px;
	background:#869AAE;
	border:10px solid #fff;
	color:#fff;
	padding:10px 20px 20px;
	left:50%;
	top:50%;
	margin-top:-110px;
	margin-left:-175px;
}
#explicap{
	position:fixed !important; 
	position:absolute;
	width:380px;
	height:130px;
	background:#869AAE;
	border:10px solid #fff;
	color:#fff;
	padding:10px 20px 20px;
	left:50%;
	top:50%;
	margin-top:-60px;
	margin-left:-175px;
}
#contentbox{height:180px;overflow:auto;padding-right:10px;}
#form{
	position:fixed !important; 
	position:absolute;
	width:350px;
	height:300px;
	background:#869AAE;
	border:10px solid #fff;
	color:#fff;
	padding:10px 20px 20px;
	left:50%;
	top:50%;
	margin-top:-150px;
	margin-left:-175px;
}
#message h1,#form h1,#explicap h1{
	color:#fff;
	border-bottom:1px solid #fff;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	text-align:left;
	font-size:20px;
}
#message h1{color:#FFF;}
#message p{
	padding:0 0 2px 0;
}
#message a{
	color:#fff;
	font-weight:bold;
}
#message a:hover{
	color:#EB017C;
	background:#fff;
	text-decoration:none;
	font-weight:bold;
}
#form p{
	padding:0 0 2px 130px;
	text-align:right;
}
#form p.msg{
	color:#EB017C;
	background:#fff;	
	font-weight:bold;
	text-align:left;
	padding-left:0;
	text-align:center;
}

#form p.norm{
	padding-left:0px;
	text-align:left;
}
#form p label{
	float:left;
	width:120px;
	margin-left:-130px;
	line-height:18px;
	text-align:right;
}
#form input,#form textarea{
	padding:2px;
	font:11px "Trebuchet MS",Arial;
	width:200px;
	background:#dee3e8;
}
#form #fsub{
	color:#fff;
	font-weight:bold;
	padding:0;
	background:#EB017C;
	width:120px;
	margin:20px 0;
	cursor:pointer;
}
#close{
	float:right;
	width:20px;
	height:20px;
	background:url(../images/close.gif);
	margin:-5px -15px 0 0;
	cursor:pointer;
}
* html #close{
	margin:-5px -8px 0 0;
}
#messageclose,#explicapclose,#close{
	float:right;
	width:20px;
	height:20px;
	background:url(../images/close.gif);
	margin:-5px -15px 0 0;
	cursor:pointer;
}
* html #messageclose,* html #close,* html #explicapclose{
	margin:-5px -8px 0 0;
}

#masque{
	font-size:1px;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	position:absolute;
	top:0;
	left:-9999px;
	width:10px;
	height:10px;
	overflow:hidden;
}



.clear{clear:both;}