/* CSS Document 

---------------------------------------------------------------------
projet : SODI

sommaire:

	[ Reset Css ]
	[ Blocs posistionnement ]
	[ Liens ]
	[ Titres ]
	[ Listes ]
	[ Divers blocs]
	[ Tableaux ]
	[ Styles divers ]
	
---------------------------------------------------------------------

/***** [ Reset css ] ************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
sup { vertical-align: super;}	
	
body {
	background: #000 url(../images/styles/bg_body.png) center top repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	}
	
	
/* [ Blocs_positionnement ] */
#header {
	width: 1050px;
	margin: 0 auto 9px auto;
	height: 289px;
	background: url(../images/styles/bg_header_2.jpg);
	position: relative;
	}
#tohome span { display: none; }
#tohome {
  display: block;
  width: 313px;
  height: 127px;
  position: absolute;
  top: 80px;
  left: 40px;
}
#container {
	width: 1038px;
	margin: 0 auto;
	}
#footer_container {
	background: url(../images/styles/bg_footer_container_2.png) bottom repeat-x;
	height: 99px;
	}
	#footer {
		width: 1035px;
		margin: 0 auto;
		height: 34px;
		    padding-top: 65px;
			padding-right: 15px;
		color: black;
		text-transform: uppercase;
		text-align: right;
		background: url(../images/styles/bg_footer_3.png) top no-repeat;
		clear: both;
		}
		#footer a {color: #000; }
	
	
/*** [ Liens ] ***/
a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }


/*** [ Titres ] ***/
h3 {
	height: 35px;
	padding-left: 15px;
	line-height: 35px;
	background: url(../images/styles/bg_h3.png) left top no-repeat;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	}
	h3 span {
		background: url(../images/styles/bg_h3.png) right top no-repeat;
		padding-right: 15px;
		display: block;
		height: 35px;
		}
	#team_sodi h3 {
		text-align: center;
		}
	.sub_h3 {
		position: absolute;
		top: 4px;
		right: 4px;
		z-index: 1;
		height: 35px;
		background: url(../images/styles/bg_sub_h3.png) right no-repeat;
		padding: 0 12px;
		line-height: 35px;
		font-size: 14px;
		font-weight: bold;
		}
		
p { color: #d1d3d4; }
/*** [ Listes ] ***/

/* navigation */
ul#nav {
	position: absolute;
	width: 940px;
	height: 26px;
	top: 218px;
	left: 29px;
	overflow: hidden;
	padding-left: 60px;
	}
ul#nav li {
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	line-height: 26px;
	white-space: nowrap;
	}
	ul#nav li a {
		color: #FFF;
		display: block;
		height: 26px;
		padding: 0 11px;
		}
		ul#nav li a:hover, ul#nav li a:focus {
      color: #d1d3d4;
			background: url(../images/styles/bg_li_nav_over.png) center top no-repeat;
    }
		ul#nav li.on a {
			color: #f5461a;
			background: url(../images/styles/bg_li_nav_on.png) center top no-repeat;
			}
			
/* sous navigation */
ul#subnav {
	position: absolute;
	width: 1027px;
	height: 25px;
	top: 263px;
	left: 13px;
	overflow: hidden;
	}
ul#subnav li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	margin-right: 10px;
	height: 25px;
	white-space: nowrap;
	}
	ul#subnav li a { 
		/*background: url(../images/styles/bg_li_subnav.png) right -25px no-repeat;*/
		display: block;
		height: 25px;
		padding-right: 6px;
		color: #FFF;
		}
	ul#subnav li a span {
		display: block;
		height: 25px;
		padding: 0 3px 0 9px;
		/*background: url(../images/styles/bg_li_subnav.png) left -75px no-repeat;*/
		cursor: pointer;
		font-weight: normal;
		font-style: italic;
		}
    /*
		ul#subnav li a:hover, ul#subnav li a:focus, ul#subnav li.on a { 
			background-position: right 0;
			}*/
		ul#subnav li.on a span { 
      color: #f5461a;
    }
		ul#subnav li a:hover span, ul#subnav li a:focus span { 
			/*background-position: left -50px;*/
      color: #939598;
			}
			
/* menu langue */
ul#lang {
	min-width: 67px;
	position: absolute;
	top: 218px;
	left: 27px;
	}
ul#lang li { width: 26px; float: left; height: 22px;}
	ul#lang li a { background-position: 0 -23px; background-repeat: no-repeat; display: block; height: 22px; }
	ul#lang li a:hover, ul#lang li a:focus, ul#lang li.on a { background-position: 0 0; }
	ul#lang li span { display: none; }
	
	ul#lang li.home { margin: 0 10px;  width: 30px;}
	ul#lang li.home a { background-image: url(../images/styles/picto_home.png) }
	ul#lang li.fr a { background-image: url(../images/styles/picto_fr.png) }
	ul#lang li.en a { background-image: url(../images/styles/picto_en.png) }
	
