/* 
Theme Name: La surprise
Version: 1.0
Description: Blog de La-surprise.com
Author: Mina
Author URL: 
Tags: 2 columns, fixed width

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/* reset
--------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td  {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

table			{border-collapse: separate; border-spacing: 0;}

caption, th, td 	{text-align: left; font-weight: normal;}
table, td, th 		{vertical-align: middle;}

blockquote:before, blockquote:after, q:before, q:after	{content: "";}
blockquote, q 						{quotes: "" "";}

a img {border: none !important;}


/* Correction des bug Internet Explorer
------------------------------------------------------------*/ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

/* typography
--------------------------------------------------------- */

body {font-size: 1em; font-family: Arial, Helvetica, sans-serif;background-color:#ffffff;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

h2				{font-size: 16px; font-weight: normal; margin:5px 0;}
h3				{color: #a4a4a4; font-size: 32px; font-style: italic; margin:5px 0;}

textarea			{border: 1px solid #000000; font-size: 11px;}

#sidebar h2 			{font-family: "CourierSans-Bold", Arial, Helvetica, sans-serif; color: #a4a4a4; font-size: 30px; font-style: normal;}
#sidebar h2.noir 		{color: #000000;}
#sidebar h2 a 			{font-family: "CourierSans-Bold", Arial, Helvetica, sans-serif; text-decoration: underline; color: #a4a4a4;}
#sidebar h2 a:hover a:visited 	{font-family: "CourierSans-Bold", Arial, Helvetica, sans-serif;text-decoration: underline; color: #a4a4a4;}
	
.author_name 		{color: #000000; font-size: 16px; }

.gras 			{font-weight: bold;}
.majuscules		{text-transform: uppercase;}

.post_date 			{color: #a4a4a4; font-size: 32px; font-style: italic;}
	
.post 				{width: 458px; margin:0 0 20px 0;}
.post a				{text-decoration: underline; color: #000000;}
.post a:hover			{text-decoration: none; color: #000000;}
.post .media 			{text-align:center;}
.post .text 			{height: 90px; background: #ffffff url(images/fd_post.gif) no-repeat; padding: 10px 15px; font: 16px Times New Roman, Arial, Helvetica, sans-serif; font-style: italic; text-align: justify;}
.post .infos 			{font-size: 11px; margin: -15px 0 0 0;}
.post .infos .date_post 	{float:left; width: 330px;}
.post .infos .wp-likespost 		{float:right;}
.post .infos .wp-likespost a 		{text-decoration: underline; color: #000000;}
.post .infos .wp-likespost a:hover 	{text-decoration: none; color: #000000;}
.post img 			{vertical-align: bottom;}
.post .author_img 		{display:block; text-align:center; margin: 0 0 0 -20px;}
.post a.suite, .post a.suite:hover		{text-decoration: underline; color: #000000; font-weight: bold;}

#sidebar ul 			{list-style-type: none;}
#sidebar #contact li		{background: #ffffff url(images/fleche.gif) no-repeat 0 60%; padding: 0 0 0 8px;}
#sidebar #contact li a		{text-decoration: none; color: #000000;}
#sidebar #contact li a:hover	{text-decoration: underline; color: #000000;}
#sidebar input.recherche	{border: 1px solid #a3a3a3; font-size: 11px; height: 16px; padding: 2px 0;}

#sidebar #equipe li		{}
#sidebar #equipe li a 		{text-decoration: none; color: #000000;}
#sidebar #equipe li a:hover 	{text-decoration: underline; color: #000000;}

#sidebar input#searchsubmit 	{background: transparent url(images/fd_bouton_ok.gif) no-repeat; color: #ffffff; font-size:11px; font-weight:bold; height: 21px; width:22px; vertical-align: top; border:none; cursor:pointer;}
#sidebar form label		{display:none;}

div.pagination 					{font-size:11px; text-align:center;}
div.pagination a				{margin:0 5px; text-decoration:underline; color: #000000;}
div.pagination a:hover, div.digg a:active 	{margin:0 5px; text-decoration:none; color: #000000;}
div.pagination span.current 			{margin:0 5px; font-weight: bold; text-decoration:none;}
div.pagination span.disabled 			{color: #dddddd;}

.picto_surprise 	{background: #ffffff url(images/picto_etoile.gif) no-repeat; padding: 25px 0 0 0; font-weight: bold; vertical-align: bottom;}
.picto_stylo 		{display:block;background: url(images/picto_stylo.gif) no-repeat; height: 22px; margin: 5px 0 0 0;}
	
.clearfix	{display: block;}
.clear 		{clear: both;}
	

/* layout
---------------------------------------------------------------- */

#centrage	{width: 880px; margin: 0 auto; text-align: left;}
#container 	{display:block;	width: 668px; margin: 20px 0 0 208px;}
#contenu 	{float:left; width: 458px; padding: 15px 0 0 0;}
#sidebar 	{float:left; margin: 0 0 0 51px; width: 159px; padding: 15px 0 0 0; text-align:left; font-size: 11px;}
#header 	{height: 220px; text-align: left; vertical-align: top;margin: 0;}

#logo_agence 	{float: left; background: #ffffff url(images/logo_agence.gif) no-repeat; width: 193px; height: 110px;}

/* article
------------------------------------------------------------------*/
#contenu .entry				{border-top:3px solid #000000; border-right:3px solid #000000; border-left:3px solid #000000; padding:10px 15px; font: 16px Times New Roman, Arial, Helvetica, sans-serif; font-style: italic;}
#contenu .entry_footer			{background: transparent url(images/fd_post_bottom.gif) no-repeat; width:458px; height:20px; margin: 0 0 10px 0;}


/* comments
------------------------------------------------------------------*/
.comments			{margin: 20px 0 10px 0;}
#comments-list ol		{list-style: none;}
#comments-list ol li		{margin: 10px 0;}
#comments-list .comment-text	{border-top:3px solid #000000; border-right:3px solid #000000; border-left:3px solid #000000; padding:5px; font-size: 11px;}
#comments-list .comment-author	{font-size: 16px; font-weight: bold;}

/* nouveau commentaire
------------------------------------------------------------------*/
#respond					{text-align: left; margin: 0 0 20px 0;}
#respond .formcontainer				{font-size:11px; border-top:3px solid #000000; border-right:3px solid #000000; border-left:3px solid #000000; padding: 15px;}
#respond .formcontainer p#login			{color: #666666;}
#respond .formcontainer p#login	a		{color: #666666; text-decoration: none;}
#respond .formcontainer p#login	a:hover		{color: #666666; text-decoration: underline;}

#commentform .form-label			{margin:10px 0 0 0;}
#commentform .form-author			{float:left; width:205px;}
#commentform .form-author-mail			{float:right; width:205px;}
#commentform .form-author-text			{display:block;}
#commentform .form-label label			{width: 200px;}
#commentform .form-input input			{width: 200px;}
#commentform .form-textarea textarea		{width: 418px; height: 80px;}
#commentform .form-submit			{text-align:center; margin: 10px 0 0 0;}

#commentform input				{border: 1px solid #000000; font-size: 11px; height: 16px; padding: 2px 0;}
#commentform .bt_submit				{background: transparent url(images/fd_bouton.gif) no-repeat; color: #fff; font-size:11px; height: 26px; width:140px; font-weight: bold; border:none; cursor:pointer; margin: 10px 0 0 0; padding: 3px 0 4px 0; text-transform: uppercase;}