/*
Name: Ville de Camaret sur Aigues
URL: http://www.camaret.org/
Author: Com-Ocean | http://www.com-ocean.com
Date: février 2010
*/

* {outline: none;}

html {font-size: 100.01%;}

body {
  background: url(/images/bkgd_body.jpg) repeat-x 0 0;
  background-color: #0152A3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
	margin: 0 0 0.6em;
	padding: 0;
}

/*
p, address, blockquote, ol, p, ul, li, label {
	line-height:1.5em;
	margin: 0 0 1em;
	padding: 0;
}
*/

button, input, select, textarea {font-family: Geneva, Arial, Helvetica, sans-serif;}

td, th {
  vertical-align: top;
}

/* ----------------------------------------------------------------------- */
/*                             	GENERAL STYLES                             */
/* ----------------------------------------------------------------------- */


.left {float: left;}

.right {float: right;}

.clear {clear: both;}

img {border: 0; display: block;}

.imgleft {
	float: left;
	margin: 0 20px 10px 0;
}

.imgright {
	float: right;
	margin: 0 0 10px 20px;
}

.italic {font-style: italic;}

.ir {
	background-position: 0 0;
	background-repeat: no-repeat !important;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

a:active {
  position: relative;
  top: 1px;
}

.pager {
  font-size: 1.3em;
}

/* ----------------------------------------------------------------------- */
/*                             	LAYOUT                                     */
/* ----------------------------------------------------------------------- */

#container {
	margin: 0 auto 20px;
	width: 960px;
}

#header {
	background: url(../images/bkgd_header.jpg) no-repeat bottom right;
	height: 95px;
	margin: 0;
	width: 960px;
}

#main {
	margin: 0;
  position: relative;
	width: 960px;
}

#content_home {
  margin: 0;
  width: 960px;
}

#homeh2 { display: none; }

#news_home {
  margin-left: 250px;
  color: #333333;
}

#news_home h3 {
  font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #86601E; 
  border-color: #C1E4F7;
}

#news_home a {
  color: #333333;
  text-decoration: none;
}

#news_home a:hover {
  text-decoration: underline;
}

#news_home ul {
  padding: 0; 
}

#news_home li {
  color: #333333;
  list-style: none;
  background-image: url(/images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding-left: 10px;
}

#news_home .col1 {
  float: left;
  width: 320px;
}

#news_home .col2 {
  float: left;
  width: 320px;
  margin-left: 50px;
}



#content {
	background-color: #FFF;
	min-height: 300px;
	height: auto !important;
	height: 300px;
  margin: 0 0 0 115px;
  padding: 15px 20px 20px 70px;
  width: 755px;
}

#banner-header {
  background-image: url(/images/banner/header_mairie.jpg);
  background-repeat: no-repeat;
  width: 960px;
  height: 295px;
}

#banner-footer {
  background-image: url(/images/banner/footer_mairie.jpg);
  background-repeat: no-repeat;
  width: 845px;
  height: 64px;
  margin: 0 0 0 115px;
}

.prettyLoader {
	background: url(/images/prettyLoader/prettyLoader.png) top left no-repeat;
	height: 30px;
	position: absolute;
	width: 30px;
	z-index: 30000;
}

.prettyLoader img {
	display: block;
	margin: 7px 0 0 7px;
}

.pl_ie6 { background-image: url(/images/prettyLoader/prettyLoader.gif); }

.ajax_link {
  cursor: pointer;
}


/* ------------ Navigation ------------ */

ul#nav {
	list-style-type: none;
	margin: 0 0 0 0;
  padding: 0;
  height: 25px;
	width: 820px;
}

	#nav > li {
		float: left;
    line-height: 1.5em;
		margin: 0 0 0 1px;
    position: relative;
	}

		#nav > li > a {
			height: 25px;
			background-position: 0 0;
			background-repeat: no-repeat !important;
			display: block;
			overflow: hidden;
			text-indent: -999px;
      width: 163px;
    	display: block;
    	position: relative;
		}

		#nav > li > a:hover {background-position: 0 -25px;}

		#nav > li#nav-mairie > a {background-image: url(/images/nav_mairie.jpg);}
		#nav > li#nav-vivre > a {background-image: url(/images/nav_vivre.jpg);}
		#nav > li#nav-economie > a {background-image: url(/images/nav_economie.jpg);}
		#nav > li#nav-implanter > a {background-image: url(/images/nav_implanter.jpg);}
		#nav > li#nav-tourisme > a {background-image: url(/images/nav_tourisme.jpg);}

    #nav ul li li {padding: 3px 0;}

    #nav ul li {padding: 3px 0;}




