*
{
  font-family: Verdana, Arial, Sans-Serif;
}

body
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: White;
    height: 100%;
    width: 100%;
    line-height: 1.5em;
    font-size: 12px;
}

html
{
  height: 100%;
  width: 100%;
}

a
{
    color: #103462;/*#184586;*/
    text-decoration: underline;
    cursor: pointer;
}

a:hover
{
    color: #488;
    text-decoration: underline;
    cursor: pointer;
}

td
{
  /*vertical-align:top;*/
  line-height: 1.3em;
}

table
{
  border-collapse: collapse;
}

table tr td
{
  vertical-align: top;
}

hr
{
  height: 3px;
  margin: 3px;
  background-color: #008099;
  border: none;
}

ul.subMenu
{
  list-style: none;
  line-height: 1.2em;
  font-size: 11px;
  margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
  margin: 0 0 0 10px;
}

ul.subMenu li a
{
  text-decoration: none;
  font-weight: normal;
}

/*Layout avec des divs, on a besoin du body et des 5 styles de div*/
#header
{
  height: 88px;
  padding: 0px;
  margin: 0px; 
  vertical-align: bottom;
  background-color: #fff;
  background-repeat: no-repeat;
  color: #eee;
  border: none;
}

#banner
{
  height: 92px;
  position: relative;
  top: -92px;
  margin-left:auto; 
  margin-right: auto; 
  z-index: 2; 
  width:683px;
  /*background-image: url('../../Img/Layout/banner_teal.gif');*/
  background-repeat: no-repeat;
  background-position: center;
}

.banner
{
  display: block; 
  position: relative; 
  top: -94px;
  margin-left:auto; 
  margin-right: auto; 
  z-index: 2; 
  width:683px;
}

/*#subheader, #creditBar, .menuheader, .header, .HeaderStyle 
{
  background-color: #008099/*#bed3e9*//*; 
  background-image: url('../../Img/Layout/header_bg.gif');
}*/

#subheader
{
  vertical-align: bottom;
  height: 23px;
  border-top: solid #103462 1px;
  border-bottom: solid #103462 1px;
}

#subheader a, #creditBar a
{
  color: #eee/*#103462*/;
  text-decoration: none;
  font-weight: bold;
}

#subheader a:hover, #creditBar a:hover
{
  color: #fff/*#699*/;
  text-decoration: none;
}

#creditBar
{
  height: 18px;
	color: #eee;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: solid #103462 1px;
}

#footer
{
  height: 45px;
  border-top: solid #103462 1px;
  border-bottom: solid #103462 1px;
  clear: both;
}

#cleardiv
{
  clear:both;
  padding: 0px;
  margin: 0px; 
  width: 0px;
}

#AdminMenuDiv
{
  width: 100%; 
  position: absolute; 
  z-index: 10;
  top: 0px;
}

#ManagerZone
{
  background-color: #CCCCCC; 
  border: solid black 1px;
  border-left: 0; border-right:0; 
  width: 100%; 
}

#WebPartZone
{
  height: 95%; 
  padding: 10px; 
  width: 95%; 
  font-family: Verdana !important;
}

#WebPartZone a
{
  color: #103462;
}

#WebPartZone table 
{
  padding: 0px !important;
  border-collapse: collapse;
  border: none;
}

#WebPartZone table tr td 
{
  padding: 0px !important;
  border-collapse: collapse;
  border: none;
}

.WebPart
{
  height: 100%;
  width: 100%;
  border: none;
  border-collapse: collapse;
  padding: 0px !important;
}


/*test 3 column liquid*/

/* column container */
.colmask 
{
	clear:both;
	float:left;
	width:100%;				/* width of page */
	/*overflow:hidden;*/
}

/* common column settings */
.colright,
.colmid,
.colleft 
{
	float:left;
	width:100%;				/* width of page */
	position:relative;
}

