/*
Theme Name: Oups
Theme URI: 
Description: Theme de base pour wordpress, pour un amnagement plus simple sur une bonne base
Version: 1.0
Author: Sbastien Brulin
 
Base par Sbastien Brulin
 
*/
*{
	margin:0;
	padding:0;
	outline:none;
}
html, body, a, img{
	border:none;
}
.Texte>a{
	color:#000000;
	font-size:80%;
}

html{
	padding-bottom:20px;
	background-image:url(images/bg.gif);
	background-repeat:repeat;
}

body{
	padding-bottom:20px;
	background-image:url(images/degrade_bg.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#646464;
}
object, embed{
	position:relative;
	z-index:1;
}

.auto{
	display:block;
	margin:auto;
}
.clear{
	clear:both;
}
.element{
	display:block;
}
.sIFR-alternate{
	display:none;
}
.access{
	display:none;
}

#entete{
	margin:0 auto;
	padding:0 15px;
	margin-bottom:10px;
	width:760px;
	height:250px;
	text-align:left;
	background-image:url(images/ent.png);
	position:relative;
}
	#entete h1{
		margin-bottom:15px;
		width:264px;
		height:94px;
		background-image:url(images/oups.gif);
	}
	#entete h1 a{
		display:block;
		width:100%;
		height:100%;
	}
	#entete .h3{
		display:block;
		position:absolute;
		top:0;
		right:50px;
		width:112px;
		height:92px;
		background-image:url(images/pixLogo.png);
	}
	#entete h5{
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#1a171b;
		font-weight:bold;
		font-style:italic;
	}
	#entete p{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		color:#1a171b;
	}
#site, #footer{
	margin:0 auto;
	width:794px;
}

#content, #sommaire{
	float:left;
}
#content{
	width:614px;
	overflow:hidden;
}
#sidebar{
	float:right;
	margin-top:10px;
	margin-left:6px;
	display:inline;
	width:170px;
	overflow:hidden;
}
#sidebar div.white{
	padding-left:20px;
	width:150px;
	background-color:#FFFFFF;
}
#sidebar ul{
	list-style:none;
}
#sidebar ul ul{
	padding-bottom:5px;
}
#sidebar ul ul li{
	padding:2px 0;
}
#sidebar a{
	color:#646464;
	text-decoration:none;
}
#sidebar a:hover{
	color:#646464;
	text-decoration:underline;
}

#side_clients{
	background-image:url('images/side_clients.png');
	width:98px;
	height:29px;
}

#side_tags{
	background-image:url('images/side_tags.png');
	width:98px;
	height:29px;
}
	
	#tags{
		width:140px;
	}
	
	#tags a{
		text-decoration:underline;
	}
	
#side_liens{
	background-image:url('images/side_liens.png');
	width:98px;
	height:29px;
}

#sommaire{
	margin:0 auto;
	width:614px;
	height:241px;
	margin-top:10px;
	margin-bottom:12px;
}


/*footer*/
#footer{
	margin-top:17px;
	font-weight:bold;
	color:#474747;
}
#footer .copy{
	float:left;
	margin-left:35px;
	text-align:center;
}
#footer .bouton{
	float:left;
	margin-right:3px;
}
/*fin footer*/

