/* CSS Document 
author: Joel Liron
date: October 2008
contact: liron at icosgroup.net
*/

*
{
  margin : 0;
  padding : 0;
}


body 
{
  font-size: 9pt;
  font-family: Arial, Helvetica, sans-serif; 
  font-color: #D9D9D9;
  text-align: justify;
  margin: 0px 0px;
  padding: 0;
}


INPUT
{
  font-size: 8pt;
}

form 
{
  margin: 0;
  padding: 0;
  display: inline;
}

SPAN.comment
{
  font-size: 10pt;
  font-weight: normal;
}


DIV.sc
{
  line-height: 80%;
}

DIV.sc2
{
  line-height: 40%;
}

DIV.sc3
{
  line-height: 55%;
}

DIV.footer
{
  font-size: 8pt;
  font-weight: normal;
  vertical-align: bottom;
}


DIV.home
{
  vertical-align: top;
}

DIV.langue
{
  font-size: 8pt;
  font-weight: normal;
  vertical-align: bottom;
  text-align: right;
}



img.board
{
  align:left;
  border-width: 2 3 3 2;
  border-color: #8F9090;
  margin: 2 10 2 0;
  float:left;
}

img.left
{
  border: 0;
  float: left;
  margin-right: 6px;
  margin-bottom: 3px;
}



img.linky
{
  opacity:1;
  filter:alpha(opacity=100);
  border:0;
}

img.left2
{
  border: 0;
  float: left;
  margin-right: 8px;
  margin-bottom: 3px;
}

img.middle
{
  border: 0;
  float: left;
  padding: 0px;
  margin-right: 8px;
  margin-bottom: 0px;
  # margin-bottom: 0px;
  # padding-bottom: 0px;
}

img.right
{
  border: 0;
  float: right;
  margin-left: 6px;
  margin-bottom: 3px;
}

img.home_logo
{
  border: 0;
  padding-top: 5px;
  # margin-top: 5px;
}

img.home_logo2
{
  border: 0;
  padding-top: 5px;
  text-align: center;
  # margin-top: 5px;
  # text-align: center;
  # display: block;
}

hr 
{ 
  color: red;
  background-color: red;
  border-top: red;
  border-right: red;
  border-bottom: red;
  border-left: red;
  height: 3px;
  display:block;
}

P
{
  color: #D9D9D9;
  text-align: justify;
  line-height: 120%;
  padding: 0;
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  /margin-bottom: 8px;
}

p.home_left
{
  color: #D9D9D9;
  text-align: justify;
  line-height: 120%;
  font-size: 8pt;
}

p.home_left2
{
  color: #D9D9D9;
  text-align: left;
  line-height: 120%;
  font-size: 8pt;
}

p.home_left3
{
  color: #D9D9D9;
  text-align: center;
  line-height: 120%;
  font-size: 8pt;
}

p.home_left4
{
  color: #D9D9D9;
  text-align: justify;
  line-height: 120%;
  font-size: 8pt;
  padding-top:8pt;
}

p.home_middle
{
  color: black;
  text-align: justify;
  font-size: 8pt;
  line-height: 120%;
  margin-bottom: 8px;
  /margin-bottom: 8px;
}

p.home_middle_links
{
  text-align: right;
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-right: 8px;
  margin-bottom: 4px;
  /margin-bottom: 4px;
}

p.home_middle_links2
{
  text-align: right;
  margin-top: 0px;
  margin-right: 8px;
  margin-bottom: 0px;
  /margin-bottom: 0px;
}

p.film
{
  color: black;
  font-size: 8pt;
  font-weight: bold;
  text-align: justify;
  line-height: 100%;
  padding: 0;
  margin-left: 4px;
  margin-top: 0px;
  margin-right: 4px;
  margin-bottom: 2px;
  /margin-bottom: 2px;
}

p.film2
{
  color: black;
  font-size: 8pt;
  text-align: justify;
  line-height: 100%;
  padding: 0;
  margin-left: 4px;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 2px;
  /margin-bottom: 2px;
}

P.film3
{
  color: #D9D9D9;
  text-align: justify;
  line-height: 120%;
  padding: 0;
  margin-left: 16px;
  margin-top: 8px;
  margin-right: 16px;
  margin-bottom: 8px;
  /margin-bottom: 8px;
}

P.film4
{
  color: #D9D9D9;
  text-align: right;
  line-height: 120%;
  padding: 0;
  margin-left: 16px;
  margin-top: 8px;
  margin-right: 16px;
  margin-bottom: 8px;
  /margin-bottom: 8px;
}

H1
{
  color: #D9D9D9;
  font-size: 15pt;
  line-height: 120%;
  font-weight: bold;
  padding: 4px;
  padding-bottom: 12px;
  padding-top: 6px;
}


H2
{
  color: #D9D9D9;
  font-size: 9pt;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 4px;
  padding-left: 3px;
}

