/*
-----------------------------------------------
Geo212 Base Styles
Version:  June 2006
----------------------------------------------- */

* {
  margin:0;
  padding:0;
}

.clear {
  clear:both;
}

.alert {
	color: red;
}

.asterix {
	color: orange;
	font-weight: bold;
	font-size: 10pt;
}

body {
  background:#fff;
  margin:0;
  padding:0;
  color:#5F5D53;
  font:  normal normal 8.5pt arial, helvetica, sans-serif;
  text-align:center;
  }
#wrapper {
    width: 825px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-bottom: 20px;
  text-align:left;
}


/* Links
----------------------------------------------- */
a:link {
  color:#152D59;
  font-weight: bold;
  text-decoration: none;
  }
a:visited {
  color:#152D59;
  font-weight: bold;
  text-decoration: none;
  }
a:hover {
  color:#152D59;
  font-weight: bold;
  text-decoration: underline;
  }
a img {
  border-width:0;
  }

a.blue:link {
  color:#02182F;
  }
a.blue:visited {
  color:#02182F;
  }
a.blue:hover {
  color:#98C000;
  }

a.grey:link {
  color: #037836; /* #4D5D6D; */
  text-decoration: none;
  }
a.grey:visited {
  color:#4D5D6D;
  text-decoration: none;
  }
a.grey:hover {
  color:#98C000;
  }

a.green:link {
  color:#98C000;
  }
a.green:visited {
  color:#98C000;
  }
a.green:hover {
  color:#02182F;
  }

a.big:link {
  font-size:12pt;
  font-weight: bold;
  }
a.big:visited {
  font-size:12pt;
  font-weight: bold;
  }
a.big:hover {
  font-size:12pt;
  font-weight: bold;
  }

ul {
  margin: 10px 25px 0 15px;
  padding-left: 10px;
  list-style-type: none;
  border-left: 2px solid #03557D;
  text-align: justify;
  color: #35537C;
}
li {
  margin-bottom: 3px;
}
div.closelist {
  background: url("../img/barre.gif") -2px bottom no-repeat;
  position: relative;
  width: 15px;
  height: 15px;
  margin: -10px 0 15px 15px;
}
/* Structure
----------------------------------------------- */
#page-body {
  background:#fff;
  width:825px;
  padding-top: 30px;
  }
#content {
  width:825px;
  background: #fff; /* yellow; */
  }
#content-left {
  float:left;
  width:414px;
  background: #fff; /* red; */
  }
#content-right {
  float:right;
  width:411px;
  background: #fff; /* blue; */
  }
#content-flash {
  background:#fff;
  width:780px;
  padding-top: 30px;
}


/* Content Left
----------------------------------------------- */
#content-left {
  margin: 0;
  padding: 0;
  /*
  height: 600px;
  min-height: 600px;
  */
  }
#content-left #home-flash {
  width: 414px;
  height: 414px;
  background: #fff;
}
#content-left #home-white {
  width: 414px;
  height: 414px;
  background: #fff;
}
#content-left #section-header-agence {
  width: 414px;
  height: 147px;
  background: url("../img/header/section_header_agence.jpg") top left no-repeat;
}
#content-left #section-header-prestations {
  width: 414px;
  height: 147px;
  background: url("../img/header/section_header_prestations.jpg") top left no-repeat;
}
#content-left #section-header-realisations {
  width: 414px;
  height: 147px;
  background: url("../img/header/section_header_realisations.jpg") top left no-repeat;
}
#content-left #section-header-kado {
  width: 414px;
  height: 147px;
  background: url("../img/header/section_header_kado.jpg") top left no-repeat;
}
#content-left #section-header-liste-projets{
  width: 414px;
  height: 147px;
  background: url("../img/projets/header_liste_projet.jpg") top left no-repeat;
}

#content-left #page-header-agence {
  width: 414px;
  height: 78px;
  min-height: 78px;
  background: url("../img/header/page_header_top_agence.gif") top left no-repeat;
}
#content-left #page-header-prestations {
  width: 414px;
  height: 78px;
  min-height: 78px;
  background: url("../img/header/page_header_top_prestations.gif") top left no-repeat;
}
#content-left #page-header-realisations {
  width: 414px;
  height: 78px;
  min-height: 78px;
  background: url("../img/header/page_header_top_realisations.gif") top left no-repeat;
}
#content-left #page-header-kado {
  width: 414px;
  height: 78px;
  min-height: 78px;
  background: url("../img/header/page_header_top_kado.gif") top left no-repeat;
}
#content-left #page-header-inner {
  width: 414px;
  height: 78px;
  min-height: 78px;
  background: url("../img/header/page_header_bottom.gif") bottom left no-repeat;
}
#content-left #page-header-text {
/*  width: 414px; */
  padding-top: 21px;
  padding-bottom: 8px;
  padding-left: 140px;
  padding-right: 40px;
  text-align: left;
  font-weight: bold;
  color: #17374E;
  font-size: 13pt;
  float: none;
}
#content-left .titre {
	float:none;
}
#content-left #page-text {
  width: 414px;
