/*
Theme Name: Alias
Theme URI: http://www.niums.com/
Description: A responsive theme with custom menu and background. Alias supports 3 widgetized areas in the footer and featured images (thumbnails for gallery posts and custom header images for posts and pages). 
includes stylesheets for print and the admin Visual Editor,
Author: Niums
Version: 2.0
Tags: black, blue, white, custom-header, custom-background, threaded-comments, microformats, rtl-language-support, editor-style
*/
	
/* 
le css est très "inspiré" de mixfolio : http://demo.graphpaperpress.com/mixfolio/
*/


/* Alignment 
-------------------------------------------------------------- */
.alignleft {	display:inline;	float:left;}
.alignright {	display:inline;	float:right;}
.aligncenter {	clear:both;	display:block;	margin-left:auto;	margin-right:auto;}

figure {	background-color:#eee;	margin-bottom:1.5em;}
figure img {	display:block;	margin-bottom:0;}
figcaption {	font-size:.75em;}

a {	text-decoration:none;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-moz-transition: all 400ms ease;	
	-webkit-transition: all 400ms ease;
	transition:         all 400ms ease;
}
a:visited {	opacity:0.8;}
a:hover {	text-decoration:underline;}
a:active,a:focus {}

q,i,em,cite,.fancy {	font-style:italic;	font-weight:inherit;}
.fancy {	font-family:Georgia, Cambria, "Times New Roman", Times, serif;}
b,strong {	font-weight:bold;	font-style:inherit;}

mark {	background:#ffc;}
s,del {	text-decoration:line-through;}

.entry-meta {	color:#999;	letter-spacing:1px;	text-transform:uppercase;}
.entry-meta a {	color:#999;}

small,.entry-meta,.wp-caption .wp-caption-text,.gallery-caption {	font-size:.8em;}


pre {	font-family: "Courier 10 Pitch", Courier, monospace;}
code {	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
pre,code {	font-size:1em;}
pre {	overflow:auto;	margin-bottom:1.5em;	line-height:24px;/* Having to define explicit pixel values :( */}
code {	line-height:1;}

.archive .page-title,.search .page-title {	color:#777;	font-size:16px;	margin:0 0 24px;	font-weight:300;	letter-spacing:1px;	text-transform:uppercase;}
.archive .page-title span {	color:#222;	display:block;	font-size:48px;	font-style:normal;	font-weight:bold;	text-transform:capitalize;}
.archive .post  { display: block;}
.archive .post h3 { display: inline;}

hr {	background:#e7e7e7;	color:#e7e7e7;	clear:both;	float:none;	width:100%;	height:1px;	margin:0 0 1.42em;	border:none;}
hr.space {	background:#fff;	color:#fff;	visibility:hidden;}
.clear { clear: both; float: none !important;}
	
/* =Structure
-------------------------------------------------------------- */
#page {	display:block;	margin-top:100px;}
#main {background:#FFF; overflow: hidden; max-width: 980px;  box-shadow: 1px 1px 12px #555; }

#container {float:left;	margin-right:2.5%;	width:65%;}
#container.full-width {	float:none;	margin-right:0;	width:100%;}
#principal {	float:left;	margin-right:2.5%;	width:65%;}
#principal.full-width {	float:none;	margin-right:0;	width:100%;}
#secondaire {	float:right;	margin-left:2.5%;	overflow:hidden;	width:30.4%;}

.trois-colonne {float:left;	margin-right:2.5%;	overflow:hidden;	width:30%;}

.respire { padding: 10px;}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,.image-attachment #content,.error404 #content {	margin:0;}

#footer {	clear:both;	display:block;	max-width: 980px; }

/* Text meant only for screen readers */
.screen-reader-text,.assistive-text {position:absolute!important;clip:rect(1px1px1px1px);	
/* IE6, IE7 */
	clip:rect(1px,1px,1px,1px);}



/* =Header
-------------------------------------------------------------- */

#header {	padding:0;	margin:0; background-color: #eee;  height: 60px; border: 1px #FFF solid;
		background-image: -moz-linear-gradient(center bottom, #bbb 10%, #eee 60%);  
    	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #bbb), color-stop(0.6, #eee));  
    	-moz-box-shadow: 0 0 65px #bbb inset, 0 0 20px #eee inset;  
    	-webkit-box-shadow: 0 0 65px #bbb inset, 0 0 20px #eee inset;  
   		 box-shadow: 0 0 65px #bbb inset, 0 0 20px #eee inset;  
}  

/* 
	:: branding
*/

#branding { width: 21.7%; height: 60px; float: left; display: block; }
#site-title {	font-size: 32px;	padding: 8px 0 8px 20px ;	}
#site-title a {	color: #333;	text-shadow:0 1px 0 #EEEEEE;	font-weight: normal;	text-decoration: none;}
#site-description {	padding: 0px 0 0 20px ;		text-shadow:0 1px 0 #EEEEEE;}
#site-description p { margin: 0; padding: 0;}

/* 
	::Menu
*/

#access {	display: block; float: left; width: 73.9%;	}

#access .menu-header,div.menu {	font-size: 14px;	color:#333;	color:rgba(0, 0, 0, .8);	text-shadow:0 1px 0 rgba(255, 255, 255, .6);	margin-left: 12px;	font-weight: normal;}
#access .menu-header ul,div.menu ul {	list-style: none;	margin: 0;}
#access .menu-header li,div.menu li {	float: left;	position: relative;	margin-top:15px;}
#access a {	color: #333;	display: block;	line-height: 28px;	padding: 0 10px 10px 10px;	text-decoration: none;	text-transform: uppercase;}
#access ul ul { display: none; position: absolute;	top: 30px;	left: 0;	float: left;	width: 180px;	z-index: 99999;
			box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			}
#access ul ul li {	min-width: 180px; padding: 0; margin: 0; border-bottom: 1px solid #000;}
#access ul ul ul {	left: 100%;	top: 0;}
#access ul ul a {	background: #333;	line-height: 1em;	padding: 10px;	width: 160px;	height: auto; color: #FFF; text-shadow:0 0 0 rgba(255, 255, 255, .6);}
#access li:hover > a,
#access ul ul :hover > a {	color: #606F8E; 	text-shadow:0 0 0 rgba(255, 255, 255, .6); }
#access ul ul :hover > a {	background-color: #ededed;}
#access ul li:hover > ul {	display: block;}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {	color:#999;}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {	color: #606F8E;}

#access ul li.current_page_item > a:hover,
#access ul li.current-menu-ancestor > a:hover,
#access ul li.current-menu-item > a:hover,
#access ul li.current-menu-parent > a:hover {	color:#333;}



/* The main theme structure */

#footer,#main,#wrapper {	margin: 0 auto;	/*width: 980px;*/}
#wrapper {	background: transparent;	padding: 20px 0 ;}


/*
	:: accueuil
*/

#accueil-1{ background: url('images/accueil-1.jpg') no-repeat 0 0; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD; }

#accueil-1 .seven h2 a { color: #606F8E; }
#accueil-1 .seven h2 a:hover { color: #CC0000; text-decoration: none; }

#accueil-1 .subheader { color: #000 !important;}
#accueil-1 h5 { text-align: justify;}
#accueil-1 .social { margin-left: 10px;}
#accueil-1 .social img { padding-right: 5px;}

#accueil-1  .five a { background-color: #606F8E; }
#accueil-1  .five a:hover { background-color: #cc0000; }


#accueil-2{ position: relative; }

#accueil-2 .grid {min-height: 180px; position: relative; }

/* =Content
-------------------------------------------------------------- */

.post {	margin:0 auto 2em; }
.entry-content {margin-bottom:2em; padding: 10px;}
.sticky {}
.hide {	display:none;}
.entry-header .entry-title {	font-weight:normal;	margin-bottom:36px;}
.entry-meta {	clear:both;	display:block;}
.entry-header .entry-meta {	margin:0 0 2.5em;}
.single-author .entry-meta .byline {	display:none;}
.single-attachment #respond {	padding-bottom: 35px;	text-align: left;	text-shadow: 0 1px 0 #FFFFFF;}

.champsPersonnalise { padding: 5px;
	background-color: #ededed;   
	color: #333;
   	border-bottom: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 15px;  
}
.champsPersonnalise p {  margin-bottom: 9px;}


#content {}
#content nav {	display:block;	overflow:hidden;	clear:both;}
#content nav .nav-previous {	float:left;	width:50%;}
#content nav .nav-next {	float:right;	text-align:right;	width:50%;}
#content #nav-above {	display:none;}

.fleche-retour, .fleche-droite, .fleche-gauche{ float: right;margin:  4px 10px; width:32px; height: 32px;}
.fleche-retour{ background: url('images/fleche-retour.gif') no-repeat 0 0; }
.fleche-droite{ background: url('images/fleche-droite.gif') no-repeat 0 0;}
.fleche-gauche{ background: url('images/fleche-gauche.gif') no-repeat 0 0;}


.paged #content #nav-above,.single #content #nav-above {display:block;}
#nav-below {margin:1em 0 2em;}
.page-link {clear:both;	margin:0 0 1em;}
.page .edit-link {	clear:both;	display:block;}
.subpage {	clear:both;	display:block;}
.subpage li {	display:inline;	margin:0 20px;}
.subpage li:first-child {	margin-left:0;}

#nav-below {	display:block;	overflow:hidden;	clear:both;}
#nav-below .nav-previous {	float:right;	text-align:right; width:50%;}
#nav-below .nav-next {	float:left;		width:50%;}
#nav-below #nav-above {	display:none;}

.navigation { margin: 10px auto;  padding: 10px 10px 30px 10px;}

.navigation-pagenavi { margin: 10px auto;  padding: 10px 10px 30px 10px; width: 90%;}


/* =portfolio
-------------------------------------------------------------- */


/*layout controls */

#layout-controls{  
    margin-bottom: 15px;  
}  
#layout-controls span{  
    width: 20px;  
    height: 26px;  
    display: block;  
    background-image: url('images/layout-icons.png'); 
    -moz-transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
    text-indent: -99999px; 
} 
#layout-controls a{ 
    width: 20px; 
    height: 26px; 
    display: block; 
    float: left; 
    background-image: url('images/layout-icons.png');  
    margin-right: 10px;  
    display: inline;  
}  
#layout-controls a.grid span{  
    background-position: left 0;  
}  
#layout-controls a.grid{  
    background-position: left -26px;  
}  
#layout-controls a.list span{  
    background-position: right 0;  
}  
#layout-controls a.list{  
    background-position: right -26px;  
}  
#layout-controls a:hover span{  
    opacity: 0; /* other browsers */  
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* this works in IE6, IE7, and IE8 */  
} 


