/* ====================================================================
   MODELE: SAVERDUN2CSS v1.0
   AUTEUR: Joel ROZENCWAJG (http://www.saverdun.fr)
   DATE: aout 2008
   NAVIGATEURS COMPATIBLES: Internet Explorer 6 et 7, Mozilla 1.6,
   Firefox, Opera	
   ==================================================================== 
 ====================================================================   
   Images (.png, .gif & .jpg), COPYRIGHTS 2005, Joel ROZENCWAJG (http://www.saverdun.fr)
   Tous droits réservés 
   ==================================================================== 
##########################Mise en page ###############################*/
* {
margin:0;
padding:0;
}

img {
border:0;
}

body {
background:transparent url(../images/bg.jpg) repeat-y center top;
}

#envelope {
margin-left:auto;
margin-right:auto;
width:759px;
border-top-color:#FFF;
border-top-style:solid;
border-top-width:2px;
font:small Arial, Helvetica, sans-serif;
}

#entete {
float:left;
width:759px;
color:#000;
background:#FFF url(../images/bandeau.jpg) no-repeat center;
height:113px;
}

#entete h2 span {
display:none;
height:0;
}

#top {
float:left;
background:#C00;
color:#FFF;
width:758px;
height:25px;
padding-left:1px;
}

#user1 {
background: #FFF3E8;
padding: 10px 10px 10px 10px;
}

#user2 {
position:absolute;
left:157px;
top:0;
margin:0;
}

#left {
float:left;
width:146px;
color:#5a5a5a;
margin:0;
padding:0 0 0 1px;
height:  100%;
}

#contenu {
float: left;
background: #fff;
color: Black;
text-align: left;
width: 570px;
padding: 10px 0px 10px 15px;
min-height: 470px;
}

#Mainbody {
float: left;
width: 100%;
padding-left:5px;
padding-right:5px;
padding-top:20px;
clear:both;
}

#user3 {
width:759px;
color:#fff;
background:#FFDEAD url(../images/USER3.png);
clear:both;
height:29px;
}

#footer {
	width: 759px;
	text-align: center;
	color: #000;
	background: Silver;
	margin-top: 0;
	padding-top: 5px;
	background-color: #FFE8B7;
	font-size: xx-small;
}

iframe {
margin-left:0;
}

/* ##################### Contenu-images ###################### ok */
.left {
float:left;
vertical-align:text-top;
}

.right {
float:right;
vertical-align:text-top;
}

.center {
text-align:center;
}

/* ##################### Contenu ###################### ok */
#my_slideshow {
float:left;
margin-right:10px;
}

a {
text-decoration:none;
}

h1,.componentheading {
font-size:1.7em;
line-height:1.7em;
font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica;
color:#0093E3;
border-bottom:2px solid #0093E3;
}

h2,.contentheading {
font-size:1.5em;
line-height:1.5em;
}

h3 {
font-size:1.3em;
line-height:1.3em;
}

h4 {
font-size:1.2em;
line-height:1.2em;
}

h5 {
font-size:1.1em;
line-height:1.1em;
}

h6 {
font-size:1em;
line-height:1em;
font-weight:700;
}

h2,h3,h4,h5,h6 {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#F60;
text-indent:15px;
background:#FFF url(../../../images/M_images/menu_bg3.png) repeat-y left;
width:100%;
margin:0 0 3px;
}

.createdate {
color:Gray;
font:xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
background:transparent;
}

.modifydate {
color:Gray;
font:xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
background:#FFF;
}

.contentpane {
text-align:left;
color:#C00;
background:#FFF;
}

.contentpaneopen {
text-align:left;
width: 95%;
}

.contentheading,.componentheading {
color:#C00;
border-bottom:1px solid #C00;
text-decoration:none;
padding-left:18px;
margin-bottom:10px;
font:bold large Arial, Helvetica, sans-serif;
background:transparent url(../images/indent1.png) no-repeat left;
}

.back_button {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:700;
height:20px;
padding-left:17px;
background:url(../../../images/M_images/retour.png) no-repeat;
}

/* ################### Textes #################### ok */
.small {
font:normal small Arial, Helvetica, sans-serif;
}

