/*   
Theme Name: MP Folio
Theme URI: http://marinepacault.com
Description: grand remaniement du thème WP Folio
Author: Marine Pacault
Author URI: http://marinepacault.com
*/

/*difference avec site11 dans contacthead */

body { 
	background-color: #fff; 
	color: #818181; 
	font-family: Tahoma, Helvetica, Geneva, sans-serif, arial, verdana, serif; 
	font-size: 12px; 
	margin: 2px; 
	padding: 5px; 
}

.container { 
	margin: 0 auto; 
	text-align: left; 
	width: 960px; 
}

.container p { 
	color: #818181;	
}

/* @group htags */
/*h1 c'est le titre du site*/
h1 { 
	color: #03075f; 
	font-family: Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	text-transform: uppercase; 
}

h1,h2,h3,h4,h5,h6,form,fieldset { 
	margin:0; 
	padding:0; 
}
/* @end */

/* @group links semble tout contrôler même quand j'ai redéfini...*/
a,
a:link ,
a:visited { 
	color: #818181; 
	font-weight: normal; 
	text-decoration: none; 
}

a:active,
a:hover { 
	font-weight: bold; 
	text-decoration: none; 
}
/* @end links*/

/* @group header */
div.header { 
	border-bottom: 2px solid #03075f; 
	height: 32px; 
	overflow: hidden; 
}

.headertext { 
	float: left; 
	overflow: hidden; 
	padding: 7px 0 0 10px; 
	width: 580px; 
	height: 25px; 
}

.headerutiles { 
	float: left; 
	width: 370px; 
	height: 32px; 
}

.contacthead { 
    float: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
    overflow: hidden; 
	padding: 2px 22px 1px 0; /*padding-top 10px pour site11 */
	text-align: right; 
	width: 348px; 
	height: 15px; 
}

.contacthead a,
.contacthead a:hover { 
	font-weight: normal; 
}

.searchhead { 
	float: left; 
	padding-bottom: 2px; 
	overflow: hidden; 
	width: 370px; 
	height: 12px; 
}

/*Search widget*/
#searchform { 
	border: none; 
	background: url(/images/recherche.png) no-repeat left center; 
	overflow: hidden; 
	float: right; 
	width: 90px; 
}

#search { 
	border: none; 
	color: #818181; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: normal; 
	float: right; 
	width: 75px; 
}
/*Fin Search widget*/

/* @group navbar */
.navi,
.widgettitle { 
	border-bottom: 1px solid #03075f; 
	color: #818181; 
	font-size: 11px; 
	height: 12px; 
	margin-top: 5px; 
	padding: 0 0 5px 170px; 
	text-align: center; 
}

.navi ul,
.widgettitle ul { 
	margin: 0; 
}

.navi li,
widgettitle li { 
	display: inline; 
	height: 11px; 
	list-style: none; 
	padding: 0 60px 1px 30px; 
}

.navi a,
link { 
	font-weight: normal; 
	margin:  2px; 
	padding: 3px 3px 5px 3px; 
}

.navi a:active,
.navi a:hover { 
	font-weight: bold; 
}

/* @end nav*/
/* @end header*/

/* Homepage */
div.homep { 
	clear: both; 
	height: 500px; 
 	margin-top:10px; 
	padding-top: 5px; 
}

.galerie-gauche { 
	float: left; 
	margin-left: 10px; 
	padding: 5px; 
	overflow: hidden; 
	width: 675px; 
}

.texte-histoires { 
	border-bottom: 1px solid #03075f; 
	margin-right: 19px; 
	padding: 5px 0;
	text-align: right; 
	width: 646px; 
	height: 14px; 
}

.texte-histoires a { 
	color: #818181; 
	font-family: Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	padding-right: 2px; 
}

.galeries-droite { 
	float: left; 
	margin-right: 10px; 
	overflow: hidden; 
	padding: 0 5px; 
	width: 245px; 
}

.galeries-petites { 
	overflow: hidden; 
	padding: 5px 0 5px 5px; 
	width: 240px; 
}

.texte-galeries { 
	border-bottom: 1px solid #03075f; 
	margin: 0 1px 0 43px; 
	padding: 3px 0; 
	text-align: right; 
	width: 196px; 
	height: 12px; 
}

.texte-galeries a { 
	color: #818181; 
	font-family: Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	padding-right: 2px; 
}
/*Fin Home*/

/* Titre pages et posts*/
.title { 
	float: left; 
	margin: 25px 0 10px 15px; 
	width: 945px; 
	height: 25px; 
}

.pagetitle { 
	color: #03075f;	
	float: left; 
	font-family: Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	padding-left: 5px; 
	width: auto; 
	height: 25px; 
}

