/*  

Description: Annuaire mariage 
Version: 1.0
Author: Millon Loic 
Author URI: http://www.webondemand.fr

*/


/*  ---------------------- global ---------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong, 
dl, dt, dd, ol, ul, li,
form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul, li{
  list-style-position: inside;
}

fieldset {
  color: #A67B51;
  border:1px solid #A67B51;
}

.img_preview_l{
  float:left;
  margin:0 15px 15px 0; 
}

.img_preview_r{
  float:right;
  margin:0 0 15px 15px; 
}

.width200{
  width: 150px;
}

.width250{
  width: 250px;
}

.souligne{
  text-decoration:underline;
}

:focus {
	outline: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

label {
  display:block;
  font-weight:bold;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}

a{
	color: #1a4877;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:underline; }

a img { border:none;} /* Remove IE's blue borders */

ul {
  list-style-position:inside
}



/* ------------------------- links ------------------ */
.agenda_small_header{
  font-size:14px;
  color:#BD57B5;
}
.agenda_small_header span{
  color: #403f3f;
  font-size:12px;
  text-decoration:none;
}
.actualite_small_header{
  font-size:14px;
  color:#5EB600;
}




/* ------------------------- structure ------------------ */

body {
	background: #E0F3F9 url('../images/bg_body.jpg') no-repeat 50% 0;
	color: #403f3f;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}
#container_top{
  width:960px;
  height:34px;
	background: url('../images/container_top.png') no-repeat;
	margin:0 auto 0 auto;
}
#container_middle{
  width:860px;
  position:relative;
	background: url('../images/container_middle.gif') repeat-y;
	margin:0 auto 0 auto;
	padding:25px 50px;
}
#container_middle #top_of_page{
	background: url('../images/top_of_page.gif') no-repeat;
	padding-left: 25px;
	float: right;
	margin-top: 20px; 
}
#container_bandeau{
  width:960px;
  height:336px;
  position:relative;
	background: url('../images/container_bandeau.jpg') no-repeat;
	margin:0 auto 0 auto;
}
#container_bottom{
  width:930px;
  height:20px;
	background: url('../images/container_bottom.gif') no-repeat;
	margin:0 auto 0 auto;
	text-align:right;
	padding:15px 30px 0 0;
	color: #757575;
	font-size:11px;
}
#idBandeau{
  position:absolute;
  width:499px;
  height:260px;
  top:0px;
  left:199px;
}
#content_accueil{
  width:434px;
  float:left;
  line-height:160%;
}
#content{
  margin:0 0 0 18px;
  width:632px;
  float:left;
}




/* ------------------------- bloc ------------------ */
.bloc_compte_rendu, .bloc_arrete_municipal{
  border-bottom:1px dotted #d5aa96;
  margin-top:3px;
}
.bloc_compte_rendu span, .bloc_arrete_municipal span{
  font-style: italic;
  font-size:11px;
}
.bloc_association p{
  margin-top:3px;
  padding-bottom:15px;
  border-bottom:1px dotted #d5aa96;
}
.cadre_important{
  border:3px solid #96abe8;
  color:#3366ff;
  padding:10px;
  font-size:15px;
  text-align:center;
}
#bloc_infos{
  border:2px solid #dde2ec;
	width:630px;
}
#cadre_infos{
	background:#f6f6f6 url('../images/information_bg.jpg') no-repeat right top;
  border:4px solid #fff;
  width:602px;
  padding:10px;
  line-height:130%;
}
.bloc_g{
  width: 310px;
  float:left;
  margin-right:5px;
}
.bloc_d{
  width: 310px;
  float:left;
  margin-left:5px;
}