.xsmall {
font:normal x-small Arial, Helvetica, sans-serif;
}

.xxsmall {
font:normal xx-small Arial, Helvetica, sans-serif;
}

.xsmalldark {
font:bold x-small Arial, Helvetica, sans-serif;
}

.smalldark {
font:bold small Arial, Helvetica, sans-serif;
}

.medium {
font:normal medium Arial, Helvetica, sans-serif;
}

.mediumdark {
font:bold medium Arial, Helvetica, sans-serif;
}

/* ##################### Réglages par défaut ##################### ok */
td,tr {
	color: #000;
	font: small Arial, Helvetica, sans-serif;
	background: transparent;
}

hr {
color:#D14024;
height:auto;
width:100%;
background:#FFF;
}

/* ##################### Réglages modules ###################### ok */
table.moduletable {
width:100%;
margin-top:0;
background:transparent;
margin-bottom:-5px;
}

table.moduletable th {
color:#FFF;
border-bottom:none;
width:140px;
display:block;
text-align:center;
text-decoration:none;
font:bold small Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:5px 0 0;
padding:9px 0 5px;
}

table.moduletable-search {
float:left;
line-height:15px;
margin:auto 0;
padding:0;
}

table.moduletable-trad {
float:right;
margin-top:-17px;
padding:0;
}

#mod_search_searchword.inputbox-search {
width:118px;
background-color:#FFDA8C;
color:#C00;
border:thin solid #C00;
font:italic bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
display:inline;
line-height:15px;
margin:auto 479px auto 8px;
padding:0;
}

.moduletabledate {
color:#FFF;
font:bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
position:absolute;
width:auto;
text-align:center;
background:#F63;
padding:5px;
}

.moduletablepres {
text-align:center;
background:url(../images/basmodule.png) no-repeat bottom;
padding-bottom:12px;
color:#C00;
position:absolute;
top:27px;
}

.moduletablepres div {
background-color:#FFF1CF;
padding:5px 0 3px;
}

/* ##################### Réglages formulaires #################### ok */
.button {
color:#C00;
background:#FFE9D2;
border:1px solid #C00;
font:x-small Arial, Helvetica, sans-serif;
}

.inputbox {
color:#000;
border:1px solid #C00;
background:#FFE9D2;
font:bold 11px Arial, Helvetica, sans-serif;
margin:0;
}

/* ################# Réglages tableaux sections ################# ok */
.sectiontableheader {
border-bottom:1px solid silver;
background:#C00;
color:#fff;
font-weight:700;
letter-spacing:1px;
padding:2px;
}

.sectiontableentry1 {
vertical-align:top;
background:#FED;
color:#C00;
padding:5px;
}

.sectiontableentry2 {
vertical-align:top;
background:#FFDAB5;
color:#C00;
padding:5px;
}

/* ###################### Menu Haut ##################### ok */
#mainlevel-top a:link,#mainlevel-top a:visited {
color:#FFF;
display:list-item;
width:108px;
height:23px;
text-align:center;
padding-top:2px;
margin-bottom:-2px;
font:bold small Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(../images/menuh3.png) no-repeat top;
}

#mainlevel-top a:hover {
color:#C00;
display:list-item;
width:108px;
height:23px;
text-align:center;
padding-top:2px;
margin-bottom:-2px;
font:bold small Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(../images/menuh4.png) no-repeat top;
}

#mainlevel-top li {
float:left;
list-style-type:none;
padding:0;
}

ul#mainlevel-top {
float:left;
margin:1px 0 -9px;
padding:0;
}

/* ################# Menus gauches ################# ok */
a.mainlevel:link,a.mainlevel:visited {
width:122px;
display:block;
font-size:1em;
color:#C00;
font-weight:700;
background:transparent url(../images/menu1.png) no-repeat left;
padding:2px 0 2px 18px;
}
a.mainlevel:hover {
	width: 122px;
	display: block;
	font-size: 1em;
	color: #0066CC;
	font-weight: 700;
	background: transparent url(../images/menu2.png) no-repeat left;
	padding: 2px 0 2px 18px;
}

a.mainlevel-pho:link,a.mainlevel-pho:visited {
width:140px;
display:block;
padding:5px 0 2px 15px;
}

