/*
Theme Name: Agence YOU
Version: 1
*/
body { position: relative; margin:0; padding: 0; background: url(images/img-body.jpg) repeat-x center top #2B0E24; min-height: 1052px; font-family: "Trebuchet MS"; }

h1, h2, h3, h4, h5, ul, li, p { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { outline: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }


/* HEADER */
.header { position: relative; background: url(images/img-top.jpg) no-repeat center top; height:328px; padding-top:0px; }
.header .content { position: relative; width: 990px; margin: 0 auto; height: 325px; display: block; }
.header .content a { display: block; width: 990px; height: 325px; }
.header .content .baseline { position: absolute; top: 210px; right:30px; width: 440px; text-align: center; color: #6D6B76; font-family: "Trebuchet MS"; font-weight: bold; font-size: 14px; }


/* MIDLLE */
.middle { position: relative; width: 990px; margin: 0 auto; min-height: 358px; }
.middle ul.hp { padding:15px 7px 0 7px;  }
.middle ul.hp li { position: relative; background: url(images/img-bloc-hp.jpg) no-repeat; width: 138px; height: 303px; display: block; float: left; margin:0 7px; padding: 25px 5px 5px 5px; }
.middle ul.hp li h2 { font-family: "Trebuchet MS"; font-size: 13px; color: #D387AB; font-weight: normal; height: 40px; }
.middle ul.hp li h2 a { text-decoration: none; color: #D387AB; }
.middle ul.hp li h2 a:hover { text-decoration: underline; color: #397261; }
.middle ul.hp li h2 span {  text-transform: uppercase; font-weight: bold; }
.middle ul.hp li p { font-family: "Trebuchet MS"; color: #faf7f3; font-size: 11px; padding: 5px; line-height: 16px; }
.middle ul.hp li h5 a { font-family: "Trebuchet MS"; font-size: 11px; color: #D387AB; padding-left: 5px; text-decoration: underline; }
.middle ul.hp li h5 a:hover { text-decoration: none; color: #397261; }

	/* PAGE */
	.page { position: relative; background: url(images/img-bottom.jpg) no-repeat center 358px; }
	.page a { text-decoration: underline; color: #D387AB; }
	.page a:hover { text-decoration: none; color: #D387AB; }
	
	/* MENU PAGE */
	.middle ul.menu { position: relative; padding: 20px 0; overflow: visible; }
	.middle ul.menu li { position: relative; float: left; color: #D387AB; padding-left:20px; background: url(images/img-pointilles.jpg) repeat-y left top; margin-left: 10px; height: 40px; }
	.middle ul.menu li a { font-family: "Trebuchet MS"; color: #D387AB; text-decoration: none; font-weight: normal; font-size: 15px; }
	.middle ul.menu li a:hover { color: #397261; }
	.middle ul.menu li a.on { color:#397261; }
	.middle ul.menu li a span { text-transform: uppercase; }
	.middle ul.menu li.presentation { width:120px; }
	.middle ul.menu li.forfaits { width:130px; }
	.middle ul.menu li.temoignages { width:150px; }
	.middle ul.menu li.blog { width:130px; }
	.middle ul.menu li.pro { width:130px; }
	.middle ul.menu li.hommes { width:110px; }
	
	.middle .content { position: relative; width: 960px; margin: 0 auto; background: url(images/img-footer.jpg) repeat-x center top #f3ece0;  display: block; text-align: left; color: #4a1f40; padding: 15px; }
	.middle .content h1 { font-size:30px; border-bottom: 1px solid #4a1f40; color: #4a1f40; padding: 0 0 5px 0; margin-bottom: 15px;}
	.middle .content h2 { background-color: #4a1f40; font-size:14px; color: #faf7f3; padding: 5px; text-decoration: underline; margin-bottom: 10px; }
	.middle .content h2.title { font-size:30px; border-bottom: 1px solid #4a1f40; color: #4a1f40; padding: 0 0 5px 0; margin-bottom:5px; background: none; text-decoration: none; }
	
	
	/* POST */
	.post { position: relative; padding: 0 0 40px 0; font-size: 12px; }
	.post h3 { font-size: 11px; padding: 0 0 10px 0; }
	.post a { color: #4a1f40; text-decoration: underline; }
	.post a:hover { color: #4a1f40; text-decoration: none; }
	
	.middle .blog { position: relative; width:700px; float: left; }
	
	ol.commentlist { color: #4a1f40; }
	ol.commentlist a { color: #4a1f40; }
	ol.commentlist p cite { font-size: 11px; }
	ol.commentlist p { font-size: 12px; }
	
	#respond { color: #4a1f40; }
	#respond h3 { padding: 20px 0 10px 0;}
	#respond a { color: #4a1f40; }
	#respond p label { width:300px; float: left; padding-right: 5px; text-align: right; }
	#respon input[type=text] { background-color: #F8F3ED; border: 0; }
	
	/* SIDEBAR */
	.sidebar { position: relative; float: left; width: 210px; background-color: #F8F3ED; margin:0px 0 0 30px; padding: 10px 5px; font-size: 12px; }
	.sidebar h2.widgettitle { font-size:18px; font-family: "Trebuchet MS"; color: #4a1f40; padding:0px 0 8px 5px; background: transparent; }
	.sidebar h2.widgettitle a { text-decoration: none; }
	.sidebar a { color: #4a1f40; text-decoration: none; }
	.sidebar a:hover { color: #4a1f40; text-decoration: underline; }
	li.widget { border-bottom: 1px solid #4a1f40; width: 210px; margin-bottom: 10px; padding: 0 0 10px 0;}
	
	fieldset.newsletter { border: 0; position: relative; height:35px; padding: 0; margin: 0;}
	fieldset.newsletter label { font-weight: bold; }
	fieldset.newsletter .input { position: absolute; top:18px; left:0px; border: 0; width:190px; height: 16px; padding:2px 0 0 0; margin: 0; }
	fieldset.newsletter .btn { position: absolute; top:21px; right:17px; }
	
	.textwidget { padding-left: 10px; }
	#calendar_wrap { padding-left:5px;}
	#calendar_wrap caption { font-weight: bold; padding-bottom: 5px; font-size: 14px; }
	#calendar_wrap td { padding: 5px; }
	#calendar_wrap td a { border: 1px solid #4a1f40; padding: 5px; background-color: #4a1f40; color: white; }
	#wp-calendar td { padding:4px; text-align: center; }
	#wp-calendar thead { text-align: center; }
	#calendar_wrap td#prev a { border: 0; background: transparent; color: #333333; }
	#calendar_wrap td#next a { border: 0; background: transparent; color: #333333; }
	li.cat-item { padding-left: 10px; }
	ul.blogroll { padding-left: 10px; }

	/* CONTACT */
	fieldset.contact-form { border: 0; }
	fieldset.contact-form  .form-label { float: left; width: 150px; margin: 5px 0; }
	fieldset.contact-form  .form-input { float: left; width: 350px; }
	

/* FOOTER */
.footer { position: relative; background: url(images/img-bottom.jpg) no-repeat center top; }
.footer .content { position: relative; width: 990px; margin: 0 auto; background: url(images/img-footer.jpg) repeat-x center top;  display: block; min-height: 258px; text-align: center; color: #4a1f40; padding-top: 15px; }
.footer .content h3 { font-size: 16px; padding: 0 0 10px 0; }
.footer .content h2 { font-size: 16px; padding: 0 0 5px 0; }
.footer .content p { font-size: 14px; padding: 0; }
.footer .content a.ml { color: #4a1f40; font-size: 11px; padding: 10px 0 0 0; display: block; text-decoration: none; }
.footer .content a.ml:hover { text-decoration: underline; }
.footer .content a { color: #4a1f40; font-size: 11px; text-decoration: none; }
.footer .content a:hover { text-decoration: underline; }
.footer .content .rsoc { padding: 10px 0; font-size: 11px; width: 140px; margin: 0 auto;}
.footer .content .rsoc img { border: 0; }
.footer .content .rsoc span { float:left; padding: 0 3px; }