/*list*/

    /*-------------General Folio Styles Starts Here---------------*/  
    ul#folio li a{  
        -moz-transition: all 0.3s ease-in-out;  
        -webkit-transition: all 0.3s ease-in-out;  
        -o-transition: all 0.3s ease-in-out;  
        transition: all 0.3s ease-in-out;  
    }  
    ul#folio li{  
        /* Fallback for web browsers that doesn't support RGBa */  
        background: rgb(220, 220, 220);  
        /* RGBa with 0.3 opacity */  
        background: rgba(220, 220, 220, 0.1);  
        padding: 10px;  
        border: 1px #fff solid;  
        margin-bottom: 22px;  
        -moz-transition: all 0.3s ease-in-out;  
        -webkit-transition: all 0.3s ease-in-out;  
        -o-transition: all 0.3s ease-in-out;  
        transition: all 0.3s ease-in-out;  
    }  
    ul#folio li:hover{  
        /* Fallback for web browsers that doesn't support RGBa */  
        background: rgb(220, 220, 220);  
        /* RGBa with 0.3 opacity */  
        background: rgba(220, 220, 220, 0.5);  
    }  
    ul#folio li .image{  
        text-align: center;  
    }  
    ul#folio li .image span{  
        width: 260px;  
        height: 130px;  
        display: block;  
        overflow: hidden;  
        background-color: #fff;  
        margin-bottom: 10px;  
    }  
    ul#folio li .image span a{  
        width: 260px;  
        height: 130px;  
        display: block;  
    }  
    ul#folio li .image a{  
        font-weight: bold;  
    }  

