/*

Theme Name: AttrapTemps
Theme URI: http://attraptemps.fr
Description: Theme d AttrapTemps
Author: AttrapTemps

*/

/* Généralités*/

body { font-family:"Georgia", Trebuchet, Arial; background:#000; font-size:12px; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
a, a:visited { color:#999; }
p { margin:5px 0 0; }

.clear { clear:both; margin:0; padding:0; }

.color { color:#99cc00; }

form { margin:0; }
input { border:1px solid #666; font-size:10px; color:#666; text-align:right; margin-right:10px; width:150px; }
input.button { background:#99cc00; color:#fff; font-style:italic; padding:0; margin:0; width:auto; cursor:pointer; }

.post h2 { font-size:25px; margin:10px 0; font-weight:normal; font-style:italic; }


/* Header */
#wrapper-header { width:100%; background:#fff; }
#header { width:800px; margin:0 auto; font-style:italic; font-size:12px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
#logo { float:left; width:169px; height:68px; background:url(images/logo.png) no-repeat; text-indent:-9999px; }
#logo a { display:block; width:169px; height:68px; }
#contact_link { text-align:right; font-size:14px; display:block; margin-bottom:5px; }
#contact_link a { color:#333; text-decoration:none; }
#header .menu { float:right; border-top:1px solid #ccc; }
#header .menu ul { list-style:none; margin:0; padding:0; }
#header .menu ul li { float:left; margin-left:5px; }
#header .menu ul li a { color:#999; display:block; width:77px; height:33px; line-height:33px; padding:0 5px; background:url(images/bg_bouton_menu_top.png) no-repeat; text-align:center; text-decoration:none; }
#header .menu ul li.current_page_item a,
#header .menu ul li.current_page_parent a { font-weight:bold; }
#header .menu ul li a:hover,
#header .menu ul li.current_page_item a,
#header .menu ul li.current_page_parent a { color:#99cc00; }

#header .menu ul li.page-item-673 a { width:134px;background:url(images/bg_bouton_menu_top_quartz.png) no-repeat; }
#header .menu ul li.page-item-673.current_page_item a,
#header .menu ul li.page-item-673 a:hover { color:#C5007B; }



/* Content */
#content_wrapper { width:100%; background:#fff; padding:15px 0 0; }
#content { width:800px; margin:0 auto; }
/*#content_index { width:800px; margin:0 auto; }*/

.bloc_read_more p { padding:0; margin:0; }

/* Index */
#content_wrapper_index { width:100%; background:#fff; padding:15px 0 0; }
#header_blog { width:800px; margin:0 auto 20px; }
#blog_wrapper { width:800px; margin:0 auto; }
#content_index { float:left; width:550px; border-top:1px solid #CCC; margin-bottom:30px; }

#content_index > h2 { font-size:25px; font-style:italic; font-weight:normal; margin:8px 0; padding-left:10px; }
#content_index .post { padding:0 10px 15px; }
#content_index .post h2 { border:none; padding:5px 0; float:left; width:470px; margin:10px 0 5px 10px; }
#content_index .post h2 a { font-size:18px; font-style:normal; font-family:Arial; color:#000; text-decoration:none; }
#content_index .post .post_date { float:left; }
#content_index .post .post_date span { display:block; padding:5px 10px; width:50px; height:40px; color:#fff; font-size:20px; font-family:Arial; background:url(images/sprite_blog.png) 0 -31px no-repeat; margin:10px 0 0 -23px; }
#content_index .post .entry { color:#666; font-size:12px; font-family:Arial; }
#content_index .post .read_more_link a { font-size:12px; font-style:italic; color:#99cc33; }
#content_index .post .postmetadata { margin-bottom:0; color:#ccc; font-size:10px; font-family:Arial; }
#content_index .post .postmetadata a {  }
#content_index .post .postmetadata .post_comment_preview { padding-left:20px; background:url(images/sprite_blog.png) 0 -168px no-repeat; }
#content_index .nav-posts { margin:5px 10px; }


/* Accueil */
.bloc_content_left { float:left; width:100px; }
#bloc_ga { margin-top:280px; }
#bloc_ga a { margin:0 auto; display:block; width:71px; height:67px; background:url(images/ga_off.png) no-repeat; text-indent:-9999px; }
#bloc_ga a:hover { background:url(images/ga_on.png) no-repeat; }

#content_bottom_wrapper_accueil { border-top:8px solid #99cc00; background:url(images/bg_content_bottom.png) repeat; }
#content_bottom_accueil { width:1000px; margin:0 auto; }
#content_bottom_accueil #bloc_left { float:left; width:90px; height:170px; background:url(images/news_title.png) no-repeat right 10px; }

body.page-template-accueil-php #content { margin:0 auto; background:url(images/bg_accueil_content.jpg) right bottom no-repeat; padding-bottom:80px; }
#accueil-slider { width:870px; margin-left:-35px; }
#slider-wrapper { overflow:hidden; width:750px; float:left; height:250px; box-shadow:2px 2px 5px #999; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; }
#slider-content { width:10000px; }
#accueil-slider .carousel-control { float:left; width:30px; margin:0px 15px; cursor:pointer; line-height:250px; text-indent:-9999px; }
#accueil-slider .carousel-control#prev { background:url(images/prev.png) no-repeat center; }
#accueil-slider .carousel-control#next { background:url(images/next.png) no-repeat center; }
#slider-content .slide { width:750px; height:250px; float:left; }
 

#content_bottom_accueil #content_bottom { float:left; width:800px; }
#content_bottom_accueil #content_bottom .bloc_news { float:left; color:#666; background:url(images/clients_title.png) no-repeat right 10px; padding:10px 40px 10px 10px; width:350px;font-family:Arial; }
#content_bottom_accueil #content_bottom .bloc_news h3 { float:left; }
#content_bottom_accueil #content_bottom .bloc_news .post_date { float:right; color:#fff; }
#content_bottom_accueil #content_bottom .bloc_news .post_title a { color:#99cc00; }
#content_bottom_accueil #content_bottom .bloc_news p { margin-bottom:15px; font-family:Trebuchet; }
#content_bottom_accueil #content_bottom .customer_form { float:left; padding:0 10px; width:380px; }
#content_bottom_accueil #content_bottom .customer_form h2 { color:#fff; font-style:italic; font-weight:normal; margin-bottom:10px; }
#content_bottom_accueil #content_bottom .customer_form #ftp_access { padding:20px 0 10px 10px; margin:10px 0; border-top:1px solid #666; border-bottom:1px solid #000; }
#content_bottom_accueil #content_bottom .customer_form #ftp_access input { padding:2px 10px; width:140px; background: url(images/bg_input_short.png) no-repeat; border:none; margin-right:0; }
#content_bottom_accueil #content_bottom .customer_form #ftp_access input.button { width:25px; height:25px; cursor:pointer; background: url(images/bt_acces_ftp.png) no-repeat; border:none; text-indent:-9999px; }
#ftp_access .info_links { float:right; width:50%; }
#ftp_access .info_links a { text-decoration:none; color:#99CC00; font-style:italic; }
#ftp_access .info_links a:hover { text-decoration:underline; }
#contact_access { background:url(images/bourgeon.png) left bottom no-repeat; padding:40px 0 0 90px; margin:10px 0; border-top:1px solid #666; border-bottom:1px solid #000; height:60px; }
#contact_access h4 { font-size:14px; color:#fff; font-weight:normal; }
#contact_access h4 span { font-size:16px; }


/* Expertises */
body.page-template-expertises-php #content_wrapper { padding:0; }
body.page-template-expertises-php #content { background:url(images/bg_expertises.jpg) left top no-repeat; padding:15px 0; }
body.page-template-expertises-php h2 { font-style:normal; }
body.page-template-expertises-php h3 { font-weight:normal; margin:15px 0; font-size:14px; color:#666; font-style:italic; }

#content_bottom_wrapper_small_contact { border-top:8px solid #99cc00; background:#000; }
#content_bottom_small_contact { width:500px; margin:0 auto; height:65px; padding-left:240px; background:#000 url(images/texte_contact.png) 40px center no-repeat; }
#content_bottom_small_contact table { margin-left:50px; }
#content_bottom_small_contact input { height:13px; line-height:13px; padding:2px 10px; width:140px; background: url(images/bg_input_short.png) no-repeat; border:none; }
#content_bottom_small_contact input#contentField { width:315px; background: url(images/bg_input_long.png) no-repeat; border:none; }
#content_bottom_small_contact input.button { height:41px; width:42px; padding:0; background:url(images/bt_small_contact.png) no-repeat; }


/* Equipe */
body.page-template-equipe-php #content_wrapper { background:#fff url(images/bg_equipe.jpg) center bottom no-repeat; padding-bottom:80px; }
.equipe_menu { height:81px; padding:0 0 0 165px; background:url(images/menu_equipe.jpg) right top no-repeat; border-bottom:1px solid #ccc; }
.equipe_menu ul { margin:0; padding:0; }
.equipe_menu li { float:left; list-style:none; }
.equipe_menu li.current_page_item a,
.equipe_menu li a:hover { background:url(images/menu_equipe_fleche.jpg) center 15px no-repeat; }
.equipe_menu li a { display:block; width:56px; height:81px; text-indent:-9999px; }
.equipe_menu li.page-item-638 a { margin:0 0 0 5px; }
.equipe_menu li.page-item-640 a { margin:0 7px; }
body.page-template-equipe-php td { vertical-align:top; }
body.page-template-equipe-php #content img { border:1px solid #ccc; padding:5px; background:#fff; }


/* Quartz */
body.page-template-quartz-php #content_wrapper { background:#fff url(images/bg_quartz.png) center bottom no-repeat; padding-bottom:60px; }
body.page-template-quartz-php #content .post { padding-left:380px; font-style:italic; color:#666; }

/* References */
body.page-template-references-php #content { background:url(images/bg_references.jpg) right bottom no-repeat; padding-bottom:130px; }
body.page-template-references-php #content td { border:1px solid #ccc; text-align:center; }


/* Contact */
body.page-template-contact-php #content { width:800px; margin:0 auto; padding-bottom:20px; }
#content_bottom_wrapper_contact { border-top:8px solid #999933; background:url(images/bg_content_bottom.png) repeat; }
#content_bottom_contact { width:800px; margin:0 auto; height:460px; padding-left:150px; background:#000 url(images/contact_us.png) no-repeat; }
#content_bottom_contact table { margin-top:50px; margin-left:80px; }
#content_bottom_contact label { color:#999; margin-left:10px; font-style:italic; font-size:14px; }
#content_bottom_contact input { padding:2px 10px; width:316px; background: url(images/bg_input_long.png) no-repeat; border:none; }
#content_bottom_contact input#emailField,
#content_bottom_contact input#phoneField { width:140px; background: url(images/bg_input_short.png) no-repeat; border:none; margin-right:15px; }
#content_bottom_contact textarea#subjectField { padding:10px; width:320px; height:140px; background: url(images/bg_textearea.png) no-repeat; border:none; }
#content_bottom_contact input.button { margin-top:140px; height:36px; width:135px; padding:0; background:url(images/bouton_us_contact.png) no-repeat; text-align:center; font-style:italic; font-size:16px; }


/* Blog */

body.blog #content_wrapper_index,
body.single #content_wrapper_index,
body.search #content_wrapper_index,
body.archive #content_wrapper_index
body.tag #content_wrapper_index { background:#000 url(images/bg_blog.png) fixed center top repeat-x; }
body.blog #blog_wrapper,
body.single #blog_wrapper,
body.search #blog_wrapper,
body.archive #blog_wrapper,
body.tag #blog_wrapper { background:#EDEDED url(images/bg_sidebar.jpg) center top repeat-x; box-shadow:0 -2px 10px #999; -moz-box-shadow:0 -2px 10px #999; -webkit-box-shadow:0 -2px 10px #999;  }
body.blog #content_index,
body.single #content_index,
body.search #content_index,
body.archive #content_index,
body.tag #content_index { background:#fff; margin-bottom:0; padding-bottom:20px; border:none; }

#commentform { padding:0 10px; }
#commentform input { padding:2px 10px; width:140px; background: url(images/bg_input_short.png) no-repeat; border:none; }
#commentform textarea { padding:10px; width:320px; height:141px; background: url(images/bg_textearea_blanc.png) no-repeat; border:none; }
#commentform input#submit { cursor:pointer; margin-left:200px; border:1px solid #666; background:#99cc00; color:#fff; }



/* Sidebar */
#sidebar { float:right; width:240px; background:#EDEDED url(images/bg_sidebar.jpg) center top repeat-x; }
#sidebar .sidebar_bloc { margin:10px 5px; }
#sidebar .sidebar_bloc h3 { display:block; color:#333; font-family:Georgia; font-style:italic; font-style:italic; font-weight:normal; font-size:18px; padding:10px; margin-bottom:5px;  }

#search_bloc #searchform input#s { padding:5px 25px 5px 10px; margin:0; width:185px; border:1px solid #ccc; border-right:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#search_bloc #searchform input#searchsubmit { cursor:pointer; /*border:1px solid #ccc; */ border:none; width:20px; background:#fff url(images/sprite_blog.png) 0 0 no-repeat; /*border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;*/ margin-left:-25px; }

#last_post_bloc h4 { margin:5px 0; }
#last_post_bloc h4 a { text-decoration:none; font-weight:normal; }
#last_post_bloc h4 a:hover { color:#999; }
#last_post_bloc h4 a:hover { text-decoration:underline; }

#tags_bloc a,
#social_bloc a { text-decoration:none; }
#tags_bloc a:hover,
#social_bloc a:hover { text-decoration:underline; }

#social_bloc { margin:10px; }
#social_bloc a { display:block; float:left; width:35px; height:60px; margin:0 10px; text-indent:-9999px; }
#social_bloc #facebook_link { background:url(images/sprite_blog.png) -8px -100px no-repeat; }
#social_bloc #twitter_link { background:url(images/sprite_blog.png) -52px -100px no-repeat; }
#social_bloc #youtube_link { background:url(images/sprite_blog.png) -97px -100px no-repeat; }
#social_bloc #vimeo_link { background:url(images/sprite_blog.png) -141px -100px no-repeat; }



/* Footer */
#footer { width:800px; margin:15px auto; color:#666; }
#footer p { background:url(images/logo_at_footer.png) no-repeat; padding-left:35px; width:700px; margin:5px auto; font-size:12px; }