H3
{
  color: #E02726;
  font-size: 8pt;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

H4
{
  color: black;
  font-size: 10pt;
  line-height: 100%;
  padding: 0;
  margin-left: 4px;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 6px;
  /margin-bottom:6px;
}

table
{
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #D9D9D9;
  font-size: 9pt;
  text-align: justify;
}

table.page
{
  margin-top: 5pt;
  margin-right: 0px;
  margin-bottom: 0pt;
  margin-left: 25pt;
  background-color: black;
}

table.home_table
{
  width: 100%;
  border: 0;
  padding: 0;
  border-spacing: 0;
  margin: 0;
  background-color: white;
}

table.icos_pics
{
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: black;
}

table.video
{
  width: 100%;
  border: solid 1px #333333;
  text-align: center;
  padding: 0;
  margin: 0;
  background-color: black;
}

table.icosfilm
{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
}


table.menu_film_photo
{
  width: 100%;
  background-color: white;
  padding: 0;
  margin: 0;
  border-bottom-style: solid;
  border-bottom-color: red;
  border-bottom-width: 3px;
  /border-bottom: 3px solid red;
}

td.menu_film_photo
{
  border-right-style: solid;
  border-right-color: red;
  border-right-width: 2px;
  /border-right: 2px solid red;
}


td.headgrey
{
  color: #CDCAC6;
  background-color: #CDCAC6;
  font-size: 14pt;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width: 6px;
  /border-bottom: 6px solid white;
  margin-bottom: 0px;
  padding-bottom: 9px;
  padding-top: 6px;
}

td.headgreyleft
{
  color: #CDCAC6;
  background-color: #CDCAC6;
  font-size: 14pt;
  font-weight: bold;
  line-height: 110%;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width: 6px;
  /border-bottom: 6px solid white;
  margin-bottom: 0px;
  padding-bottom: 9px;
  padding-top: 6px;
  padding-left: 16px;
}

td.headblack
{
  color: white;
  background-color: black;
  font-size: 14pt;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-color: #DF2027;
  border-bottom-width: 6px;
  /border-bottom: 6px solid #DF2027;
  margin-bottom: 0px;
  padding-bottom: 9px;
  padding-top: 6px;
  padding-left: 16px;
}


td.pic_menu
{
  padding-top: 35px;
  padding-bottom: 2px;
  padding-left: 16px;
  padding-right: 6px;
  text-align: left;
}

td.1
{
  color: #D9D9D9
  font-size: 8pt;
  line-height: 140%;
  letter-spacing: 0.2px;
  padding: 0px;
  margin: 0px;
}

td.2
{
  color: black;
  font-size: 8pt;
  line-height: 140%;
  letter-spacing: 0.2px;
  padding: 0px;
  #padding: 0px;
  margin: 0px;
}

td.3
{
  color: #D9D9D9;
  font-size: 8pt;
  line-height: 140%;
  letter-spacing: 0.2px;
  padding: 0px;
  margin: 0px;
}

td.4
{
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width: 3px;
  /border-bottom: none;
  padding: 0px;
  margin: 0px;
}

td.5
{
  border-bottom-style: solid;
  border-bottom-color: red;
  border-bottom-width: 3px;
  /border-bottom: none;
  margin-bottom: 0px;
  padding: 0px;
  margin: 0px;
}


td.cities
{
  color: white;
  font-size: 9pt;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 0.2px;
  padding-top: 11px;
  vertical-align: top; 
  text-align: center; 
}

td.page
{
  padding: 0px;
  margin: 0px;
  vertical-align: top; 
  width: 100%;
  border-spacing: 0;
}

td.langue
{
  padding-top: 6px;
  vertical-align: top; 
  text-align: center; 
  color: white;
}

td.pic_menu
{
  vertical-align: top; 
  width: 20%;
  text-align: justify; 
  background-color: black;
}

td.pic_menu2
{
  font-size: 8pt;
  vertical-align: bottom; 
  width: 20%;
  text-align: left; 
  background-color: black;
  padding: 2px;
}

td.pic_main
{
  vertical-align: top; 
  width: 80%;
  background-color: black;
}

td.videos_td_black 
{
  border: solid 2px #D81F2A;
  text-align: center;
  vertical-align: top; 
  padding: 0;
  background-color: black;
}

td.videos_td 
{
  border: solid 2px #D81F2A;
  font-weight: bold;
  text-align: center;
  vertical-align: top; 
  padding: 0;
  background-color: white;
}

td.videos_td_maps
{
  border: solid 1px #D81F2A;
  color: #D9D9D9;
  font-weight: bold;
  text-align: center;
  vertical-align: top; 
  padding: 0;
  background-color: black;
}

td.videos_td_film
{
  border: solid 1px #D9D9D9;
  text-align: center;
  vertical-align: top; 
  padding: 0;
  background-color: #333333;
}

td.videos_td_noborder
{
  text-align: center;
  vertical-align: top; 
  padding: 0;
  margin:0;
  background-color: black;
}

td.videos_td_noborder_white
{
  text-align: left;
  vertical-align: top; 
  padding-left: 9;
  padding-right: 0;
  padding-top: 4;
  padding-bottom: 2;
  background-color: white;
}

td.film_photo
{
  vertical-align: top; 
  text-align: right;
  padding: 0;
  background-color: black;
}


A
{
  color: white;
  font-size: 8pt;
  text-decoration: none;
  font-weight: bold;
}

A:hover
{
  text-decoration: underline;
}

A:active
{
  color: red;
}

A.langue
{
  color: white;
  font-size: 8pt;
  text-decoration: none;
  font-weight: bold;
}

A.langue:hover
{
  text-decoration: underline;
}

A.media_list
{
  color: #D9D9D9;
  font-size: 9pt;
  text-decoration: none;
  font-weight: bold;
}

A.media_list:hover
{
  text-decoration: underline;
}

A.media_list:active
{
  color: red;
}


A.home
{
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

A.home:link
{
  color: #1F497D;
}

A.home:visited
{
  color: #1F497D;
}

A.home:focus
{
  color: #1F497D;
}

A.home:hover
{
  color: #1F497D;
  text-decoration: underline;
}

A.home:active
{
  color: #1F497D;
}


A.h1
{
  color: white;
  font-family: Times New Roman, Times, serif; 
  font-size: 15pt;
  font-weight: bold;
  text-decoration: none;
}

A.h1:hover
{
  text-decoration: underline;
}


A.video
{
  font-weight: bold;
  text-decoration: none;
}

A.video:link
{
  color: red;
}

A.video:visited
{
  color: red;
}

A.video:focus
{
  color: red;
}

A.video:hover
{
  color: red;
  text-decoration: underline;
}

A.video:active
{
  color: red;
}




A.sous_titre
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

A.sous_titre:link
{
  color: white;
}

A.sous_titre:visited
{
  color: white;
}

A.sous_titre:focus
{
  color: white;
}

A.sous_titre:hover
{
  color: #E57300;
}

A.sous_titre:active
{
  color: white;
}

A.sous_titre2
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

A.sous_titre2:link
{
  color: white;
}

A.sous_titre2:visited
{
  color: white;
}

A.sous_titre2:focus
{
  color: white;
}

A.sous_titre2:hover
{
  color: black;
}

A.sous_titre2:active
{
  color: white;
}

A.sous_titre3
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: black;
}

A.sous_titre3:link
{
  color: white;
}

A.sous_titre3:visited
{
  color: white;
}

A.sous_titre3:focus
{
  color: white;
}

A.sous_titre3:hover
{
  color: black;
}

A.sous_titre3:active
{
  color: white;
}


A.submenu
{
  color: white;
  font-size: 8pt;
  text-decoration: none;
  padding-left: 15px;
  display:block;
}

A.submenu:hover
{
  text-decoration: underline;
}

A.submenu:active
{
  color: red;
}


A.submenu2
{
  color: white;
  font-size: 7pt;
  text-decoration: none;
  padding-left: 20px;
  display:block;
}

A.submenu2:hover
{
  text-decoration: underline;
}

A.submenu2:active
{
  color: red;
}


A.photo_list
{
  color: white;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bold;
}

A.photo_list:hover
{
  text-decoration: underline;
}

A.photo_list.red
{
  color: red;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bold;
}

A.photo_list.red:hover
{
  text-decoration: underline;
}

/* CSS Nested List*/
.open 
{
  display: block;
}

.closed 
{
  display: none;
}

#pic_menu li.top 
{
  list-style-type: none;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 10px;
  font-size: 9pt;
  font-weight: bold;
}
  
#pic_menu li.top2
{
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 29px;
  font-size: 9pt;
  font-weight: bold;
}
    

#pic_menu li
{
  list-style-type: none;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 10px;
  font-size: 8pt;
}
  
#pic_menu li img 
{
  vertical-align: middle;
}





/* Photo Slide PHOTOS*/

	#dhtmlgoodies_slideshow{
		width:750px;	/* Total width of slideshow */

	}
	
	#previewPane{
		border: none;
		margin-right:10px;
		margin-left:10px;	
		text-align: center;
		vertical-align: middle;
		padding-top:35px;
		
		
		/* CSS HACK */
		height: 492px;	/* IE 5.x */
		height/* */:/**/492px;	/* Other browsers */
		height: /**/492px;
		
		width:600px;	
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:240px;
		top:160px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float: left;	/* Floating */
                background-color: black;
		text-align:center;
		
		/* CSS HACK */
		height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/438px;	/* Other browsers */
		height: /**/438px;
		
		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border: none;			
		padding:1px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:400px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=70);	/* Transparency - IE */
		opacity:0.7; /* Transparency - Firefox */
		padding-top:3px;
		padding-bottom:3px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: font-family: Arial, Helvetica, sans-serif; 	/* Font to use */
		font-size:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}