/* general tag styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	background: #E1E3EF;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 10px;
}

p, td, li, form, label {
	font-size: 10px;
}

form {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	color: #5C7683;
	font-weight: normal;
	border: 0;
	margin: 0;
}

h1, h2, h3, h4 {
    font-size: x-small;
	line-height: 120%;
	padding: 0;
	border: 0;
	margin: 0;
	color: #003366;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #003366;
}

a:hover {
	color: #CC3300;
}

.em-note {
  font-style: italic;
}

.note {
  font-size: 9px;
  padding: 0;
}


.blue-note {
  font-size: 9px;
  padding: 0;
  color: #55A0FF;
}

.dotted-line {
	background-image:   url("../commun/dotted_line.gif");
	background-repeat: repeat-x;
	line-height: 1px;
	font-size: 1px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

.border-grey {
  border: 1px solid #7B818D;
}

.clearit {
  clear: both;
  line-height: 0;
}


/* ==================== tabular data cell styles ==================== */

td {
	vertical-align: top;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

/* ============================= header ============================= */

.red-header {
  padding: 5px 0 5px 51px;
  margin: 0;
  background-color: #E5001D;
}
	
#menulang {
	position: absolute;
	margin-left: 650px;
	width: 300px;
	margin-top : 7px;
}

#menulang label {
	font-weight: bold;
	color: #FFFFFF;
}

#menulang .dropdown {
	width: 100px;
	margin-top: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #000000;
}

/* ========================== top nav area ========================== */

#top-nav {
	margin: 11px 0 9px 0;
	padding: 0;
	list-style: none;
}

#top-nav li {
  display: inline;
  padding: 0;
  margin: 0 0 0 0;
  height: 12px;
}

#top-nav li.separator {
    background:   url(../commun/vertical_dot.gif) left top repeat-y;
	padding: 4px 5px 0 0;
	margin: 0 1px 0 10px;
}


/* ========================== content area ========================== */

#shadow {
	padding: 21px 0 0 48px;
	background: url(../commun/header_shadow.jpg) left top repeat-x;
}

#main-container {
	margin: 0;
	padding: 0;
	width: 832px;
}


#content-container {
	margin: 0 0 0 0;
	padding: 0;
	width: 832px;
}

#content-container .content-divider {
  background:   url("../commun/line.gif") top left repeat-x; 
  margin: 0;
  padding: 0;
  line-height: 2px;
  font-size: 2px;
}

#content-container h1 {
  color: #CC3300;
  font-size: 12px; 
  font-weight: normal;
  margin: 0 0 2px 0;
}

#content-container h2 {
  color: #003366;
  font-size: 16px; 
  font-weight: normal;
  padding: 0 0 10px 0;
}

#content-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content-container li {
    line-height: 110%;
    color: #003366;
	background:   url("../commun/blue_square.gif") left top no-repeat;
}


/* ============================ home page ===========================*/

.home {
  margin: 16px 0 10px 0;
} 

.home td {
  padding: 0 0 10px 0;
  margin: 0;
} 

.home th {
  color: #003366;
  font-size: 9px;
  font-weight: normal;
  padding: 0 10px 10px 0;
  text-align: left;
} 

.home #content-r {
	padding: 8px 0 0 20px;
}

.photo {
	color: #333;
	font-size: 11px;
	padding: 5px 10px 0 4px;
}

.photo-descr {
	text-align: center;
	color: #545454;
	font-size: 11px;
	padding: 10px 10px 0 4px;
}

.photo-home {
	padding: 5px 10px 13px 4px;
}

.participate-link {
	margin: 15px 0 0 0;
	padding: 0;
}

.participate-link span {
	padding: 3px 7px 4px 7px;
	background: #002E5F;
	display: table;
	
}

.participate-link li {
	background-image: none !important;
	border: 1px solid #f00;
	
}

.participate-link a, .participate-link a:hover {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	
}
 
/* cloture */

.home h4 {
	color: #CC3300;
	font-size: 17px;
	margin-bottom: 12px;
	text-align: center;
	font-weight: bold;
	margin-top: -2px;
}

.home h4 a:link, .home h4 a:visited {
	color: #CC3300;
	text-decoration: none;
}
.home h4 a:hover {
	color: #003366;
}

.home #content-l {
	text-align: center;
}

.home #content-l h3 {
	color: #CC3300;
	font-size: 11px;
	margin-top: 5px;
	line-height: 15px;
}

.home #content-r h3 {
	color: #003366;
	font-size: 16px;
	margin: 0px 0 3px 0;
	padding: 0;
}

.home #content-r h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

.home #content-r h2 span  {
	font-size: 18px;
}

.home #content-r p {
	font-size: 12px;
	color: #5A5A5A;
}

.home #content-r p.dotted-line {
	margin: 7px 0 0 0;
	padding: 0;
}

/* decompte jours restants
.home h3 {
	color: #CC3300;
	font-weight: bold;
	font-size: large;
	margin-bottom: 18px;
	text-align: center;
}

.home #content-l p{
  padding: 13px 10px 0 0;
}
*/

.home #content-r a.link-arrow {
	text-decoration: none;
}

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

.home li {
    padding: 0 0 0 17px;
	margin: 0 0 10px 0;
    font-size: 13px;
}

#bms-top {
	position: absolute;
	margin-left: 550px;
	margin-top : 71px;	
}

.align-center {
	text-align: center;
}

/* =========================== other pages ========================== */

.content #content-l {
	background-color: #E3E6ED;
	padding: 22px 0 22px 16px;
}