/*  height: 226px;
  min-height: 226px;
  background: url("../img/temp/page_texte.gif") top left no-repeat; */
  text-align: justify;
  }
#content-left #page-text-inner {
  padding-top: 11px;
  padding-bottom: 30px;
  padding-right: 25px;
}
#content-left #page-text-inner-publications {
  padding-bottom: 30px;
  padding-right: 25px;
}
#content-left #page-text-inner .highlight {
	border-left: 2px solid #03557D;
}
#content-left #page-image-kado {
  width: 414px;
  height: 290px;
  background: url("../img/temp/page_image.jpg") top left no-repeat;
  }
#content-left #page-image-agence {
  width: 414px;
  height: 290px;
  background: url("../img/temp/page_image_agence.jpg") top left no-repeat;
  }
#content-left #page-image-prestations {
  width: 414px;
  height: 290px;
  background: url("../img/temp/page_image_prestations.jpg") top left no-repeat;
  }
#content-left #page-image-realisations {
  width: 414px;
  height: 290px;
  background: url("../img/temp/page_image_realisations.jpg") top left no-repeat;
  }
#content-left #page-image-kado {
  width: 414px;
  height: 290px;
  background: url("../img/temp/page_image_kado.jpg") top left no-repeat;
  }

/* PROJETS */
#liste_projets {
  padding-top: 20px;
  margin-left: 146px;
  clear: both;
}

.projets {
  margin-bottom: 15px;
}
.annee_projet {
  width: 275px;
  height: 35px;
/*  padding-bottom: 0px;
  padding-right: 400px; */
  border-bottom: 2px solid;
}
.dateprojet {
  color: #05324A;
  font-size:24pt;
}
.yellowborder {
  border-color: #FFE78E;
}
.blueborder {
  border-color: #85ACB4;
}
.titre_projet {
  margin-top: 4px;
  padding-bottom: 10px;
  width: 275px;
}
.projet {
  color: #17374E;
  font-weight: bold;
  font-size:10pt;
  border: 1px solid white;
}
.duree {
  color: #4E504F;
  font-weight: bold;
  background: url("../img/projets/duree.gif") top left no-repeat;
  padding-left: 55px;
  padding-top: 5px;
}

.texte_projet {
  padding: 0 230px 0px 0;
  text-align: justify;
}
.linkficheover {
  display: block;
  width: 92px;
  height: 16px;
  background: url("../img/projets/lien_fiche_over.gif") top left no-repeat;
}
a.linkfiche {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/projets/lien_fiche.gif") top left no-repeat;
}
a.linkfiche i {
  display: none;
}
a.linkfiche:hover {
  background: none;
}

table {
  margin: 15px 15px 0px 15px;
  padding-left: 10px;
  text-align: center;
  border-left: 2px solid #fff; /*#03557D;*/
/*  border: 1px solid black; */
}
th.exercice {
  width: 60px;
  text-align: left;
  font-size: 8pt;
  color:#35537C;
  font-weight:bold;
}
th.ca {
  width: 140px;
  text-align: center;
  font-size: 8pt;
  color:#35537C;
  font-weight:bold;
}
th.resultat {
  width: 175px;
  text-align: center;
  font-size: 8pt;
  color:#35537C;
  font-weight:bold;
}
td {
  color: #35537C;
}

/*
KADO CONTACT
DDEAE7
*/
#header_lien_publications {
  display: block;
  width: 260px;
  height: 8px;
  background: url("../img/kados/header_lien_publications.gif") left top no-repeat;
}
.linkpublicationsover {
  display: block;
  width: 100%;
  height: 21px;
  background: #CADEDA url("../img/kados/lien_publications_over.gif") top left no-repeat;
}
a.linkpublications {
  display: block;
  width: 100%;
  height: 100%;
  background: #DDEAE7 url("../img/kados/lien_publications.gif") top left no-repeat;
}
a.linkpublications i {
  display: none;
}
a.linkpublications:hover {
  background: none;
}

#text_address {
  margin-top: 20px;
  width: 260px;
  background: url("../img/kados/header_adresse.gif") left top no-repeat;
  padding-top: 35px;
  font-size: 9pt;
  color: #4B6054;
}
#text_address a {
  font-size: 9pt;
}
.linkaccesover {
  margin-top: 15px;
  display: block;
  width: 260px;
  height: 20px;
  background: url("../img/kados/lien_acces_over.gif") top left no-repeat;
}
a.linkacces {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/kados/lien_acces.gif") top left no-repeat;
}
a.linkacces i {
  display: none;
}
a.linkacces:hover {
  background: none;
}

