/* ------------------------------ */
/* -- CSS By Prezenz        ----- */
/* -- www.prezenz.com       ----- */
/* ------------------------------ */

/* ------------------------------ */
/* -- STRUCTURE             ----- */
/* ------------------------------ */

html {
  margin:0px;
  padding:0px;
}

body {
  height:100%;
  margin:0px;
  padding:0px;
  background-color:#FFFFFF;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

a {
  color:#FF9933;
  text-decoration:none;
}

a:hover {
  color:#000000;
}

a.arrow {
  background-image:url(../../images/theme/arrow-orange-white-right.gif) !important; 
  background-repeat:no-repeat !important;
  padding-left:15px !important;
}

a.arrowblack {
  background-image:url(../../images/theme/mars/arrow-black-orange-right.gif) !important; 
  background-repeat:no-repeat !important;
  padding-left:15px !important;
}

a.arrowside {
  background-image:url(../../images/theme/arrow-orange-side-right.gif) !important; 
  background-repeat:no-repeat !important;
  padding-left:15px !important;
}

a.arrowcontent {
  background-image:url(../../images/theme/arrow-orange-light-blue-right.gif) !important; 
  background-repeat:no-repeat !important;
  padding-left:15px !important;
}

a.arrowtop {
  background-image:url(../../images/theme/arrow-orange-white-top.gif) !important; 
  background-repeat:no-repeat !important;
  padding-left:15px !important;
  background-position:center left;
}

img {
  border:0px;
  vertical-align:middle;
}

img.Gauche_en_haut {
  vertical-align:top;
  float:left;
  margin-right:5px;
}

img.Gauche_en_bas {
  vertical-align:bottom;
  float:left;
  margin-right:5px;
}

img.Droite_en_haut {
  vertical-align:top;
  float:right;
  margin-left:5px;
}

img.Droite_en_bas {
  vertical-align:bottom;
  float:right;
  margin-left:5px;
}

form {
  margin:0px;
  padding:0px;
}

ul {
  margin:0px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:40px;
}

/* ------------------------------ */
/* -- PAGE                  ----- */
/* ------------------------------ */

#page {
  width:958px;
  margin-left:auto;
  margin-right:auto;
}

/* ------------------------------ */
/* -- HEADER                ----- */
/* ------------------------------ */

#header {
  height:89px;
  background-color:#FFFFFF;
  background-image:url(../../images/theme/header.guichet.gif);
  background-repeat:no-repeat;
}

#header ul {
  margin:0px;
  padding:0px;
  text-transform:uppercase;
}

#header ul li {
  margin:0px;
  padding:0px;
  display:inline;
}

#guichet {
  
  text-align:right;
  height:22px;
  padding:8px;
  padding-right:15px;
  /* */
  color:#ffffff;
}

#guichet ul {
  float:right;
  margin-left:20px;
  text-transform:none;
}

#guichet ul li {
  text-transform:none;
}

#guichet ul li a {
  padding-right:25px;
  padding-left:15px;
  color:#FFFFFF;
  background-image:url(../../images/theme/arrow-white-blue-right2.gif); 
  background-repeat:no-repeat;
  background-position:center left;
}

#guichet ul li a:hover {
  padding-right:25px;
  color:#000000;
  background-image:url(../../images/theme/arrow-black-blue-right2.gif); 
  background-repeat:no-repeat;
  background-position:center left;
}

#guichet ul li a.active {
  padding-right:25px;
  color:#000000;
  background-image:url(../../images/theme/arrow-black-blue-right2.gif); 
  background-repeat:no-repeat;
  background-position:center left;
}

#canton {
  margin-left:370px;
  height:18px;
  padding:5px;
  color:#FFFFFF;
}

#canton ul {
  float:right;
  margin-right:20px;
  text-transform:none;
}

#canton ul li {
  text-transform:none;
}

#canton ul li a {
  padding-right:25px;
  padding-left:15px;
  color:#FFFFFF;
  background-image:url(../../images/theme/arrow-white-blue-right.gif); 
  background-repeat:no-repeat;
  background-position:center left;
}

#canton ul li a:hover {
  padding-right:25px;
  color:#000000;
  background-image:url(../../images/theme/arrow-black-blue-right.gif); 
  background-repeat:no-repeat;
  background-position:center left;
}

#canton ul li a.active {
  padding-right:25px;
  color:#000000;
  background-image:url(../../images/theme/arrow-black-blue-right.gif); 
  background-repeat:no-repeat;
  background-position:center left;
}

#hmenu {
  margin-left:370px;
  text-align:right;
  padding-top:4px;
  color:#6CA5F4;
  padding-right:10px;
}

#hmenu a {
  color:#000000;
}

#hmenu a.active {
  color:#FF9933;
}

#hmenu a:hover {
  color:#FF9933;
}

#logo {
  float:left;
}

#logo img {
  width:340px;
  height:85px;
}