.pagedescription { 
	float: left; 
	color: #818181; 
	font-size: 12px; 
	font-weight: normal; 
	margin-left: 5px; 
	padding: 1px 0 0 5px; 
	width: auto; 
	height: 24px; 
}
/*Fin titre*/

/*STYLES PAGES POSTS*/
.entry { 
	clear: both; 
	float: left; 
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:15px; 
	margin: 10px 5px 5px 10px; 
	text-align: left; 
	width: 945px; 
}

/*Ici styles de the_content*/
.entry p { 
	color: #7b7b7b; 
	text-align: justify; 
}

.aligncenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
}

.alignnone { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
}

.alignleft { 
	display: block; 
	float: left; 
}

.alignright { 
	display: block; 
	float: right; 
}

/* @group images */
.entry img { 
	margin: 0; 
	padding: 2px; 
}

.alignright,
img.alignright { 
	float: right; 
	margin: 0 0 20px 50px; 
	padding-right: 5px; 
}

.alignleft,
img.alignleft { 
	float: left; 
	margin: 0 50px 20px 0; 
}

.aligncenter,
img.aligncenter { 
	display: block; 
	margin: 1em auto; 
	text-align:center; 
}
/* @end styles the_content*/

/*TABS*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide { 
		display: none; 
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { 
		display: none; 
	}
}

/* Skin */
#tabcontainer { 
	float: left; 
	padding: 5px; 
	width: 935px; 
}

.ui-tabs-nav { 
	list-style: none; 
	margin: 0; 
	padding: 0 0 0 4px; 
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block; 
	clear: both; 
	content: " "; 
}

.ui-tabs-nav li { 
	float: left; 
	font-size: 10px; 
	list-style: none; 
	margin: 0 0 0 5px; 
	min-width: 84px; /* be nice to Opera */
}

.ui-tabs-nav a,
.ui-tabs-nav a span { 
	display: block; 
	padding: 0 10px; 
	background: none; 
}

.ui-tabs-nav a { 
	color: #818181; 
	line-height: 1.2; 
	margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
	outline: 0; /* prevent dotted border in Firefox */
	padding-left: 0; 
	text-align: left; 
	text-decoration: none; 
	white-space: nowrap; /* required in IE 6 */    
}

.ui-tabs-nav .ui-tabs-selected a { 
	position: relative; 
	top: 1px; 
	z-index: 2; 
	margin: 0; 
	border: none; 
}

.ui-tabs-nav a span { 
	color: #818181; 
	padding: 6px 0 0 20px; 
	min-width: 64px; 
	min-height: 18px; 
	width: 64px; /* IE 6 treats width as min-width */
	height: 18px; /* IE 6 treats height as min-height */
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
	width: auto; 
	height: auto; 
}

.ui-tabs-nav .ui-tabs-selected a span { 
	padding-bottom: 1px; 
}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-selected a:hover,
.ui-tabs-selected a:focus,
.ui-tabs-selected a:active { 
	background-position: 100% -150px; 
	color: #03075f; 
	background-image: url(/images/darkeye.png); 
	background-repeat: no-repeat; 
	background-position: left; 
}

.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active { 
	background-position: 100% -100px; 
	background: none; 
	color: #03075f; 
}

.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span { 
	background-position: 0 -50px; 
	color: #03075f; 
}

.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span { 
	background-position: 0 0; 
	font-weight: normal; 
}

.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text; 
}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
.ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer; 
}

.ui-tabs-disabled { 
	opacity: .4; 
	filter: alpha(opacity=40); 
}

.ui-tabs-panel { 
	border-top: 1px solid #03075f; 
	padding: 0 10px; 
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-loading em { 
	background: url(/images/loader.gif) no-repeat 0 50%; 
	padding: 0 0 0 20px; 
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block; 
}

*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block; 
}

/*Styles Galleriffic mis dans css à part*/

.legendes { 
	border-bottom: 1px solid #03075f; 
	line-height: 30px; 
	padding-left: 30px; 
	width: 885px; 
	height: 110px; 
}

.blue { 
	color: #03075f; 
}
/*Fin styles posts*/

/*Pour category.php, search.php et archive.php*/
.entrycat { 
	float: left; 
	margin: 10px auto 0 10px; 
	min-height: 350px; 
	padding: 0; 
}

.entrycat-lieux { /*pour changer les marges*/
	min-height: 350px; 
	float: left; 
	margin: 5px auto 0 10px; 
	padding: 0; 
}

.img-container { 
	display: inline-table; 
	float: left; 
	margin-left: 20px; 
}

.img-container-lieux { /*pour changer les marges*/
	display: inline-table; 
	float: left; 
	margin-left: 10px; 
}

