/*
Theme Name: AS2
Theme URI: http://www.annesamson.com/
Author: Ulrich Landry
Author URI: http://www.ulrichlandry.com/
Description: White Purple
Version: 2.0
*/

html, body { height: 100%; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration:none; } a img, a {outline:0; border:0; text-decoration:none; }
ul { margin:0; padding:0; }

h1.letters { text-transform: uppercase; font-weight: 600; color: white; font-size: 28px; background-color: #FF358B; display: inline-block; line-height: 76px; margin-bottom: 10px; margin-top: 0px; padding: 0px 10px; line-height: 1; font-family: inherit; }

/* Framework Styles */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textjustify { text-align: justify; }

/* Structure Styles */

#main {  }
.container { width: 940px; margin: 0 auto; padding-left: 10px; padding-right:10px; }

#main-header { display:inline;	float: left; position: relative; width:100%; }
#header {  }
#logo { display:inline; float: left; position: relative; width: 120px; }
#header.container .list_carousel { display:inline; float: left; position: relative; width: 250px; }
#header.container .list_carousel.caroufredsel_wrapper { width: 220px; }
#header.container .list_carousel ul#foo1 li { color: rgba( 80, 52, 109, 0.9); font-size:12px; text-transform: uppercase; margin-top: 10px; padding:5px; }
	
	#nav { display:inline; float: left; position: relative; margin-top: 12px; width: 550px; list-style-type: none; text-align: right; text-transform: uppercase; z-index: 100; }
    #nav li { display: inline;  }
    #nav li a{ color: rgba(0, 0, 0, 0.7); background:#fff; font-size:12px;padding: 5px; -webkit-transition: color .6s ease-in;
    -moz-transition: color .6s ease-in;
    -o-transition: color .6s ease-in;
    transition: color .6s ease-in;
    -webkit-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    transition: background .2s ease-in; }
    #nav li a:hover { color: #fff; background:#50346D; }
    #nav li.current_page_item a { color: #fff; background:#50346D; }
	
		.menu {  }
	#widgitHeader {  }

#main-content { display:inline;	float: left; position: relative; width:100%; }
#content { padding-top: 50px; padding-bottom: 50px; }
	.featuredThumbnail {  }
	.postContent {  }
		.pagination {  }
	.postMeta {  }
	.postNavigation {  }

#comments {  }
	li.comment {  }
		.odd {  }
		.even {  }
		.authorComment { }
		.commentText {  }
		.commentMeta {  }
			p.gravatar {  }
	#commentsForm {  }

/* Accueil */

.homeContent { margin-top:20px; margin-bottom:50px; }

