/* =grid */
.container_12:after{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }

/* =globals */
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: Georgia,"Times New Roman",Times,serif; }
a { text-decoration: none; color: #2A8CD8; }
a:hover { color: #333; }
acronym { border-bottom: 1px dotted #8b994c; color: #8b994c;}
blockquote  { margin: 1.5em; color: #666; font-style: italic; }

/* =text */
#home, #services p, #portfolio p, #contact_form_rules p, #sidebar_intro, #privacy p, #privacy ul { color: #777; font-size: 0.9em;}

/* =titles */
h2 { color: #053d5a; }
h3 {  color: #8b994c; margin-bottom: 0;}
#services h3 { margin-bottom: 0;}

/* =tools */
.left { margin: 0 20px 10px 0; float:left; }
.right { margin: 0 0 10px 20px; float:right; }

/* =border-radius */
#navigation_primary ul li a, #top_of_page a, #blurb_button a, .sidebar_button, #portfolio a, #contact_form, #home, #contact_submit, #info_extra_phone, .testimonial em, #navigation_info, #info_text_block, #info_resume, #info_resume_button a { -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* =body */
body { background-color: #fff;}

/* =navigation_access */
#navigation_access { display: none; }

/* =header */
#header { height: 65px; padding-top: 40px; padding-bottom: 13px; background-image: url(/img/design/header_bkg.jpg); background-position: top center; background-repeat: repeat; }
#header img { float: left; }

/* =navigation_primary */
#navigation_primary { }
#navigation_primary ul { list-style: none; margin: 0; margin-top: 20px;float: right;}
#navigation_primary ul li { float: left; margin-left:0;  }
#navigation_primary ul li a { padding: 5px 15px; margin-left: 20px; font-size: 1.1em; font-weight:normal; display:block; text-decoration: none;  color: #fff; background-color: #053d5a;}
#navigation_primary ul li a:hover, #navigation_primary ul li strong a { background-color: #fff; color: #053d5a;}

/* =banner */
#banner { margin-bottom: 30px; }
#banner h2 { margin: 0; }
#banner .grid_12 { padding: 15px 0 10px 0;
background-image: url(/img/design/dot.gif); background-position: bottom left; background-repeat: repeat-x; 

}
#banner img { margin: 10px 0; }

#blurb_title { font-family: Georgia,"Times New Roman",Times,serif; font-size: 2.9em; color: #171819; padding-top: 50px; margin-bottom: 10px; line-height: 1.3em; }
#blurb_description { font-size: 1.2em; color: #777;  }
#blurb_button a { background-color: #053d5a; font-size: 1em; color: #fff; padding: 3px 10px; display: block; width: 100px; text-align: center; margin: 0;}
#blurb_button a:hover { background-color: #171819; color: #C3D66C; }

/* =testimonial */
.testimonial { padding-bottom: 20px; margin-bottom: 20px;  background-image: url(/img/design/testimonial.gif); background-position: bottom left; background-repeat: no-repeat;}
.testimonial em { background-color: #053d5a; display: block; padding: 25px; color: #fff;}


/* =info */
#navigation_info { background-color: #c3d66c; padding: 15px 10px 10px 10px; color: #6c7d1f; text-align: center; float: right; width: 440px; line-height: 1.6em; }
#navigation_info h2 { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color: #053d5a; margin: 0; }
#navigation_info h2 strong { color: #fff; font-weight: normal;  }
#navigation_info p { margin: 0; font-size: 0.85em;   }

#info_text { background-image: url(/img/design/info_solutions_bkg.gif); background-position: center right; background-repeat: no-repeat; }
#info_text_block { background-color: #053d5a; padding: 20px 20px; width: 340px; background-image: url(/img/design/info_icon.gif); background-position: top left; background-repeat: no-repeat; }
#info_text_block h3 { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color: #fff; line-height: 1.1em; margin-bottom: 10px; margin-left: 60px;}
#info_text_block p { margin: 0; color: #9cddfe; font-size: 0.9em; }
#info_text_block p strong { color: #fff;  }

#info_solutions { height: 100%; line-height: 1.4em; }
#info_solutions h3 { display: none; }
#info_solutions h4 { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color: #8b994c; margin: 0; }
#info_solutions p { font-size: 0.85em; color: #777; }

#info_solutions ul {  list-style: none; margin: 0; }
#info_solutions ul li {margin: 0; padding: 0 0 0 45px;}
#info_solutions ul li a {}
#info_solutions_1 { background-image: url(/img/design/info_solutions_1.gif); }
#info_solutions_2 { background-image: url(/img/design/info_solutions_2.gif); }
#info_solutions_3 { background-image: url(/img/design/info_solutions_3.gif); }
#info_solutions_1, #info_solutions_2, #info_solutions_3 { background-position: top left; background-repeat: no-repeat; height: 100%;}

#info_resume2 { color: #777; margin-top: 10px;}
#info_resume2 p { font-size: 0.9em; line-height: 1.8em; }
#info_resume2 p a:hover {  }
#info_resume2 img { margin-top: 70px; }

#info_resume_button { padding-top: 10px; }
#info_resume_button a { padding: 7px 15px; background-color: #c3d66c; font-size: 1.6em; color: #fff;  }
#info_resume_button a:hover { background-color: #053d5a; color: #fff;  }

#blurb_info_title{ font-family: Georgia,"Times New Roman",Times,serif; font-size: 4.2em; color: #171819; padding-top: 130px; margin-bottom: 10px;}
#blurb_info_description { font-size: 1.5em; color: #777; line-height: 1.2em; padding-top: 10px;  }
#blurb_info_img { padding-top: 10px; }

/* =page */
#page { background-color: #fff; padding: 0 0 0px 0; background-image: url(/img/design/page_bkg.jpg); background-position: top left; background-repeat: repeat-x; }

/* =contact_sidebar */
#contact_sidebar { padding-bottom: 250px; background-image: url(/img/design/contact_bkg.jpg); background-position: bottom right; background-repeat: no-repeat; }
#sidebar { }
#sidebar h3 {  font-size: 0.9em; margin: 0; font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;  font-weight: bold; }
.sidebar_button { background-color: #053d5a; color: #fff; padding: 7px 15px; display: block; text-align: center; font-weight: normal; font-size: 1.1em; }
.sidebar_button:hover { color: #C3D66C; }
#sidebar_intro {  font-size: 1.1em; }

/* =home */
.home_lists { list-style-image: url(/img/design/icon_list.gif); }

/* =services */
.services_items {  padding-left: 100px; padding-bottom: 20px; background-position: top left; background-repeat: no-repeat; height: 150px; padding-right:40px; }
#service_domaine {  background-image: url(/img/design/icon_domaine.gif);  }
#service_identity { background-image: url(/img/design/icon_identity.gif);}
#service_tools { background-image: url(/img/design/icon_tools.gif);}
#service_seo { background-image: url(/img/design/icon_seo.gif);}
#service_techniques { background-image: url(/img/design/icon_techniques.gif);}
#service_communication { background-image: url(/img/design/icon_communication.gif);}

/* =portfolio */
#portfolio .container_12 { margin-bottom: 40px }
#portfolio img { border: 5px solid #ccc;  margin-bottom: 0px; }
#portfolio img:hover { border: 5px solid #C3D66C; }
#portfolio h3 { margin: 0; }
.portfolio_url { padding-bottom: 10px; margin-bottom: 10px;  float: left; width: 100%; background-image: url(/img/design/dot.gif); background-position: bottom left; background-repeat: repeat-x;  }
.portfolio_url a { font-size: 0.9em; }
.portfolio_description { }
#portfolio strong { }

/* =footer */
#footer { padding: 20px 0; font-size: .85em; color: #999;}
#footer .grid_12 { background-image: url(/img/design/dot.gif); background-position: top left; background-repeat: repeat-x;
padding-top: 20px; }
#footer img { float: left; margin-right: 10px;}
#footer a { color: #171819; font-weight: normal;}
#footer_copyright { padding-top: 3px; display: block; float: left; }

/* =top_of_page */
#top_of_page { text-align: right; float:right; }
#top_of_page a { background-color: #999; color: #fff; padding: 4px 10px; font-weight: normal; }
#top_of_page a:hover { background-color: #171819; color: #fff; }

/* =forms */
label { font-size: 1.1em;  color: #8b994c;}
.label_error { color: red }
.captcha { display: none; }
form p { margin-bottom: 0; padding-bottom: 0;}
input, textarea { margin-bottom: 15px; padding: 3px;}

input, textarea { border: 3px solid #ccc; color: #666; }
.submit { background-color: #8b994c; padding: 3px 20px; margin: 0; font-size: 1.4em; color: #fff; border: 0;}
.submit:hover { background-color: #053d5a;}

#contact_form { color: #8b994c; margin-bottom: 20px; }
.form_input { width: 305px; }
.form_textarea { width: 605px; }

/* =privacy */
#privacy ul li { margin-left: 20px; }