/*Also make note that we are not using the general opacity method of achieving transparency using CSS3. Using the opacity method also affects the children of the parent container on which the opacity is applied. Instead, we are using the RGBa method of adding background colors to the container, and using the alpha value to control the transparency of the container. */

/*------------------Grid Layout Starts Here-------------------*/  
	ul#folio.grid li{  
	    width: 260px;  
	    height: 130px;  
	    float: left;  
	    margin-right: 19px;  
	    display: inline;  
	}  
	ul#folio.grid li .content{  
	    display: none;  
	}  
	ul#folio.grid li .image span a{  
	    width: 260px;  
	    height: 130px;  
	    display: block;  
	}  
	ul#folio.grid li.rightmost{  
	    margin-right: 0;  
	} 
	ul#folio.grid li .link{  
	    display:inline;  
	} 

/*------------------List Layout Starts Here-------------------*/  
	
	ul#folio.list li{  
	    display: block;  
	    overflow: hidden;
	}  
	ul#folio.list li .image,ul#folio li.details .image{  
	    width: 260px;  
	    height: 130px;  
	    float:left;  
	}  
	ul#folio.list li .content{  
	    float: left;  
	    padding: 0 10px 0 40px;  
	    width: 598px;  
	}  
	ul#folio.list li .content h2,ul#folio li.details .content h2{  
	    font-size: 24px;  
	    margin-bottom: 6px;  
	}  
	ul#folio.list li .content span.tags,ul#folio li.details .content span.tags{  
	    color: #333;  
	    font-size: 11px;  
	    font-style: italic;  
	    margin-bottom: 10px;  
	    display: block;  
	} 
	ul#folio.list li .link{  
	    display: none;  
	} 