/* ------------------------- dates ------------------ */
#bloc_date{
  background:#fff5fe;
  border:1px solid #f4d2f0;
  padding:10px;
  width:610px;
}
#bloc_date_soon{
  background:#fff5fe;
  border:4px solid #f4d2f0;
  padding:10px;
  width:604px;
}
#bloc_actu{
 /* background:#f1ffe1; */
  margin:0 0 10px 0;
}
#bloc_actu_big{
  background:#f1ffe1; 
  padding:10px;
  width:610px;
}
#bloc_date p, #bloc_actu p, #bloc_actu_big p{
  margin:6px 0;
}
#date_event {
  float:left;
  font-family:"Arial, Helvetica, sans-serif";
	width:87px;
	height:87px;
	background:url('../images/bg_date.png');
	text-align:center;
	line-height:60%;
	padding:5px 5px 0 0;
	margin-right:8px;
	color:#fff;
}
span.day_event{
  display:block;
	padding-top:3px;
  font-size: 35px;
	font-weight:bold;
	line-height:100%;
	color:#fff;
}
span.month_event{
  display:block;
	width:88px;
  font-size: 12px;
	line-height:120%;
	color:#fff;
}
#calendar{
  padding:5px 10px;
  width:604px;
  text-align: center;
  background: #FFF5FE;
  border:1px solid #f4d2f0;
}
#calendar #years{
  margin-bottom: 5px;
}
#calendar #years h2{
  font-weight: 18px;
  display: inline;
  color: #325A85;
}
#calendar #years .nav{
  text-decoration: none;
  font-size: 11px;
}
#calendar #months a, #calendar #months span{
  font-size: 11px;
  text-transform: uppercase;
}
#calendar #months a.active{
  font-weight: bold;
}



/* ------------------------- small menu ------------------ */
#small_menu{
  position:absolute;
  top:316px;
  left:53px;
  text-transform:uppercase;
  font-size:10px;
  color:#454545;
  width: 850px;
}
#small_menu a{
  background: url('../images/tiret_small_menu.gif') no-repeat left center;
  color:#454545;
  text-decoration:none;
  float: left;
  padding-left: 10px;
  margin-right: 10px;
}
#small_menu a:hover{
  text-decoration:underline;
}
#small_menu span{
  float: right;
}
#small_menu a.repere{
  background: none;
  padding: 0;
  margin: 0;
  margin-top: -7px;
}




/* ------------------------- admin ------------------ */
#bloc_admin_edit_delete{
  float:right;
  text-align:right;
}
#admin_header{
  padding: 3px 5px;
  margin:0 0 10px 18px;
  width:612px;
  float:left;
  background: #f1f1f1;
  /* url('../images/bg_admin.jpg') ; */
  border:1px solid #acacac;
}
#admin_header span{
  float:right;
  margin-top:7px;
}
.admin_title{
  margin-top:4px;
  font-size:19px;
  font-weight:normal;
}
.admin_edit, .admin_cancel, .admin_add, .admin_delete{
  font-size:16px;
  font-weight:bold;
}
.admin_edit{
  color: #F29C21;
}
.admin_add{
  color: #60A33C;
}
.admin_cancel{
  color: #D50F0E;
}
.admin_delete{
  color: #BB2D1C;
}
.submit_content{
  background:url('../images/tick.png') no-repeat;
  padding-left:20px;
  float:right;
  border:none;
  font-size:16px;
  font-weight:bold;
  color: #9CCE23;
  text-decoration:underline;
  cursor:pointer;
}




/* ------------------------- pagination ------------------ */
a.page_link{
  padding-top:3px;
  float:left;
  height:20px;
  width:15px;
  color:#517CA6;
  text-decoration:none;
  text-align:center;
}
a.page_link:hover{ 
  background: #517CA6;
  color:#fff;
}
.current_page{
  background: #517CA6;
  padding-top:3px;
  color:#fff;
  float:left;
  height:20px;
  width:15px;
  font-weight:bold;
  text-align:center;
}





/* ------------------------- sidebar ------------------ */
#sidebar{
  width:170px;
  float:right;
}
#sidebar_actualites {
  list-style-position:inside;
  list-style-type:disc;
  /* color:#90B329; */
}
ul#sidebar_actualites li span{
  font-size: 10px;
}
ul#sidebar_actualites li a{
  /* color:#403f3f; */
  text-decoration:none;
}
ul#sidebar_actualites li a:hover{
  text-decoration:underline;
}
#sidebar_agenda {
  list-style-position:inside;
  list-style-type:disc;
  color:#AF33A5;
}
ul#sidebar_agenda li a{
  color:#403f3f;
  text-decoration:none;
}
ul#sidebar_agenda li a:hover{
  text-decoration:underline;
}
.all_sidebar{
  float:right;
}

/* ------------------------- menu ------------------ */
#menu a.titre, #menu a.last_titre{
  display:block;
  height:24px;
  padding-top:6px;
  padding-left:16px;
  width:184px;
}
#menu a.titre{
	background: url('../images/menu_off.gif') no-repeat 12px 0;
}
#menu a.titre:hover, #menu a.last_titre:hover{
	background: url('../images/menu_over.gif') no-repeat 0 0;
	cursor:pointer;
}
#menu .ss_menu{
  display:block;
  margin:4px 0 4px 25px;
  width:150px;
}
#menu .bottom, #menu .bottom:hover{
  margin-top:10px;
  height:9px;
  width:200px;
  text-align:center;
  float:left;
	background: #fff url('../images/menu_bottom.gif') no-repeat;
}


