<style type="text/css">

.color1{background-color: #1E238E;}
BR.page {page-break-after: always}

#pre_header {text-align: center; width: 920px; background: #1B4291; height:100px; position:relative;}
#advert_a {clear:both; float:left; width:100%; margin-left: auto; margin-right: auto; padding-top:4px;}
#advert_b {float:left; margin-top:12px;}

div {font-family: Verdana,Arial,Helvetica,Verdana,sans-serif;}
span {font-family: Verdana,Arial,Helvetica,Verdana,sans-serif;}

/*  Body
------------------------------------------------------------------ */
body {
	background-color: #102d7e;
	a.link: #FFFFFF;
	background-image: url(../images/bg.jpg); background-position:top center; background-repeat: no-repeat;
	background-color:#ffffff;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;}

.spacer{height:10px;background-color: #fff;}
.spacer2{text-align:right; height:20px;background-color: #f0ea4c; *margin-top: -4px;}
.h {width: 920px; }

h6 {font-size: 16px;
	line-height: 16px;
	padding: 8px 0 8px 20px;
	margin: 0 0 0 10px;
	background-image: url("../images/bullet_go.png");
	background-repeat: no-repeat;
	background-position:  center left;}

h1{ padding: 4px 0 0 10px; margin-bottom: 0;}

h5{ font-family:  tahoma; text-decoration: none;
	padding-left: 5px;
	font-size: 12px ;
	color: #fff;
	background: #13337E;
	text-decoration: bold;
	padding-bottom: 2px;
	margin-top: 0px;
	border-bottom: 0px solid #666666;}

.bg1 { background-color: #E0E5EF;}

h3{
	font: normal 22px/24px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 25px;
	margin: 0px;}

h4 {
	color: #FF3300;
	border: 0px solid #333333}

img {
	border: 0px none;}

.gras{font-weight: bold;}

/*  header
------------------------------------------------------------------ */
#header_wrapper{
	/*border: 1px solid #fff; */
	width: 920px;
	height: 209px;
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 10px;
	background-image: url("../images/patop.gif"); }

#header_links_wrap{
	/*border: 1px solid #fff; */
	width: 920px;
	height: 13px;
	display: block;
  clear: center;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 10px;}

#header_links {
	border: 0px solid #fff;
	padding-top: 2px;
	*padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: inline; 
	float: left; 
	font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif;
	font-size: 10px;}

#header_links ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;} 

#header_links li a {
  float: left;
  line-height: 15px;
  list-style: none;
  padding: 0px;
  margin-top: 0px;
  text-decoration: none;}

#header_links li a {
  color: #fff;
  padding: 0 10px; }

#header_links li a:hover {
  background: transparent url("../images/bg_hover.png") no-repeat 50% 1px;
  text-decoration: none;}

#header_links li {
  float: left; }

#tfav {
  background-image: url("../images/plus.gif") no-repeat right top;
  padding-right: 10px;}

#tlang {
padding-left: 295px;}

#header_pub{
	width: 728px;
	height: 90px;
	display: block;
    clear: center;
	margin: 0 0 0 95px;
	padding: 0 ;
	float: left;
	background-color: #ffffff;}

#header_pub2{
	width: 150px;
	height: 80px;
	float: left;
	display: block;
    clear: center;
	margin-left: 12px;
	padding: 0;
	border: 5px solid #ffffff;}

#header_logo{
	width: 227px;
	height: 95px;
	display: block;
    clear: center;
	float: left;
	margin: 0;
	padding: 0;}

#facebook{
   position: relative;
   float: left;
   width: 600px;
   margin-top: 20px;
   height: 40px;}

.one_facebook{
   float: left;
   width: 187px;}

#adresse_bottom,
#adresse2_bottom{
	font-family: "arial";
	width: 330px;
	height: 35px;
	float: left;
	margin: 0;
	padding: 8px 0 0 4px;
	color: #ffffff;
	font-size: 11px;
	text-align: left;}

/* Navigation
------------------------------------------------------------------ */
#menu {
	background-image: url("../images/menu_top.jpg"); 
	width: 920px;
	padding: 0px;
	margin: 0px;
	float: left;}