/* Structure the footer area 
-------------------------------------------------------------- */
#footer-widget-area {	overflow: hidden;}
#footer-widget-area .widget-area {	float: left;	/*margin-right: 20px;*/	/*width: 220px;*/}
#footer-widget-area #fourth {	margin-right: 0;}

#sidebar-footer{ color: #FFF; margin: 0 auto; max-width: 980px;}
#sidebar-footer h2 { font-size: 1.35em; padding: 10px 0 5px 0; border-bottom: 1px solid #FFF; color: #FFF; }
#sidebar-footer a {color: #FFF;}

#site-info {	float: left;	font-size: 14px;	font-weight: bold;	/*width: 700px;*/}
#site-generator {	float: right;	width: 220px;}

/* 404 page 
-------------------------------------------------------------- */
.error404 .widget {	float:left;	width:33%;}
.error404 .widget .widgettitle,.error404 .widget ul {	margin-right:1em;}
.error404 .widget_tag_cloud {	clear:both;	float:none;	width:100%;}

/* contact 
-------------------------------------------------------------- */


#contactNiums { color:#FFF; margin:30px  0 30px 35px; padding: 30px  0;	 width:250px; background:url("images/transpBlack.png"); border: 1px solid #000; overflow: hidden;}

#contactNiums h3 {font-size: 18px !important; margin:4px 0 30px 20px;}

#contactNiums a {color: #FFF; }