/* ----------------------- Nav annexe -----------------------*/

#block_nav_annexe {
	background: url(/images/bkgd_subnav.png) no-repeat 0 0;
  height: 220px;
  left: 0;
  padding: 20px 10px 40px 10px;
	position: absolute;
  top: 160px;
  width: 155px;
  z-index: 5;
}

#search label {
  display: none;
}

  #search-but {
    background: url(/images/icon_search.jpg) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    display: block;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px;
    font-size: 0;
    line-height: 0;
  }

  #search-txt {
    background: url(/images/bkgd_search.jpg) no-repeat 0 0;
    border: 0;
    display: block;
    float: left;
    height: 21px;
    margin-right: 5px;
    padding: 2px 5px 0 5px;
    width: 112px;
  }

  ul#nav_annexe {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
    height: 180px;
    width: 155px;
  }

    ul#nav_annexe li {
      font-size: 1.0em;
      font-weight: bold;
      height: 26px;
      line-height: 1.2em;
      padding: 0 0 0 30px;
      margin: 0 0 6px;
      text-transform: uppercase;
    }

    ul#nav_annexe li a{
    	color: #FFF;
    }

    #nav_annexe_lienaccueil { background:url(/images/icon_home.jpg) no-repeat 0 1px;}
    #nav_annexe_actualites { background:url(/images/icon_doc.jpg) no-repeat 0 1px;}
    #nav_annexe_bulletin { background:url(/images/icon_doc.jpg) no-repeat 0 1px;}
    #nav_annexe_urgence { background:url(/images/icon_doc.jpg) no-repeat 0 1px;}
    #nav_annexe_pcs { background:url(/images/icon_doc.jpg) no-repeat 0 1px;}
    #nav_annexe_contact { background:url(/images/icon_contact.jpg) no-repeat 0 1px;}


/* ------------ Sous-navigation ------------ */

ul#subnav {
	list-style-type: none;
	margin: 0;
  padding: 10px 0 10px;
  left: 0;
  position: absolute;
  top: 435px;
	width: 170px;
  z-index: 4;
}

#mairie #subnav {background-image: url(/images/bkgd_subnav_mairie.png);}
#vivre #subnav {background-image: url(/images/bkgd_subnav_vivre.png);}
#tourisme #subnav {background-image: url(/images/bkgd_subnav_tourisme.png);}
#economie #subnav {background-image: url(/images/bkgd_subnav_economie.png);}
#implanter #subnav {background-image: url(/images/bkgd_subnav_implanter.png);}

	#subnav li {
  	color: #FFF;
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0;
		padding: 0;
	}

		#subnav a {
    	background: url(../images/arrow.png) no-repeat 10px 10px;
      color: #FFF;
      display: block;
      text-decoration: none;
			padding: 5px 10px 5px 20px;
      width: 140px;
		}

    #subnav a:hover {text-decoration: underline;}

ul#subnav ul  {
	list-style-type: none;
	margin: 0;
  padding: 0;
	width: 140px;
}

   ul#subnav ul li {
   	background-image: none;
		font-size: 11px;
		margin: 1px 0;
    padding: 0 0 0 10px;
	}


   #subnav ul li a {
    	background: none;
      display: block;
			padding: 2px 10px 2px 20px;
      width: 130px;
		}

#noid .selected {background-color: #00376F;}
#mairie .selected {background-color: #00376F;}
#vivre .selected {background-color: #214B00;}
#tourisme .selected {background-color: #52006E;}
#economie .selected  {background-color: #896600;}
#implanter .selected  {background-color: #8D5000;}

#noid ul#subnav ul li .selected {background-color: #0152A3;}
#mairie ul#subnav ul li .selected {background-color: #0152A3;}
#vivre ul#subnav ul li .selected {background-color: #4A8A00;}
#tourisme ul#subnav ul li .selected {background-color: #5f1287;}
#economie ul#subnav ul li .selected  {background-color: #DC9900;}
#implanter ul#subnav ul li .selected  {background-color: #DC7C01;}