#mainlevel-nav {
padding-top:7px;
}
a.mainlevel-ema:link, a.mainlevel-ema:visited, a.mainlevel-ema:hover {
	width: 138px;
	display: block;
	font-size: medium;
	padding: 150px 2px 40px 12px;
	color: #CC0000;
	height: 125px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: -140px;
	background: transparent url(../images/mairie-en-ligne2.jpg) no-repeat;
}
.sublevel {
width:120px;
display:block;
font-size:small;
color:#C00;
font-weight:700;
background:transparent url(../images/menu1.png) no-repeat left;
padding:2px 0 2px 18px;
}

.sublevel:hover {
width:120px;
display:block;
font-size:small;
color:#06C;
font-weight:700;
background:transparent url(../images/menu2.png) no-repeat left;
padding:2px 0 2px 18px;
}

.module {
width:140px;
background-image:url(../images/module.png);
background-position:top;
background-repeat:no-repeat;
margin-top:5px;
padding-bottom:15px;
}

.module > div {
background:url(../images/basmodule.png) no-repeat bottom;
padding-bottom:14px;
}

.module-pho {
width:140px;
background-image:url(../images/modules.png);
background-position:top;
background-repeat:no-repeat;
border-bottom:1px solid #C00;
}

.module-pho h3 {
color:#FFF;
font-size:small;
text-align:center;
background-image:none;
background-color:transparent;
height:15px;
padding-top:7px;
text-indent:0;
margin-bottom:4px;
width:100%;
padding-bottom:5px;
}

.module h3 {
color:#FFF;
font-size:small;
text-align:center;
background-image:none;
background-color:transparent;
height:15px;
padding-top:5px !important;
margin-bottom:0;
width:100%;
text-indent:0;
}

#user2.module {
margin-top:10px;
}

#user2 h3,h4 {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#F60;
text-indent:15px;
background:#FFF url(../../../images/M_images/menu_bg3.png) no-repeat left;
margin:15px 0 0;
}

#user2 li {
list-style-type:none;
}

/* ################# Menu Programme Cinéma ################# ok */
a.mainlevel-cin:link,a.mainlevel-cin:visited {
width:125px;
display:block;
font-size:large;
background:#C00 url(../images/progcine.png) no-repeat;
color:#FFF;
font-weight:700;
height:67px;
margin-bottom:-5px;
margin-left:0;
margin-right:0;
padding:13px 2px 2px 12px;
}

a.mainlevel-cin:hover {
width:125px;
display:block;
font-size:large;
background:#FC3 url(../images/progcine2.png) no-repeat;
color:#FFF;
font-weight:700;
height:67px;
margin-bottom:-5px;
padding:15px 2px 2px 12px;
}

/* ################# Menu Ressejac ################# ok */
a.mainlevel-res:link,a.mainlevel-res:visited {
width:130px;
display:block;
font-size:large;
background:transparent url(../images/ressejac.jpg) no-repeat;
color:#FFF;
font-weight:700;
margin-top:20px;
margin-bottom:-5px;
height:72px;
padding:15px 1px 2px 15px;
}

a.mainlevel-acro:link,a.mainlevel-acro:visited {
width:130px;
display:block;
font-size:xx-small;
background:transparent url(../../../images/stories/getacro.gif) no-repeat bottom;
font-weight:700;
margin-top:15px;
margin-bottom:5px;
height:60px;
text-align:center;
}

a.mainlevel-fire:link,a.mainlevel-fire:visited {
width:130px;
display:block;
font-size:xx-small;
background:transparent url(../../../images/stories/firefox.gif) no-repeat bottom;
font-weight:700;
margin-top:5px;
padding-top:45px;
}

/* ########################### menu emairie ########################## ok */
a.mainlevel-emairie:link,a.mainlevel-emairie:visited {
width:130px;
display:block;
font-size:xx-small;
background:transparent url(../../../images/stories/mairie-en-ligne.jpg) no-repeat bottom;
font-weight:700;
margin-top:5px;
padding-top:45px;
}

/* ################# Menu annuaire ################# ok */

a.category:link,a.category:visited {
font-weight:700;
}