.img-frame { 
	float: left; 
	display: inline; 
	margin-top: 10px; 
	width: 180px; 
	height:150px; 
}

.full { /*à la place d'entrycat img à cause du pb avec map*/
	border: 1px solid #818181; 
	margin: 10px 3px 2px; 
	padding: 1px; 
	position: relative; 
}

.img-frame-caption { 
	display: inline; 
	float: left; 
	padding: 3px 0 0 5px; 
	text-align: center; 
	width:152px; 
}

.img-frame-caption a { 
	font-size: 10px; 
	font-weight: normal; 
	line-height: 12px; 
	width:152px; 
}
/*Fin category.php et archive.php*/

/*Pour la Google map*/
.iw { 
	background: #fff; 
	-moz-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px; 
	border: 1px solid #dedede; 
	color: #03075f; 
	font-size:11px; 
	font-weight: normal; 
	padding: 10px; 
	width:465px; 
	height: 351px; 
}

div.iw b { 
	font-size: 12px; 
}

div.iw p { 
	color: #818181; 
	font-size:11px; 
	margin: 5px 0 10px 15px; 
	width: 420px; 
}

div.iw img { 
	border: none; 
	margin: 5px 0 5px 15px; 
	padding: 0; 
	width: 420px; 
	height: 280px; 
}

#iw-arrow { 
	height: 15px; 
}

#iw-arrow img { 
	padding: 0; 
}

/*Pour search.php if not found*/
.nofind { 
	color: #818181; 
	float: left; 
	font-size: 12px; 
	padding: 10px 0 0 10px; 
	text-align: left; 
	width: 940px; 
	height: 15px; 
}

.cloud { 
	float: left; 
	padding: 20px 70px 20px 70px; 
	text-align: center; 
	width: 820px; 
	/* height: 415px; */
}

.cloud a { 
	color: #03075f; 
}
/*Fin search.php*/

/*MP styles pages basés sur entry comme les posts*/
.contact { 
	border-bottom: 1px solid #03075f; 
	float: left; 
	margin: 10px 0 0 0; 
	padding: 0 5px; 
	text-align: justify; 
	width: 905px; 
}

.left { 
	float: left; 
	margin-bottom: 10px; 
	line-height:18px; 
	width: 448px; 
}

.right { 
	float: right; 
	margin-bottom: 10px; 
	line-height:18px; 
	width: 448px; 
}

.pad15 { 
	padding-left: 15px; 
}

.pad80 { 
	padding-left: 80px; 
}

.pad150 { 
	padding-left: 150px; 
}

.pad250 { 
	padding-left: 250px; 
}
/*MP fin styles pages*/

/* @group prev/next navigation */
.prevnext { 
	float: left; 
	margin: 20px 0 0 10px; 
	width: 945px; 
	height: 40px; 
}

.prevnext .nextpost a { 
	background:url(/images/next.png) no-repeat right; 
	color: #fff; 
	float: right; 
	font-size: 10px; 
	font-weight: bold; 
	height: 25px; 
	margin-right: 7px; 
	padding: 15px 35px 0 0; 
	text-align: right; 
}

.prevnext .nextpost a:hover { 
	background-image: url(/images/next2.png); 
	background-repeat: no-repeat; 
	margin-right: 0; 
	color: #03075f; 
}

.prevnext .prevpost a { 
	background:url(/images/prev.png) no-repeat left; 
	color: #fff; 
	float: left; 
	font-size: 10px; 
	font-weight: bold; 
	height: 25px; 
	margin-left: 7px; 
	padding: 15px 0 0 35px; 
	text-align: left; 
}

.prevnext .prevpost a:hover { 
	color: #03075f; 
	background-image: url(/images/prev2.png); 
	background-repeat: no-repeat; 
	margin-left: 0; 
}

/* @group comments */
/*Write*/
#feedback { 
	height: 402px; 
	overflow: hidden; 
	position: fixed; 
	top: 140px; 
	right: 2px; 
}

#onglet { 
	border: 1px solid #03075f; 
	border-right: none; 
	cursor: pointer; 
	float: right; 
	width: 33px; 
	height: 84px; 
}

#entercomments { 
	background-color: #fff; 
	border: 1px solid #03075f; 
	float: right; 
	right: 2px; 
	width: 500px; 
	height: 400px; 
}

#respond { 
	margin: 0; 
	padding: 12px 20px 12px 30px; 
	width: 450px; 
}

h3 { 
	color: #03075f; 
	font-family: Tahoma, Helvetica, Geneva, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	margin: 15px 0; 
	padding-left: 10px; 
	text-transform: none; 
}

#commentform { 
	margin: 5px 10px 0 0; 
}
	