/* ----------------------------------------------------------------------- */
/*                             	GENERAL TYPO                               */
/* ----------------------------------------------------------------------- */

p {
	color: #333;
	font-size: 1.2em;
	line-height: 1.5em;
  text-align: justify;
}

label {
	color: #333;
	font-size: 12px;
}

a {	color: #0066CC;}

a:hover { color: #8C601E;}


h2 {
	color: #FFF;
	display: block;
  height: 46px;
  font-size: 1.3em;
  margin-bottom: 10px;
  padding-top: 4px;
}

h2 a {
  color: #FFF;
}

.h2 {
  display: inline;
	background-color: #0067D0;
  padding: 4px 20px 8px 20px;
  ?padding-top: 5px;
  ?line-height: 24px;
}


h3 {
	border-top: 1px solid;
  font-size: 2.0em;
  padding: 10px 0 0;
}

.cms h3 {
	border: none;
  padding: 0;
}

h4 { font-size: 1.4em;}

h5 {
	clear: both;
	color: #FFF;
  display: block;
  font-size: 1.2em;
  /*font-weight: normal;*/
  height: 18px;
  padding: 3px 0 0 5px;
  margin: 30px 0 10px;
  font-weight: bold;
}

h5 a {
  color: #FFF;
}

h6 {
	color: #333;
  font-size: 1.3em;
}

ul {
	list-style-type: disc;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
}

#content ul,
#content ol {
  list-style-position: inside;
}

ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
}

li {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
  margin: 0 0 5px;
}


ul ul {list-style-type: circle; margin: 5px 0 15px 10px;}

ul ul li {line-height: 14px;}
/* ----------------------------------------------------------------------- */
/*                             	SPECIFIC LAYOUT                            */
/* ----------------------------------------------------------------------- */


/* ----------------------- header -----------------------*/

h1.logo {
  background: url(/images/logo_camaret.jpg) no-repeat 0 0;
  display: block;
  float: left;
  height: 90px;
  margin: 4px 0 0;
  width: 283px;
}

  h1.logo a {
    display: block;
    height: 90px;
    width: 283px;
  }

#block_nav_additionnal {float: right;}

  #nav_size {
  	float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 10px 0 0;
  }

    #nav_size a {color: #8C601E;}
    #nav_size a:hover {color: #BFDDF5; text-decoration:none;}

    .big-size {font-size: 2.2em;}

  #nav_additional {
  	float: left;
    list-style-type: none;
    margin:  0 0 0 5px;
    text-transform: uppercase;
  }

    #nav_additional li {
      float: left;
      margin:  10px 0 0 12px;
    }

      #nav_additional li a {
        color: #666;
        text-decoration: none;
      }

      #nav_additional .selected {
        background-color: transparent;
        text-decoration: underline;
        color: #000000;
      }

      #nav_additional li a:hover { text-decoration: underline;}


/* ------------ Home page ------------ */
.title_actus {
	background: url(/images/title_zoom.jpg) no-repeat 0 0;
  float: left;
  height: 40px;
  margin: 120px 0 0 20px;
  width: 210px;
}

#block_home_actus {
	float: left;
  margin: 0 0 0 0;
  width: 680px;
  height: 197px;
  padding-left: 250px;
  padding-top: 15px;
  background: url(/images/bg-home-actus.gif) no-repeat 0 0;
  position: relative;
}

  .block_actus {
  	background: url(/images/bkgd_actu.jpg) no-repeat 0 0;
    float: left;
    height: 140px;
    margin: 15px 0 0;
    padding: 8px 0 0 15px;
    width: 300px;
    margin-right: 50px;
    list-style-type: none;
  }

  .block_actus_last {
     margin-right: 0 !important;
  }

  .block_actus .img_actus {
    background-color: #86601E;
    float: left;
    height: 130px;
    overflow: hidden;
   	width: 85px;
  }

  	.content_actus {
      background-color: #86601E;
      float: left;
      height: 110px;
      padding: 10px;
      width: 180px;
   }

      .content_actus h3, .content_actus h3 a {
      	border: none;
        color: #BFDDF5;
        font-size: 12px;
        margin-bottom: 0.3em;
        padding: 0;
        text-decoration: none;
        text-transform: uppercase;
   }
     
     .content_actus h3 a:hover {	text-decoration: underline;}

      .content_actus p {
        color: #FFF;
        line-height: 1.2em;
        font-size: 12px;
        margin: 0;
      }

      a.link_actus {
      	color: #BFDDF5;
        display: block;
        float: right;
        margin-top: 5px;
        text-decoration: none;
      }
      
      a:hover.link_actus {
      	color: #BFDDF5;
        text-decoration: underline;
      }