/* liste de news titres */
ul.news li {
	height: 45px;
	background: url(../images/styles/bg_li_news.png) left top no-repeat;
	overflow: hidden;
	}
	ul.news li .date_time {
		float: left;
		display: block;
		width: 46px;
		font-size: 11px;
		padding: 6px 7px 0 7px;
		text-align: right;
		line-height: 15px;
		margin-top: 2px;
		}
		ul.news li .date_time .time { display: block; color: #939598; }
	ul.news li .title {
		float: left;
		height: 44px;
		width: 255px;
		line-height: 43px;
		/*color: #f5461a;*/
			color: #121212;
		padding: 0 10px;
		font-weight: bold;
		overflow: hidden;
		}
		ul.news li.on .title {
			background: url(../images/styles/bg_li_news.png) right -88px no-repeat;
			color: #f5461a;
    }
    ul.news li .title:hover {
			background: url(../images/styles/bg_li_news.png) right -44px no-repeat;
			color: #939598;
    }

/* drappeaux */
ul.flags {
	position: absolute;
	top: 8px;
	right: 9px;
	}
ul.flags li {
	float: left;
	width: 23px;
	height: 23px;
	overflow: hidden;
	}
	ul.flags li a {
		display: block; 
		width: 23px;
		height: 23px;
		position: relative;
		overflow: hidden;
		background-position: left bottom;
		}
		ul.flags li a:hover, ul.flags li a:focus, ul.flags li.on a { background-position: 0 0; }
		ul.flags li a.en { background-image: url(../images/flags/en2.png); }
		ul.flags li a.fr { background-image: url(../images/flags/fr2.png); }
		ul.flags li a.it { background-image: url(../images/flags/it2.png); }
		ul.flags li a.pt { background-image: url(../images/flags/pt2.png); }
		ul.flags li a.de { background-image: url(../images/flags/de2.png); }
		ul.flags li a span { display: none; }
		
/* communiqués */
ul.comm li {
	height: 81px;
	position: relative;
	}
	ul.comm li img.photo {
		position: absolute;
		left: 5px;
		top: 5px;
		}
	ul.comm li img.flag { border: #171617 solid 1px; }
	ul.comm li a {
		padding-left: 116px;
		background: url(../images/styles/bg_com_list_2.png) top left no-repeat;
		display: block;
		height: 81px;
		color: #fff;
		}
		ul.comm li a span { cursor: pointer; }
		ul.comm li.on a {
      background-position: -162px left;
      color: #f5461a;
    }
    ul.comm li a:hover, ul.comm li a:focus {
      background-position: left -81px;
      color: #d1d3d4;
		}
    ul.comm li a:hover .title, ul.comm li a:focus .title {
      color: #d1d3d4;
    }
	ul.comm li a .title {
		display: block;
		/*width: 219px;*/
		height: 27px;
    line-height: 27px;
		font-weight: bold;
		padding: 0;
    overflow: hidden;
		color: #121212;
		}
	ul.comm li a .place {
    color: #d1d3d4;
  }
	ul.comm li a .infos {
		display: block;
		width: 219px;
		padding-top: 7px;
    overflow: hidden;
		}
	ul.comm li a:hover .infos {
    color: #939598;
  }
	ul.comm li a .text {
		display: block;
		width: 661px;
		height: 34px;
		padding: 8px 5px 5px 5px;
		position: absolute;
		top: 27px;
		right: 0;
		font-size: 12px;
		overflow: hidden;
    color: #939598;
		}
	ul.comm li a:hover .text {
    color: #fff;
  }
		
/* gallery */
.gallery_head {
	height: 35px;
	padding-left: 15px;
	line-height: 35px;
	background: url(../images/styles/bg_h3.png) left top no-repeat;
	overflow: hidden;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	}
	.gallery_head .date { font-weight: normal; }
	.gallery_head div {
		background: url(../images/styles/bg_h3.png) right top no-repeat;
		padding-right: 15px;
		height: 35px;
      font-size: 14px;
		}
	.gallery_head .title { float: right; padding-right: 10px; }
	
	ul.gallery {
		height: 1%;
		background: #171617;
		overflow: hidden;
		padding: 10px 0 20px 4px;
		}
		ul.gallery li {
			float: left;
			width: 120px;
			height: 86px;
			margin-left: 1px;
			}
		ul.gallery.g2 li {
			width: 128px;
			height: 90px;
    }
			ul.gallery li a {
				display: block;
				height: 76px;
				padding: 5px 4px;
				text-align: center;
				background: url(../images/styles/bg_item_gallery.png) left top;
				}
			ul.gallery.g2 li a {
				height: 79px;
				padding: 5px 5px 5px 4px;
				background: url(../images/styles/bg_item_gallery_2.png) left top;
      }
				ul.gallery li a:hover, ul.gallery li a:focus { background-position: right top; }
				
/* logos partenaires */
ul.partners {
	background: #171617;
	width: 100%;
	overflow: hidden;
	margin: 8px 0 10px 0;
	padding: 10px 0;
	}
	ul.partners li {
		float: left;
		margin: 0 15px;
		}

	
/*** [ Divers blocs] ***/

.line {	width: 100%; overflow: hidden; margin-bottom: 17px; }
.bloc1 {
	width: 335px;
	padding: 4px 4px 36px 4px;
	position: relative;
	background: #3f3f3f url(../images/styles/bg_bloc1.png) top no-repeat;
	float: left;
	margin: 0 8px 0 8px;
	}
	.bloc1 .bottom {
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 0;
		background: url(../images/styles/bg_bloc1_bottom.png) bottom no-repeat;
		height: 46px;
		width: 343px;
		}
	#team_sodi.bloc1 { padding-bottom: 70px; }
	#team_sodi .bottom {
		background: url(../images/styles/bg_bloc1_bottom_team_sodi_3.png) bottom no-repeat;
		height: 70px;
		width: 343px;
		}
	#team_sodi p { 
    background: #171617; 
    padding: 15px; 
    margin: 0; 
    line-height: 16px; 
    text-align: justify;
    min-height: 210px; 
  }
	
