/*
Theme Name: ESF la Pierre St Martin
Theme URI: http://www.esf-lapierre.com
Description:
Version: 1.0
Author: Sébastien Cadet
Tags: valid XHTML, fixed width, two columns, right sidebar.
*/

/*   -------------------------------------------------------------
     Global
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	 
* {
	margin : 0;
	padding : 0;
}

a {
	color : #7c606f;
	text-decoration : underline;
}

a:hover {
	color : #7c606f;
	text-decoration : none;
}

body {
	background : #1b143f url(images/bg.jpg);
	color : #1b143f;
	font : .75em Arial, Helvetica, sans-serif;
}

img {
	border : 0 none;
}

p {
	padding : 5px;
}

.alignright {
	margin : 0 0 10px 10px;
	float : right;
}

.clear {
    clear : both;
	height : 0;
	overflow : hidden;
}

/* Wrapper
--------------------------------------------------*/
#wrapper {
	background : #1b143f url(images/bg-sidebar.gif) repeat-y 100% 0;
	margin : 0 auto;
	width : 1000px; 
}

/* Main
--------------------------------------------------*/
#main {
	float : left;
	width : 675px;
}

#header {	/* Bandeau */
	background : #44acd1 none;
}

#menu {    /* Menu horizontal */
	background : url(images/bg_menu.gif) repeat-x 0 0;
	border-bottom : 1px solid #d5002a;
	border-top : 1px solid #d5002a;
}

#menu ul {
	height : 21px;
	line-height : 19px;
}

#menu li {
	display : inline;
	list-style : none;
}

#menu li a {
	color : #1773b1;
	font-weight : bold;
	padding : 0 15px;
	text-decoration : none;
}

#menu li a:hover {
	color : #d5002a;
}

#content {    /* Mise en page uniquement pour la page d'accueil */
	background : url(images/bg_accueil.jpg) no-repeat 0 0;
	height : 530px;
	width : 675px;
}

#content h2 {
	color : white;
	font-size : .99em;
	font-style : italic;
	font-weight : bold;
	line-height : 30px;
	text-align : center;
	text-transform : uppercase;
}

#content .intro {    /* Texte d'introduction */
	font-style : italic;
	position : absolute;
	width : 455px;
}

#content .activites {    /* Menu "Activités" */
	margin : 220px 0 0 308px;
	position : absolute;
	width : 145px;
}

#content .activites ul {
	display : block;
	margin-left : 6px;
	width : 137px;
}

#content .activites li {
	background : white url(images/arrow.gif) no-repeat 2px 5px;
	list-style : none;
	margin : 3px 0;
	padding-left : 10px;
}

#content .activites li a {
	color : #1b143f;
	font-size : .9em;
	padding : 2px;
	text-decoration : none;
}

#content .activites li a:hover {
	color : #d5002a;
	font-style : italic;
}

#content .cours {    /* Lien "Cours particuliers" */
	height : 35px;
	margin : 400px 0 0 475px;
	position : absolute;
	width : 190px;
}

#content .cours a {
	display : block;
	height : 35px;
	text-indent : -9999em;
	width : 190px;
}

#content2 {    /* Mise en page pour les autres pages */
}

#content2 h3 {
	color : #B00026;
	font-size : 1.2 em;
	font-weight : bold;
	line-height : 20px;
	padding-top:10px;
	padding-left:5px;
}
#content2 li {
	margin-left : 20px;
}

#content2 h1 {
	background : url(images/bg-left-h1.gif) no-repeat 0 0;
	color : white;
	font-size : .99em;
	font-style : italic;
	font-weight : bold;
	line-height : 21px;
	text-transform : uppercase;
}

#content2 h1 span {
	background : url(images/bg-right-h1.gif) no-repeat 100% 0;
	display : block;
	height : 21px;
	padding-left : 35px;
}

#content2 .columnleft {
	background : white url(images/bg-columnleft.gif) repeat-y 100% 0;
	padding : 10px;
	vertical-align : top;
	width : 515px;
}

#content2 .columnright {
	background : white url(images/bg-columnright.gif) repeat-x 0 0;
	padding-bottom : 20px;
	vertical-align : top;
	width : 140px;
}

#content2 .columnright h2 {
	background : url(images/bg-left-h2.gif) no-repeat 0 0;
	color : white;
	font-size : .99em;
	font-style : italic;
	font-weight : bold;
	line-height : 21px;
	margin : 10px auto;
	text-align : center;
	text-transform : uppercase;
	width : 90%;
}

#content2 .columnright h2 span {
	background : url(images/bg-right-h2.gif) no-repeat 100% 0;
	display : block;
	height : 21px;
}

#content2 .columnright li {
	background : #d5ecf6 url(images/arrow.gif) no-repeat 2px 5px;
	list-style : none;
	margin : 2px 0;
	padding-left : 10px;
}

#content2 .columnright li a {
	color : #1b143f;
	font-size : .9em;
	padding : 2px;
	text-decoration : none;
}

#content2 .columnright li a:hover, #content2 .columnright li.current_page_item a {
	color : #d5002a;
	font-style : italic;
}

/* Sidebar
--------------------------------------------------*/
#sidebar {
	float : left;
	width : 325px;
}

#sidebar h2 {
	background : url(images/bg-left-h2.gif) no-repeat 0 0;
	color : white;
	font-size : .99em;
	font-style : italic;
	font-weight : bold;
	line-height : 21px;
	margin : 10px auto;
	text-align : center;
	text-transform : uppercase;
	width : 90%;
}

#sidebar td {
	vertical-align : top;
}

#sidebar h2.lowercase {
	margin-bottom : 0;
	text-transform : none;
}

#sidebar h2 span {
	background : url(images/bg-right-h2.gif) no-repeat 100% 0;
	display : block;
	height : 21px;
}

#sidebar .large h2 span {
	background : url(images/bg-right-h2-large.gif) no-repeat 100% 0;
}

#sidebar h2 a {
	color : white;
	text-decoration : none;
}

#sidebar .under-h2, #sidebar .ngg-widget {
	background : white url(images/bg-under-h2.gif) repeat-x 0 0;
	border-left : 1px solid #751129;
	border-right : 1px solid #751129;
	margin : 0 auto;
	padding : 10px 0 0;
	text-align : center;
	width : 130px;
}

#sidebar .bottom-box {
	background : url(images/bottom-box.gif) no-repeat 0 0;
	height: 10px;
	font-size : 1px;
	margin : 0 auto;
	width : 132px;
}

#sidebar .large .under-h2, #sidebar .large .ngg-widget {
	padding-left : 10px;
	text-align : left;
	width : 263px;
}

#sidebar .large .under2 {
	background : white none;
	border-left : 1px solid #751129;
	border-right : 1px solid #751129;
	margin : 0 auto;
	padding-left : 10px;
	width : 263px;
}

#sidebar .bottom-large-box {
	background : url(images/bottom-large-box.gif) no-repeat 0 0;
	height: 10px;
	font-size : 1px;
	margin : 0 auto;
	width : 275px;
}

#sidebar li {
	background : white url(images/arrow.gif) no-repeat 2px 5px;
	list-style : none;
	padding-left : 10px;
}

#sidebar li a {
	color : #1b143f;
	font-size : .9em;
	padding : 2px;
	text-decoration : none;
}

#sidebar li a:hover {
	color : #d5002a;
}

#gallery li {
	background : 0 none;
	list-style : none;
	padding : 0;
}

/* Footer
--------------------------------------------------*/
#footer {
	color : white;
	line-height : 30px;
	text-align : center;
}

#footer a {
	color : white;
}