/* ------------------------------ */
/* -- MENU                  ----- */
/* ------------------------------ */

#menu {
  margin-top:20px;
  background-color:#FFFFFF;
}

#menu ul {
  margin:0px;
  padding:0px;
  font-size:13px;
  font-weight:bold;
  text-transform:uppercase;
  color:#7DB2F1;
}

#menu ul li {
  margin:0px;
  padding:0px;
  display:inline;
}

#menu ul li a {
  color:#000000;
  padding-left:5px;
  padding-right:5px;
}

#menu ul li a.active {
  color:#7DB2F1;
}

#menu ul li a:hover {
  color:#7DB2F1;
}

/* ------------------------------ */
/* -- MAIN                  ----- */
/* ------------------------------ */

#main {
  margin:0px;
  padding:0px;
  margin-top:10px;
  padding-top:20px;
  background-color:#D4E4F7;
  background-image:url(../../images/theme/main-top.gif);
  background-repeat:no-repeat;
  background-position:top;
  width:958px;
  min-height:380px;
}

.march {
  background-image:url(../../images/theme/mars/home.jpg) !important;
  background-repeat:no-repeat;
  background-position:top;
  height:544px;
}

* html #main { 
  height:380px;
}

* html .march { 
  height:644px;
}

#main #main-bottom {
  position:relative;
  top:2px;
  background-image:url(../../images/theme/main-bottom.gif);
  background-repeat:no-repeat;
  background-position:bottom;
  height:10px;
  clear:both;
  margin:0px;
  padding:0px;
}

.march #main-bottom {
  background:none !important;
}

/* ------------------------------ */
/* -- CONTENT-LEFT          ----- */
/* ------------------------------ */

#content-left {
  float:left;
  width:193px;
}

#content-left #text {
  width:180px;
  padding-left:10px;
  padding-right:3px;
}

#content-left ul {
  margin:0px;
  padding:0px;
  width:170px;
  padding-left:10px;
  padding-right:5px;
  text-transform:uppercase;
}

#content-left ul li {
  margin:0px;
  padding:0px;
  padding-bottom:4px;
  list-style:none;
  font-weight:bold;
}

#content-left ul li a {
  color:#000000;
}

#content-left ul li a.active {
  color:#FFFFFF;
}

#content-left ul li a:hover {
  color:#FFFFFF;
}

#content-left #bulle {
  margin-top:15px;
  padding:15px;
  padding-right:30px;
  background-image:url(../../images/theme/left-menu.gif);
  background-position:top left;
  background-repeat:no-repeat;
  height:170px;
}

#content-left #bulle-title {
  padding-left:25px;
}

/* ------------------------------ */
/* -- CONTENT-HOME          ----- */
/* ------------------------------ */

#content-home {
  width:570px;
  float:left;
}

#content-home h1 {
  margin:0px;
  text-transform:uppercase;
  font-size:14px;
}

#content-home h2 {
  margin:0px;
  font-size:12px;
}

/* -- box home ------------------ */

.boxhomedonneur {
  float:left;
  width:280px;
  display:table;
  height:194px;
  background-image:url( ../../images/theme/box-home-codedonneur.gif );
}

.boxhome {
  float:left;
  width:280px;
  display:table;
}

.boxhome .box-top {
  height:17px;
  background-image:url(../../images/theme/box-top.gif);
  background-repeat:no-repeat;
}

.boxhome .box-middle {
  background-image:url(../../images/theme/box-middle.gif);
  background-repeat:repeat-y;
  padding-left:15px;
  padding-right:15px;
  height:160px;
  overflow:auto;
}

.boxhome .box-middle-big {
  background-image:url(../../images/theme/box-middle.gif);
  background-repeat:repeat-y;
  padding-left:15px;
  padding-right:15px;
  height:354px;
  overflow:auto;
}

* html .boxhome .box-middle {
  height:160px;
}

* html .boxhome .box-middle-big {
  height:354px;
}

.boxhome .box-bottom {
  height:17px;
  background-image:url(../../images/theme/box-bottom.gif);
  background-repeat:no-repeat;
}

/* ------------------------------ */
/* -- CONTENT-MIDDLE        ----- */
/* ------------------------------ */

#content-middle {
  width:570px;
  float:left;
}

#content-middle h1 {
  margin:0px;
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:5px;
}

#content-middle h2 {
  margin:0px;
  font-size:12px;
}

/* -- content ------------------- */

.content {
  margin-left:10px;
  margin-right:10px;
  margin-top:6px;
}

.content .content-top {
  height:11px;
  font-size:5px;
  background-image:url(../../images/theme/content-top.gif);
  background-repeat:no-repeat;
}

.content .content-middle {
  background-color:#EEF4FC;
  padding-left:15px;
  padding-right:15px;
  min-height:340px;
}

* html .content .content-middle {
  height:340px;
}