#navigation {
	padding-top: 2px;
	*padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: inline; 
	float: left; 
	font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif;
	font-size: 11px;}

#navigation ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0px;} 

#taccueil {
  margin-left: 20px;
  *margin-left: 10px;
  display: block; }

#navigation li a {
  float: left;
  line-height: 28px;
  list-style: none;
  padding: 0px;
  margin-top: 0px;
  text-decoration: none;}

#navigation li a {
  color: #fff;
  padding: 0 15px; }

#navigation li a:hover {
  background: transparent url("../images/bg_hover.png") no-repeat 50% 1px;
  text-decoration: none;}

#navigation li {
  float: left; }

#accueil #taccueil a,
#produits #tproduits a,
#services #tservices a,
#emplois #templois a,
#contact #tcontact a,{
  background: transparent url("../images/bg_navi_linkOn.gif") no-repeat 50% 100%;}


/*  Forfaits 
------------------------------------------------------------------ */

div#services_tabs {
	padding-left: 25px;
	border-bottom: 1px solid #e0e0e0;

}

.smallimagetabs{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
width:auto;
height:30px;
clear:both;
}

.smallimagetabs li{
float:left;
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.smallimagetabs li a{
display:block;
height:31px;
}

.smallimagetabs li.linkOn a {
cursor: default;
}

.smallimagetabs li a.etapes{
width:140px;
background:#FFFFFF url(../images/sprite_tabs_pages.gif) no-repeat scroll -0pt 1px;
}

.smallimagetabs li a.etapes:hover{
background-position: 0px -95px;
}

.smallimagetabs li a.etapes:active{
background-position: 0px -191px;
}

.smallimagetabs li.linkOn a.etapes{
background-position: 0px -287px;
}


/*  Individuel */
.smallimagetabs li a.individuel{
width:140px;
background:#FFFFFF url(../images/sprite_tabs_pages.gif) no-repeat scroll -0pt -383px;
}

.smallimagetabs li a.individuel:hover{
background-position: 0px -479px;
}

.smallimagetabs li a.individuel:active{
background-position: 0px -575px;
}

.smallimagetabs li.linkOn a.individuel{
background-position: 0px -671px;
}

/*  Equipe */
.smallimagetabs li a.equipe{
width:140px;
background:#FFFFFF url(../images/sprite_tabs_pages.gif) no-repeat scroll -0pt -767px;
}

.smallimagetabs li a.equipe:hover{
background-position: 0px -863px;
}

.smallimagetabs li a.equipe:active{
background-position: 0px -959px;
}

.smallimagetabs li.linkOn a.equipe{
background-position: 0px -1055px;
}

/*  Autre */
.smallimagetabs li a.autre{
width:140px;
background:#FFFFFF url(../images/sprite_tabs_pages.gif) no-repeat scroll -0pt -1151px;
}

.smallimagetabs li a.autre:hover{
background-position: 0px -1247px;
}

.smallimagetabs li a.autre:active{
background-position: 0px -1343px;
}

.smallimagetabs li.linkOn a.autre{
background-position: 0px -1439px;
}


.smallimagetabs li a span{
margin:0 0 0 -3000px;
}

#baseball {width: 664px; height: 252px; clear: both; background: url('http://www.photoaction.ca/web/images/forfaits/liens_forfaits_baseball.png') no-repeat; }

#baseball a.active{background: url('http://www.photoaction.ca/web/images/forfaits/liens_forfaits_baseball.png') no-repeat; }
#baseball a:hover {background: url('http://www.photoaction.ca/web/images/forfaits/liens_forfaits_baseball_hover.png') no-repeat; }

#soccer {width: 664px; height: 252px; clear: both; background: url('http://www.photoaction.ca/web/images/forfaits/liens_forfaits_soccer.jpg') no-repeat; }

#soccer a.active{background: url('http://www.photoaction.ca/web/images/forfaits/liens_forfaits_soccer.jpg') no-repeat; }
#soccer a:hover {background: url('http://www.photoaction.ca/web/images/forfaits/liens_forfaits_soccer_hover.png') no-repeat; }




/*  Recherche de produit
------------------------------------------------------------------ */
.recherche {
	border: 0px solid #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #f0ea4b;
	width: 370px;
	padding-top: 5px;
	*padding-top: 2px;
	padding-right: 4px;
	margin-bottom: 0px;
	text-align:right;
	display: block;
	line-height: 23px;
	float: right;}

/*  Contenu
------------------------------------------------------------------ */
#content{
	border: 0px solid #CC0000;
	vertical-align: top;
	width: 701px;
	padding: 0px 4px 10px 1px;
	background-image: url("../images/bgContent.gif");
	background-repeat: repeat-y;
	background-position:  center top;}