#menu {
  padding:5px 0 0px 0px;
  margin:0;
  float:left;
	background: url('../images/menu_middle.gif') repeat-y;
}
#menu li{
  list-style-type : none;
}
#menu .smenu, #menu .single_menu_header {
  text-transform:uppercase;
	color: #fff;
  display:block;
  height:20px;
  margin:0;
  padding-top:10px;
  padding-left:16px;
  width:184px;
	background: url('../images/menu_off.gif') no-repeat 12px 0;
	cursor:pointer;
}
#menu dt:hover{
	background: url('../images/menu_over.gif') no-repeat 0;
}
#menu .first{
	background: none;
}
#menu .first:hover{
	background: url('../images/menu_over_first.gif') no-repeat 0;
} 
#menu dd {
}
#menu li:hover {
	background: url('../images/menu_over_ss_menu.gif') no-repeat 0;
}
#menu dt a {
  text-decoration:none;
	color: #fff;
}
#menu li a {
  text-decoration:none;
	color: #fff;
  display : block;
  height:15px;
  padding:4px 0 4px 0px;
  margin-left:20px !important;
  margin-left:15px;
  width:175px !important;
  width:150px;
}
.listyle_on, .dtstyle_on{
  font-weight:bold;
}


/* ------------------------- titles ------------------ */
h4{
  color:#3366ff;
}
h3.page_title{
  color:#A67B51;
  font-weight:normal;
  font-family: "Times New Roman", Times, serif; 
  font-size:21px;
  margin-bottom:20px;
  border-bottom:1px solid #A67B51;
}
.common_header{
  color:#1A4877;
  font-size:17px;
  display:block;
}
.agenda_header{
  font-size:17px;
  font-weight:normal;
  color:#BD57B5;
}
.agenda_header_soon{
  font-size:17px;
  font-weight:bold;
  color:#BD57B5;
}
.actualite_header{
  font-size:17px;
  font-weight:normal;
  color:#5EB600;
}
.actualite_header_big{
  font-size:19px;
  font-weight:normal;
  font-family: "times";
  color:#5EB600;
}
.medium_header{
  font-size:17px;
  font-weight:bold;
  color:#A67B51;
}
.bulletin_header{
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
}
.usefull_links_header{
  display:inline;
  font-weight:bold;
  font-size:15px;
  color:#744e28;
}

.form_error, .required{
  color:red;
}
.message{
  color:#8fcb00;
}


/* ------------------------- onglets ------------------ */

.onglet1, .onglet_active1{
  margin-left:15px;
}
.onglet1, .onglet2, .onglet_active1, .onglet_active2{
  z-index:150;
	background: url('../images/onglet_off.gif') no-repeat;
  width:78px;
  height:22px;
  padding:6px 0 0 0px;
  text-align:center;
  float:left;
}
.onglet1, .onglet2{
	background: url('../images/onglet_off.gif') no-repeat;
}
.onglet_active1, .onglet_active2{
	background: url('../images/onglet_on.gif') no-repeat;
}
.onglet1:hover, .onglet2:hover{
	background: url('../images/onglet_over.gif') no-repeat;
}
#onglet_content, #onglet_content2{
  z-index:-5;
	background: url('../images/onglet_content.gif') no-repeat;
  margin-top:-2px;
  float:left;
}
#onglet_content{
  width:610px;
  padding:10px;
}
#onglet_content2{
  width:600px;
  padding:15px;
}
#map_canvas a{
  display:none;
}




/* ------------------------- onglets ------------------ */
#header {
  width:630px;
  float:left;
  background:url(../images/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  font-size: 10px;
  }
#header ul {
  margin:0;
  padding:0px 15px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url(../images/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  }
#header a {
  display:block;
  background:url(../images/right.gif) no-repeat right top;
  padding:6px 10px 3px 6px;
  text-decoration:none;
  color:#765;
  }
#header a:hover {
  color:#333;
  }
#header #current {
  background-image:url(../images/left_on.gif);
  }
#header #current a {
  background-image:url(../images/right_on.gif);
  color:#333;
  padding-bottom:5px;
  }



/* ------------------------- table ------------------ */
.simple_table td{
  border-bottom:1px solid #C3A68A;
}