.content .content-bottom {
  height:11px;
  background-image:url(../../images/theme/content-bottom.gif);
  background-repeat:no-repeat;
}

/* -- box info ------------------- */

.boxinfo {
  width:230px;
  float:right;
}

.boxinfo a.arrow {
  background-image:url(../../images/theme/arrow-orange-blue-right.gif) !important; 
  background-repeat:no-repeat !important;
  padding-left:15px !important;
}

.boxinfo .box-top {
  height:10px;
  font-size:5px;
  background-image:url(../../images/theme/box-info-top.gif);
  background-repeat:no-repeat;
}

.boxinfo .box-middle {
  background-color:#D4E4F7;
  padding-left:15px;
  padding-right:15px;
  min-height:30px;
}

* html .boxinfo .box-middle {
  height:30px;
}

.boxinfo .box-bottom {
  height:10px;
  background-image:url(../../images/theme/box-info-bottom.gif);
  background-repeat:no-repeat;
}

/* -- box form ------------------- */

.boxform {
  
}

.boxform .boxform-top {
  height:10px;
  font-size:5px;
  background-image:url(../../images/theme/box-form-top.gif);
  background-repeat:no-repeat;
}

.boxform .boxform-middle {
  background-color:#FFFFFF;
  padding-left:15px;
  padding-right:15px;
  min-height:10px;
}

* html .boxform .boxform-middle {
  height:30px;
}

.boxform .boxform-bottom {
  height:10px;
  background-image:url(../../images/theme/box-form-bottom.gif);
  background-repeat:no-repeat;
}

/* ------------------------------ */
/* -- CONTENT-RIGHT         ----- */
/* ------------------------------ */

#content-right {
  float:left;
  width:193px;
}

#content-right #text {
  width:180px;
  padding-right:10px;
  padding-left:3px;
}

#content-right h1 {
  margin:0px;
  text-transform:uppercase;
  font-size:14px;
}

#content-right h2 {
  margin:0px;
  font-size:12px;
}

/* -- box actualite ------------- */

.actualite {
  padding-top:35px;
  background-image:url(../../images/theme/title-actualites.gif);
  background-repeat:no-repeat;
  background-position:top left;
}

.recherche {
  padding-top:35px;
  background-image:url(../../images/theme/title-recherche.gif);
  background-repeat:no-repeat;
  background-position:top left;
  clear:both;
}

.news {
  margin-bottom:15px;
}

/* -- box side ------------------ */

.boxside {
  float:left;
  width:180px;
  display:table;
}

.boxside .box-top {
  height:17px;
  background-image:url(../../images/theme/box-side-top.gif);
  background-repeat:no-repeat;
}

.boxside .box-middle {
  background-image:url(../../images/theme/box-side-middle.gif);
  background-repeat:repeat-y;
  padding-left:15px;
  padding-right:15px;
}

.boxside .box-bottom {
  height:17px;
  background-image:url(../../images/theme/box-side-bottom.gif);
  background-repeat:no-repeat;
}

/* ------------------------------ */
/* -- FOOTER                ----- */
/* ------------------------------ */

#footer {
  margin-top:5px;
  margin-bottom:5px;
  clear:both;
  font-size:10px;
}

/* ------------------------------ */
/* -- FORMS                 ----- */
/* ------------------------------ */

input {
  background-color:#EEEEEE;
  border:1px #AAAAAA solid;
  width:250px;
}

input.button {
  background-color:#DDDDDD;
  border:1px #AAAAAA solid;
  width:100px;
}

select {
  background-color:#EEEEEE;
  border:1px #AAAAAA solid;
  width:255px;
}

select.guichet {
  width:125px;
}

textarea {
  background-color:#EEEEEE;
  border:1px #AAAAAA solid;
  width:250px;
}






.wwhite_box {
	position:relative;
	padding:10px;
	padding:10px;
	background-color:#FFFFFF;
}
.wwhite_box .wtop_left {
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:10px;
        line-height:2px;
	background-image:url( /layout/images/theme/box-form-top-left.gif );
}
.wwhite_box .wtop_right {
	position:absolute;
	top:0px;
	right:0px;
	width:10px;
	height:10px;
        line-height:2px;
	background-image:url( /layout/images/theme/box-form-top-right.gif );
}
.wwhite_box .wbottom_left {
	position:absolute;
	bottom:0px;
	left:0px;
	width:10px;
	height:10px;
        line-height:2px;
	background-image:url( /layout/images/theme/box-form-bottom-left.gif );
}
.wwhite_box .wbottom_right {
	position:absolute;
	bottom:0px;
	right:0px;
	width:10px;
	height:10px;
        line-height:2px;
	background-image:url( /layout/images/theme/box-form-bottom-right.gif );
}
.fondbonhomme{
	background-image:url(/files/images/GE/bonhomme.gif) !important; 
	background-repeat:no-repeat !important;
	background-position:100% 0;
}