@charset "iso-8859-1";

@import url(_elements.css);
@import url(structure.css);
@import url(navigation_elements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);

@import url(publication_methods.css);
@import url(search.css);
@import url(board.css);

@import url(news.css);

/* COMMON STYLES */
/*reset d'un certain nombre de styles css par defaut*/
* {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
/*CSSEditor|structure,global|Zone extérieure|notext*/
body {
	background: #ddd4a2 url(/images/fond_body.png) repeat-x top left;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #4a4244;
}
/*CSSEditor|content,image|Apparence des images|notext*/
img {
	border:0;
	vertical-align: bottom;
}
.clear {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}

/************************************************************************************/
/******************************** Contenu de la rubrique ****************************/
/************************************************************************************/
body #content h2 {
	color:#0D477F;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}

body #content h3 {
	color:#000000;
	text-align:left;
	margin:10px 0 5px 0;
	text-transform:uppercase;
}

body #content h4 {
	color:#000000;
	text-align:left;
	margin:5px 0 5px 0;
	text-transform:uppercase;
}

body #content h5 {
	color:#000000;
	text-align:left;
	margin:5px 0 5px 0;
	text-transform:uppercase;
}

body #content h6 {
	color:#000000;
	text-align:left;
	margin:5px 0 5px 0;
	text-transform:uppercase;
}

body #text li {
	background:none;
	list-style:square;
	}

/************************************************************************************/
/**************************** Titre par rubrique ************************************/
/************************************************************************************/
body.accueil #content h1 {
	color:#0D477F;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.phototheque #content h1 {
	color:#0D477F;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.evenements #content h1 {
	color:#0D477F;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.contact #content h1 {
	color:#0D477F;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.loisirs #content h1 {
	color:#007E3C;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.loisirs #content h2 {
	color:#007E3C;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}

body.scolarite #content h1 {
	color:#C4111A;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.scolarite #content h2 {
	color:#C4111A;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}

body.sport #content h1 {
	color:#FFD403;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.sport #content h2 {
	color:#FFD403;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}

body.insertion #content h1 {
	color:#0089D0;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.insertion #content h2 {
	color:#0089D0;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}

body.jeunesse #content h1 {
	color:#DF8619;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.jeunesse #content h2 {
	color:#DF8619;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}

body.famille #content h1 {
	color:#B41D8D;
	text-align:right;
	margin:20px 0 30px 0;
	text-transform:uppercase;
}

body.famille #content h2 {
	color:#B41D8D;
	text-align:left;
	margin:15px 0 20px 0;
	text-transform:uppercase;
}
	
/* images style polaroid */
body #content img{
	/*mis en commentaire car probleme en % pour les images aligné à gauche ou droite du texte...*/
	/*padding: 2% 2% 7%;*/
	margin:5px;
	padding: 4px 4px 14px 4px;
    background: #FFFFFF;
    border: 1px solid #999999;
    border-width: 1px 2px 3px 1px;
}