#content_head{
	border: 0px solid #CC0000;
	height:50px;
	*height:65px;
	padding: 22px 0px 0px 54px; 
	margin: 0px;
	vertical-align: top;
	background-image: url("../images/bgFade.gif");
	background-repeat: no-repeat;
	background-position: center top;}

#content_head_spacer{
	height: 25px;}

#content_head_seance{
	border: 0px solid #000;
	height: 100px;
	clear: both;
	display: block;
	margin-left: 5px;}

#imgSeance{
	border: 4px solid #e5e5e5;
	margin-top: 5px;}

#content_head h2{ 
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	font-family: verdana;}

#content_forfait{ 
	border: 0px solid #000;
	height: 65px;
	padding: 10px 0 0 15px ;
	margin: 0px;
	font-size: 12px;
	font-family: verdana;}

#l_content_head {
	border: 0px solid #ccc; width: 400px; float: left; height: 40px; }

#r_content_head {
	border: 0px solid #ccc; text-align: right; width: 229px; float: left; height: 40px;}

#content_list{
	border: 0px solid #CC0000;
	width: 370px;
	*width: 390px;
	float: left;
	padding: 0px 10px 0px 15px; 
	*padding-top: 27px;
	vertical-align: top;
	font-size: 14px;
	font-family: verdana;}

#content_list ul {
	list-style: none;
	padding: 0;
	margin:  0;
	*margin-top: -19;}

#content_list ul li {
	*width: 237x;  /* be nice to IE */
	border-bottom: 1px dotted #CCC;
	height: 86px;
	*margin-top: -2px;}

#content_list ul li a {
	font-family: tahoma, arial, hevetica, sans-serif; 
	font-size: 11px;
	height: 86px;
	text-align: left;
	display: block;
	text-decoration: none;
	color: #003399;}

#content_list ul li a span{
	color: #666;}

#content_list ul li a img {
	border: 1px #ccc solid;
	margin: 3px 10px 3px 3px;
	*padding: 3px 10px 3px 3px;}

#content_list  ul li a:hover {
	text-decoration: none;
	background-color: #e0e5ef;}

#content_list ul li a:hover img {
	border: 1px #cc0000 solid;}

#content_right{
	border: 0px solid #CC0000;
	width: 300px;
	float: left;
	padding: 0px 5px 0px 0px; 
	vertical-align: top;}