/* ---------------- bulletins ----------------- */

.template-page-bulletins .bulletin {
  float: left;
  width: 350px;
  margin-right: 25px;
  margin-bottom: 10px;
  height: 270px;
}


/* ---------------- inner page ----------------- */

.chemin, .chemin a {
    color: #666;
    font-size: 12px;
    font-style: italic;
  }

ul.link_download {
	list-style-type: none;
  padding: 0;
}

  ul.link_download li {
    background: url(/images/icon_document.jpg) no-repeat 0 0;
    height: 24px;
    padding: 10px 0 0 44px;
  }

.but_localiser {
  background: url(/images/but_localiser.jpg) no-repeat 0 0;
  height: 47px;
  margin: 10px 0 20px;
  width: 205px;
}

.list_link {
	float: left;
  margin: 20px 5px;
  width: 200px;
}

.list_link dd {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 5px;
}

#noid .list_link dd a  {color: #0066CC;}
#mairie .list_link dd a  {color: #0066CC;}
#vivre .list_link dd a  {color: #91BA36;}
#economie .list_link dd a  {color: #E3B706;}
#implanter .list_link dd a  {color: #E38D06;}
#tourisme .list_link dd a  {color: #7809B2;}

.list_link dt  {
	color: #333;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 25px;
}

/* ---------------- templates ----------------- */

.baspage {
  clear: both;
}

.template-page {
  width: 640px;
}

.template-page .colonne-texte {

}

.template-page .colonne-vignette {
  float: left;
  margin-right: 20px;
}

.template-page .colonne-vignette img {
	border: 1px solid;
  margin: 0 0 20px;
  width: 158px;
}

.template-page .colonne2 {
	float: left;
  margin: 0;
  width: 460px;
}

.template-page-photos .page-content {
	float: left;
  margin: 0 20px 0 0;
  width: 385px;
}

.template-page-photos .page-photos {
	float: left;
  margin: 0;
  width: 350px;
}

  .template-page-photos .page-photos img {
  	border: 1px solid;
    display: block;
    margin: 10px 0 20px;
    width: 328px;
   }


/* ------------ Galerie photos ------------ */

.galleryview {}

.strip_wrapper {width: 260px !important; left: 35px !important }

.nav-prev { left: 0px; top: 255px !important; }

.nav-next { right: 0px; top: 255px !important; }

.loader { background: url(/images/loader.gif) no-repeat center center; }

#filmstrip-box {
  background-color: #cccccc;
	height: 80px;
	margin: 255px 0 0 0;
	width: 330px;
 }

.filmstrip {
  z-index: 3 !important;
}

#pointer {
  z-index: 4 !important;
}

#galerie {float: left;}

.panel-overlay {color: #ffffff;	}

.panel-overlay p {color: #ffffff; padding-top: 5px}

.frame {
  width: 80px;
  height: 60px;
  overflow: hidden;
}

.frame img {
  overflow: hidden;
}

/* ---------------- services-municipaux ----------------- */




h5.accordion-title {
  margin: 10px 0;
  padding:3px 0 0 3px;
}

h5.accordion-title a {
  color: #ffffff;
  text-decoration: none;
  margin-left: 3px;
}

h5.accordion-title a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.accordion-link {
  cursor: pointer;
}


.accordion-link {
  cursor: pointer;
}

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; float: left; }
.ui-icon { width: 16px; height: 16px; background-image: url(/sfWebToolsPlugin/themes/jquery-ui-lightness-1.8/images/ui-icons_ffffff_256x240.png); }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }

/* ---------------- templates association ----------------- */

.asso-tabs {
  margin-bottom: 20px;
}

.template-association .page-content {
	float: left;
  margin: 0 20px 0 0;
}