.picContact {margin: 4px 0 4px 30px; padding: 2px 0 10px 45px;	background: url('images/icon-author.png') no-repeat 0 0;	border: 0;		}	

.picTelephone {margin: 4px 0 4px 30px; padding: 2px 0 10px 45px;	background: url('images/contact.png') no-repeat 0 0;	border: 0;		}	

.picViadeo {margin: 4px 0 4px 30px; padding: 2px 0 10px 45px;	background: url('images/viadeo_logo.png') no-repeat 0 0;	border: 0;		}	

.picFacebook {margin: 4px 0 4px 30px; padding: 2px 0 10px 45px;	background: url('images/facebook_logo.png') no-repeat 0 0;	border: 0;		}	

.picLinkdein {margin: 4px 0 4px 30px; padding: 2px 0 10px 45px;	background: url('images/linkedin_logo.png') no-repeat 0 0;	border: 0;		}	


/* others stuffs needed 
-------------------------------------------------------------- */
#bloc{padding: 10px;width: 600px;height: 200px;position: absolute;z-index: 202;bottom: 70px;left:0;background: url("images/transpBlack.png");color: #FFF;border:none;border-right: 1px solid #FFF;}
	

/* Overlay */
#contact-overlay {background-color:#333; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content {background-color:#606f8e; color:#ddd; height:40px;}
#contact-container h1 {color:#333; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(images/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#606f8e; height:13px; margin:0; padding:0;}
#contact-container .contact-bottom {background-color:#606f8e; font-size:12px; height:13px; line-height:12px; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#333;}
#contact-container .contact-button {background:#FFF; border:0; color:#0C1323; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#contact-container .contact-button:hover {background:#333; color: #FFF;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}
 




/* =Gallery listing
-------------------------------------------------------------- */

.thumb { 
	width: 300px;
	height: 150px;
	overflow: hidden;
	background: #FFF;
	padding: 2px;
	border:1px #EDEDED solid;
}

.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}







	


	
/* Notices */
.post .notice {
	background:#eee;
	display:block;
	padding:1em;
}


	
/* Image Attachments */
#image-navigation {
	margin-bottom:1em;
}

.previous-image {
	float:left;
}

.next-image {
	float:right;
}

.image-attachment div.entry-meta {
	float:left;
}

.image-attachment nav {
	float:right;
	margin:0 0 1em;
}

.image-attachment .entry-content {
	clear:both;
}

.image-attachment .entry-content .entry-attachment {
	background:#eee;
	margin:0 0 1em;
	padding:1em;
	text-align:center;
}

.image-attachment .entry-content .attachment {
	display:block;
	margin:0 auto;
	text-align:center;
}

.attachment {
	text-align:center;
}


	
/* Aside Posts */
.format-aside .entry-header {
	display:none;
}

.single .format-aside .entry-header {
	display:block;
}

.format-aside .entry-content,.format-aside .entry-summary {
	padding-top:1em;
}

.single .format-aside .entry-content,.single .format-aside .entry-summary {
	padding-top:0;
}


	
/* Gallery Posts */
.format-gallery .gallery-thumb {
	float:left;
	margin:0 1em 0 0;
}


	
/* Image Posts */
.format-image .entry-header {
	display:none;
}

.single .format-image .entry-header {
	display:block;
}

.format-image .entry-content,.format-image .entry-summary {
	padding-top:1em;
}

.single .format-image .entry-content,.single .format-image .entry-summary {
	padding-top:0;
}


	
/* =Images
-------------------------------------------------------------- */
a img {
	border:none;
}

p img {
	margin-bottom:.5em;

	
/* a small bottom margin prevents content floating under images */
}


	
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img,.wp-caption, img.attachment-thumbnail {
	max-width:100%;

	
/* When images are too wide for containing element, force them to fit. */
	height:auto;

	
/* Override height to match resized width for correct aspect ratio. */
}

img.attachment-post-thumbnail {float:left !important;}

