/*
Theme Name: Les Reines
Description: Theme pour le site <a href="http://www.lesreines.fr">Les Reines</a>.
Version: 1.0
Author: Les Reines
Author URI: http://www.lesreines.fr/

&copy; www.lesreines.fr
*/



/*
================================
	Reset
================================
*/


* {
	margin : 0;
	padding : 0;
	border :0;
}

ul {
	list-style-type : none;
}



/*
================================
	Layout
================================
*/


body {
	color :#3e1842;
	font-size : 13px;
	font-family : Trebuchet MS, Helvetica, sans-serif;
	background : #fff url('images/body_back.png') top center no-repeat;
	line-height : 18px;  /* 16px */
}

#main {
	width : 920px;
	padding : 0 30px;
	margin : 0 auto;
/*	background : #ccc; */
}

#left {
	width : 265px;
/*	background : #f00; */
	float : left;
	padding-top : 20px;
/*	background : transparent url('images/menu_back.png') right 256px no-repeat; */
}

#right {
/*	background : #ff0; */
	width : 625px;
	padding-left : 30px;
	float : left;
}


#footer {
	zoom : 1;
	text-align : center;
	padding-top : 50px;
	padding-bottom : 30px;
/*	background : #0f0; */
	clear : both;
	width : 920px;
	margin : 0 auto;
}

#content p {
	text-align : justify;
}


/*
================================
	Header & navigation
================================
*/

/* Header */

#header {
	margin : 20px 0;
	zoom : 1;
	overflow : auto;
}

#header li {
	float : left;
	margin-right : 15px;
}

#header li.img4 {
	margin-right : 0;
}

#header a {
	overflow : hidden;
	width : 145px;
	height : 140px;
	display : block;
	text-indent : -10000px;
	text-transform : uppercase;
	text-decoration : none;
	color : #fff;
	font-size : 16px;
	font-weight : bold;
}

li.img1 a {
	background : transparent url('images/header_img1.jpg') top left no-repeat;
}

li.img2 a {
	background : transparent url('images/header_img2.jpg') top left no-repeat;
}

li.img3 a {
	background : transparent url('images/header_img3.jpg') top left no-repeat;
}

li.img4 a {
	background : transparent url('images/header_img4.jpg') top left no-repeat;
}

#header li a:hover {
	padding : 10px;
	padding-top : 80px;
	width : 125px;
	height : 50px;
	background-position : top right;
	text-indent : 0;
}

h2 {
	clear : both;
	width : 625px;
	height : 44px;
	display : block;
	text-indent : -10000px;
	background : transparent url('images/header_title.png') top left no-repeat;
}




/* Menu */

h1 {
	padding-left : 35px;
}

h1 a {
	overflow : hidden;
	width : 140px;
	height : 140px;
	display : block;
	background : transparent url('images/header_logo.png') top left no-repeat;
	text-indent : -10000px;
}

h1 a:hover {
	background-position : top right;
}

#nav {
	margin-top : 88px;
	font-size : 18px;
	text-transform : uppercase;
	font-weight : bold;
	line-height : 24px; 
}

#tools {
	margin-top : 28px;
	font-size : 12px;
	text-transform : uppercase;
	font-weight : bold;
	line-height : 16px; 
}

#tools a {
	color : #e97faf;
}



/*
================================
	Elements communs
================================
*/


a {
	color : #d3005f;
	text-decoration : none;
}

a:hover {
	color : #d3005f;
	text-decoration : underline;
}

a:active,a:focus {
	outline:none;
}



p {
	margin-bottom : 10px;
}


h3 {
	clear : both;
	margin-top : 26px;
	margin-bottom : 21px;
	background : transparent url('images/title_back.png') top left no-repeat;
	padding-top : 6px;
	padding-left : 15px;
	height : 23px;
	color : #fff;
	font-size : 12px;
	font-weight : bold;
	text-transform : uppercase;
}

h4 {
	font-size : 15px;
	font-weight : bold;
}

.list-news li {
	clear : both;
	zoom : 1;
	margin-top : 20px;
	overflow : hidden;
}

.list-news h4 {
	padding-top : 7px;
	margin-bottom : 4px;
}

.list-news img, .illustr {
	border : 1px solid #9d829b;
	padding : 2px;
	float : left;
	margin-right : 15px;
}

.list-news a:hover img {
	border : 1px solid #d3005f;
}

#content .list-news p {
	margin : 0;
	text-align : left;
}

.list-news .more {
	display : block;
	font-style : italic;
	margin-top : 2px;
}

.list-news .more a {
	font-style : normal;
}

.summary {
	font-size : 12px;
}


#content p.more {
	clear : both;
	text-transform : uppercase;
	font-size : 12px;
	font-weight : bold;
	text-align : right;
	padding-top : 20px;
	height : 23px;
}