.template-association .page-photos {
	float: left;
  margin: 0;
  width: 350px;
}

  .template-association .page-photos img {
  	border: 1px solid;
    display: block;
    margin: 10px 0 20px;
    width: 328px;
   }

.template-association .bloc-tabs {
  width: 390px;
  }

.asso-actu {
  width: 500px;
  float: left;
}

.asso-actu h3 {
  margin-bottom: 0;
  border: none;
} 
  
.asso-list-actus {
  float: right;
  margin-left: 20px;
  width: 210px;
  border: 1px solid #4A8A00;
  padding: 0 10px;
  background-color: #91BA36;
}

.asso-list-actus h3 {
  color: #ffffff !important;
  font-size: 14px;
}

.asso-list-actus li {
  color: #ffffff;
  list-style-type: square;
  }
  
.asso-list-actus li a {
    color: #ffffff;
  }  
  
/* ---------------- templates entreprises ----------------- */
  
.template-entreprise .page-content {
	float: left;
  margin: 0 20px 0 0;
}

.template-entreprise .page-photos {
	float: left;
  margin: 0;
  width: 350px;
}

  .template-entreprise .page-photos img {
  	border: 1px solid;
    display: block;
    margin: 10px 0 20px;
    width: 328px;
   }

.template-entreprise .bloc-tabs {
  width: 390px;
  }  

/* root element for tabs  */

.bloc-tabs {
  clear: both; 
}

ul.tabs {
	display: block;
	height: 20px;
  list-style-type: none;
	margin: 10px 0 0 0 !important;
	padding: 0;
}

/* single tab */
ul.tabs li {
	float:left;
	margin:0 !important;
	padding:0;
	text-indent:0;
}

/* link inside the tab. uses a background image */
ul.tabs a {
  background-color: #A7C75E;
  border-right: 2px solid #ffffff;
	color:#ffffff;
  font-size: 1.1em;
	display:block;
	height: 24px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 126px;
}

ul.tabs a:active {outline:none;}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color: #7EBB1F;
	background-position: -420px -62px;
	color:#ffffff !important;
	cursor:default !important;
}

/* initially all panes are hidden */
div.panes div.pane {
	display:none;
  background-color: #e4eece; /* d3e3af */
  border: 2px solid #7EBB1F;
  padding: 10px 15px;
}

.page-tabs {
  width: 640px;
}

.page-tabs ul.tabs a {
  width: 212px;
  overflow: hidden;
} 

.page-tabs li#tab-2 a { border-right: none; }

#mairie ul.tabs a    {background-color: #297ED4;}
#vivre ul.tabs a     {background-color: #A7C75E;}
#economie ul.tabs a  {background-color: #EFCB77;}
#implanter ul.tabs a {background-color: #E79F2E;}
#tourisme ul.tabs a  {background-color: #8D30BE;}

#mairie ul.tabs a.current, #mairie ul.tabs a.current:hover, #mairie ul.tabs li.current a   {background-color: #0066CC;}
#vivre ul.tabs a.current, #vivre ul.tabs a.current:hover, #vivre ul.tabs li.current a   {background-color: #7EBB1F;}
#economie ul.tabs a.current, #economie ul.tabs a.current:hover, #economie ul.tabs li.current a   {background-color: #E3B706;}
#implanter ul.tabs a.current, #implanter ul.tabs a.current:hover, #implanter ul.tabs li.current a   {background-color: #E38D06;}
#tourisme ul.tabs a.current, #tourisme ul.tabs a.current:hover, #tourisme ul.tabs li.current a   {background-color: #7809B2;}

#mairie div.panes div.pane { background-color: #DFEFFF; border: 2px solid #0066CC; }
#vivre div.panes div.pane { background-color: #e4eece; border: 2px solid #91BA36; }
#economie div.panes div.pane { background-color: #FFF6DF; border: 2px solid #E3B706; }
#implanter div.panes div.pane { background-color: #FFF3DF; border: 2px solid #E38D06; }
#tourisme div.panes div.pane { background-color: #EECFFF; border: 2px solid #7809B2; }

/* ---------------- themes ----------------- */