#commentform p { 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 11px; 
	margin: 0; 
}

#commentform input { 
	border: 1px solid #818181; 
	color: #818181; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	height: 12px; 
	margin: 4px 0 2px 0; 
	padding: 3px; 
	width: 180px; 
}

label { /*Ne semble pas indispensable puisque commentform p a les mêmes caractéristiques*/
	font-size: 10px; 
}

#commentform textarea { 
	border: 1px solid #818181; 
	color: #818181; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	margin-top: 7px; 
	padding: 3px; 
	width: 100%; 
	height: 200px; 
}

#commentform #submit { 
	background: url(/images/darkeye.png); 
	background-position: right; 
	background-repeat: no-repeat; 
	border: none; 
	color: #03075f; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	margin: 10px 0 2px 10px; 
	padding: 0; 
	text-align: left; 
	width: 67px; 
	height: 20px; 
}

#commentform #submit:hover { 
	background: url(/images/cleareye.png); 
	background-position: right; 
	background-repeat: no-repeat; 
}

#commentform #submit:focus { 
	background: url(/images/cleareye.png); 
	background-position: right; 
	background-repeat: no-repeat; 
}

#respond:after { /*MP tiens je ne connaissais pas ça mais on va pas toucher*/
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

/*Read*/
#comments { 
	float: left; 
	margin: 0 30px 0 40px; 
	padding: 12px; 
	width: 841px; 
}

.commentlist { 
	font-size: 12px; 
	line-height: 16px; 
	list-style: none; 
	margin: 0 0 5px 0; 
	padding: 0; 
	text-align: justify; 
}

.commentlist li { 
	border: 1px solid #818181; 
	list-style: none; 
	margin: 15px 0 10px; 
	padding: 10px; 
}

.commentlist li #respond { 
	border: 2px dotted #03075f; 
	margin: 15px 0 10px; 
	padding: 0 10px 15px 10px; 
	width: 797px; 
}

.commentlist li ul li { 
	margin: 15px 0 10px; 
	padding: 10px; 
}

.commentlist li ul li #respond { 
	border: 2px dotted #03075f; 
	margin: 15px 0 10px; 
	padding: 0 10px 15px 10px; 
	width: 775px; 
}
	
.commentlist p { 
	margin: 20px 5px 10px 0; 
}

.children { 
	padding: 0; 
}

.comment-author vcard { 
	color: #03075f; 
	width: 826px; 
	height: 50px; 
}

.fn { 
	color: #03075f; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
}

.fn a { 
	color: #03075f; 
	font-weight: bold; 
}

.says { 
	color: #03075f; 
}

.commentmetadata { 
	display: block; 
	font-size: 10px; 
	line-height: 16px; 
	margin: 0; 
}

a.comment-reply-link { 
	background: url(/images/cleareye.png) no-repeat right; 
	border: none; 
	color: #03075f; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	margin: 20px 0 0 20px; 
	padding: 5px 23px 5px 0; 
	text-align: left; 
	width: 150px; 
	height: 20px; 
}

.thread-even { 
	background-color: #fff; 
}

.thread-alt { /*Commentaires niveau 0*/
	background-color: #f8f8f8; 
}

/*To alternate background*/
.alt { 
	background-color: #f8f8f8; 
}

.even { 
	background-color: #fff; 
}

/* End Comments */

/* @end */

/* 404*/
.title404 { 
	color: #03075f;	
	float: left; 
	font-family: Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	padding-left: 100px; 
	text-align: right; 
	width: 210px; 
	height: 25px; 
}

.desc404 { 
	color: #818181; 
	float: left; 
	font-size: 12px; 
	font-weight: normal; 
	margin-left: 5px; 
	padding: 1px 0 0 5px; 
	text-align: left; 
	text-transform: none; 
	width: 625px; 
	height: 24px; 
}

div.page404 { 
	height: 520px; 
	margin: 10px 0 0 50px; 
}

.gal404 { 
	float: right; 
	margin-top: 0; 
	overflow: hidden; 
	padding: 0 120px 5px 0; 
	width: 790px; 
	height: 400px; 
}

.retour { 
	float: left; 
	margin-top: 60px; 
	padding-left: 65px; 
}

div.page404 a { 
	color: #03075f; 
}

div.page404 a:hover { 
	font-weight: bold; 
}
/*Fin 404*/

/*Pour noscript*/
.instructions { 
	border-top: 1px solid #03075f; 
	margin: 25px 15px 20px 15px; 
}

/*Fin noscript*/

.footer { 
	clear: both; 
	font-size: 10px; 
	margin-top: 20px; 
	padding: 20px 20px 10px 20px; 
	text-align: center; 
}