.content_right_titre{
	background-image: url("../images/bg_content_right_titre.gif");
	background-repeat: repeat-x;
	margin: 9px 0px 0 10px;
	width: 135px;
	padding-left: 5px;
	font-size: 11px;
	height: 16px;
	color: #fff;}

#content_right_prod{
	margin: 0px;
	width: 290px;
	padding: 5px;
	font-size: 11px;
	border: 1px solid #CFCEC2;
	background: #EFEEE0}

/*  Produits
------------------------------------------------------------------ */
.titre_prod {
	background-color: #e0e5ef;
	background-image: url("../images/bg_h2.gif");
	background-repeat: repeat-x;
	background-position:  center left;
	font-size: 14px; 
	font-weight: bold;
	padding: 0 0 0 4px;
	color: #333333;
	font-family: Helvetica, Verdana,Arial,sans-serif; 
	border-bottom: 1px solid #e0e5ef;}

.texte_prod  {
	font-size: 13px; 
	font-weight: normal;
	color: #333333;
	padding: 0 0 25px 5px;}

.texte_prod p {
	padding: 10px 0 0 10px;
	width: 490px;}

.texte_prod2 {
	font-size: 13px; 
	font-weight: normal;
	color: #333333;
	padding-left: 5px;}

.texte_prod img, .texte_prod2 img {
	border: 4px solid #DBE2EF;}

.texte_prod ul {
	list-style: none;
	padding: 0px;
	margin: 10px; 0 0 0 }

.texte_prod ul li {
	background-image: url(../images/bg_ul.gif);
	background-repeat: no-repeat;
	line-height: 20px;
	background-position: top ;
	padding-left: 20px;
	margin-left: 15px;
	background-position: left;}

.texte_prod2 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;}

.texte_prod2 ul li {
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: top ;
	padding-left: 20px;
	margin-left: 15px;
	background-position: left;}


/*  Images
------------------------------------------------------------------ */
.img_organisation{ }

.img_organisation a img{
	width: 70px;
	height: 70px;
	border: 5px solid #ffffff;}

.img_organisation a:hover img  {border: 5px solid #E0E5EF;}

.img_carte {
	height: 206px;
	width: 246px;
	background-color: #FFFFFF;
	padding: 1px;
	border: 10px solid #E0E5EF;}

.img_produit {
	background-color: #FFFFFF;
	padding: 1px;
	border: 8px solid #D1DBEF;}

/* mainNav
------------------------------------------------------------------ */
#mainNav {
  display: inline; /* be nice to IE */
  float: left;
  padding: 0px 0px 10px 10px;
  width: 200px;}

#mainNav h1{
	*width: 200px;  /* be nice to IE */
	font-family:  tahoma; text-decoration: none;
	padding-left: 5px;
	font-size: 12px ;
	color: #fff;
	background: #13337E;
	text-decoration: bold;
	padding-bottom: 2px;
	margin-top: 0px;
	border-bottom: 0px solid #666666;}

#mainNav h2{
	*width: 200px;  /* be nice to IE */
	font-family: tahoma, arial, hevetica, sans-serif; 
	color: #fff;
	background-color: #333333;
	font-size: 11px;
	text-decoration: none;
	margin-top:16px;
	*margin-top:20px;
	padding: 0 0 1 5;}

#mainNav  p {
	*width: 200px;  /* be nice to IE */
	padding: 5px;
	margin-top: -10;
	*margin-top: -18;}

/* sportsNav
------------------------------------------------------------------ */
#sportsNav {font-family: tahoma, arial, hevetica, sans-serif; font-size: 12px;}

#sportsNav ul {
	list-style: none;
	padding: 0;
	margin: -10 0 0 0;
	*margin-top: -15;}

#sportsNav ul li {
  *width: 200px;  /* be nice to IE */
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	*margin-top: -1px;}

#sportsNav ul li a {
	height: 18px;
	*height: 20px;
	display: block;
	padding: 2px 2px 0px 24px;
	text-decoration: none;
	color: #293838;}

#sportsNav  ul li a:hover {
	background-image: url(../images/bg_menu_hover.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	*background-position: left -1px bottom ;}

/* adminNav
------------------------------------------------------------------ */
#adminNav {font-family: tahoma, arial, hevetica, sans-serif; font-size: 11px; }

#adminNav ul {
	list-style: none;
	padding: 0;
	margin: -10 0 0 0;
	*margin-top: -18px;}

#adminNav ul li {
	*width: 200px;  /* be nice to IE */
	background-image: url(../images/bg_menuRed.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	*margin-top: -2px;
	*padding-bottom: 1px;}

#adminNav ul li a {
  height: 15px;
	display: block;
	padding: 2px 2px 0px 24px;
	text-decoration: none;
	color: #293838;}

#adminNav  ul li a:hover {
	background-image: url(../images/bg_menuRed_hover.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	*background-position: left -5px bottom  ;}


/* servicesNav
------------------------------------------------------------------ */

.services_h1 {
	background-image: url(../images/bg_h1.png);
	background-repeat: no-repeat;
	background-position: top;}