body {background-color: #0152A3;}
body#home {background-color: transparent;}
body#mairie {background-color: #0152A3;}
body#vivre {background-color: #4A8A00;}
body#implanter {background-color: #DC7C01;}
body#economie {background-color: #DC9900;}
body#tourisme {background-color: #540270;}

#banner-header { background-image: url(/images/banner/header_mairie.jpg); }
#mairie     #banner-header { background-image: url(/images/banner/header_mairie.jpg); }
#vivre      #banner-header { background-image: url(/images/banner/header_vivre.jpg); }
#implanter  #banner-header { background-image: url(/images/banner/header_implanter.jpg); }
#economie   #banner-header { background-image: url(/images/banner/header_economie.jpg); }
#tourisme   #banner-header { background-image: url(/images/banner/header_tourisme.jpg); }

#banner-footer { background-image: url(/images/banner/footer_mairie.jpg); }
#mairie     #banner-footer { background-image: url(/images/banner/footer_mairie.jpg); }
#vivre      #banner-footer { background-image: url(/images/banner/footer_vivre.jpg); }
#implanter  #banner-footer { background-image: url(/images/banner/footer_implanter.jpg); }
#economie   #banner-footer { background-image: url(/images/banner/footer_economie.jpg); }
#tourisme   #banner-footer { background-image: url(/images/banner/footer_tourisme.jpg); }

h2 {background: url(../images/h2_bkgd_mairie.gif) no-repeat 0 0;}
#mairie     h2 {background: url(/images/h2_bkgd_mairie.gif) no-repeat 0 0;}
#vivre      h2 {background: url(/images/h2_bkgd_vivre.gif) no-repeat 0 0;}
#economie   h2 {background: url(/images/h2_bkgd_economie.gif) no-repeat 0 0;}
#implanter  h2 {background: url(/images/h2_bkgd_implanter.gif) no-repeat 0 0;}
#tourisme   h2 {background: url(/images/h2_bkgd_tourisme.gif) no-repeat 0 0;}

#mairie     .h2 { background-color: #0066CC;}
#vivre      .h2 { background-color: #91BA36;}
#economie   .h2 { background-color: #E3B706;}
#implanter  .h2 { background-color: #E38D06;}
#tourisme   .h2 { background-color: #7809B2;}

h3 {border-color:#0066CC; color: #0066CC;}
#mairie     h3 {border-color:#0066CC; color: #0066CC;}
#vivre      h3 {border-color: #91BA36; color: #91BA36;}
#economie   h3 {border-color: #E3B706; color: #E3B706;}
#implanter  h3 {border-color: #E38D06; color: #E38D06;}
#tourisme   h3 {border-color: #7809B2; color: #7809B2;}

h4 {color: #0066CC;}
#mairie     h4 {color: #0066CC;}
#vivre      h4 {color: #91BA36;}
#economie   h4 {color: #E3B706;}
#implanter  h4 {color: #E38D06;}
#tourisme   h4 {color: #7809B2;}

h5 {background-color: #0066CC;}
#mairie     h5 {background-color: #0066CC;}
#vivre      h5 {background-color: #91BA36;}
#economie   h5 {background-color: #E3B706;}
#implanter  h5 {background-color: #E38D06;}
#tourisme   h5 {background-color: #7809B2;}

hr {
  height: 1px;
  border: none 0;
  border-top: 1px solid #0066CC;
  color: #0066CC;
  margin-left: 0;
  text-align: left;
  margin-bottom: 15px;
  _margin: 0;
  _padding: 0;
}

#mairie     hr {border-top-color: #0066CC; color: #0066CC;}
#vivre      hr {border-top-color: #91BA36; color: #91BA36;}
#economie   hr {border-top-color: #E3B706; color: #E3B706;}
#implanter  hr {border-top-color: #E38D06; color: #E38D06;}
#tourisme   hr {border-top-color: #7809B2; color: #7809B2;}

.temp1_colonne_left img, #mairie .temp2_colonne_right img  { border-color: #0066CC;}
#mairie     .temp1_colonne_left img, #mairie .temp2_colonne_right img  { border-color: #0066CC;}
#vivre      .temp1_colonne_left img, #vivre .temp2_colonne_right img { border-color: #91BA36;}
#economie   .temp1_colonne_left img, #economie .temp2_colonne_right img { border-color: #E3B706;}
#implanter  .temp1_colonne_left img, #implanter .temp2_colonne_right img { border-color: #E38D06;}
#tourisme   .temp1_colonne_left img, #tourisme .temp2_colonne_right img  { border-color: #7809B2;}

/* ---------------- Formulaire de contact ----------------- */

#form-container {
	background-color: #edf4fa;
  padding: 20px;
  width: 460px;
}

.titre_contact {
	border-bottom: #0152A3 1px solid;
	color: #0152A3;
	font-size: 1.8em;
  padding: 0;
}

#form-fields ul {
	list-style-type: none;
  padding: 0;
  margin: 0;
}

#form-fields ul li {clear: both; }

#myForm label {
	display: block;
  float: left;
	width: 100px;
}

ul.radio_list li {
	clear: none !important;
  float: left;
  margin-right: 15px;
  list-style-type: none;
  margin-bottom: 0px;
}

ul.error_list li {
  color:red;
}

ul.radio_list li label,ul.radio_list li input { width: auto !important; }

#form-fields ul select, #form-fields ul input, #form-fields ul textarea {
	border: #cbdae6 1px solid;
  color: #787878;
  font-size: 12px;
  width: 300px;
}

