/*

Theme Name: AttrapTemps
Theme URI: http://attraptemps.fr
Description: Theme d AttrapTemps
Author: AttrapTemps

*/

/* Généralités*/

body { font-family:"Georgia", Trebuchet, Arial; font-size:11px; margin:5px 0 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; border-bottom:1px solid #ccc; font-weight:normal; font-style:italic; }


/* Header */
#header { width:800px; margin:0 auto; font-style:italic; font-size:12px; 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{ font-weight:bold; }
#header .menu ul li.page-item-11 a:hover,
#header .menu ul li.page-item-11.current_page_item a { color:#A0CF13; }
#header .menu ul li.page-item-15 a:hover,
#header .menu ul li.page-item-15.current_page_item a { color:#ff9900; }
#header .menu ul li.page-item-26 a:hover,
#header .menu ul li.page-item-26.current_page_item a { color:#666699; }
#header .menu ul li.page-item-29 a:hover,
#header .menu ul li.page-item-29.current_page_item a { color:#ff0066; }
#header .menu ul li.page-item-32 a:hover,
#header .menu ul li.page-item-32.current_page_item a { color:#59b5b5; }
#header .menu ul li.page-item-20 a:hover,
#header .menu ul li.page-item-20.current_page_item a { color:#A0CF13; }



/* Content */
#content_wrapper { width:1000px; margin:8px auto; }
#content { width:800px; float:left; }
#content_index { width:800px; margin:0 auto; }



/* Index */
#content_wrapper_index { width:800px; margin:0 auto; }
#header_blog { width:800px; margin-bottom:20px; }
#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 { background:#fafafa; border-top:1px solid #CCC; padding:0 10px 15px; }
#content_index .post h2 { border:none; padding:5px 0; }
#content_index .post h2 a { font-size:18px; font-style:italic; color:#99cc00; text-decoration:none; }
#content_index .post .post_date { color:#ccc; font-size:10px; font-family:Arial; }
#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 .post_comment_preview { padding-left:20px; background:url(images/picto_comment.png) no-repeat; }

#bloc_separate_index { border-top:8px solid #99cc00; background:url(images/bg_content_bottom.png) repeat; height:35px; }


/* 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:100px; height:170px; background:url(images/news_title.png) no-repeat bottom right; }
#content_bottom_accueil #content_bottom { float:left; width:800px; }
#content_bottom_accueil #content_bottom .bloc_news { float:left; color:#666; background:#000 url(images/clients_title.png) no-repeat bottom right; padding:10px 40px 10px 10px; width:350px; height:170px; 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:10px; }
#content_bottom_accueil #content_bottom .customer_form { float:left; padding:0 10px; width:380px; height:170px; }
#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 #quartz_access { padding:5px 0 0 10px; }
#content_bottom_accueil #content_bottom .customer_form #ftp_access { padding:5px 0 0 10px; background:url(images/bordure_bloc_form.png) no-repeat; }
#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; }

#bloc_partenaire { width:800px; margin:0 auto; border-bottom:1px solid #ccc; margin-top:5px; }
#bloc_partenaire h2 { color:#333; font-style:italic; font-weight:normal; line-height:40px; float:left; }
#bloc_partenaire a { text-indent:-9999px; display:block; float:left; margin:0 0 0 38px; }
#bloc_partenaire a#link { width:150px; height:38px; background:url(images/eco-catalans.png) no-repeat center; }
#bloc_partenaire a#link:hover { background:url(images/eco-catalans_on.png) no-repeat center; }
#bloc_partenaire a#alchemist_link { width:87px; height:38px; background:url(images/alchemist_link_off.png) no-repeat; }
#bloc_partenaire a#alchemist_link:hover { background:url(images/alchemist_link_on.png) no-repeat; }
#bloc_partenaire a#mucovie_link { width:95px; height:38px; background:url(images/mucovie_link_off.png) no-repeat; }
#bloc_partenaire a#mucovie_link:hover { background:url(images/mucovie_link_on.png) no-repeat; }
#bloc_partenaire a#deferlantes_link { width:95px; height:38px; background:url(images/defferlantes_link_off.png) no-repeat; }
#bloc_partenaire a#deferlantes_link:hover { background:url(images/defferlantes_link_on.png) no-repeat; }



/* Valeurs */
#content_bottom_wrapper_valeurs{ border-top:8px solid #ff9900; background:url(images/bg_content_bottom.png) repeat; }
#content_bottom_valeurs { width:500px; margin:0 auto; height:65px; padding-left:240px; background:#000 url(images/contact_valeurs.png) no-repeat; }
#content_top_valeurs { width:800px; margin:0 auto; height:150px; border-bottom:1px solid #ccc; background:url(images/photo_essais_valeur.jpg) no-repeat top right; }
.bloc_read_more { margin:10px 0 10px 20px; }
#content_bottom_valeurs table { /*margin-top:10px;*/ margin-left:50px; }
#content_bottom_valeurs input { /*height:13px; line-height:13px;*/ padding:2px 10px; width:140px; background: url(images/bg_input_short_contact.png) no-repeat; border:none; }
#content_bottom_valeurs input#contentField { width:315px; background: url(images/bg_input_long_contact.png) no-repeat; border:none; }
#content_bottom_valeurs input.button { text-indent:-9999px; height:42px; width:42px; padding:0; background:url(images/bouton_valeurs_contact.png) no-repeat; }



/* Equipe */
#content_bottom_wrapper_equipe { border-top:8px solid #ff0066; background:url(images/bg_content_bottom.png) repeat; }
#content_bottom_equipe { width:500px; margin:0 auto; height:65px; padding-left:240px; background:#000 url(images/contact_equipe.png) no-repeat; }
#content_bottom_equipe table { margin-top:10px; margin-left:50px; }
#content_bottom_equipe input { height:13px; line-height:13px; padding:2px 10px; width:140px; background: url(images/bg_input_short_contact.png) no-repeat; border:none; }
#content_bottom_equipe input#contentField { width:315px; background: url(images/bg_input_long_contact.png) no-repeat; border:none; }
#content_bottom_equipe input.button { height:41px; width:42px; padding:0; background:url(images/bouton_equipe_contact.png) no-repeat; }



/* Metiers */
#content_wrapper_metiers { width:800px; margin:0 auto; }
#top_menu_metiers { border-bottom:1px solid #d0d0d0; }
#top_menu_metiers .menu ul { list-style:none; margin:15px 0 0; padding:5px; float:right; }
#top_menu_metiers .menu ul li { display:inline; padding:0 10px; }
#top_menu_metiers .menu ul li a { text-decoration:none; color:#726c8e; font-style:italic; font-weight:bold; }
#top_menu_metiers .menu ul li a:hover { text-decoration:underline; }

#content_wrapper_metiers .bloc_content_left { float:left; width:160px; background:#ededed; }
#content_wrapper_metiers .bloc_content_left .menu { background:#ededed url(images/logo_AT_metiers.png) no-repeat bottom; padding-bottom:120px; }
#content_wrapper_metiers .bloc_content_left .menu ul { list-style:none; margin:0; padding:10px; }
#content_wrapper_metiers .bloc_content_left .menu ul li { border-bottom:1px solid #b3b2b7; height:50px; line-height:50px; }
#content_wrapper_metiers .bloc_content_left .menu ul li a { display:block; color:#353535; text-decoration:none; font-size:14px; font-style:italic; padding-left:15px; }
#content_wrapper_metiers .bloc_content_left .menu ul li.current_page_item { background:url(images/accolade_blanche.png) no-repeat right; padding-right:25px; }
#content_wrapper_metiers .bloc_content_left .menu ul li.current_page_item a,
#content_wrapper_metiers .bloc_content_left .menu ul li a:hover { font-weight:bold; }
#content_wrapper_metiers #content { float:left; margin:10px 0 0 20px; width:620px; }

#content_bottom_wrapper_metiers { border-top:8px solid #666699; background:url(images/bg_content_bottom.png) repeat; }
#content_bottom_metiers { width:500px; margin:0 auto; height:65px; padding-left:240px; background:#000 url(images/contact_metiers.png) no-repeat; }
#content_bottom_metiers table { margin-top:10px; margin-left:50px; }
#content_bottom_metiers input { /*height:13px; line-height:13px;*/ padding:2px 10px; width:140px; background: url(images/bg_input_short_contact.png) no-repeat; border:none; }
#content_bottom_metiers input#contentField { width:315px; background: url(images/bg_input_long_contact.png) no-repeat; border:none; }
#content_bottom_metiers input.button { height:41px; width:41px; padding:0; background:url(images/bouton_metiers_contact.png) no-repeat; }



/* Book */
#content_wrapper_book { width:810px; margin:0 auto; }
#bloc_video { width:760px; margin:8px auto; padding:5px; border:1px solid #ccc; text-align:center; }

#content_contact_book { width:480px; margin:0 auto; height:70px; padding-left:240px; background:#000 url(images/contact_book2.png) no-repeat; }
#content_contact_book table { /*margin-top:10px;*/ margin-left:50px; }
#content_contact_book label { color:#999; margin-left:10px; font-style:italic; font-size:14px; }
#content_contact_book input { /*height:13px; line-height:13px;*/ padding:2px 10px; width:140px; background: url(images/bg_input_short_contact.png) no-repeat; border:none; }
#content_contact_book input#contentField { width:317px; background: url(images/bg_input_long_contact.png) no-repeat; border:none; }
#content_contact_book input.button { height:41px; width:41px; padding:0; background:url(images/bouton_book_contact2.png) no-repeat; }



#content_bottom_wrapper_book { border-top:8px solid #59b5b5; background:url(images/bg_content_bottom.png) repeat; }
#content_bottom_wrapper_book #content_bottom_book { width:800px; margin:0 auto; background:#000; }
#carousel-wrapper { overflow:hidden; width:740px; float:left; height:170px; border-bottom:1px solid #333; }
#carousel-content { width:2000px; }
.carousel-control { float:left; width:20px; margin:20px 5px; cursor:pointer; line-height:130px; text-indent:-9999px; }
.carousel-control#prev { background:url(images/prev.png) no-repeat center; }
.carousel-control#next { background:url(images/next.png) no-repeat center; }
#carousel-content .slide { width:740px; height:170px; float:left; }

#content_video_book { width:800px; margin:0 auto; } 


/*
#content_video_book { margin:8px 0; }
#carousel-wrapper { overflow:hidden; width:750px; float:left; height:420px; z-index:999; }
#carousel-content { width:3000px; }
.carousel-control { float:left; width:30px; margin:20px 0; cursor:pointer; line-height:380px; text-indent:-9999px; }
.carousel-control#prev { background:url(images/prev2.png) no-repeat center; }
.carousel-control#next { background:url(images/next2.png) no-repeat center; }
#slider-link { margin:5px 10px; text-align:center; }
#slider-link a { padding:0 10px; }
#carousel-content .slide { width:750px; height:420px; float:left; }*/

#content_bottom_book .bloc_book_object { float:left; width:225px; margin:10px; }
#content_bottom_book .bloc_book_object span { text-decoration:none; float:right; color:#59b5b5; }



/* Contact */
#content_wrapper_contact { width:800px; margin:0 auto; }
#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_contact.png) no-repeat; border:none; }
#content_bottom_contact input#emailField,
#content_bottom_contact input#phoneField { width:140px; background: url(images/bg_input_short_contact.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 */

#commentform input { padding:2px 10px; width:140px; background: url(images/bg_input_short_contact_blanc.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:230px; }
#sidebar .sidebar_bloc { margin-bottom:10px; }
#sidebar .sidebar_bloc h3 { display:block; background:url(images/bg_sidebar_tittle.png) repeat; color:#fff; font-style:italic; padding:10px; margin-bottom:5px;  }

#search_bloc #searchform input#s { padding:2px 10px; width:140px; background: url(images/bg_input_short_contact_blanc.png) no-repeat; border:none; }
#search_bloc #searchform input#searchsubmit { cursor:pointer; border:1px solid #666; background:#99cc00; color:#fff; width:auto; }

#last_post_bloc h4 { background:url(images/picto_last_post.png) no-repeat; padding-left:15px; margin:3px 0; }
#last_post_bloc h4 a { text-decoration:none; color:#ccc; font-weight:normal; }
#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 div { height:30px; line-height:30px; padding-left:40px; margin:5px; }
#social_bloc #facebook_link { background:url(images/picto_facebook.png) no-repeat; }
#social_bloc #twitter_link { background:url(images/picto_twitter.png) no-repeat; }
#social_bloc #youtube_link { height:40px; line-height:40px; background:url(images/picto_youtube.png) no-repeat; }



/* Footer */
#footer { width:800px; margin:0 auto 5px; border-bottom:1px solid #ccc; }
#footer p { /*background:url(images/logo_at_footer.png) no-repeat; padding-left:35px;*/ font-family:Arial; text-align:center; width:620px; margin:5px auto; }