img.wp-post-image {
	float:left;
	margin:0 1.5em 1em 0;
}

.tabs-content img.wp-post-image {
	float: none;
	margin: 0 auto
}

.grid img.wp-post-image,.grid img {
	margin:0;
	float:none;
} 

.grid img.wp-post-image {
	float:left;
}

img.alignleft {
	margin-right:1em;
}

img.alignright {
	margin-left:1em;
}

.wp-caption {
	margin-top:.4em;
}

.wp-caption {
	background:#eee;
	margin-bottom:1.625em;
	max-width:96%;
	padding:9px;
}

.wp-caption img {
	display:block;
	margin:0 auto;
	max-width:98%;
}

.wp-caption .wp-caption-text,.gallery-caption {
	color:#666;
	font-family:Georgia, serif;
	font-size:12px;
}

.wp-caption .wp-caption-text {
	margin-bottom:.6em;
	padding:10px 0 5px 40px;
	position:relative;
}

.wp-caption .wp-caption-text:before {
	color:#666;
	content:'\2014';
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	margin-right:5px;
	position:absolute;
	left:10px;
	top:7px;
}

#content .gallery {
	margin:0 auto 1.625em;
}

#content .gallery a img {
	border:none;
}

img[class*=align],img[class*=wp-image-],#content .gallery .gallery-icon img {
	border:1px solid #ddd;
	padding:6px;
}

#content .gallery .gallery-icon {
	margin: 2px 8px;
}
#content #gallery-1 .gallery-item {
	margin-top: 0;
}

.wp-caption img {
	border-color:#eee;
}

a:focus img[class*=align],a:hover img[class*=align],a:active img[class*=align],a:focus img[class*=wp-image-],a:hover img[class*=wp-image-],a:active img[class*=wp-image-],#content .gallery .gallery-icon a:focus img,#content .gallery .gallery-icon a:hover img,#content .gallery .gallery-icon a:active img {
	background:#eee;
	border-color:#bbb;
}

.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {
	background:#fff;
	border-color:#ddd;
}

.wp-caption .wp-caption-text {
	margin:.5em;
}

.wp-smiley {
	margin:0;
}







#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin: 10px;
}

#content .titreContent {margin-top: 10px;height: auto; width:800px; overflow: hidden;padding-bottom: 10px;}

#content .entry-title {	color: #606F8E;	font-size: 1.4em;	font-weight: normal;}
#content .category {	margin: 0 0 15px 15px;	color: #888;	font-size: 11px;}
#content .category a{	color: #888;	font-size: 11px;}

#content .dateBig{float: right;font-size: 22px;background: #333;color: #FFF;padding: 10px;margin:  0;}

#content .voirEnLigne{float: right;font-size: 12px;background: #CC0000;color: #FFF;padding: 10px;margin:  0;}

#content .voirEnLigne a{color: #FFF;}
#content .voirEnLigne a:hover{color: #000;}


.respire h3 { margin-left: 0 !important;}
.respire li { list-style: square;}



	
/* =Video
-------------------------------------------------------------- */
object,embed,video {
	max-width:100%;
	height:auto;
}



.video-container {
	position: relative;
	height: 610px;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	width: 100%;
	height: 100%;
}

	
/* =Forms
-------------------------------------------------------------- */
#searchform label {
	display:none;
}

#searchform input#s {
	width:60%;
}

#branding #searchform input#s {
	width:120px;
}

input[type=text],input#s {
	margin:0 1em 0 0;
	width:60%;
}

textarea {
	width:80%;
}


	
/* Class for labelling required form items */
.required {
	color:#cc0033;
}


	
/* =Comments
-------------------------------------------------------------- */
article.comment {
	display:block;
}

#respond input[type=text] {
	display:block;
	width:40%;
}

#respond textarea {
	display:block;
	margin:0 0 1em;
	width:60%;
}

#respond .form-allowed-tags {
	clear:both;
	width:60%;
}