#envoyer {
	background-color: #0152A3;
  color: #FFF !important;
	cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin: 0 0 0 300px;
  text-transform: uppercase;
  width: 100px !important;
}


/* ---------------- Formulaire de sondage ----------------- */
#mairie .poll h2     {color: #0066CC;}
#vivre .poll h2      {color: #91BA36;}
#economie .poll h2   {color: #E3B706;}
#implanter .poll h2  {color: #E38D06;}
#tourisme .poll h2   {color: #7809B2;}

.poll {
  background-color: rgb(240,240,240);
  padding:0 20px 20px 20px;
}
.poll h2 {
  background:none !important;
  margin:0 !important;
  padding:20px 20px 0 0 !important;
  height:auto !important;
}
.poll ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.poll ul li { clear: both; }

.poll ul select, .poll ul input, .poll ul textarea {
  border: #cbdae6 1px solid;
  color: #787878;
  font-size: 12px;
}
.poll p.question_title { clear: both; font-weight:bold; padding-top:20px; }

.poll_notice { padding:20px 0 0 0;margin:0; }

.poll_description { padding:10px 0 0 0;margin:0; }

.poll #envoyer {
	clear: both;
}



/* ---------------- Formulaire genere ----------------- */
#mairie .form_generator h2     {color: #0066CC;}
#vivre .form_generator h2      {color: #91BA36;}
#economie .form_generator h2   {color: #E3B706;}
#implanter .form_generator h2  {color: #E38D06;}
#tourisme .form_generator h2   {color: #7809B2;}

.form_generator {
  background-color: rgb(240,240,240);
  padding:0 20px 20px 20px;
  width: 400px;
}
.form_generator h2 {
  background:none !important;
  margin:0 !important;
  padding:20px 20px 0 0 !important;
  height:auto !important;
}
.form_generator ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.form_generator ul li { clear: both; }

.form_generator ul select, .form_generator ul input, .form_generator ul textarea {
  border: #cbdae6 1px solid;
  color: #787878;
  font-size: 12px;
}
.form_generator p.form_generator_element_title { font-weight:bold; padding-top:0px; margin-bottom: 0; }

.form_generator_notice { padding:20px 0 0 0;margin:0; }

.form_generator_description { padding:10px 0 0 0;margin:0; }

.form_generator #envoyer {
	clear: both;
}

.form_generator input {
  width: 400px ;
}

.form_generator textarea {
  width: 400px;
  height: 200px;
}


/******************** MARCHES PUBLICS *********************/

.form-row {
  clear: both;
}

#downloadDocumentForm label {
  width: 150px;
  display: inline;
  float: left;
} 

#downloadDocumentForm input, textarea {
  width: 200px;
  font-size: 12px;
}

#downloadDocumentForm textarea {
  height: 35px;
  margin-bottom: 10px;
}

#downloadDocumentForm label {
  font-size: 12px;
  }

#download {
	background-color: #0152A3;
  color: #FFF !important;
	cursor: pointer;
  font-weight: bold;
  height: 24px;
  margin: 0 0 0 150px;
}



/******************** slideshow *********************/

#slideshow {
    position:relative;
    height:295px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#slideshow img.active {
    z-index:3;
}

#slideshow img.last-active {
    z-index:2;
}