/*
 * Yves Bresson
 * (c) 2009 ybresson.com
 * création de sites web
 *
 * CSS pour Excelcis
 */

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 8pt;
  text-align: center;
  background: #ffffff;	/* #f0f0f0; */  /* url(img/body-bg.png) repeat top left */
  margin: 0;
  padding: 0;
  
  min-width: 830px; /* pareil que le wrapper (incl. padding => body-width = wrapper-width+wrapper-padding-left+wrapper-padding-right) */
}


/********************* centreur general *********************/

div.wrapper1, div.wrapper2 {
  padding: 0px;
  width: 830px;   /* virer les autres tailles fixes vu que le wrapper fixe le tout */
  margin: 0px auto 0px auto;
  background-color: #ffffff;
}


/********************* zone d'entete *********************/

div.ex_header {
  text-align: left;
  margin: 0 auto 0px auto;
  width: 100%;
  height: 110px;

  position: relative; /* pour permettre aux elements contenus d'utiliser position absolute */
}

#ex_logo {
  margin: 0 auto 0 auto;
  padding-left: 13px;	/* meme que ex_left1 et ex_left 2 */
  padding-top: 13px;
}

#ex_langbox {
  height: 30px;
  position: absolute;
  right: 25px;
  bottom: -8px;
}
#ex_langbox, #ex_langbox a, #ex_langbox a:active, #ex_langbox a:visited {
  padding-left: 2px;
  padding-right: 2px;
  color: #808080;
  /*font-size: 8pt;*/
  /*font-family: Verdana, sans-serif;*/
  text-decoration: none;
}
#ex_langbox a:hover {
	text-decoration: underline;
}
#ex_langbox a.selected, #ex_langbox a.selected:visited {
  color: #000080;
  font-weight: bold;
}
#ex_langbox a.selected:hover, #ex_langbox a.selected:hover {
  text-decoration: none;
}


/********************* fin zone entete *********************/

div.ex_spacer1 {
  margin: 0 auto;
  width: 100%;
  /*background-color: dDdDdD;*/ /* rgb: 221 * 3 */
  border-top: 1px solid #d0d0d0;
  height: 20px;
  font-size: 20px; /* for IE6 */
  clear: both;
}


/********************* zone du corps de la page *********************/

div.ex_content {
  text-align: left;
  margin: 0px auto 0px auto;
  padding-top: 0px;
  padding-bottom: 20px;
  width: 100%;
  /*background: #ffffff;*/
  
  position: relative; /* pour permettre aux elements contenus d'utiliser position absolute */
  
  color: #404040;
  font-size: 8pt;
}


/********************* zone contenu principal *********************/

.ex_content .ex_main {
  float: left;
  width: 375px;
  padding: 0 55px 0 10px;
  /*border-left: solid 1px #bbbbbb;*/
  /*border-right: solid 1px #bbbbbb;*/
}


/********************* zone contenu gauche *********************/

.ex_content .ex_left {
  float: left;
  width: 192px;
  margin: 0px;
  padding: 46px 0px 10px 13px;	/* added 13 left pour menu gris */
  font-size: 8pt;
}

.ex_left .ex_left1, .ex_left .ex_left2 {
  margin: 0;
  padding: 0 13px 0 0px;	/* removed 13 left menu gris */
}


/********************* zone contenu droite *********************/

.ex_content #ex_right {
  float: left;
  width: 185px;
  margin: 39px 0 0 0; /* 46 */
  padding: 0px 0px 10px 0px;
  font-size: 7.5pt;
  color: #808080;
}

#ex_right a, #ex_right a:active, #ex_right a:visited, #ex_right a:hover {
  color: #000077;
}


/********************* mise en page elements *********************/

.ex_content a, .ex_content a:active, .ex_content a:visited, .ex_content a:hover {
  color: #808080;
  text-decoration: none;
}

.ex_content a:hover {
  /*color: #0000ff;*/
  text-decoration: underline;
}

/* interligne (line-height) et espace entre paragraphes (margin-top/-bottom) */
p {
	margin-top: 8px;
	margin-bottom: 8px;
  padding-bottom: 1px;
  *line-height: 28px;
  /*line-height: 15px;*/
}

/*********** titres ***********/

.ex_content h1 {
  margin: 16px 0 10px 0;
  color: #323296;
  /**font-family: Gill Sans Std, Helvetica, sans-serif;**/
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
}

.ex_content h2 {
  margin: 23px 0 8px 0;
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
}