.bloc2 {
	width: 655px;
	padding: 4px 4px 32px 4px;
	position: relative;
	background: #3f3f3f url(../images/styles/bg_bloc2.png) top no-repeat;
	float: left;
	margin: 0 8px 0 8px;
	}
	.bloc2 .bottom {
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 0;
		background: url(../images/styles/bg_bloc2_bottom.png) bottom no-repeat;
		height: 45px;
		width: 663px;
		}

.bloc3 {
	width: 1014px;
	padding: 4px 4px 27px 4px;
	position: relative;
	background: #3f3f3f url(../images/styles/bg_bloc3.png) top no-repeat;
	margin: 0 8px 0 8px;
	}
	.bloc3 .bottom {
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 0;
		background: url(../images/styles/bg_bloc3_bottom.png) bottom no-repeat;
		height: 28px;
		width: 1022px;
		}
	.bloc3 .bottom2, .bloc3 .bottom3 {
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 0;
		background: url(../images/styles/bg_bloc3_bottom2.png) bottom no-repeat;
		height: 41px;
		width: 1022px;
		}
		.bloc3 .bottom3 {background-image: url(../images/styles/bg_bloc3_bottom3.png); }
		
.bloc4 {
	width: 494px;
	padding: 4px 4px 32px 4px;
	position: relative;
	background: #3f3f3f url(../images/styles/bg_bloc4.png) top no-repeat;
	float: left;
	margin: 0 8px 0 8px;
	}
	.bloc4 .bottom {
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 0;
		background: url(../images/styles/bg_bloc4_bottom.png) bottom no-repeat;
		height: 45px;
		width: 502px;
		}
		
		
/* news */
.news_entry .head {
	height: 35px;
	padding-left: 15px;
	line-height: 35px;
	background: url(../images/styles/bg_h3.png) left top no-repeat;
	overflow: hidden;
	position: relative;
	}
	.news_entry .head div {
		background: url(../images/styles/bg_h3.png) right top no-repeat;
		padding-right: 15px;
		height: 35px;
		}
	.news_entry .head .title {
		font-size: 15px;
		font-weight: bold;
		}
	.news_entry .entry {
		padding: 9px 6px 5px 5px;
		background: #171617;
		height: 1%;
		overflow: hidden;
		}
	.entry img { margin-bottom: 8px; }
	