/*article*/
.post{
	float:left;
	width:100%;
	background-color:#FFFFFF;
}
.Illustration{
	float:left;
	padding-bottom:10px;
	width:166px;
	text-align:center;
}
.Texte, .Texte3, .Texte4, .Texte5, .Texte6{
	float:left;
	padding-bottom:10px;
	width:448px;
	font-size:11px;
	line-height:15px;
	overflow:hidden;
}
.post_content{
	padding-right:20px;
	margin-top:20px;
	position:relative;
	padding-top:15px;
}
.post_content object, .post_content embed{
	width:425px;
}
.addthis_container{
	position: absolute;
	top: -15pt;
	right: 20pt;
}
.sociable{
	position: absolute;
	top: -38px;
	right: 20px;
}
.post_content p{
	margin-bottom:15px;
}
.Texte .waouh{
	margin-left:100px;
	width:268px;
	height:55px;
}
.Texte .qqc{
	position:relative;
	top:-12px;
	right:95px;
	float:right;
	width:79px;
	height:37px;
}
.Texte .sup{
	position:relative;
	line-height:50%;
	top:-5px;
	font-size:10px;
}
.Texte h1{
	margin-bottom:12px;
}
.Texte h3{
	display:inline;
	font-weight:bold;
	font-size:12px;
}
.Texte h5{
	display:inline;
	font-weight:bold;
	font-size:12px;
	color:#afa77a;
}
.Texte h6{
	display:inline;
	font-weight:bold;
	font-size:12px;
	color:#1c8282;
}
.Texte h4{
	display:inline;
	font-weight:bold;
	font-size:11px;
}
.Texte .rouge{
	font-weight:bold;
	color:#bb1010;
}
.alignleft{
	float:left;
}
img.alignleft{
	margin-right:10px;
}

/*FIN article*/

/**/
.Coms{
	margin-top:35px;
	margin-bottom:14px;
	padding-right:20px;
}

.NbComs{
	display:block;
	float:right;
	margin-top:7px;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color:#646464;
}

.Coms form{
	margin-top:8px;
}
.Coms label{
	display:block;
	float:left;
	margin-bottom:3px;
	padding-right:8px;
	padding-top:6px;
	width:108px;
	height:19px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
}
.Coms label.txt{	
	height:48px;
}
.Coms input{
	margin-bottom:3px;
	padding-top:3px;
	float:right;
	width:293px;
	height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#646464;
}
.Coms textarea{
	float:right;
	width:293px;
	#width:295px; /*lu par IE uniquement*/
	height:48px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#646464;
}
.Coms .receiv{
	float:left;
	width:270px;
	padding-left:30px;
}
.Coms .receiv label{
	float:left;
	margin-left:7px;
	width:235px;
	font-size:9px;
	text-align:left;
}
.Coms .receiv input{
	float:left;
	margin-top:3px;
	width:auto;
	height:auto;
}
.Coms .Submit{
	display:block;
	float:right;
	width:92px;
	height:21px;
	background:none;
	border:none;
	background-image:url(images/submit_envoyer.gif);
	background-repeat:no-repeat;
	font-size:0px;
	cursor:pointer;
}
.Coms .messErreur{
	width:400px;
	color:#bb1010;
}

.Coms .Liste{
	margin-top:30px;
	margin-right:10px;
	clear:left;
}
.Coms .Liste .auteur{
	margin-bottom:5px;
	font-weight:bold;
}
.Coms .Liste .pointi{
	clear:both;
	height:2px;
	overflow:hidden;
	background-image:url(images/motif_pointillepetit.gif);
	background-repeat:repeat-x;
	margin:6px 0;
}
#news_oups{
	height:50px;
}
.rss{
	padding-top:8px;
}
.rss img{
	vertical-align:-5px;
}



/** Menu Sommaire **/

#topCategorie{
	background-image:url('images/categorieTop.gif');
	width:614px;
	height:15px;
	background-repeat:no-repeat;
}
	
#bottomCategorie{
	background-image:url('images/categorieBottom.gif');
	width:614px;
	height:12px;
	background-repeat:no-repeat;
}
		
#choixCategorie{
	background-color:#FFF;
	width:614px;
}
		
#contentCategorie{
	text-align:center;
	margin:0 auto;
	width:588px;
}
		
.catChoice{
	width:294px;
	height:212px;
	float:left;
}
		
	.catChoice:hover .logo{
		filter: Alpha(Opacity=50);
		opacity:0.5;
	}
		
	.flecheCat{
		background-image:url('images/flecheCat.png');
		width:40px;
		height:26px;
		position:relative;
		top:-80px;
		left:235px;
		float:left;
	}
/** FIN - Menu sommaire **/