.services_h1_tournois {
	background-image: url(../images/bg_h1_tournois.png);
	background-repeat: no-repeat;
	background-position: top;}

.services_h1_produits {
	background-image: url(../images/bg_h1_produits.jpg);
	background-repeat: no-repeat;
	background-position: top;}


#servicesNav {font-family: tahoma, arial, hevetica, sans-serif; font-size: 12px;}


#sNav {
  display: inline; /* be nice to IE */
  float: left;
  padding: 0px 0px 10px 10px;
  width: 197px;}


#sNav h1{
	*width: 200px;  /* be nice to IE */
	font-family:  Arial; text-decoration: none;
	padding-left: 5px;
	height: 20px;
	font-size: 12px ;
	color: #fff;
	background: #13337E;
	text-decoration: bold;
	padding: 3px 0 0px 8px;
	margin-top: 0px;
	border-bottom: 0px solid #666666;}

#servicesNav ul {
	font-family:  Arial; text-decoration: none;
	list-style: none;
	padding: 0;
	margin: -10 0 0 0;
	*margin-top: -15;}

#servicesNav ul li {
  *width: 200px;  /* be nice to IE */
	background-image: url(../images/bg_menu_services.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	*margin-top: -1px;}

#servicesNav ul li a {
	height: 19px;
	*height: 21px;
	display: block;
	padding: 2px 2px 0px 21px;
	text-decoration: none;
	font-weight: bold;
	color: #293838;}

#servicesNav  ul li a:hover {
	background-image: url(../images/bg_menu_services_hover.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	*background-position: left -1px bottom ;}


/* loginForm
------------------------------------------------------------------ */

#loginForm {
	margin-top: -10;
	*margin-top: -18;
	display: inline; /* be nice to IE */
	float: left;
	padding: 10px 0px 10px 30px;
	width: 170px;
	*width: 200px; /* be nice to IE */
	font-size: 11px;
	color: #000000;
	background-color: #E0E5EF;}


/*- Menu Tabs 4--------------------------- */

    #tabs4 {
      float:left;
      width:100%;
      line-height:normal;
      border-bottom:1px solid #6B78A9;}

    #tabs4 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;}

    #tabs4 li {
      display:inline;
      margin:0;
      padding:0;}

    #tabs4 a {
      float:left;
      background:url("../images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
	  font-weight: bold;
	  font-size: 9px;
	  }

    #tabs4 a span {
      float:left;
      display:block;
      background:url("../images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#333333;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}

    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#333333;}
    #tabs4 a:hover {
      background-position:0% -42px;}

    #tabs4 a:hover span {
      background-position:100% -42px;}

		#tabs4 #current a {
          background-position:0% -42px;}
		#tabs4 #current a span {
              background-position:100% -42px;
			  color: #FF3300;}

/** Titres
----------------------------------------------------------------**/

.titre2 {
	font: normal 24px/26px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #ffffff;
	padding-top: 20px;
	padding-bottom: 15px;}