/*** [ Tableaux ] ***/
table.results {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 3px;
	}
	table.results td { vertical-align: top; white-space: nowrap; overflow: hidden; }
	table.results td.title {
		background: url(../images/styles/bg_tb_results.png) left top no-repeat;
		height: 37px;
		font-size: 15px;
		font-weight: bold;
		line-height: 37px;
		padding-left: 32px;
		vertical-align: middle;
    color: #d1d3d4;
		}
		table.results td.titleBis {
		background: url(../images/styles/bg_tb_results.png) left top no-repeat;
		height: 37px;
		font-size: 15px;
		font-weight: bold;
		line-height: 37px;
		padding-left: 32px;
		color: #939598;
		}
		table.results td.title .date { font-weight: normal; }
		table.results img.flag { border: #3f3f3f solid 1px; margin: 0 3px }
	table.results td.title2 {
		background: url(../images/styles/bg_tb_results.png) left -37px no-repeat;
		height: 35px;
		font-size: 15px;
		line-height: 35px;
		color: #000;
		font-size: 16px;
		padding-left: 32px;
		}
	table.results td.title2.bottom_row {
    height: 10px;
    line-height: 10px;
  }
		table.results td.title2 .name { font-weight: bold; text-transform: uppercase; color: #000; }
		table.results td.title2 a.name:hover { color: #d1d3d4; }
	table.results td.cat {
		background: url(../images/styles/bg_tb_results_cat.png) repeat-x;
		height: 35px;
		font-size: 15px;
		font-weight: bold;
		line-height: 35px;
		font-size: 15px;
		width: 40px;
		padding: 0 16px;
		width: 10px;
		text-align: center;
		}
	table.results .row1 td {
		font-size: 15px;
		background: url(../images/styles/bg_tb_results.png) left -72px no-repeat;
		padding-left: 32px;
		height: 24px;
		line-height: 20px;
		/*width: 20%;*/
		}
	table.results .row2 td {
		font-size: 15px;
		background: url(../images/styles/bg_tb_results.png) left -96px no-repeat;
		padding-left: 32px;
		height: 24px;
		line-height: 20px;
		color: #939598;
		}
		table.results .row2.last td {
			height: 20px;
			}
  table.results td.heat { padding-left: 100px;}
  table.results td.rank { padding-left: 0;}
  table.results tr.first td { font-weight: bold; }
	
	
/*** [ Styles divers ] ***/
p { margin-bottom: 1em; }
.left { float: left; }
	img.left { margin: 0 8px 8px 0 }
.right { float: right; }
	img.right { margin: 0 0 8px 8px }

/****************************************************************/
.news_entry .entry p {
  line-height: 17px;
  margin: 0;
  padding: 0;
  text-align: justify;
}

.news_entry .entry p a { color: #F5461A }
.news_entry .entry p img { 
  background:#3f3f3f none repeat scroll 0 0;
  border:1px solid #3f3f3f;
  padding:2px;
}

/******* FICHES PILOTES ******/
.clear {
  clear: both;
  height: 1px;
  font-size: 1px;

}

#carousel {
  width: 197px;
  height: 402px;
  margin: 0 12px 0 8px;
  float: left;
  background: url(../images/styles/bg_carousel.png) no-repeat;
  position: relative;
  display: inline;
  overflow: hidden;
  padding: 74px 0 0 4px; /* top for scrollable_content*/
}

#carousel h2 {
  position: absolute;
  top: 39px;
  left: 0;
  display: block;
  height: 28px;
  padding-top: 6px;
  width: 100%;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

#carousel .scrollable_content {
  overflow: hidden;
  height: 367px;
  width: 192px;
}

#carousel .bottom {
		position: absolute;
		bottom: 0;
    left: 0;
		z-index: 1;
    height: 43px;
    width: 201px;
    background: url(../images/styles/bg_carousel_bottom.png) bottom no-repeat;
}

#carousel .prev, #carousel .next {
  display: block;
  width: 182px;
  height: 31px;
  position: absolute;
  z-index: 2;
  left: 10px;
}
#carousel .prev {
  top: 6px;
  background: url(../images/styles/bt_carousel_prev.png) left top no-repeat;
}
#carousel .next {
  top: 443px;
  background: url(../images/styles/bt_carousel_next.png) left top no-repeat;
}

#carousel .disabled { background-position: bottom; }

#carousel .item a {
  display: block;
  height: 35px;
  padding: 6px 0 0 0;
  /*line-height: 22px;*/
  font-weight: bold;
  font-size: 14px;
  color: #121212;
  background: transparent url(../images/styles/bg_generic_casque.png) left -1px no-repeat;
}
#carousel li.last a {
  height: 36px;
}

#carousel .item a .flag{
  margin: 0 5px;
}
#carousel .item a:hover {
  color: #d1d3d4;
  background-position: left -50px;
}
#carousel li.item.on a {
  color: #f5461a;
  background-position: left -99px;
}
#carousel .item a .flag {
  border: solid 1px #3f3f3f;
}

#carousel .item a span.last_name {
}
#carousel .item a span.first_name {
  display: block;
  font-size: 12px;
  padding-left: 27px;
  font-weight: normal;
}

#pilot_file_container {
  width: 809px;
  height: 476px;
  float: left;
  padding-top: 0;
  position: relative;
  /*background: url(../images/styles/bg_fiche_pilote_container.png) no-repeat;*/
}

#pilot_file_mask {
  background: url(../images/styles/bg_fiche_pilote_mask.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 809px;
  height: 476px;
  z-index: 2;
}

#pilot_file_container .control {
  position: relative;
  height: 36px;
}
#pilot_file_container .control ul, #pilot_file_container .control ul li { 
  display: inline; 
}
#pilot_file_container .control ul li span { display: none; }
#pilot_file_container .control li a { 
  display: block; 
  width: 28px; 
  height: 20px; 
  position: relative; 
  z-index: 10;
}
#pilot_file_container .control .prev, #pilot_file_container .control .next {
  position: absolute;
  top: 7px;
  background-image: url(../images/styles/bt_prev_next_pilot_file.png) ;
  z-index: 3;
}
  
#pilot_file_container .control .prev {
  left: 7px;
}
#pilot_file_container .control .prev.disabled {
  background-position: left -20px;
}
#pilot_file_container .control .next {
  right: 7px;
  background-position: left -40px;
}
#pilot_file_container .control .next.disabled {
  background-position: left -60px;
}