/* ################### Paragraphes #################### ok */
p {
	text-indent: 1em;
	text-align: justify;
	color: #000;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0.8em;
	margin: 0.6em 0 0 0;
}
table p {
	text-indent: 0px;
}
/* ################### adresses #################### ok */
address {
text-align:left;
font:normal normal small Arial, Helvetica, sans-serif;
}

/* ##################### Listes ##################### ok */
#left ul {
list-style-type:none;
margin-left:0;
margin-top:0;
padding-left:0;
}

#left ul li {
margin-left:0;
margin-top:0;
margin-bottom:0;
padding-left:0;
}

#right ul {
list-style-type:none;
margin-left:0;
margin-top:0;
margin-bottom:0;
padding-left:0;
}

ul {
list-style-type:disc;
color:#000;
margin-left:15px;
}

li {
margin-bottom:0.7em;
}

/* ##################### images ##################### ok */
#contenu img {
margin-right:10px;
}

#contenu img.right {
margin-left:10px;
margin-right:0;
}

/* ##################### traduction ##################### ok */
#user1 ul {
padding-left:0;
float:left;
margin-top:2px;
margin-left:0;
display:inline;
}

/* ##################### météo ##################### ok */
#meteo {
height:140px;
}

/* ##################### other menu user3##################### ok */
a.mainlevel-user3:link,a.mainlevel-user3:visited {
width:130px;
display:block;
font-size:small;
color:#C00;
font-weight:700;
margin-top:3px;
background:transparent url(../images/menu1.png) no-repeat left;
padding:2px 0 2px 19px;
}

a.mainlevel-user3:hover {
width:130px;
display:block;
font-size:small;
color:#06C;
font-weight:700;
margin-top:3px;
background:transparent url(../images/menu2.png) no-repeat left;
padding:2px 0 2px 19px;
}

#user3 ul {
padding-left:0;
float:left;
margin-top:2px;
display:inline;
margin-left:5px;
}

/*############## Validation ##########################*/
.module-val {
display:inline;
float:right;
margin-top:1px;
}

.module-val2 {
display:inline;
float:right;
margin-top:-7px;
margin-right:8px;
}

/*############## acces contenu ##########################*/
ul.alcontenu {
visibility:hidden;
height:25px;
margin:-25px 0 0;
padding:0;
}

table.poll {
margin-top:8px;
}

/* ###################### Menu navigation ##################### ok */
#mainlevel-top2 a:link,#mainlevel-top2 a:visited {
color:#C00;
text-align:left;
font:bold small Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(../images/arrow.png);
background-position:left;
background-repeat:no-repeat;
padding:5px 7px 5px 20px;
}

#mainlevel-top2 a:hover {
color:#C00;
text-align:left;
font:bold small Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(../images/arrow2.png);
background-position:left;
background-repeat:no-repeat;
}

ul#mainlevel-top2 {
margin-left:3px;
}

/*##################### autres #########*/
#slidewrap {
margin-top:5px;
}

#entete h1 span,.recherche {
display:none;
}

a:hover,a:link,a:visited {
color:#C00;
text-decoration:none;
}

a.mainlevel-nav:link,a.mainlevel-nav:visited,a.mainlevel-uti:link,a.mainlevel-uti:visited {
width:122px;
display:block;
font-size:small;
color:#C00;
font-weight:700;
background:transparent url(../images/menu1.png) no-repeat left;
padding:2px 0 2px 18px;
}

a.mainlevel-nav:hover,a.mainlevel-uti:hover {
width:122px;
display:block;
font-size:small;
color:#06C;
font-weight:700;
background:transparent url(../images/menu2.png) no-repeat left;
padding:2px 0 2px 18px;
}

#mainlevel,#mainlevel-uti {
padding-top:4px;
}

#user1 li,#user3 li {
float:left;
margin-right:3px;
margin-bottom:0;
list-style-type:none;
display:inline;
}

/*########### Pathway ##################*/
a.pathway {
	background: #FFF2CA;
	border-bottom: 2px solid #FF6600;
}

.pathway {
	background: #FFFAEA;
	border: 2px solid #FFFAEA;
}
img.pathwayi {
	vertical-align: text-top;
}