.ex_content h3 {
  margin: 1px 0 10px 0;   /* margin-top de 12 baissee a 1 pour s aligner sommet zone de droite */
  color: #000080;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}

.ex_content h4 {
  margin: 12px 0 10px 0;
  color: #000080;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
}

/*********** listes dans main ***********/

.ex_main ul {
  list-style: square;
  /*color: #3366ff;*/ /* rgb 51 102 255 */
  color: #a0a0a0;
  padding-left: 16px;
  margin-top: 11px;
  margin-bottom: 11px;
}

.ex_main li {
  padding-bottom: 4px;
}

.ex_main ul li p {
  color: #000000; /* p dans li pour changer couleur, sinon meme couleur que le UL */
  padding: 0;
  margin: 0;
}
.ex_main ul li a, .ex_main ul li a:active, .ex_main ul li a:visited, .ex_main ul li a:hover {
  color: #000077;
  padding: 0;
  margin: 0;
}

/*********** listes dans right ***********/

#ex_right ul {
  list-style-image: url(../img/bg_gt.gif);
  color: #3366ff; /* rgb 51 102 255 */
  padding-left: 13px;
}

#ex_right li {
  padding-bottom: 4px;
}

#ex_right ul li p {
  color: #000077; /* #808080; p dans li pour changer couleur, sinon meme couleur que le UL */
  padding: 0;
  margin: 0;
}

#ex_right ul li a, #ex_right ul li a:active, #ex_right ul li a:visited, #ex_right ul li a:hover {
  color: #000077;
  padding: 0;
  margin: 0;
}

#ex_right ul li a.active, #ex_right ul li a.active:visited {
  color: #0000ff;
}

/*********** menu ***********/

div.ex_menu {
  font-family: Arial, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 8.5pt;
}
.ex_menu ul {
  list-style: none;
  padding: 0;
  margin: 0 15px 0 0;
}
.ex_menu ul li{
  padding: 6px 0 5px 1px;
  background: url(../img/bg_menu_border.gif) top left no-repeat;
  /* border-top: solid 1px white #c0c0c0; */
}
.ex_menu ul li a, .ex_menu ul li a:visited {
  text-decoration: none;
  color: #0000ff;
}
.ex_menu ul li a:active, .ex_menu ul li a.active, .ex_menu ul li a.active:visited { /* visited selector for IE6 */
  text-decoration: none;
  color: #808080;
}
.ex_menu ul li a:hover, .ex_menu ul li a.active:hover {
  text-decoration: none;
  color: #808080;
}

/********************* la newsbox *********************/

#ex_borderbox {
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #d0d0d0;
	margin-right: 5px;
	font-size: 8pt;
	font-family: Arial, sans-serif;
}

#ex_displaybox {
  position: relative;
  height: 112px;
  overflow: hidden;
  margin-top: 40px;
}

#ex_scrollbox {
  position: absolute;
  top: 120px;
}

#ex_displaybox .ex_item {
  height: 60px;
  color: #c0c0c0;
  padding-left: 1px;
}

#ex_displaybox .ex_item a {
  color: #8faac2;
  text-decoration: underline;
}


/********************* fin zone contenu principal *********************/

div.ex_spacer2 {
  margin: 0;
  /*width: 800px;*/
  width: 100%;
  /*background-color: #8D8D8D;*/
  height: 1px;
  font-size: 1px; /* for IE6 */
  clear: both;
}


/********************* zone pied de page *********************/

div.ex_footer {
	border-top: solid 1px #A0A0A0;
	color: #808080;
  text-align: left;
  margin: 0 15px 0 15px;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 0;
  /*width: 800px;*/
  font-size: 7.5pt;
  font-family: Arial, sans-serif;
}

div.ex_footer a {
  color: #808080;
  text-decoration: none;
}


/********************* divers styles directs *********************/

table {
  width: 100%;
  border: 0 none;
}

table, tbody, tr, td {
	margin: 0;
  padding: 0;
}

a img {
  border: 0;
}

.ex_name {
  font-variant: small-caps;
}

.gt {
  background: url(../img/bg_gt.gif) center left no-repeat;
  padding-left: 2px;
}

.special_font {
	font-family: Gill Sans Std, Helvetica, sans-serif;
	font-size: 9pt;
}

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

/********************* formulaires *********************/

input, textarea {
  font-size: 9pt;
  font-family: Arial;
  color: #000000;
  border: 1px solid #C0C0C0;
  width: 370px;
}
input.ex_button {
  font-size: 9pt;
  font-family: Arial;
  color: #000000;
  border: 1px solid #3366FF;
  width: 75px;
}
form p {
  margin-bottom: 0;
}
form p.ex_smallprint {
  font-size: 7.5pt;
  padding-left: 5px;
}
p.ex_message {
  color: #ff0000;
}
form p.ex_message {
  font-size: 7.5pt;
  margin-top: 2px;
  text-align: right;
  width: 365px;
}