.pilot_file {
  width: 809px;
  height: 440px;
  background: url(../images/styles/pilots/bg_default.jpg) no-repeat;
  position: relative;
}

.slide_content {
  height: 440px;
  overflow: hidden;
  position: relative;
}

.pilot_file h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 20px;
}
.pilot_file h2 img.flag {
  border: solid 1px #3f3f3f;
  margin-right: 4px;
}

ul.menu-year {
  margin: 10px 0 0 8px;
  float: left;
  width: 214px;
}

ul.menu-year li {
  height: 25px;
	font-weight: bold;
	line-height: 25px;
  margin-bottom: 6px;
	white-space: nowrap;
  background: url(../images/styles/bg_menu_year_item.png) top right no-repeat;
}

ul.menu-year li a {
  float: right;
  margin-right: 12px;
  /*background: url(../images/styles/bg_li_subnav.png) right -25px no-repeat;*/
  display: block;
  height: 25px;
  padding-right: 6px;
  color: #FFF;
}

ul.menu-year li a span {
  display: block;
  height: 25px;
  padding: 0 3px 0 9px;
  /*background: url(../images/styles/bg_li_subnav.png) left -75px no-repeat;*/
  cursor: pointer;
}
/*
ul.menu-year li a:hover, ul.menu-year li a:focus, ul.menu-year li.on a {
  background-position: right 0;
} 
*/
ul.menu-year li.on a span {
  /*background-position: left -50px;*/
  color: #f5461a;
} 
ul.menu-year li a:hover span, ul.menu-year li a:focus span {
  color: #bbb;
}


.bloc-pilot-panel {
	position: relative;
  float: left;
  width: 798px;
  padding: 4px 6px 32px 6px;
  background: #3f3f3f url(../images/styles/bg_bloc_pilot_panel.png) top left no-repeat;
}

.bloc-pilot-panel .bottom {
  position: absolute;
  /*bottom: 0; IE BUG */
  z-index: 2;
  left: 0;
  background: url(../images/styles/bg_bloc_pilot_panel_bottom.png) bottom no-repeat;
  height: 32px;
  width: 810px;
}

.bloc-pilot-panel ul.pilot-tabs li { 
  display: block;
  float: left;
  width: 266px;
  height: 35px;
}
.bloc-pilot-panel ul.pilot-tabs li a {
  color: #fff;
  color: #1d1d1d;
  font-weight: bold;
  display: block;
  height: 35px;
  background: url(../images/styles/bg_tab_pilot.png) top left no-repeat;
  font-size: 16px;
  text-align: center;
  line-height: 35px;
  text-transform: uppercase;
}

.bloc-pilot-panel ul.pilot-tabs li.on a {
  background-position: left -70px;
  color: #f5461a;
}
.bloc-pilot-panel ul.pilot-tabs li a:hover {
  background-position: left -35px;
  color: #d1d3d4;
}

.bloc-pilot-panel ul.pilot-tabs li.desctivate a, .bloc-pilot-panel ul.pilot-tabs li.desctivate a {
  cursor: default;
  background: url(../images/styles/bg_tab_pilot.png) top left no-repeat;
  color: #777;
}

#pilot-honor {
  width: 100%;
}
#pilot-honor th {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: #000;
  height: 37px;
  line-height: 37px;
}
#pilot-honor td {
  border-bottom: solid 1px #111;
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
#pilot-honor td.col0 { background: #aaa; color: #171617; font-weight: bold; }
#pilot-honor td.col1 { background: #878787; }
#pilot-honor td.col2 { background: #2a2a2a; }
#pilot-honor td.col3 { background: #1d1d1d; }

.pilot-panel-content { overflow: hidden; }

.pilot-photos ul { padding: 10px 0; }

.pilot-results h3, .pilot-results h3 span, .pilot-photos h3, .pilot-photos h3 span {
  background: #2a2a2a;
}

.pilot-results h3 span, .pilot-photos h3 span { display: inline; }