.content #content-l p {
	margin-right: 12px;
}  

.content #content-l p.dotted-line {
	margin: 0 15px 0 0;
}

.content #content-r {
  padding: 17px 0 22px 16px;
} 

.content #content-r h2 {
	font-size: 22px;
	text-align: left;
} 

.content #content-r h3 {
  font-size: 14px;
  margin: 30px 0 0 0 ;
} 

.content #content-r h4 {
  font-size: 11px;
  font-weight: normal;
  text-align: left !important;
} 

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

.content li {
    padding: 0 0 0 17px;
	margin: 4px 0 10px 0;
	line-height: 130%;
    font-size: 15px;
}

.content #left-nav li {
    padding: 0 0 0 17px;
	margin: 4px 0 10px 0;
	line-height: 110%;
    font-size: 15px;
}

.content #left-nav .subnav  {
  background:   url("../commun/nav_arrow.gif") left top no-repeat;
  padding: 0 0 2px 9px;
  margin: 0 0 0 9px;
  font-size: 11px;
}

a.link-arrow {
  background:   url("../commun/link_arrow.gif") top left no-repeat;
  padding: 0 0 0 8px;
}

.content #left-nav .subnav a {
  text-decoration: none;
  margin:0;
}

.content #left-nav .subnav a:hover {
  color: #CC3300;
}

.content #left-nav .subnav-selected {
  background:   url("../commun/nav_arrow_orange.gif") left top no-repeat;
  padding: 0 0 2px 9px;
  margin: 0 0 0 9px;
  font-size: 11px;
}

.content #left-nav .subnav-selected a {
  color: #CC3300;
  font-weight: bold;
  text-decoration: none;
  margin:0;
}

.winner {
  float: left;
  margin: 5px 12px 0 0;
  width: 172px;
}

.winner p {
  padding: 0 0 7px 7px;
}

.winner .enlarge-icon{
   background:   url("../commun/icon_enlarge.gif") left top no-repeat;
   padding: 0 0 6px 19px;
}

.photo-frame {
  border: #C9CDD5;
  background-color: #fff;
  padding: 7px;
  margin: 0 0 4px 0
}

.photo-frame-small {
  float: left;
  border: #C9CDD5;
  background-color: #fff;
  padding: 4px;
  margin: 0 16px 16px 0
}

.photo-frame-large {
  float: left;
  border: #C9CDD5;
  background-color: #fff;
  padding: 5px;
  margin: 0 16px 5px 0
}


/* =========================== partners/bms ============================ */

.logo-small {
	text-align: center;
	padding: 0 15px 10px 0;
}

#partners #content-2 {
	padding-bottom: 22px;
	background-color: #E3E6ED;
	text-align: center;
}

#partners #content-r1 {
  padding: 48px 0 2px 16px;
} 

#partners #content-r2 {
  padding: 0 0 2px 16px;
} 

#partners h3, #bms #content-r h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 10px;
}


/* ========================== picture page ============================= */

#picture .title {
	font-size: 11px;
}

#picture #picture-table h3 {
	margin-top: 0;
	font-size: 14px;
	padding-bottom: 6px;
}

#picture #picture-table p {
  font-size: 11px;
  padding-bottom: 6px;
}

#picture .navgallery a:link, #picture .navgallery a:visited {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #003366;
	padding: 6px 7px 7px;
	background-color: #E9EBF2;
	line-height: 27px;
	letter-spacing: -0.2em;
	margin-left: 8px;
}

#picture .navgallery a:hover {
	background-color: #F3F5FB;
	border: 1px solid #CC3300;
}

.navoff {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #A3B2C6;
	padding: 6px 7px 7px;
	line-height: 27px;
	letter-spacing: -0.2em;
	margin-left: 8px;
	color: #A3B2C6;
}


/* ============================ press page ============================= */

#press #list-releases li {
    padding: 0 0 0 18px;
	margin: 4px 0 10px 0;
}

#press #content-r h4 {
	margin-bottom: 5px;
}

#press .subnav {
  text-decoration: none;
}

/* ============================= footer ============================= */

#footer {
	margin: 0 0 20px 0;
	padding: 0;
}

#footer td {
	padding: 0 0 15px 0;
	color: #626977;
}

#footer td.logo {
	padding: 0 0 25px 0;
}

#footer td .note {
	color: #626977;
}

#footer th {
	padding: 0 0 8px 0;
}

#footer a {
  color: #626977;
  text-decoration: none;
}

#footer a:hover {
  color: #626977;
  text-decoration: underline;
}


.preload {
	display: none;
	z-index: 1;
	position: absolute;
	left: -500px;
	top: -500px;
}

#description {
	display: none;
}

/* partners */

#content-full {
	padding: 20px 0 0 18px;
}

.logo-center {
	margin: 0 30px 15px 14px !important;
}

#logos {
	margin: 5px 0 5px 0;
}

#logos img {
	vertical-align: middle;
	margin: 0 30px 15px 0;
}

.important {
	color: #E5001D !important;
	font-size: 11px;
	text-align: center;
	padding: 0 20px 10px 10px;
}

.stop {
	color: #E5001D !important;
	font-size: 11px;
	padding: 0 0 10px 0;
	text-align: center;
}

.winner-gallery {
	color: #E5001D !important;
	font-size: 11px;
	padding: 0 0 10px 0;
	text-align: center;
}

.winner-gallery a {
	color: #E5001D !important;
	text-decoration: none;
}

.winner-gallery a:hover {
	color: #E5001D !important;
	text-decoration: underline;
}