/*

Theme Name: Image et Cadre

Theme URI: http://www.cybergrenier.net

Description: Theme créé pour le Château d'Espeyran par Antoine de Labriolle (association Curiositez!).

Version: 1.0

Author: cybergrenier

Author URI: http://www.curiositez.fr

*/



/*reset.css*/

@charset "utf-8";

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0pt none;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: normal;margin: 0pt;outline: 0pt none;padding: 0pt;vertical-align: baseline;}





/*font-face*/

@font-face {

	font-family: 'MenschThin';

	    src: url('css/mensch-thin-wf.eot');

	    src: url('css/mensch-thin-wf.eot?#iefix') format('embedded-opentype'),

	         url('css/mensch-thin-wf.woff') format('woff'),

	         url('css/mensch-thin-wf.ttf') format('truetype'),

	         url('mensch-thin-wf.svg#MenschMenschThin') format('svg');

	    font-weight: normal;

	    font-style: normal;

	}

@font-face {

	font-family: 'MenschBold';

	    src: url('css/mensch-bold-wf.eot');

	    src: url('css/mensch-bold-wf.eot?#iefix') format('embedded-opentype'),

	         url('css/fonts/mensch-bold-wf.woff') format('woff'),

	         url('css/mensch-bold-wf.ttf') format('truetype'),

	         url('mensch-bold-wf.svg#MenschMenschBold') format('svg');

	    font-weight: normal;

	    font-style: normal;

}



/*general*/

a { text-decoration: none; color: #00b7f3; }

a:hover { text-decoration: underline; }

.clear { clear: both; }

.ui-tabs-hide { display: none; }

br.clear { margin: 0px; padding: 0px; }



h1, h2, h4, h5, h6 { padding-bottom: 5px; color: #808080; letter-spacing: -1px; line-height: 1em; font-weight: bold; font-family: 'Open Sans Condensed', Arial, sans-serif;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }

h1 { font-size: 30px; margin: 20px 0 20px 0; text-transform:uppercase; }

h2 { font-size: 24px; margin-bottom: 5px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { padding-bottom: 10px; line-height: 24px; }

strong { font-weight: bold; color: #8080; }

cite, em, i { font-style: italic; }

pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 0 0; }

dl dt { font-weight: bold; }

dd  { margin-left: 0;}

blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }

blockquote p { padding-bottom: 0px; }





body {

     /*background: url("images/bg.jpg") no-repeat fixed center top #2D3237;*/

	 background: #2D3237;

     color: #444A54;

     font: 14px/26px Georgia,Serif;

}



#container {

     margin: 50px auto;

     width: 960px;

}



/*header*/

#header {

     background: url("content-top.png") no-repeat scroll center bottom transparent;

     overflow: hidden;

}



/*#header p#logo {

     margin: 0pt auto -84px;

     position: relative;

     width: 295px;

}

*/



#header ul {

     list-style: none outside none;

     margin: 0pt auto 30px;

     overflow: hidden;

     width: 916px;

	 height:90px;



}



#header ul.sub-menu {



     margin: 0 10px 0 5px;

	 font-size:smaller;

	 width: 125px;



}



#header .page {

     

     margin-top: 10pt;

     

}



#header li {

	font-family: 'MenschBold';

    float: left;

	background:url('nav6-bg.png') repeat-x top;

	height: 30px;

    width: 125px;

	padding-top: 1px;

}



#header .accueil {

     margin: 0pt 30px 30pt 0pt;

	 padding-left: 30px;

}





#header .projet {

     margin: 0pt 300px 30pt 0px;

	 padding-left: 10px;

}







#header .participants {

    margin: 0 0 30pt -20px;

    padding-right: 10px;

}



#header .portfolios {

     margin: 0pt 0pt 30pt 45px;

}



#header li a {

     color: #032c43;

     font-size: 16px;

     letter-spacing: 2px;

     text-decoration: none;

	 letter-spacing: 0.095em;

}



#header li a:hover {

	color:#CAA315;

     text-decoration: none;

}





/*content*/

#content {

     background: url("content-repeat.png") repeat-y scroll center top transparent;

     overflow: hidden;

     padding: 0pt 52px;

}



#content #feature {

     background: url("image-home.jpg") repeat scroll 0% 0% transparent;

     height: 416px;

     margin: 0pt 0pt 20px -31px;

     position: relative;

	 width: 916px;

     /*width: 916px;*/

}



#content #feature #feature-content {

     left: 570px;

     position: relative;

     top: 70px;

     width: 305px;

}



#content #feature #feature-content h1 {

	color: #FFFFFF;

    font-weight: bold;

    height: 120px;

    margin: 0 0 5px;

    padding: 28px 0 0;

    width: 300px;

}



#content #feature #feature-content p {

     color: #FFFFFF;

	 margin: -40px 0 50px 0px;	

}



p.button {

     padding-left:30px;



}