.homeContent h1.letters { text-transform: uppercase; font-weight: 600; color: white; font-size: 28px; background-color: #FF358B; display: inline-block; line-height: 76px; margin-bottom: 10px; margin-top: 0px; padding: 0px 10px; line-height: 1; font-family: inherit; }
.homeContent h2.letters { text-transform: uppercase; font-weight: 600; color: white; font-size: 18px; background-color: #FF358B; display: inline-block; line-height: 76px; margin-bottom: 10px; margin-top: 0px; padding: 0px 10px; line-height: 1; font-family: inherit; }

#wrapper { display:inline;	float: left; position: relative; width:100%; padding-bottom: 20px; padding-top: 20px;background: transparent url(images/pattern5.png) repeat top left; }

span.newsIcon { width:120px; height:120px; display:block;float: left; background-image:url(images/p3s.png); background-repeat:no-repeat; left: -75px ; top:-95px; z-index:1;position: absolute;margin:5px 0px 5px 5px; }

#carousel {	width:960px; position:relative;	margin: 0 auto;}
#carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
#carousel li { font-size: 40px;	xcolor: #999; text-align: center; width: 220px;	height: 440px;	padding: 0;	margin: 10px 10px 20px 10px; display: block; float: left; background: #ffffff; position:relative; -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7); -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7); box-shadow:3px 5px 7px rgba(0,0,0,.7); }
#carousel li img { width:220px;	height:330px; }			
.clearfix { float: none; clear: both; }
#carousel .prev, #carousel .next { width:15px; height:21px; display:block; text-indent:-999em; background: transparent url(images/carousel_control.png) no-repeat 0 0; position:absolute; top:50%; }
#carousel .prev { background-position:0 0; left:-30px; }
#carousel .prev:hover { left:-31px; }			
#carousel .next { background-position: -18px 0; right:-20px; }
#carousel .next:hover { right:-21px; }				
#carousel .pager { margin:0 auto; text-align: center; }
#carousel .pager a { margin: 0 5px 0 0; text-decoration: none; display:inline-block; width:8px; height:8px; background: transparent url(images/carousel_control.png) no-repeat -2px -32px;	text-indent:-999em; }
#carousel .pager a.selected { text-decoration: underline; background: transparent url(images/carousel_control.png) no-repeat -12px -32px; }

.attClient { font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 11px; border-bottom: 0; color: #999999; text-align: left; width: 215px; xheight:22px; padding-left: 5px; text-transform: uppercase; }
p.attClient { padding:0; margin:0; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #999999; text-align: left; text-transform: uppercase; }			
.attTitle { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-bottom: 0; color: #666666; text-align: left; width: 215px; height:28px; padding-left: 5px; }				
.attDate { font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-bottom: 0; color: #999999; text-align: left; width: 215px; height:11px; padding-left: 5px; text-transform: uppercase; }

/* Agence */

.pageWrapper { background: transparent url(images/pattern5.png) repeat top left; }
.textContent {}

/* Références */

body.blog #main-content { background: transparent url(images/pattern5.png) repeat top left; padding-bottom: 50px;}
body.blog #main-content #content.container { width: 960px; margin: 0 auto; }
body.blog #main-content #content.container h1.letters { margin-left: 10px; margin-bottom: 10px;  }
body.blog #main-content #content.container #pageContent { margin-top: 10px;  }

.full_overlay {display:inline; float: left; position: relative; list-style-type: none; margin: 10px; width: 172px; height:172px; }
.full_overlay p { color:#FFFFFF; padding-top:20px; } 
.full_overlay .content .padd { padding:30px 10px 10px 10px;}

	.full_overlay .content {
		position: absolute;
		left: 0px;
		/* Set the width and the height according to the size of your pictures */
		width: 172px;
		height:172px;
		/* Set a 0 opacity to hide the content */
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* Semi-transparent background for modern browsers, black for older browsers */
		background:#000000;
		background: rgba(0,0,0,0.8);
		/* CSS3 transitions, creates the fading effect */
		-webkit-transition: opacity 0.4s ease-in-out;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
	}
	
.content h1 { color:#ffffff; font-size: 12px; }
.content p { color:#ffffff; font-size: 10px; }

.full_overlay:hover .content {
		/* Setting a 100% opacity on mouse hover to show the content */
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-box-shadow:3px 5px 7px rgba(0,0,0,.7); -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7); box-shadow:3px 5px 7px rgba(0,0,0,.7);
	}

/* Contacts */

#pageContent p { color: #999; font-size: 12px; }
.columns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
padding-top:20px;
}
.columns p { margin-top:0; }

.page {  }
.post {  }

.search {  }

.author {  }
#recentAuthorPosts {  }
#recentAuthorComments {  }

#sidebar {  }
	#widgitSidebar {  }
		#sidebarSearch {  }
		#sidebarNav {  }
		#sidebarArchives {  }
		#sidebarMeta {  }

#main-footer { display:inline;	float: left; position: relative; width:100%; }
#main-footer { display:inline;	float: left; position: relative; width:100%; padding-top:20px; padding-bottom:20px; z-index:1; background: #ffffff; }
#footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; } #footer a { color:#FF358B; }

.subnav { display:inline; float: left; position: relative; width: 840px; }
#main-footer #footer.container .subnav p { color:#50346D;}
#main-footer #footer.container .subnav p a { color:#50346D; -webkit-transition: color .6s ease-in; -moz-transition: color .6s ease-in; -o-transition: color .6s ease-in; transition: color .6s ease-in; }
#main-footer #footer.container .subnav p a:hover { color:#FF358B;}

.social { display:inline; float: left; position: relative; width: 100px; }
.social ul{ }
.social ul li { display:inline; list-style:none; }
.social ul li a { width:43px; height:43px; display:block;float: left; background-image:url(images/social_buttion.png); background-repeat:no-repeat; margin:5px 0px 5px 5px; }
.social ul li a.fb{ background-position:left top;}
.social ul li a.twt{background-position: -50px top;}
.social ul li a.in{background-position: -100px top;}
.social ul li a.fb:hover{ background-position:left bottom; }
.social ul li a.twt:hover{background-position: -50px bottom; }
.social ul li a.in:hover{background-position: -100px bottom; }
#footer {  }
	#widgitFooter {  }
	
.noResults {  }

.widgit {  }