.col1,
.col2,
.col3 
{
	float:left;
	position:relative;
	/*padding:.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* 3 Column settings */
.threecol 
{
	/*background:#f4f4f4;		/* right column background colour */
}

.threecol .colmid 
{
	right:18%;				/* width of the right column */
	/*background:#fff;		/* center column background colour */
	border-right: solid #103462 1px;
}

.threecol .colleft 
{
	right:64%;				/* width of the middle column */
	/*background:#f4f4f4;		/* left column background colour */
	border-right: solid #103462 1px;
}

.threecol .col1 
{
	width:60%;				/* width of center column content (column width minus padding on either side) */
	left:102%;				/* 100% plus left padding of center column */
}

.threecol .col2 
{
	width:18%;				/* Width of left column content (column width minus padding on either side) */
	left:22%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 
{
	width:18%;				/* Width of right column content (column width minus padding on either side) */
	left:86%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/*layout de blogSearch*/

#headSearch
{
  height: 20%;
  width: 100%;
  padding: 0px; 
}

#bodySearch
{
  height: 80%;
  width: 100%; 
}

.chkLeft
{
  text-align: left;
  height: 30px; 
  overflow: auto;
}

/*DynamicMenu style*/

.menuheader
{
  border: 0;
  color: #eee/*#103462*/;
  font-weight: bold;
  font-size: 16px;
  padding: 2px 2px 2px 3px;
  margin-left: 1px;
  border-top: solid #000 1px;
  border-bottom: solid #000 1px;
}

.menubox
{
  padding: 4px 2px 10px 10px;
  border: 0;
  color: #103462;
  /*background: #bed3e9;*/
}

.menubox a
{
  color: #103462;
  cursor: pointer; 
  text-decoration: none;
  font-weight: bold;
}

.menubox a:hover
{
  color: #669999; 
}

.contactBox
{
  text-align: right; 
  position: relative; 
}

.contactBox a
{
  font-size: 14px;
  font-weight: bold;
  display: block;
  width: 100px;
  text-align: left;
  float: right;
  clear: left;
}

.menutop_table
{
  background-color: #000;
  color: #fff;
  font-weight: bold;
}

/*header positionning */
.grayDiv
{
  width: 92%; 
  margin-left: 4%; 
  margin-right: 4%; 
  height: 50px; 
  /*background-image: url('../../Img/Layout/transparent_teal.png'); */
  background-repeat: repeat; 
  color: #fff; 
  z-index: 3; 
  position: absolute; 
  top: 21px; 
  text-align: center; 
  line-height: 2em; 
  min-width: 300px;
}

.logo
{
  color: #eee; 
  text-decoration:none; 
  display: block; 
  margin-left: 5px; 
  position: relative; 
  z-index: 5; 
}

/*******************************/

.list_bullet
{
  color: #103462;
  font-weight: bold;
  font-style: italic;
  font-size: 11px;
}

.bold
{
  font-weight: bold;
  vertical-align: middle;
}

/*recherche de mots*/
.minor_result
{
  background-color: lime;
  color: black;
  font-weight: bold;
}

.complete_result
{
  background-color: red;
  color: yellow;
  font-weight: bold;
}

.blackBorder
{
  border: solid black 1px; 
}

.inscrTable
{
  font-size: 11px;
  width: 95%;
}

.inscrTable tr td
{
  vertical-align: top;
  padding-left: 5px;
}

.mandatory
{
  color: #d00;
  font-style: italic;
}

/*Styles des sections admin*/

.reqField
{
  color: Red;
  font-style: italic;
}

.subtableborder
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
}

.counter_img
{
  background-image: url('../Img/layout/counter_bg.gif');
  width:20px;
  height:22px;
  float:left;
  display:block;
  padding-top:4px;
  text-align:center;
  color: #fff;
  font-weight:bold;
  font-size:16px;
}

.compteur
{
  font-weight: bold;
}

.titre 
{
  font-weight:bold; 
  color: #2299aa; 
  font-size: 18px;
  text-decoration: none;
}

/*pour les IFrames*/
iframe
{
  border: 0px;
}

/*Styles du blog*/
.dgBlog
{
  border-color: black;
  margin: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px; 
  padding-left: 0px;
  border-style: solid;
  border-width: 1px;
  color: Black;
}

.dgBlog tr td
{
  border: solid black 1px;
}

.dgHeader
{
  background-color: #c5c5c5;
  color: #000000;
  font-weight: bold; 
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  padding-top: 0px; 
  padding-left: 0px;
}
.dgHeader a
{
  color: #000088;
  text-decoration: underline;
  white-space:nowrap;
}

.dgLink
{
  color: Navy;
  font-weight: bold;
  text-align: left; 
  padding-left: 10px;
  padding-right: 5px;
  border-color: #000000;
  cursor: pointer;
}

.dgComment
{
  color: Black;
  text-align: right;
  vertical-align: bottom;
  font-size: 8pt; 
  padding-right: 5px;
  border-color: #000000;
}

.NoMargin
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.TitleAdmin
{
  font-size: 16px;
  font-weight: bold;
  color: #008;
}

.withMargin
{
  margin-top: 6px;
  margin-left: 3px;
}

.left-bottom
{
  vertical-align: bottom;
  text-align: left;
  font-weight: bold;
}

/*style pour des blocs d'information*/
a.info 
{
	position:relative;
	z-index:24;
}

a.info:hover 
{
	z-index:99; 
	color:#eeeeee; 
	background-color:#008800;
}

a.info span
{
  display: none;
}

a.info:hover span
{
	display:block;
	position:absolute;
	top:4em; left:0em; width:13em;
	border: solid #000000 1px;
	padding: 5px;
	background-color:#ffffff;
	color: #000000;
	text-align: left;
	text-decoration: none;
}
/*******************/

/* Pour des td avec du texte qui ne devrait pas se séparer */
.nowrap
{ 
  white-space: nowrap;
}

/*styles de table/form*/

.PrixFormOsseux
{
	padding: 5px;
}

.tabPrixOsseuxCell
{
	border: 1px #3B5E91 solid;
}


/* Styles de gridview */

.FooterStyle
{
  background-color: #507CD1;
  color: #fff;
  font-weight: bold;
}

.RowStyle 
{
  background-color: #EFFBF3;
  font-size: 0.8em;
}    
  
.AlternatingRowStyle 
{
  background-color: #fff;
  font-size: 0.8em;
}
  
.SelectedRowStyle 
{
  background-color: #D1DDF1;
  color: #333333;
  font-weight: bold;
}

.PagerStyle 
{
  background-color: /*#2461BF*/#008099;
  color: #fff;
  text-align: left;
  	font-size: 8pt;
}

.PagerStyle td table tr td
{
	border: none;
	padding: 1px;
		font-size: 8pt;
}

.PagerStyle td table tr td span
{
	color: #fc0;
	font-size: 8pt;
}

.HeaderStyle 
{
  /*background-color: /*#2461BF#008099;
  background-image: url('../../Img/Layout/header_bg.gif');
  color: #fff;
  font-weight: bold;*/
}

.PagerStyle td table tr td a:link{color: white;}
.PagerStyle td table tr td a{font-size: 8pt;}
.PagerStyle td table tr td a:visited{color: white;}


.HeaderStyle a:link{color: white;}
.HeaderStyle a:visited{color: white;}

.GridStyle
{
	border-collapse: collapse;
	margin-left: 3px;
}

.GridStyle tr td, .GridStyle tr th
{
	border: solid silver 1px;
	padding: 1px 4px 1px 4px;
}

/* Styles des tabs */

.my_ajax__tab_xp .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:
        url("../Img/tabs/tab-line.gif") 
        repeat-x 
        bottom;
}
.my_ajax__tab_xp .ajax__tab_outer {
    padding-right:0px;
    background:
        url("../Img/tabs/tab-right.gif") 
        no-repeat 
        right;
    height:21px;
}
.my_ajax__tab_xp .ajax__tab_inner {
    padding-left:3px;
    background:
        url("../Img/tabs/tab-left.gif") 
        no-repeat;
}
.my_ajax__tab_xp .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:
        url("../Img/tabs/tab.gif") 
        repeat-x;
}
.my_ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background:
        url("../Img/tabs/tab-hover-right.gif") 
        no-repeat 
        right;
}
.my_ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background:
        url("../Img/tabs/tab-hover-left.gif") 
        no-repeat;
}
.my_ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background:
        url("../Img/tabs/tab-hover.gif") 
        repeat-x;
}
.my_ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background:
        url("../Img/tabs/tab-active-right.gif") 
        no-repeat 
        right;
}
.my_ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background:
        url("../Img/tabs/tab-active-left.gif")
        no-repeat;
}
.my_ajax__tab_xp .ajax__tab_active .ajax__tab_tab {

    background:
        url("../Img/tabs/tab-active.gif")
        repeat-x;
}
.my_ajax__tab_xp .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    height: 95%;
    background-color:#ffffff;
}