.myButton {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

	background-color:#ededed;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	font-family:Georgia;

	font-size:20px;

	font-weight:normal;

	padding:6px 24px;

	text-decoration:none;

	text-shadow:1px 1px 0px #ffffff;

}.myButton:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

	background-color:#dfdfdf;

}.myButton:active {

	position:relative;

	top:1px;

}



#content #feature #feature-content p.btn a {

     background: url("../en-savoir-plus.html") repeat scroll 0% 0% transparent;

     display: block;

     height: 39px;

     text-indent: -9999px;

     width: 163px;

	 margin-left:55px;

}



#content #feature #feature-content p.btn a:hover {



	 margin-left:54px;

	 }



#content #main {

     float: left;

     margin: 30pt 20px 0pt 0pt;

     width: 540px;

}



#content h3 {

	

	color:#808080;

	letter-spacing:0.15em;

	

}



#content h3.home {

	

	padding-bottom: 0px;

	

}



/*#content h1 {

		font-family: 'MenschThin';

	    font-size: 26px;

    	font-weight: bold;

    	padding: 20px 0 20px 0;

}



#content h1.title {

		font-family: 'MenschThin';

		font-size:24px;

		font-weight: bold;

		padding:5px 0 20px 20px;

}





#content h2 {

			font-family: 'MenschThin';

     font-size: 20px;

     font-weight: bold;

     margin: 0pt 0pt 20px;

}

*/

#content p {

     margin: 0pt 0pt 5px;

}



#content a {

     color: #3F6489;

}



#content a:hover {

     color: #0D3965;

}



#content dl {

    

}



#content dt {

     background: url("../date-bg.html") repeat scroll 0% 0% #A1A3A5;

     color: #FFFFFF;

     float: left;

     font-size: 30px;

     height: 50px;

     margin: 0pt 15px 0pt 0pt;

     text-align: center;

     width: 40px;

}



#content dt span {

     display: block;

     font-size: 12px;

     font-weight: bold;

     text-transform: uppercase;

}



#content dd {

     float: left;

     width: 480px;

}



#content dd h3 {

     float: left;

     font-size: 20px;

     font-weight: normal;

}



#content dd span {

     float: left;

     margin: 4px 0pt 0pt 10px;

     visibility: hidden;

}



#content dd p {

     clear: left;

}



#content dd:hover span {

     visibility: visible;

}





/*sidebar*/

#side ul#pages {

    float: left;

    height: 150px;

    width: 200px;

	margin-right: 95px;

}



#side ul#pageslast {

    float: left;

    height: 150px;

    width: 200px;

	margin-right: 0px;

}



#content #sidehome {

  float: left;

    margin: 0px 0px 20px 95px;

    width: 205px;

    

}



#sidehome ul#pages {

    float: left;

    height: 150px;

    width: 200px;

	margin-right: 0px;

}



#content #side {

     padding-left:30px;

}

.last {

	margin-right:0px;

}



#content .aside {

    background: url("../aside2-bg.html") no-repeat scroll center top transparent;

    list-style: none outside none;

    margin: 0 0 0;

    padding: 26px 0 0 80px;

	height: 40px;

}



#content .aside img {

     margin: 0pt 0pt 0px;

}





/*footer*/

#footer {

     background: url("content-bottom.png") no-repeat scroll center top transparent;

     padding: 70px 22px;

}



#footer p {

	font-size: 11px;

	color: #FFFFFF;

}





#footer p a {

	color: #FFFFFF;

	text-decoration: none;

}

#footer p a:hover {

color: #D7D9D8;

}



#footer p#back-to-top {

     float: right;

     font-size: 11px;

}



#footer p#back-to-top a {

     color: #FFFFFF;

     text-decoration: none;

}



#footer p#back-to-top a:hover {

     color: #D7D9D8;

}



#footer #logos

{

	text-align: center;

	vertical-align:top; 

	border-top: 1px solid #999999;

	padding-top: 10px;

	margin-top: 30px;

}



#footer #logos img 

{

	margin-right:15px;

}



.attachment-post-thumbnail {

/*float:left;*/

margin:5px;

}



/*blurbs*/

#blurbs { margin-bottom: 30px; margin-top: 40px; float:right; width:200px; }

.blurb { width: 194px; margin-left:0px; margin-right:5px; }

.blurb .thumb { display:block; position:relative; margin-bottom: 21px; }

.item-image { margin-top:6px; margin-left:6px; }

.blurb .thumb span.overlay { background:url('thumb-overlay.png') no-repeat; display:block; height:123px; left:0px; position:absolute; top:0px; width:193px; }

.blurb .thumb span.et-plus { background:url('et-plus.png') no-repeat; display:block; height:26px; right:-6px; position:absolute; top:-5px; width:26px; }