.titreTable { font: bold 15px Arial-family: Arial;background-color: #3333CC;}

.titreTable2 {
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold;
	
	background-color: #3333CC;}

.titreTable3 {
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold;
	background-color: #CCCCCC;}

.titreTable4 {
	text-decoration: none;
	font-weight: bold;
	
	color: #FFFFFF;
	font-size: 10px;}

/** Textes
------------------------------------------------------------------ **/

.texteTable { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: bold;}
.texte { font-weight: normal;}
.texteBlanc {  color: #FFFFFF;  font-size: 12px; font-weight: bold;}
.texte1 { font-size: 15px;}
.texte2 {font-size: 10px; color: #000000; font-weight: bold;}
.texte3 { font-size: 11px; color: #333333; font-weight: normal;  }
.texte3red {font-size: 9px; color: #FF0000; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.texte4 {font-size: 12px; }
.texte5 {font-size: 10px; color: #FFFFFF; font-weight: bold; }
.texte6 {font-size: 12px; color: #1d54c1; font-weight: normal; padding-left: 10px; }

/** Liens
------------------------------------------------------------------ **/

a.lien1{ text-decoration: underline; font-weight: bold; color: #FFFFFF; font-size: 12px; } 
a.lien1:hover{ color: #999999;text-decoration: underline; }

a.lien2{ text-decoration: none; font-weight: bold;  color:#000000; font-size: 12px; } 
a.lien2:hover{ color: #cccccc; text-decoration: none; }

a.lien3{ text-decoration: none; font-weight: none;  color: #000000; font-size: 10px; } 
a.lien3:hover{ color: #cccccc; text-decoration: none; }

a.lien4{ text-decoration: none; font-weight: bold;  color: #333333; font-size: 13px; } 
a.lien4:hover{ color: #999999; text-decoration: none }

a.lien5{text-decoration: none; font-weight: bold;  color: red; font-size: 14px; } 
a.lien5:hover{ color: blue; text-decoration: none; }

a.lien6{text-decoration: none; font-weight: normal; font-family: tahoma; color: #000000; font-size: 10px; } 
a.lien6:hover{ color: #666666; text-decoration: none;}

a.lien7{text-decoration: none; font-weight: none;  color: #FFFFFF; font-size: 11px; } 
a.lien7:hover{ color: #000000; text-decoration: none; }

a.lien7a{text-decoration: underline;font-weight: none;color: #D4D4D4;font-size: 13px } 
a.lien7a:hover{ color: #FFFFFF;text-decoration: none; }

a.lien8{text-decoration: none;font-weight: none;color: #000099;font-size: 11px; } 
a.lien8:hover{text-decoration: underline; }

a.lien9{text-decoration: none; font-weight: bold;color: #FF3300;font-size: 9px; } 
a.lien9:hover{text-decoration: underine;}

a.lienBig{text-decoration: underline;font-weight: none;color: #000000;font-size: 22px; } 
a.lienBig:hover{ color: blue;text-decoration: underline; }

/* peut surement retirer  */
a.lienCart{text-decoration: none;font-weight: bold;color: #000000;font-size: 11px; } 
a.lienCart:hover{ color: #000000;text-decoration: underline; }

a.lien12{text-decoration: underline;font-weight: bold;color: #333333;font-size: 10px; } 
a.lien12:hover{ color: #666666;text-decoration: none; }

a.lienPath{text-decoration: underline;font-weight: bold;color: #FFFFFF;font-size: 10px; } 
a.lienPath:hover{ color: #CCCCCC;text-decoration: none; }

a.lienTop{text-decoration: underline;color: #000000;font-size: 12px; } 
a.lienTop:hover{ text-decoration: underline;color: #000000;text-decoration: none; } 

a.lienBleu{text-decoration: underline;color: #0000CC;font-size: 10px; } 
a.lienBleu:hover{ text-decoration: underline;color: #333333; }

a.lienRouge{text-decoration: none;font-weight: bold;color: #FF0000;font-size: 11px; } 
a.lienRouge:hover{ text-decoration: underline;color: #000000; }

a.lienMiniNoir{text-decoration: none;color: #000000;font-size: 10px; } 
a.lienMiniNoir:hover{ color: #990000;text-decoration: underline; }

a.lienCalendrier{text-decoration: underline;color: #000000;font-size: 10px; } 
a.lienCalendrier:hover{ color: #333333;text-decoration: underline; }

a.lienCalendrierBlue{text-decoration: underline;font-weight: bold;color: #3333CC;font-size: 10px; } 
a.lienCalendrierBlue:hover{ color: #333333;text-decoration: underline; }

a.lienCalendrierVert{text-decoration: underline;font-weight: bold;color: #009900;font-size: 10px; } 
a.lienCalendrierVert:hover{ color: #333333;text-decoration: underline; }

a.lienCalendrierRed{text-decoration: underline;font-weight: bold;color: #FF3300;font-size: 10px; } 
a.lienCalendrierRed:hover{ color: #333333;text-decoration: underline; }	

/** Lightbox
------------------------------------------------------------------ **/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;}

#imageContainer{
	padding: 10px;}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;}

#imageData{
	padding:0 10px;}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */}	



</style>