#respond .form-allowed-tags {
	display:none;
}

#comments-title {
	font-size:16px;
}

.commentlist {
	margin:40px 35px 60px;
	list-style-type:none;
	text-shadow:0 1px 0 rgba(255,255,255,1);
}

.pinglist {
	margin:20px 0 40px 52px;
	list-style-type:decimal;
}

.comment {
	margin-top:20px;
}

#commentform {
	margin-top:20px;
}

.children {
	list-style-type:none;
	margin-left:55px;
}

.comment .avatar {
	background:#eaeaea;
	border:3px solid #eaeaea;
	float:left;
	margin:0 14px 0 0;
}

.bypostauthor .avatar {
	border-color:#222;
}

.comment-author-admin {
	background:#fbfbfb!important;
	border:#fa6274;
}

.comment-author {
	display:inline;
	margin-right:5px;
}

.comment-author cite {
	font-weight:bold;
	font-size:14px;
	font-style:normal;
}

.comment-author .says {
}

.comment-author cite a {
	color:#37393c;
}

.comment-author cite a:hover {
	color:#fa6274;
}

.comment-meta {
	display:inline-block;
	font-size:11px;
}

.comment-meta a {
	color:#9fa2a6;
}

.comment-meta a:hover {
	color:#5e6066;
}

.comment-body {
	margin:0 0 30px 55px;
}

#respond {
	padding-bottom:35px;
	text-shadow:0 1px 0 rgba(255,255,255,1);
}

#respond h3 {
	font-size:14px;
	font-weight:bold;
}

.nocomments {
	text-align:center;
	padding:20px;
}

.comment-body ul {
	list-style-type:disc;
}

.comment-body ol {
	list-style-type:decimal;
}

#commentform label small {
	font-size:12px;
}

#commentform label span {
	color:#fa6274;
}


	
/* =Widgets
-------------------------------------------------------------- */
.widget {
	display:block;
	margin:0 auto 2.5em;
}

.widget-area .widget_search {
	overflow:hidden;
}

.widget-area .widget_search input {
	float:left;
}

.widget-area #searchform input#s {
	padding:6px;
	width:56%;
}


	
/* =Footer
-------------------------------------------------------------- */
#footer {	border-top:1px solid #eaeaea;	border-bottom:1px solid #eaeaea;	font-size:.9em;	margin:1em auto 3em;	padding:1em 0;	overflow: hidden;}
	
#site-info {margin:0 0 0 25px;}
#site-info a {	color: #fff;	text-decoration: none;}

/* 
	:: Partager
*/

#partager {/*
background:transparent url("images/backPartager.jpg") no-repeat top center;*/
width:160px;height:26px;float: right;margin:0px 25px 0 0;}

#searchbox { 	background: url("images/search_tooltip.png") no-repeat; 	width:225px;	height:78px;	display:block;  margin:0; 	padding:0; position:absolute; top: -70px; right:-15px; z-index:1978; display:none; }
#searchbox .textfield { background:none; border:0px;	width:165px;	float:left;	margin:25px 0 0 28px;	padding-left:2px;}
#searchbox .button { 	background: url("images/ok.png") no-repeat;  border:0px;	width:13px;	height:13px;	cursor:pointer;	float:left;	margin:27px 0 0 7px;}
#searchbox .searchtip {	color:#999;}