.blurb h1.title { padding-left: 10px; text-shadow: 1px 1px 1px #ffffff; }

.blurb h3.title { padding-left: 5px; text-transform: uppercase; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 1px #ffffff; }	

.blurb h3.title a { text-decoration: none; color: #ababab; }

.blurb p { padding-left: 5px; }

.last {margin-right:0px;}

.invisible {visibility:hidden;}

/*blog*/

#content h2.post-title  {

		font-size: 24px; font-weight: normal; text-transform: uppercase;

		margin: 25px 0 0px 0;

		font-family:Georgia, "Times New Roman", Times, serif;

	}



.post p {

		margin: 0 0 24px 0;

	}

	

.pagination {

	overflow: hidden; margin: 0 0 60px 0;

}

.pagination p {

		width: 180px; border: 1px solid #e9e9e9; padding: 1px;

		text-align: center;

	}

.pagination p.prev { float: left;}



.pagination p.next { float: right;}



.pagination p a {

			display: block; background: #e9e9e9; padding: 15px 0px 10px 0px;

			text-transform: uppercase;

		}



/*CAPTIONS WP*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }

.wp-caption.alignleft { margin: 0px 10px 10px 0px; }

.wp-caption.alignright { margin: 0px 0px 10px 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.alignright { float: right; }

.alignleft { float: left }

img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 8px;}

img.alignright { display:inline; float:right; margin-left:15px; }





/*sidebar*/

ul#pages, ul#pages .last, ul#pages li, ul#pages li .last {

	list-style:none;	

}



.top {

border-top: solid #FFF thin;

padding-top: 15px}



/*Commentaires*/

#comments {

	margin-top:25px;

	border-top: solid #FFF thin;}



#comments h3.title { padding: 10px 0 0 0; text-transform: uppercase; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 1px #ffffff; }	



#comments h3.title a { text-decoration: none; color: #ababab; }



#comments ol.commentlist, #comments ol.commentlist ul { list-style: none outside none; margin: 0pt;}



#comments ol.commentlist li {

     clear: both;

     margin: 0pt 0pt 20px;

     padding: 0pt 47px 20px 0pt;

}



#comments ol.commentlist ul.children {

     margin: 0pt 0pt 0pt 40px;

}



#comments ol.commentlist ul.children li {

     background: none repeat scroll 0% 0% transparent;

     padding: 0pt;

}



#comments .comment {

     overflow: hidden;

}



#comments .comment .avatar {

     border: 1px solid #E9E9E9;

     float: left;

     margin: 0pt 15px 10px 0pt;

     padding: 1px;

}



#comments .comment .commenttext {

     float: left;

}



#comments .comment cite {

     font-style: normal;

     margin: 0pt 0pt 5px;

}



#comments .comment span {

     display: none;

}



#comments .comment .comment-meta {

     float: right;

     font-size: 11px;

     margin: -20px 0pt 0pt;

}



#comments .comment .reply a {

     clear: both;

     display: block;

     float: right;

}



#comments .comment .cancel a {

     clear: both;

     display: block;

     float: right;

}



#comments #respond {

     clear: both;

     margin: 0pt 0pt 50px;

}



#comments #respond form label {

     clear: left;

     float: left;

     font-size: 14px;

     margin: 9px 10px 0pt 0pt;

     text-align: right;

     text-transform: uppercase;

     width: 110px;

}



#comments #respond form input {

     background: none repeat scroll 0% 0% #FFFFFF;

     border: 1px solid #E9E9E9;

     color: #7E7E7E;

     float: left;

     font: 12px Helvetica,Arial,Sans-Serif;

     height: 25px;

     margin: 0pt 20px 10px 0pt;

     padding: 8px 13px 6px;

     width: 250px;

}



#comments #respond form textarea {

     background: none repeat scroll 0% 0% #FFFFFF;

     border: 1px solid #E9E9E9;

     color: #7E7E7E;

     float: left;

     font: 12px Helvetica,Arial,Sans-Serif;

     height: 120px;

     margin: 0pt 0pt 10px;

     padding: 8px 13px 6px;

     width: 400px;

}



#comments #respond form input.commentsubmit {

     background: none repeat scroll 0% 0% #E9E9E9;

     border: medium none;

     color: #9F3A3A;

     cursor: pointer;

     height: 54px;

     margin: 0pt 0pt 0pt 120px;

	 clear:left;

     padding: 15px 0px 10px;

     text-align: center;

     text-transform: uppercase;

     width: 200px;

}



#comments #respond form input.Button {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

	background-color:#ededed;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	font-weight:normal;

	padding:4px 24px;

	text-decoration:none;

	text-shadow:1px 1px 0px #ffffff;

	clear:left;

	margin-left:110px;

	width:90px;

	text-transform:uppercase;

	

}



#comments #respond form input.Button:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

	background-color:#dfdfdf;

}



#comments #respond form input.Button:active {

	position:relative;

	top:1px;

}

#comments #respond form input:focus, #content #comments #respond form textarea:focus {

     border: 1px solid #CCCCCC;

}



#comments #respond form input.commentsubmit:focus {

     border: medium none;

}