/*
PUBLICATIONS
*/
#header_publications {
  display: block;
  width: 100%;
  height: 21px;
  background: #C7DCD8 url("../img/kados/header_publications.gif") left top no-repeat;
}
.annee_publication {
  margin-top: 10px;
  width: 275px;
  border-bottom: 1px solid #85ACB4;
}
.datepublication {
  color: #05324A;
  font-size:24pt;
}
.titre_publication {
  margin-top: 4px;
  padding-bottom: 10px;
  width: 370px;
}
.auteurs {
  color: #17374E;
  font-size: 10pt;
  font-weight: bold;
}
.publication {
  margin-top: 5px;
  color: #4B6054;
  font-weight: bold;
  font-size:8pt;
}
.support {
  color: #4B6054;
  font-size:8pt;
}
.linktelechargerover {
  margin-top: 5px;
/*  margin-bottom: 15px;*/
  display: block;
  width: 91px;
  height: 18px;
  background: url("../img/kados/lien_telecharger_over.gif") top left no-repeat;
}
a.linktelecharger {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/kados/lien_telecharger.gif") top left no-repeat;
}
a.linktelecharger i {
  display: none;
}
a.linktelecharger:hover {
  background: none;
}
/* Content Right
----------------------------------------------- */
#content-right {
  margin:0;
  padding:0;
  }
#content-right #switch {
  width: 411px;
  height: 35px;
  background: url("../img/temp/switch.gif") top left no-repeat;
}
#content-right #logo {
  width: 411px;
  height: 61px;
  background: url("../img/temp/logo.gif") top left no-repeat;
}
#content-right #page-menu {
  width: 411px;
  height: 246px;
  background: #fff; /* url("../img/temp/page_menu.jpg") top left no-repeat; */
  overflow: hidden;
/*
  border-top: 1px solid black;
  border-bottom: 1px solid black;
*/
  }
#content-right #page-image2-agence {
  width: 411px;
  height: 399px;
  background: url("../img/cartes/page_image2_agence.gif") top left no-repeat;
  }
	#content-right #page-image2-agence i {
		display: none;
	}
#content-right #page-image2-prestations {
  width: 411px;
  height: 399px;
  background: url("../img/cartes/page_image2_prestations.gif") top left no-repeat;
  }
	#content-right #page-image2-prestations i {
		display: none;
	}
#content-right #page-image2-realisations {
  width: 411px;
  height: 399px;
  background: url("../img/cartes/page_image2_realisations.gif") top left no-repeat;
  }
	#content-right #page-image2-realisations i {
		display: none;
	}
#content-right #page-image2-kado {
  width: 411px;
  height: 399px;
  background: url("../img/cartes/page_image2_kados.gif") top left no-repeat;
  }
	#content-right #page-image2-kado i {
		display: none;
	}




#content-right #home-menu {
  width: 411px;
  height: 330px;
  background: url("../img/temp/page_menu.jpg") top left no-repeat;
  }
#content-right #home-text {
  width: 384px;
  height: auto;
  min-height: 200px;
  padding-bottom: 40px;
  background: #B1D6DE url("../img/home/bottom_texte_home.jpg") bottom left no-repeat;
  }
  /* url("../img/home/background_texte_home.jpg") top left repeat-y; */

#content-right #home-text #inner {
  width: 384px;
}
#content-right #home-text #inner p {
  margin: 0px 5px 0px 40px;
  padding: 2px 0 0 0;
  }
.highlight {
  margin: 7px 5px 5px 50px;
  padding: 0;
/*  border-left: 2px solid #03557D; */
}
.home_list {
  margin: 7px 5px 5px 0;
  padding: 0px 0 2px 15px;
  background: url("../img/barre.gif") left bottom no-repeat;
/*  color: #02182F; */
  }

/*
#content-right #bottom {
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff; 
  }
*/
/* url("../img/home/bottom_texte_home.jpg") top left no-repeat;*/
/* Footer
----------------------------------------------- */
#footer {
  background:#fff url("../img/footer/footer_bar.gif") no-repeat top left;
  padding-top: 20px;
  padding-bottom: 20px;
  clear:both;
  width:100%;
  font-size:8pt;
  color:#4D5D6D;
  }
#footer ul { float: right; border: none; }
#footer li { display: inline; list-style: none; margin: 0; padding: 0; }
#footer a { text-transform: lowercase; padding-left: 16px; font: normal 8.5pt Arial, Helvetica, sans-serif; color: #5B6D5E; text-decoration: none; }
#footer a:hover { color: #013722; }
#footer a.induxia { padding-right: 23px; background: url("../img/redux.png") no-repeat center right; }


#fade_holder {
	position: relative;
	height: 260px;
}
.fade-box {
	margin-left: 0px;
	position: absolute;
	top: 0;
}