/*
Theme Name: Check It
Theme URI: http://agencecheckit.com
Description: Agence Check It 2011
Author: Agence Check It
*/

/* Typos */

@font-face {
    font-family: 'KreonRegular';
    src: url('kreon-regular-webfont.eot');
    src: url('kreon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('kreon-regular-webfont.woff') format('woff'),
         url('kreon-regular-webfont.ttf') format('truetype'),
         url('kreon-regular-webfont.svg#KreonRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Global */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {background:#F2F2F2;color:#333;font-family: Georgia, "Times New Roman", Times, serif;font-size:17px;line-height:1.2;}
h1, h2, h3, h4, h5, h6 {clear: both;color:#29ABE2;font-family: 'KreonRegular', arial, serif;font-weight:normal;line-height:1.2;}
h2 {font-size:45px;}
h3 {font-size:21px;font-family: Georgia, "Times New Roman", Times, serif;color:#4D4D4D;text-shadow:1px 0 0 #FFF;font-style:italic;line-height:1.2;}
h4 {font-size:19px;font-family: Georgia, "Times New Roman", Times, serif;color:#4D4D4D;font-style:italic;margin-top:20px;line-height: 1.2;}
p {line-height:20px;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {color:#29ABE2;text-decoration:underline;outline:0;}
a:hover {color:#333;}
a img {border:none;}
::selection {background:#AFC5D3;}
::-moz-selection {background:#AFC5D3;}

/* Structure */
#page {width:100%;}
#content {width:100%;}
#content p {text-align:left;}

/* Divers */
.clear {clear:both;}

/* Header */

#header {width:100%;background:#333;}
#header_content {width:960px;height:120px;margin:0 auto;}
#header_bandeau {width:100%;height:20px;background:url(images/header_bandeau.png) repeat-x;}

/* Logo */
#logo {float:left;margin:0;background:url(images/logo_check_it.png) no-repeat;height:67px;width:500px;margin-top:26px;}
#logo span.agence_check_it {display:none;}
#logo a {width:500px;height:67px;display:block;}

/* Navigation */
#navigation {float:right;margin-top:26px;}
#navigation li {float:left;margin-left:38px;}
#navigation li a {font-size:23px;text-decoration:none;color:#FFF;display:block;font-family: 'KreonRegular', arial, serif;line-height:1.2;}
#navigation li a:hover {color:#29abe2;}
#navigation li.current-menu-item a {color:#29ABE2;}

/* Content */
#content .bloc_intro {float:left;width:960px;margin-bottom:25px;}
#content .titre {float:left;width:560px;}
#content .description {float:left;width:380px;padding-right:20px;}
.bandeau_separation {height:30px;width:100%;float:left;background:url(images/bandeau_separation.png) repeat-x #F2F2F2;}

/* Footer */
#footer {width:100%;float:left;background:#333;color:#FFF;padding:20px 0;}
#footer_content {width:960px;margin:0 auto;}
#footer_actualites, #footer_tweets, #footer_social {width:300px;float:left;}
#footer_tweets li, #footer_actualites li {width:300px;}
#footer_actualites {margin:0 30px;}
#footer_actualites li a {color:#FFF;text-decoration:none;}
#footer a:hover {color:#29ABE2;}
#footer h2 {float:left;margin-bottom:15px;font-size:28px;font-weight:normal;}
#footer ul {float:left;}
#footer li {padding:10px 0;border-top:1px solid #4D4D4D;font-size:17px;}
#footer_social li {border:none;padding:0;}
#footer_social ul.bookmarks {float:left;width:300px;}
#footer_social ul.bookmarks li {float:left;margin-right:5px;}
#footer_social ul.bookmarks li.last {margin:0 0 20px 0;}
#footer_social ul.bookmarks li a:hover {opacity:0.5;}
#footer_social ul.contact {float:left;width:300px;}
#footer_social ul.contact li {padding:0 0 2px 0;color:#FFF;line-height:1.2;}
#liens_footer {width:100%;float:left;height:50px;background:#333;}
#liens_footer a:hover {color:#FFF;}
#liens_footer_bloc {width:960px;margin:0 auto;border-top:1px solid #4D4D4D;font-size:16px;} 
#footer_navigation {float:left;}
#footer_navigation ul li {float:left;margin-right:20px;line-height:50px;}
#copyright {float:right;}
#copyright p {text-align:right;margin:15px 0;color:#FFF;}

/** PAGE WEB **/

/* Qui Sommes Nous */
#agence {width:960px;margin:25px auto;}
#presentation_agence {width:500px;margin: 0 100px 25px 0;float:left;}
#visuel_agence {width:360px;height:200px;margin-bottom:25px;float:left;background:url(images/visuel_check_it.png) no-repeat;}
p.approche {margin-top:15px;}
ul#notre_approche {margin-top:10px;}
ul#notre_approche li {padding-left:27px;background:url(images/check.png) no-repeat left;margin-top:5px;}

/* Services */
#services {width:960px;margin:0 auto;}
#ronds_services {height:267px;float:left;}
#ronds_services li {width:267px;height:267px;display:inline;float:left;}
li.service_conception {margin-right:79px;margin-left:79px;background:url(images/services_conception.png) no-repeat;}
li.service_architecture {background:url(images/services_webmarketing.png) no-repeat;}
li.service_diffusion_plan_media_web {background:url(images/services_diffusion_plan_media_web.png) no-repeat;}
#ronds_services li span {display:none;}

/* Références */
#references {width:100%;float:left;}
#references_bloc {width:960px;margin:0 auto;}
#slideshow {width:960px;height:400px;margin:0;float:left;position:relative;overflow:hidden;}
.slide {float:left;width:960px;margin-bottom:20px;}
.slideshow_image {width:700px;height:400px;float:left;position:relative;}
.slideshow_details {width:180px;height:400px;padding:0 0 20px 20px;float:left;}
.slideshow_details h2 {margin-top:0;font-weight:normal;}
.slideshow_details h3 {color:#4D4D4D;margin-top:10px;}
.slideshow_details ul {margin-top:20px;}
.slideshow_details li {margin-bottom:10px;color:#4D4D4D;}
.bouton_suivant {display:block;width:120px;height:50px;line-height:50px;color:#FFF;font-style:italic;font-size:25px;text-align:center;position:absolute;cursor:pointer;bottom:0;right:120px;background:#4D4D4D;}
.bouton_suivant:hover {background-color:#29ABE2;}
#references .liste_references ul li {margin-right:75px;}
#references .liste_references ul li.last {margin-right:0;}
#references .liste_references ul {margin-bottom:0;}

/* Contactez nous */
#contactez_nous_bloc {width:100%;float:left;}
#contactez_nous {width:960px;margin:25px auto;text-align:center;clear:both;}
#contactez_nous h3 {font-size:32px;}

/** PAGE MOBILE **/

/* Service */

#services_mobiles, #services_ecommerce {width:960px;margin:25px auto 0 auto;}
#interfaces_mobiles {width:960px;float:left;}

#mobiles {width:495px;float:left;margin: 0 40px 0 25px;}
#fonctionnalites {width:390px;float:left;}
#interfaces_mobiles #fonctionnalites ul li {margin-top:19px;}
#interfaces_mobiles #fonctionnalites ul li.description_fonctionnalites {margin-top:16px;}

.liste_references {width:960px;float:left;margin:20px 0;}
.liste_references ul {width:940px;height:50px;margin:25px auto;padding:10px;border-top:1px dashed #4D4D4D;border-bottom:1px dashed #4D4D4D;}
.liste_references ul li {float:left;margin-right:45px;}
.liste_references ul li.last {margin-right:0;} 
.liste_references ul li p {margin:0;line-height:50px;}
.liste_references ul li img:hover {opacity:0.5;}

/* Solutions */

#solutions {width:100%;float:left;}
#solutions_bloc {width:960px;margin:0 auto 25px auto;}
#solutions_nav {float:left;width:960px;}
#solutions_nav ul.onglet li {float:left;margin-right:15px;background:#4D4D4D;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
#solutions_nav ul.onglet li a {float:left;font-size:20px;color:#29ABE2;text-decoration:none;display:block;width:150px;padding:10px 10px 10px 20px;}
#solutions_nav ul.onglet li a span.onglet_sous_titre {font-size:17px;margin-top:5px;float:left;color:#E2E2E2;font-style:italic;}
#solutions_nav ul.onglet li:hover {background:#E2E2E2;}
#solutions_nav ul.onglet li:hover a {color:#29ABE2;}
#solutions_nav ul.onglet li:hover a span.onglet_sous_titre {color:#4D4D4D;}
#solutions_nav ul.onglet li.courante {background:#E2E2E2;}
#solutions_nav ul.onglet a.courante {color:#29ABE2;}
#solutions_nav ul.onglet li a.courante span.onglet_sous_titre {color:#4D4D4D;}
#solutions_contenu {float:left;width:880px;padding:25px 25px 15px 25px;background:#E2E2E2;margin-bottom:25px;-moz-border-radius: 0 5px 5px 5px;-webkit-border-radius: 0 5px 5px 5px;border-radius: 0 5px 5px 5px;}
#solutions_contenu .bloc {width:400px;float:left;margin-right:25px;}
#solutions_contenu .bloc .last {margin-right:0;}
#solutions_contenu h3 {margin-bottom:20px;text-decoration:none;text-shadow:none;color:#29ABE2;}
#solutions_contenu .conclusion {margin-top:20px;width:825px;clear:both;float:left;}

/* Fonctionnalités */

#offre_mobile, #offre_ecommerce {width:100%;float:left;}
#offre_mobile_bloc, #offre_ecommerce_bloc {width:960px;margin:0 auto;}
#liste ul {width:295px;float:left;padding:0 14px;}
#liste ul.last {padding-right:0;}
#liste ul li {margin-bottom:15px;padding-left:27px;background:url(images/check.png) no-repeat left;}
#liste ul li.fonctionnalites_titre {background:none;}
#liste ul li h3 {margin:5px 0 15px 0;text-shadow:none;color:#29ABE2;}

/** Page E-COMMERCE **/

#e-commerce_block {width:960px;float:left;}
#e-commerce {width:500px;margin: 0 60px 25px 0;float:left;}
.ecommerce_focus {float:left;width:360px;}
.ecommerce_focus {text-align:left;margin:30px 0 0 0;}
.prestashop_focus {margin-bottom:30px;}
.ecommerce_focus img {margin:0 0 22px 0px;}
.ecommerce_focus_detail {float:left;}
.ecommerce_focus p {font-size:14px;text-align:left;line-height:18px;width:350px;margin-left:0px;}
#e-commerce ul li {margin-top:19px;}
#e-commerce ul li.description_fonctionnalites {margin-top:16px;}
#e-commerce ul li ul li {background: url("images/check.png") no-repeat scroll left center transparent;margin-top: 5px;padding-left: 27px;}
#references_e-commerce img {margin:15px 0 30px 0;}

/** Pages **/
#page_container {width:960px;margin:25px auto;}
#page_content {width:645px;float:left;margin-bottom:25px;font-size:15px;}
#page_content h1 {font-size:50px;font-size:35px;}
#page_content h2 {margin-top:25px;font-size:22px;}
#page_content h3 {margin-top: 15px; margin-bottom:15px;font-size:17px;}
#page_content ul li {background: url("images/check.png") no-repeat scroll left center transparent;margin-top: 5px;padding-left: 27px;}
#page_content #contactez_nous {width:645px;margin-bottom:0;}
#page_content #contactez_nous h3 {margin-bottom:0;font-size:22px;}

/** Page Contact **/

#page_contact {width:960px;margin:25px auto;}
#contact_informations {width:500px;float:left;margin: 0 60px 25px 0;}
#contact_informations ul li {margin-bottom:5px;}
#contact_informations ul li.first a {text-decoration:none;font-weight:bold;}
#contact_informations ul li span.type_contact {font-weight:bold;}
#contact_formulaire_bloc {width:400px;margin-bottom:25px;float:left;}

form#contact_formulaire {float:left;width:400px;}
fieldset#contact_formulaire_infos {float:left;width:150px;margin-right:20px;margin-bottom:20px;}
fieldset#contact_formulaire_message {float:left;width:230px;margin-bottom:20px;}
#contact_formulaire label {display:block;margin-top:10px;width:130px;font-weight:bold;font-size:15px;margin-bottom:5px;}
#contact_formulaire input, #contact_formulaire textarea {font-family:inherit;font-size:15px;background:#FFF;border:2px solid #CCC;padding:5px;display:block;}
#contact_formulaire input {width:130px;}
#contact_formulaire input[type="submit"] {display:block;float:right;width:100px;background:#29ABE2;border:none;font-style:italic;font-weight:bold;color:#FFF;padding:10px;cursor:pointer;}
#contact_formulaire input[type="submit"]:hover {background:#4D4D4D;}
#contact_formulaire textarea {width:216px;resize:none;}
#contact_formulaire #resultat_envoi {float:left;width:280px;margin-right:20px;font-style:italic;}

.asterisque, .echec {color:#E22929;}
.succes {color:#89e229;}

/** Page Devis **/
#page_devis {width:960px;margin:25px auto;}
#devis_informations {width:500px;float:left;margin: 0 60px 25px 0;font-size:15px;}
#devis_informations ul li {background: url("images/check.png") no-repeat scroll left center transparent;margin-top: 5px;padding-left: 27px;}
#devis_informations h1 {font-size:50px;font-weight:bold;font-size:35px;}
#devis_informations h2 {margin-top:25px;font-size:22px;}
#devis_informations h3 {margin-top: 15px; margin-bottom:15px;font-size:17px;}
#devis_formulaire_bloc {width:400px;margin-bottom:25px;float:left;}

form#devis_formulaire {float:left;width:400px;}
fieldset#devis_formulaire_infos {float:left;width:150px;margin-right:20px;margin-bottom:20px;}
fieldset#devis_formulaire_message {float:left;width:230px;margin-bottom:20px;}
fieldset#devis_formulaire_services p {float:left;}
fieldset#devis_formulaire_services label {font-weight:normal;float:left;width:350px;clear:none;display:inline;margin:0;cursor:pointer;}
fieldset#devis_formulaire_services label.services_souhaites {font-weight:bold;float:left;clear:both;display:block;width:400px;margin-top:10px;margin-bottom:5px;}
fieldset#devis_formulaire_services input[type="checkbox"] {border:none;float:left;}
#devis_formulaire label {display:block;margin-top:10px;width:400px;font-weight:bold;font-size:15px;margin-bottom:5px;}
#devis_formulaire input, #devis_formulaire textarea {font-family:inherit;font-size:15px;background:#FFF;border:2px solid #CCC;padding:5px;display:block;}
#devis_formulaire input {width:386px;}
#devis_formulaire input[type="submit"] {display:block;float:right;margin-top:10px;width:200px;background:#29ABE2;border:none;font-style:italic;font-weight:bold;color:#FFF;padding:10px;cursor:pointer;}
#devis_formulaire input[type="submit"]:hover {background:#4D4D4D;}
#devis_formulaire input[type="checkbox"] {float:left;margin-right:5px;width:20px;background:none;}
#devis_formulaire textarea {width:386px;resize:none;}
#devis_formulaire #resultat_envoi {float:left;width:100%;font-style:italic;font-weight:bold;margin-bottom:10px;}



/** DIVERS **/
#breadcrumb span {float:left;list-style:none;background:none;padding-left:0;padding-right:5px;font-size:14px;margin-top:0;margin-bottom:20px;}
#breadcrumb a {color:#333;}
#breadcrumb a:hover {color:#29ABE2;}

/** BLOG **/
#blog_container {width:960px;margin:25px auto;font-size:15px;}
#blog_content {width:645px;float:left;}
#blog_content h1 {font-size:34px;color:#333;font-weight:bold;margin-bottom:20px;}
#blog_content h2 {font-size:22px;margin:20px 0 0 0;}
#blog_content h2 a {text-decoration:none;}
#blog_content h3 {text-shadow:none;font-size:17px;font-style:normal;font-weight:bold;margin-top: 20px;}

/* Articles */

.first_post {padding-bottom:20px;border-bottom:1px solid #CCC; margin-bottom:40px;width:330px;float:left;}
.first_post h2 {margin-top:0;font-weight:bold;}

.autres_actualites {border-bottom:1px solid #CCC;;width:250px;float:left;margin-left:65px;}
.post {padding-bottom:25px;border-bottom:1px solid #CCC; margin-bottom:25px;width:645px;float:left;}
.post p {margin-top:10px;} 
.post-thumbnail {float:left;width:125px;margin-bottom:0;}
.post-resume {float:left;width:335px;display:inline;margin-left:25px;}
.post-share {float:left;width:135px;display:inline;margin-left:25px;}
.share-twitter, .share-fb {float:left;}
.share-fb {margin-left:5px;}
#blog_content .post-resume h2.entry-title {font-size:19px;margin-top:0;font-weight:bold;line-height:1.2;}

.entry-meta, .entry-utility {font-size:13px;font-style:italic;color:#888;}
.entry-meta a, span.comments-link a, span.cat-links a {text-decoration:none;}
.entry-meta a:hover, span.comments-link a:hover, span.cat-links a:hover {text-decoration:underline;}
.entry-content {margin-top:10px;}
.entry-utility {margin-top:10px;}
.entry-meta {margin-top:0px;float:left;margin-right:10px;}
a.lire_la_suite {margin-top:5px;float:left;}

span.cat-links {float:left;margin-right:5px;display:inline;}
span.cat-links a {text-transform:uppercase;color:#e22929;font-weight:bold;font-size:12px;}
span.comments-link {background:url(images/bubble.png) no-repeat left;line-height:10px;}
span.comments-link a {padding-left:15px;}

#blog_content .first_post .post-thumbnail {width:330px;margin-bottom:10px;}

#blog_content .autres_actualites {margin-bottom:10px;padding-bottom:10px;}
#blog_content .autres_actualites .post-thumbnail {margin-bottom:0;}
#blog_content .autres_actualites .post-resume {width:100px;clear:none;}
#blog_content .autres_actualites .post-resume h2 {font-size:15px;clear:none;}
#blog_content .autres_actualites span.comments-link {float:left;}

.lire_aussi {margin-left:0;margin-right:65px;}
h3.liste_lire_aussi {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #CCC;}

/* Images Articles */
img.alignleft{float:left;margin-right:15px;margin-bottom:15px;}
img.alignright{float:right;margin-left:15px;}
img.aligncenter {margin:20px auto;display:block;}

/* Vidéos Articles */
.entry-content object {margin:10px 0 20px 0;float:left;}
.entry-content iframe {margin:10px auto;display:block;}

/* Listes Articles */
#blog_content ul, #page_content ul {margin-top:20px;}
#blog_content ul li, #page_content ul li {margin-bottom:15px;padding-left:27px;background:url(images/check.png) no-repeat left;}

/* Commentaires */
#comments {margin-top:0;clear:both;float:left;width:645px;}
#comments {font-size:15px;}
#comments .navigation {padding: 0 0 18px 0;}
h3#comments-title, h3#reply-title {color: #333;font-size: 20px;font-weight: bold;margin-bottom: 0;margin-top:0;}
.commentlist {list-style: none;margin: 0;}
.commentlist li.comment {border-bottom: 1px solid #e7e7e7;line-height: 24px;margin: 24px 0 0 0;padding: 0 0 0 56px;position: relative;}
.commentlist li:last-child {border-bottom: none;margin-bottom: 0;}
#comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;}
#comments .comment-body p:last-child {margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 24px;}
.commentlist ol {list-style: decimal;}
.commentlist .avatar {position: absolute;top: 4px;left: 0;}
.comment-author cite {color: #000;font-style: normal;font-weight: bold;}
.comment-author .says {font-style: italic;}
.comment-meta {font-size: 12px;margin: 0 0 18px 0;}
.comment-meta a:link, .comment-meta a:visited {color: #888;text-decoration: none;}
.comment-meta a:active, .comment-meta a:hover {color: #ff4b33;}
.reply {font-size: 12px;padding: 0 0 24px 0;}
.reply a, a.comment-edit-link {color: #888;}
.reply a:hover, a.comment-edit-link:hover {color: #ff4b33;}
.commentlist .children {list-style: none;margin: 0;}
.commentlist .children li {border: none;margin: 0;}
.nopassword, .nocomments {display: none;}
#comments .pingback {margin-top: 9px;padding-top: 9px;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {color: #888;display: block;font-size: 12px;line-height: 18px;margin: 0;}
#comments .pingback .url {font-size: 13px;font-style: italic;}
#commentform input[type=submit] {margin-right:130px;}
#respond {margin: 0 0 18px 0;float:left;}
#respond p {margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}
.form-allowed-tags {line-height: 1em;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin: 18px 0;}
#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
#cancel-comment-reply-link {font-size: 12px;font-weight: normal;line-height: 18px;}
#respond .required {color: #ff4b33;font-weight: bold;}
#respond label {color: #888;}
#respond input, #respond textarea {display:block;}
#respond input {margin: 0 0 9px;width: 200px;}
#respond textarea {width: 500px;resize:none;}
#respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;}
#respond .form-allowed-tags code {font-size: 11px;}
#respond .form-submit {margin: 12px 0;}
#respond .form-submit input {font-size: 14px;width: auto;}

/* Liens Sociaux Articles */
.social-buttons {width:645px;margin:10px 0;height:25px;}
.social-buttons .share-facebook, .social-buttons .share-twitter {float:left;margin:0;}

/* Navigation Articles */
#nav-above, #nav-below {margin-bottom:25px;clear:both;float:left;width:300px;}
.nav-previous, .nav-next {width:300px;}

/* Sidebar */
#primary, #secondary {width:250px;float:left;margin-left:65px;font-size:14px;}
.widget-area {margin-bottom:25px;}
.widget-area h3.widget-title {text-shadow:none;font-size:17px;margin-top:20px;margin-bottom:5px;float:left;width:250px;}
ul.xoxo {width:250px;float:left;} 
ul.sidebar_bookmarks {width:250px;float:left;}
.sidebar_bookmarks li {margin-right:5px;float:left;}
.sidebar_bookmarks li.last {margin-right:0;}
.sidebar_bookmarks li a:hover {opacity:0.5;}
li#intro h3 {margin-top:0;font-size:20px;text-shadow:1px 0 0 #FFF;}
li#search {margin-top:20px;float:left;}