/*  
Theme Name: WebPlanete.com
Theme URI: http://www.webplanete.com/
Description: Magazine style theme, made by/for WebPlanete.com
Version: 1.0
Author: WebPlanete.com
Author URI: http://www.webplanete.com
*/



/* Déclarations générales */
body { background:#000000;text-align:center;margin:0;padding:0; }
a { color: #444444;text-decoration:none;font-weight:bold; }
#page { width:1000px;margin:0 auto 0 auto;padding:0; }
.no_border { border:none; }
.margin_left { margin-left:10px; }
.margin_top { margin-top: 20px; }
.margin_big_top { margin-top: 40px; }

/* Panel admin top */
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
.grey { text-align:justify; }


/* Mise en page fond avec effets et div calage */
#general_fond_effets { width:100%;text-align:center;background:url('images/fond_effets.png') no-repeat top center; }


/* Header */
#header { width:1000px;height:260px;margin:0;padding:0; }
#header_top { width:1000px;height:230px;margin:0;padding:0;text-align:left; }
#header_nav { width:760px;height:30px;margin:0;padding:0;text-align:left;background:url('images/fond_nav_top.png') no-repeat top left;float:left; }
#header_social { width:240px;height:30px;margin:0;padding:0;text-align:left;float:left; }
a.lien-agence { float:left;display:block;font-family:arial;font-size:14px;font-weight:bold;color:#454641;letter-spacing:-1px;text-decoration: none;padding:8px 0 0 40px;}
a.lien-offres { float:left;display:block;font-family:arial;font-size:14px;font-weight:bold;color:#454641;letter-spacing:-1px;text-decoration: none;padding:8px 0 0 49px;}
a.lien-realisation { float:left;display:block;font-family:arial;font-size:14px;font-weight:bold;color:#454641;letter-spacing:-1px;text-decoration: none;padding:8px 0 0 44px;}
a.lien-en-cours { float:left;display:block;font-family:arial;font-size:14px;font-weight:bold;color:#454641;letter-spacing:-1px;text-decoration: none;padding:8px 0 0 37px;}
a.lien-contact { float:left;display:block;font-family:arial;font-size:14px;font-weight:bold;color:#454641;letter-spacing:-1px;text-decoration: none;padding:8px 0 0 51px;}
.icone_rss { float:left;display:block;padding:4px 0 0 70px;margin:0;text-decoration: none;}
.icone_facebook { float:left;display:block;padding:4px 0 0 14px;margin:0;text-decoration: none;}
.icone_twitter{ float:left;display:block;padding:4px 0 0 12px;margin:0;text-decoration: none;}


/* Contenu et disposition des colonnes*/
#contenu { width:1000px;margin:0;padding:0;background:url('images/fond_contenu.gif') repeat-y;overflow:hidden; }
#principal { float:left;width:580px;text-align:center;margin:0;padding:10px 0 0 0;background:#ffffff url('images/fond_top_right_principal.gif') no-repeat top right; }
#sidebar { float:left;width:180px;margin:0;padding:0;background:#000000; }
#references { margin:0 0 0 760px;width:240px;padding:10px 0 0 0;background:#ffffff url('images/fond_col_ref.gif') no-repeat top right;text-align:center; }
#references_pres { margin:0;padding:0; }
#carousel { width:560px;height:270px;margin:10px auto 0 auto;padding:0; }
#carousel ul { list-style: none;width:1600px;margin:0;padding:0;position:relative; }
#carousel li { display:inline;float:left; }
#carousel li a img { border: none; }

#contenu_acc { width:580px;margin:15px 0 0 0;padding:0; }
#contenu_single { width:540px;margin:15px 20px 25px 20px;padding:0;text-align:justify;color:#5A5A5A;font:normal 11px verdana; }
#posts_acc { width:300px;float:left;overflow:hidden;margin:0;padding:0;text-align:center; }
#intro_wbp { width:280px;float:right;overflow:hidden;margin:0;padding:0;text-align:center; }
#intro_wbp_texte { width:250px;overflow:hidden;margin:0 auto 0 20px;padding:0;text-align:justify;color:#5A5A5A;font:normal 11px verdana; }

/* Liste des references */
#contenu_ref { width:540px;margin:45px 20px 25px 20px;padding:0;text-align:justify;color:#5A5A5A;font:normal 11px verdana; }
.flottante { float:left;width:220px;height:120px;text-align:left;margin:0 25px 30px 25px; }
.flottante_vignette { margin:0;padding:0;width:220px;height:110px; }
hr {clear:both;visibility:hidden; }

/* Posts */
.post_acc { width:280px;text-align:justify;margin:0 auto 20px 10px;padding:0 0 20px 0;color:#5A5A5A;font:normal 11px verdana;border-bottom:1px dashed #b5b5b5; }
.post_acc_wbp { width:280px;text-align:justify;margin:0 auto 20px 10px;padding:0 0 20px 0;color:#797978;font:normal 11px verdana;border-bottom:1px dashed #b5b5b5; }
.post_colref { width:220px;text-align:justify;margin:0 auto 20px auto;padding:0 0 10px 0;border-bottom:2px dashed #d9d9d9;color:#797978;font:normal 10px verdana; }
.post_metas { margin:30px 20px 25px 20px;padding:0;text-align:justify;color:#5A5A5A;font:normal 10px verdana; }
a.post_suite  { font:bold 9px arial;color:#4A4A4A;margin:0; }
a:hover.post_suite  { color:#000000;}

/* Archive */
#archive_feed { width:540px;margin:5px 0 0 0;padding:10px 0 0 0;text-align:justify;color:#5A5A5A;font:normal 11px verdana;border-top:1px solid #aaaaaa; }
#archive_nb_articles { width:540px;margin:5px 0 25px 0;padding:0 0 10px 0;text-align:justify;color:#5A5A5A;font:normal 11px verdana;border-bottom:1px solid #aaaaaa; }
.archive_post { text-align:justify;margin:0 auto 20px auto;padding:0 0 10px 0;border-bottom:2px dashed #d9d9d9;color:#797978;font:normal 10px verdana; }


/* Footer */
#footer { width:1000px;height:65px;margin:0 auto 0 auto;padding:0;background:url('images/fond_bottom.gif') no-repeat; }
#footer_texte { margin:0;padding:48px 0 0 320px;font-family:verdana;font-size:10px;font-weight:normal;color:#595959; }

/* Pages */
#titre_page {margin:10px 0 15px 0;padding:0;text-align:justify; }

#offres { width:540px;margin:15px 0 0 0;padding:0;overflow:hidden; }
#offre_ecommerce { float:left;width:168px;height:296px;padding:0;background:url('images/fond_offre_ecommerce.jpg') bottom center no-repeat; }
#offre_blog { float:left;margin-left:19px;width:168px;height:296px;padding:0;background:url('images/fond_offre_blog.jpg') bottom center no-repeat; }
#offre_site { margin:0 0 0 374px;width:168px;height:296px;padding:0;background:url('images/fond_offre_site.jpg') bottom center no-repeat; }
.offre_contenu { padding:5px;margin:0;text-align:left;font:normal 10px verdana;width:138px;color:#ffffff; }

#pres_en_cours { margin:35px auto 0 auto;padding:0;text-align:center; }
#pres_en_cours img { border: 4px solid #dddddd; }

.style_form_contact { margin:0 auto 0 auto;text-align:justify;background-color:#F8F8F8;font:normal 11px arial;color:#000000;border:1px solid #E9E9E9;width:400px; }


/* Styles textes */
h2.archive_titre { font:bold 19px arial;color:#8A8B88;letter-spacing:-1px;line-height:23px;padding:0 0 10px 0; }


h3.titre_post a { font:bold 11px arial;color:#ffffff;line-height:17px;margin:0;background:#15B9CD;padding:4px; }
h3.titre_post a:hover { color:#ffffff;background:#000000; }

h3.titre_post_wbp a { font:bold 11px arial;color:#000000;line-height:17px;margin:0;background:#C9D20B;padding:4px 10px 4px 4px; }
h3.titre_post_wbp a:hover { color:#ffffff;background:#000000; }

h3.titre_single { font:normal 24px arial;text-transform:capitalize;color:#8A8B88;letter-spacing:-1px;line-height:23px;padding:0 0 10px 0; }

h3.titre_ref a { font:bold 11px verdana;color:#D20649;line-height:13px;margin:0; }
h3.titre_ref a:hover { color:#ffffff;background:#D20649; }

h3.carousel { font:bold 12px arial;text-transform:uppercase;line-height:15px;padding:5px 0 0 10px; }

h3.titre_page_ref { font:normal 16px arial;text-transform:capitalize;color:#8A8B88;letter-spacing:-1px;line-height:23px;padding:0 0 10px 0; }

h3.titre_page { font:normal 24px arial;text-transform:capitalize;color:#8A8B88;letter-spacing:-1px;line-height:23px;padding:0 0 10px 0; }

h3.liste_posts { font:normal 19px arial;text-transform:capitalize;color:#8A8B88;letter-spacing:-1px;line-height:23px;padding:0 0 10px 0; }

.txt10 { font:normal 10px verdana;color:#797978; }

/* Styles listes à puces */
ul.cat_menu { list-style:none;margin:0 0 0 25px;padding:0;text-align:left; }
ul.cat_menu li { padding:3px 0 3px 0;margin:0;color:#B6B6B6;font:normal 10px verdana; }
ul.cat_menu li a { display:block;padding:3px 0 3px 3px;margin:0;color:#B6B6B6;font:normal 10px verdana; }
ul.cat_menu li a:hover { background:#ffffff;color:#000000;font-weight:bold; }

ul.sidebar_widgets { list-style:none;margin:0;padding:0; }
ul.sidebar_widgets li { padding:3px 0 3px 0;margin:0 }