#partager #partageRss,            
#partager #partageFacebook,             
#partager #PartageContact,             
#partager #partageRecherche{
width:39px;
height:25px;
float:left;
margin:3px 0 0 0;
text-align:center;
display:block;
}
	


	
/* =Misc
-------------------------------------------------------------- */

	
/* Breadcrumbs */
.breadcrumb {
	margin:0 0 20px;
	padding:7px 14px;
	background-color:#f5f5f5;
	background-repeat:repeat-x;
	background-image:0 to(#f5f5f5));
	background-image:0;
	background-image:0;
	background-image:0 color-stop(100%,#f5f5f5));
	background-image:0;
	background-image:0;
	background-image:linear-gradient(top,#ffffff,#f5f5f5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
	border:1px solid #ddd;
	-webkit-box-shadow:inset 0 1px 0 #ffffff;
	-moz-box-shadow:inset 0 1px 0 #ffffff;
	box-shadow:inset 0 1px 0 #ffffff;
}

.breadcrumb li {
	display:inline;
	text-shadow:0 1px 0 #ffffff;
}

.breadcrumb .divider {
	padding:0 5px;
	color:#bfbfbf;
}

.breadcrumb .active a {
	color:#404040;
}

.breadcrumb .title {
	background:#ddd;
	color: #333;
	text-shadow:0 0px 0 #ffffff;
	padding:8px ;
	border-right:1px solid #dadada;
	margin:1px 20px 0 -14px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
}


	
/* Wraps */
.wrap {
	position:relative;
	width:100%;
	height:auto;
}

.hide {
	background-color:#fff;
	background-color:rgba(255,255,255,.9);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}

.fade {
}


	
/* Grids */
.grid .wrap {
	margin-bottom:15px;
}


.grid .deux.columns { width: 48%; height: 160px; margin: 2%  .65%; padding: 1px; background-color: #EDEDED; }
.grid .deux img.wp-post-image { float: none; text-align: center; }



.grid .entry-link a {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	width:100%;
	height:100%;
}

.grid .entry-title {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	margin:20px;
	padding:0 0 20px;
	border-bottom:1px solid #606F8E;
}

.grid p {
	color:#777;
	margin:20px;
}

.hero {
	background-color:#F5F5F5;
	margin-bottom:10px;
	padding:30px 60px;
}

.hero .button {
	color: #fff;
}

.hero .button:hover {
	color: #fff;
	text-decoration: none;
}

.hero h2 {
	font-size:44px;
	text-shadow:1px 1px 2px #ffffff;
	filter:dropshadow(color=#ffffff,offx=1,offy=1);
}

h3.twitter a {
	background:url(images/twitter.png) no-repeat 100% 50%;
	color:#222;
	display:block;
	width:100%;
}

.postdate {
	position:absolute;
	bottom:20px;
	left:20px;
}

.format {
	position:absolute;
	bottom:20px;
	right:20px;
	text-indent:-999em;
	display:block;
	background:url(images/formats.png) no-repeat;
	width:24px;
	height:30px;
}

.format.standard {

}

.format.image {
	/*background-position:0 -30px;*/
	background-position:0 -155px;
}

.format.gallery {
	background-position:0 -60px;
}

.format.video {
	background-position:0 -90px;
}

.format.audio {
	background-position:0 -120px;
}

.format.link {
	background-position:0 -155px;
}

.format.quote {
	background-position:0 -186px;
}

.single-format-quote .entry-title {
	position:absolute!important;
	clip:rect(1px 1px 1px 1px);
	clip:rect(1px,1px,1px,1px);
}

.single-format-quote .entry-content p {
	font-size: 2em;
	line-height: 1.5em;
	position: relative;
	padding: 0 6%;
}
.single-format-quote .entry-content p:before {
  content:"\201C"; 
  position:absolute; 
  z-index:1; 
  top:0px; 
  left:-5px; 
  font:80px/1 Georgia, serif;
  color:#dadada;
}
.single-format-quote .entry-content p.right:before, .single-format-quote .entry-content p.right:after {
  content:""; 
  position:relative; 
  z-index:1; 
  top:0; 
  left:0
  font:80px/1 Georgia, serif;
}

/* creates closing quotation mark */
.single-format-quote .entry-content p:after {
  content:"\201D"; 
  position:absolute; 
  z-index:1; 
  bottom:0; 
  right:-5px; 
  font: 80px/0.25 Georgia, serif;
  color:#dadada;
}