.pilot-results h3 a, .pilot-photos h3 a { color: #fff; }
.pilot-results h3 a:hover, .pilot-photos h3 a:hover { color: #f5461a; }

.pilot-photos h3 span { padding-right: 10px; }

.pilot-results h3 span.categ, .pilot-photos h3 span.categ { 
  float: right;
  width: 100px;
  text-align:center;
  background: #1d1d1d;
  padding: 0;
  display: block;
}

.pilot-results h3.on, .pilot-results h3.on span, .pilot-photos h3.on, .pilot-photos h3.on span { background: #000; }
.pilot-results h3.on span.categ, .pilot-photos h3.on span.categ { background: #1d1d1d; }

.pilot-results h3 a span.barre-in, .pilot-photos h3 a span.barre-in { 
  cursor: pointer;
  display: block;
  padding: 0;
}

.pilot-photos ul.gallery {
  padding: 10px 10px 20px 12px;
}

.pilot-infos {
  position: absolute;
  top: 54px;
  left: 345px;
  width: 455px;
}

.pilot-infos th {
  font-size: 12px;
  color: #fff;
}

div.but {
  display: block;
  float: left;
}

div.but .l {
  height: 20px;
  line-height: 20px;
  display: block;
  background: transparent url(../images/styles/bg_th_info_pilot.png) left -20px no-repeat;
  padding: 0 3px 0 12px;
}
div.but .r {
  display: block;
  background: transparent url(../images/styles/bg_th_info_pilot.png) right top no-repeat;
  padding-right: 9px;
}

.pilot-infos td {
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.pilot-answers  {
  position: absolute;
  top: 288px;
  left: 340px;
  width: 436px;
  height: 133px;
  overflow: hidden;
  padding: 5px 10px;
}

.pilot-answers p {
  display: inline;
  line-height: 20px;
}

.pilot-answers .question {
  color: #f5461a;
  font-weight: bold;
  margin-right: 3px;
}
.pilot-answers .answer {
  color: #fff;
  margin-right: 10px;
}

/********************************************************************/
#list-galleries-container {
  float: left;
  width: 459px;
  background: #3f3f3f url(../images/styles/bg_bloc_galleries_list.png) top left no-repeat;
}

#list-galleries-container .bottom {
  width: 467px;
  background: url(../images/styles/bg_bloc_galleries_list_bottom.png) bottom left no-repeat;
}

.bloc4 .head {
	height: 35px;
	padding-left: 15px;
	line-height: 35px;
	background: url(../images/styles/bg_h3.png) left top no-repeat;
	overflow: hidden;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
}
.bloc4 .head div {
  background: url(../images/styles/bg_h3.png) right top no-repeat;
  padding-right: 15px;
  height: 35px;
  text-align: center;
  font-size: 14px;
}

#gallery-container {
/*
  float: left;
  width: 531px;
  background: #3f3f3f url(../images/styles/bg_bloc_gallery.png) top left no-repeat;
*/
}

ul.list-galleries li a {
  display: block;
  font-weight: bold;
  font-size: 12px;
  height: 38px;
	background: url(../images/styles/bg_li_photos.png) left top no-repeat;
	overflow: hidden;
  color: #121212;
  padding: 7px 10px 0 10px;
}

ul.list-galleries li.on a {
  background-position: left -90px;
  color: #f5461a;
}
ul.list-galleries li a:hover {
  background-position: left -45px;
  color: #d1d3d4;
}
ul.list-galleries li a span.date { font-weight: normal; }
ul.list-galleries li a span.compet { cursor: pointer; text-transform: uppercase; }
ul.list-galleries li a .flag {
  border: solid 1px #3f3f3f;
}

#gallery-container .bottom {
/*
  width: 539px;
  background: url(../images/styles/bg_bloc_gallery_bottom.png) bottom left no-repeat;
*/
}
#gallery-container ul.gallery {
  padding: 10px 20px 20px 25px;
}

#results-filter, #contact-infos {
  float: left;
  width: 192px;
  background: #3f3f3f url(../images/styles/bg_bloc_filter.png) top left no-repeat;
  padding-bottom: 19px;
}
#results-filter .bottom, #contact-infos .bottom {
  width: 200px;
  background: url(../images/styles/bg_bloc_filter_bottom.png) bottom left no-repeat;
  height: 38px;
}

/*** elSelect ***/

#results-filter ul, #results-filter ul li, .elSelect, elSelect .optionsContainer {
  position: relative;
}

#results-filter ul { margin-bottom: 15px; }
.elSelect .optionsContainer {
  display: none;
}

.elSelect .optionsContainer .option {
  overflow: hidden;
  color: #000;
  padding: 5px 0 0 5px;
  height: 17px;
  line-height: 17px;
  background: url(../images/styles/bg_filter_subitem.png) left -22px no-repeat;
  text-transform: uppercase;
  cursor: pointer;
  cursor:hand;
  font-size: 12px;
  overflow: hidden;
  font-weight: bold;
}

.elSelect .optionsContainer .option:hover {
  background-position: left top;
  color: #f5461a;
}

.elSelect .selectedOption {
  text-transform: uppercase;
  cursor: pointer;
  cursor:hand;
  background: url(../images/styles/bg_filter_item.png) left top no-repeat;
  padding: 4px 0 0 5px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  color: #121212;
}

.elSelect .selectedOption:hover {
  background-position: left -40px;
  color: #d1d3d4;
}
.elSelect .selectedOption.open {
  background-position: left -80px;
  color: #f5461a;
}
/****************/

#results-container {
  width: 801px;
	background: #3f3f3f url(../images/styles/bg_bloc_results.png) top no-repeat;
  margin: 0 0 20px 216px;
}
#results-container .bottom {
  width: 809px;
  background: url(../images/styles/bg_bloc_results_bottom.png) bottom no-repeat;
}