p.more a {
	background : transparent url('images/more_back.png') top left no-repeat;
	height : 19px;
	padding-top : 4px;
	padding-right : 20px;
	width : 205px;
	display : block;
	cursor : pointer;
	float : right;

}

p.more a:hover {
	background-position : top right;
	color : #fff;
	text-decoration : none;
}

.pagination {
	clear : both;
	padding-top : 20px;
	font-size : 12px;
	font-weight : bold;
}

.pagination a {
	text-transform : uppercase;
	width : 205px;
	display : block;
	cursor : pointer;
	height : 19px;
	padding-top : 4px;
}

#content .pagination .next {
	float : right;
	text-align : right;
}

.pagination .prev {
	float : left;
}

.pagination .next a {
	background : transparent url('images/next_back.png') top left no-repeat;
	padding-right : 20px;
}

.pagination .prev a {
	background : transparent url('images/prev_back.png') top left no-repeat;
	padding-left : 20px;
}

.pagination .next a:hover, .pagination .prev a:hover {
	background-position : top right;
	color : #fff;
	text-decoration : none;
}






/*
================================
	Home
================================
*/


/* Promo */

.list-promo {
	zoom : 1;
}

.list-promo li {
	zoom : 1;
	float : left;
	margin-right : 11px;
}

.list-promo li.promo3 {
	margin-right : 0;
}

.list-promo span {
	margin-top : -2px;
	display : block;
	width : 181px;
	height : 20px;
	padding-right : 20px;
	background : transparent url('images/promo_title_back.png') top left no-repeat;
	color : #fff;
	text-transform : uppercase;
	padding-top : 5px;
	cursor : pointer;
	font-size : 12px;
	text-align : right;
}

.list-promo a:hover span {
	background : transparent url('images/promo_title_back.png') top right no-repeat;
	text-decoration : none;
}


/*
================================
	Article & page
================================
*/

.article ul, .page ul {
	margin-bottom : 10px;
}

.article li, .page li  {
	list-style-type : disc;
	margin-left : 30px;
}

.page h3 a {
	color : #fabcd8;
}

.page h3 a:hover {
	text-decoration : underline;
}

.article h4, .page h4 {
	font-size : 20px;
	color : #d3005f;
	line-height : 20px;
	margin-bottom : 20px;
}

.meta {
	font-size : 11px;
	padding-top : 20px;
	float : right;
}

h5 {
	font-size : 20px;
	color : #d3005f;
	line-height : 20px;
	padding-top : 15px;
	margin-bottom : 20px;
}

h6 {
	font-size : 18px;
	line-height : 18px;
	padding-top : 15px;
	margin-bottom : 20px;
}

h7 {
	font-size : 15px;
	line-height : 19px;
	padding-left : 15px;
}


.list-sub {
}

.list-sub li {
	line-height : 40px;
	margin-top : 1px;
	margin-left : 0;
	list-style-type : none;
}

.list-sub a {
	display : block;
	overflow : hidden;
	width : 600px;
	height : 40px;
	font-size : 18px;
	font-weight : bold;
	text-decoration : none;
	color : #fff;
	text-transform : uppercase;
	text-align : right;
	padding-right : 25px;
	background : transparent url('images/sub_title_back.png') top left no-repeat;
}

.list-sub a:hover {
	background-position : top right;
	color : #fff;
	text-decoration : none;
}

.previous {
	padding-top : 20px;
}

.alignright {
	float : right;
	margin-bottom : 10px;
	margin-left : 10px;
	border : 1px solid #9d829b;
	padding : 1px;
}

.alignleft {
	float : left;
	margin-bottom : 10px;
	margin-right : 10px;
	border : 1px solid #9d829b;
	padding : 1px;
}

.pdf {
	background : transparent url('images/icon_pdf.png') center left no-repeat;
	padding-left : 20px;
}



/*
================================
	Contact
================================
*/


.formcontainer .required {
	color : #d3005f;
}

.formcontainer div {
	padding-left : 15px;
	margin-bottom : 5px;
}

.formcontainer legend {
	display : none;
}

.formcontainer textarea, .formcontainer input {
	border : 1px solid #959595;
	color : #000;
}

.formcontainer textarea:focus, .formcontainer input:focus {
	border : 1px solid #d3005f;
	background-color : #fff6fb;
	color : #d3005f;
}

.formcontainer input {
	width : 270px;
	padding : 2px;
}

.formcontainer textarea {
	width : 350px;
	height : 105px;
	padding : 2px;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
}

.formcontainer input.button {
	border : 0;
	padding : 0;
	width : 100px;
	height : 25px;
	line-height : 25px;
	background : #d3005f;
	color : #fff;
	cursor : pointer;
	font-size : 11px;
	text-transform : uppercase;
}

.formcontainer .error {
	color : #f00;
}

.formcontainer .success {
	color : #009b00;
}

.formcontainer .important {
	color : #ffae00;
}