#results-container .results td.title .round { float: right; margin-right: 10px;}

table.results td.time {
  text-align: right;
}

.calendar table.results td.titleBis { width: 400px; }
.calendar { margin-bottom: 15px; }

.calendar table.results td.title2 {
  background: #656565;
  border-top: solid 2px #141414;
}
.calendar table.results tr.first td.title2 {
  border-top: 0;
}

#contact-infos p {
  background: #171617;
  padding: 15px 10px 21px 15px;
}
#contact-infos p span.firm {
  font-weight: bold;
  color: #f5461a;
}
#contact-infos p a {
  color: #f5461a;
}

#contact-form {
  width: 801px;
	background: #3f3f3f url(../images/styles/bg_bloc_results.png) top no-repeat;
  margin: 0;
}
#contact-form .bottom {
  width: 809px;
  background: url(../images/styles/bg_bloc_contact_bottom.png) bottom no-repeat;
}
#contact-form .head div {
  text-align: left;
}

#contact-form .form-container {
  background: #171617;
  padding: 30px 25px;
}

#contact-form .maincol {
  float: left;
  width: 550px;
}

#contact-form .latcol {
  position: relative;
  float: left;
  width: 184px;
  height: 339px;
  background: url(../images/styles/bg_contact_form.png) left 236px no-repeat; 
}

.form-line {
  clear: both;
}
.form-line .col1 div {
  margin-right: 18px;
  float: right;
}
.form-line .col1 {
  float: left;
  width: 126px;
}

form-line .col1 div, .form-line input {
  margin-bottom: 20px;
}
.form-line input, .form-line textarea {
  float: left;
  background: #F2F2F2;
  border: solid 1px #3d3d3d;
  width: 385px;
}
.form-line input {
  height: 18px;
}

.form-line input:focus, .form-line textarea:focus {
  border: solid 1px #f5461a;
  background: #e8b17a;
}

.form-line textarea {
  height: 238px;
}


.subbut {
  position: absolute;
  top: 340px;
  left: 0;
}

.subbut input {
  background: url(../images/styles/bg_button_form.png) left top no-repeat;
  border: 0;
  height: 25px;
  width: 184px;
  color: #fff;
}

.subbut input:hover {
  background-position: left -25px;
  cursor: pointer;
}

.partner {
  background: url(../images/styles/bg_logo_partner.png) left top no-repeat;
  float: left;
  margin: 0 18px 19px 0;
}

.partner.row-last {
  margin-right: 0;
}

.partner a {
  display: block;
  position: relative;
  width: 242px;
  height: 143px;
  cursor: pointer;
}

.partner a:hover {
  background-position: left -143px;
}
.partner a span {
  display: block;
  position: absolute;
  width: 242px;
  top: 112px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}


.partner a:hover span {
  color: #f5461a;
}

.bottom .pager, .bottom2 .pager, .bottom3 .pager {
  position: absolute;
  top: 18px;
  right: 0;
  margin-right: 15px;
}
.bloc3 .bottom .pager {
  top: 5px;
}
.bottom .pager a, .bottom2 .pager a, .bottom3 .pager a {
  margin-right: 5px;
  color: #fff;
}
.bottom .pager a.on,.bottom .pager a:hover, .bottom2 .pager a.on, .bottom3 .pager a.on, .bottom2 .pager a:hover, .bottom3 .pager a:hover {
  color: #f5461a;
}

#team_sodi p.slogan {
  min-height: 0;
  text-align: center;
  color: #f5461a;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
}

.presentation .bloc1 .container { 
  min-height: 514px;
  padding-top: 210px;
  background: #171617 url(../images/presentation_1.jpg) top left no-repeat; 
}
.presentation .bloc1 .container p { 
    background: transparent;
    padding: 20px 15px; 
    margin: 0; 
    line-height: 16px; 
    text-align: justify;
    min-height: none; 
}
.presentation	.bloc2  {  padding-bottom: 70px; }
.presentation	.bloc2 .bottom {  
  height: 70px;
  background: url(../images/styles/bg_bloc2_bottom_presentation_2.png) top left no-repeat;
}
.presentation .bloc2 .container { 
  min-height: 347px;
  padding-top: 343px;
  background: #171617 url(../images/presentation_2.jpg) top left no-repeat; 
}
.presentation	.bloc2 p { padding: 15px; margin: 0; text-align: justify; }
.presentation h3 { text-align: center; }

ul.comm_small {
  margin-bottom: 3px;
}
ul.comm_small a {
  display: block;
  height: 148px;
  background: #353535;
}
ul.comm_small .title {
  display: block;
  height: 27px;
  line-height: 27px;
  padding: 6px 10px 0 10px;
  background: #353535 url(../images/styles/bg_com_list_3.png) top left no-repeat;
  color: #121212;
  font-weight: bold;
  overflow: hidden;
  font-size: 12px;
}
ul.comm_small a:hover .title {
  background-position : 0 -33px;
  color: #d1d3d4;
}
  
ul.comm_small li.on a .title {
  background-position : 0 -66px;
  color: #f5461a;
}
ul.comm_small li.on a .resume p {
  background: #292728;
  color: #f5461a;
}

ul.comm_small .infos {
  display: block;
  overflow: hidden;
  height: 31px;
  color: #939598;
  padding: 5px 10px;
}

ul.comm_small .resume {
  position:relative;
  height: 75px;
  background: url(../images/styles/bg_com_list_2.png) top left no-repeat;
}
ul.comm_small .resume img {
  position: absolute;
  left: 5px;
  top: 6px;
}
ul.comm_small a:hover .resume p {
  background: #58595b;
  color: #d1d3d4;
}

ul.comm_small .resume p {
  display: block;

  position: absolute;
  left: 108px;
  top: 0;

  width: 207px;
  height: 65px;
  padding: 5px 10px;

  /*background: #171617;*/
  background: #878787;
  overflow: hidden;
  font-size: 12px;
  line-height: 14px;
  /*color: #d1d3d4;*/
  color: #121212;
}

/**************/
ul.comm.small li {
  height: 148px;
  background: #171617;
}
ul.comm.small li a { 
  padding-top: 5px;
  height: 77px; 
  background: url(../images/styles/bg_list_comm_small.png) top left no-repeat;
}
ul.comm.small li a:hover, ul.comm.small li.on a { background-position: left -82px; }
ul.comm.small li img.photo {
  top: 10px;
  left: 4px;
}

ul.comm.small li p { 
  padding: 6px;
}



.entry_container .press_release p {
  padding: 0 10px;
  margin: 15px 0;
}

.entry_container .press_release2 { padding: 0 5px 0 6px !important; margin: 10px 0; }
.entry_container .press_release2 p { padding: 0; margin: 0;}

.entry_container .press_release p.intro {
  background: #8c8c8c;
  margin-top: 0;
  padding: 7px 10px;
  font-weight: bold;
  color: #fff;
}
.entry_container .press_release { padding: 0; }

.entry_container .press_release .subtitle { background: #000; }
.entry_container .press_release .subtitle img.flag { border: #171617 solid 1px; vertical-align: -10px; }

.entry_container .press_release .subtitle div.competition { 
  height: 40px;
  line-height: 40px; 
  padding: 0 10px;
}

.entry_container .press_release .subtitle div.competition .infos { 
  float: left;
}

a.bt_photos_com {
  margin-top: 7px;
  display: block;
  float: right;
  width: 171px;
  height: 25px;
  background: url(../images/styles/bg_bt_photos_com.png) top left no-repeat;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-weight: bold;
}
a.bt_photos_com:hover {
  background-position: left -25px;
}

.news_entry .bottom a {
  position: absolute;
  top: 18px;
  right: 0;
  margin-right: 15px;
  color: #fff;
}
.news_entry .bottom a:hover {
  color: #f5461a;
}

#partners_bottom {
  position: relative;
  height: 81px;
  background: url(../images/styles/bg_partners_bottom_2.png) top left no-repeat;
}

#partners_bottom ul li {
  position: absolute;
}
#partners_bottom ul li a span { display: none; }
#partners_bottom ul li a {
  display: block;
  height: 81px;
  width: 80px;
  background-repeat: no-repeat;
  background-image: url(../images/styles/bg_partners_bottom_2.png);
}

#partners_bottom li.itaka { left: 234px; } 
#partners_bottom li.itaka a { width: 120px; background-position: -234px 0; }
#partners_bottom ul li.itaka a:hover { background-position: -234px -81px; }

#partners_bottom li.bridgestone { left: 438px; } 
#partners_bottom li.bridgestone a { width: 140px; background-position: -438px 0; }
#partners_bottom ul li.bridgestone a:hover { background-position: -438px -81px; }

#partners_bottom li.boxs { left: 683px; } 
#partners_bottom li.boxs a { width: 89px; background-position: -683px 0; }
#partners_bottom ul li.boxs a:hover { background-position: -683px -81px; }

.bloc3 h3, .bloc2 div.head {
  text-align: left;
}
.bloc3 h3, .bloc1 h3, .bloc2 div.head, .bloc2 h3, .bloc2 .gallery_head, .bloc-pilot-panel h3, .bloc4 .head, #carousel h2 {
  color: #671500;
}

.diaporama {
  float: left;
	width: 655px;
	padding: 5px 4px 4px 4px;
	position: relative;
	float: left;
	margin: 0 8px 0 8px;
}

.diaporama .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 663px;
  height: 349px;
  background: url(../images/styles/mask_diaporama.png) top left no-repeat;
  z-index: 10;
}

.bloc3 ul.gallery li { margin-left: 5px; }

ul.comm_small li a span, ul.comm_small li a div { cursor: pointer; }