/*
 * feuille de style de www.ouestusa.com
 *
 * bordure: #D97100
 * fond: #FFCC99
 * fond pale: #FFDBB7
 * texte : #003366
 */

body {
	background-color:	#D97100;
	margin:		0px;
	padding:		0px;
	font:			12px arial;
	color:			#003366;
}
/******** Mise en page ********/
div#page {
	margin-top:	14px;
	margin-left:	auto;
	margin-right:	auto;
	width:		880px;
	background:	#FFDBB7;
	border:		10px solid #FFF;
	text-align:	left;
}
div#bandeau {
	clear:		both;
	padding:	0px;
	width:		100%;
	height:		148px;
	border:		1px solid #FFCC99;
	background-image:	url('http://www.ouestusa.com/template/ouestusa/images/bandeau.jpg');
	background-repeat:	no-repeat;
	background-position:	top left;
}
div#header {
	clear:		both;
	padding:	0px;
	margin-bottom:10px;
	width:		100%;
	height:		20px;
	background-image:	url('http://www.ouestusa.com/template/ouestusa/theme/fond_orange_strong.png');
	background-repeat:	repeat-x;
	background-position:	bottom left;
}
div#bas {
	clear:		both;
	margin-top:	10px;
	margin-bottom:4px;
	padding:	0px;
	font:		12px verdana;
	color:		#FFDBB7;
	text-align:	center;
}
div#menu {
	float:		left;
	background:	#FFCC99;
	border:		none;
	width:		180px;
	display:	block;
}
div#contenu {
	float:		left;
	margin-left:	10px;
	padding:	0px;
	width:		680px;
}
div#contenufull {
	width:		100%;
	margin:	0px;
	padding:	0px;
}
div#contenufull #header {
	margin-bottom:0px;
}
div#image_gallery {
	margin-left:	auto;
	margin-right:	auto;
}
/******** Bandeau ********/
#bandeau h1 {
	position:relative;
	top:0px;
	left:85px;
	margin:0px;
	width:450px;
	color:	#D97100;
	font:		italic 18px verdana;
	letter-spacing: 0.1em;
}
#bandeau h2 {
	position:relative;
	top:0px;
	left:85px;
	width:450px;
	margin:0px;
	word-spacing:-12px;
	color:		#D97100;
	font:	bold 38px arial;
}
#bandeau .drapeaux {
	position:	relative;
	top:		-60px;
	left:		810px;
	width:		80px;
}
/******** Posters ********/
#poster {
	width:		100%;
	border:			1px solid #D97100;
	border-collapse:collapse;
}
#poster TD {
	padding: 6px;
}
#poster TH {
	margin:	0px;
	padding-left:	10px;
	height:		25px;
	border:			none;
	border-bottom:			1px solid #D97100;
	background-image:	url('http://www.ouestusa.com/template/ouestusa/theme/fond_orange_strong.png');
	background-repeat:	repeat-x;
	background-position:	bottom left;
	font:			bold 14px arial;
	line-height:		25px;
	color:			#003366;
	text-align:		left;
}
/******** P ********/
p {
	margin-top:     0;
	margin-bottom:  0;
}
/******** Titres ********/
#menu h1, #contenu h1, #contenufull h1 {
	border:			1px solid #70ADEF;
	background-color:	#EAF3FD;
	background-image:	url(http://www.ouestusa.com/template/ouestusa/theme/fond_bleu.png);
	background-repeat :	repeat-x;
	background-position:	left bottom;
	margin:		0px;
	line-height:		1.4em;
	font:			bold 1.4em arial;
	line-height:		25px;
	text-align:		left;
}
#contenu h1, #contenufull h1 {
	padding-left:	10px;
	margin-bottom:10px;
	text-align:left;
}
#menu h1 {
	padding-left:	14px;
	font-size:	12px;
	line-height:	25px;
}
div#image_gallery h2 {
	margin:	0px;
	padding:	0px;
	height:		25px;
	border-top:			none;
	border-left:			3px solid #D97100;
	border-right:			3px solid #D97100;
	border-bottom:			1px solid #D97100;
	background-image:	url('http://www.ouestusa.com/template/ouestusa/theme/fond_orange_strong.png');
	background-repeat:	repeat-x;
	background-position:	bottom left;
	font:			bold 14px arial;
	line-height:		25px;
	color:			#003366;
	text-align:		center;
}
div#contenufull H3 {
	background-color: #FF954E;
	font:	bold 14px arial;
	background-image: url(http://www.ouestusa.com/template/ouestusa/theme/button_bg.gif);
	background-repeat : repeat-x;
	background-position:left bottom;
	color: #D97100;
	margin-top: 0px;
	margin-left:	auto;
	margin-right:	auto;
	clear:both;
	border:1px solid #D97100;
	text-align:center;
}
div#header H2 {
	margin:	0px;
	padding:	0px;
	margin-left:	10px;
	font:		bold 12px arial;
	color:		#003366;
}
/******** Menu ********/
#menu ul.menu
{
	width: 178px;
	\width: 180px;
	w\idth: 178px;
	padding: 0px;
	border: 1px solid #D97100;
	border-top: 0px;
	margin: 0px;
	font: bold 12px verdana,helvetica,arial,sans-serif;
}
#menu ul.menu li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #D97100;
	white-space:nowrap;
}
#menu ul.menu li a
{
	display: block;
	width: 162px;
	\width: 198px;
	w\idth: 162px;
	padding: 4px 2px 4px 4px;
	border: 0px;
	border-left: 10px solid #FFCC99;
	background-color: #FF954E;
	font-weight : bold;
	background-image: url(http://www.ouestusa.com/template/ouestusa/theme/fond_orange_light.png);
	background-repeat : repeat-x;
	background-position:left bottom;
	text-decoration: none;
	text-align: left;
}	
#menu ul.menu li a:link { color: #D97100; }
#menu ul.menu li a:visited { color: #D97100; }
#menu ul.menu li a:hover
{
	border-color: #268EFF;
	color: #003366;
	background-image: url(http://www.ouestusa.com/template/ouestusa/theme/fond_bleu.png);
	background-repeat : repeat-x;
	background-color: #EAF3FD;
	background-position:left bottom;
}
/******** Liens ********/
a {
  text-decoration:none;
  color:#003366;
}

a:hover {
  color:#D97100;
}

a.none:hover { text-decoration:none;}
a.image:hover { text-decoration:none;}

.thumbLink a {
	text-decoration:none;
}

#header a
{
  height: 20px;
}
#header img, .thumbLink {
	border-width:0px;
	margin: 0px;
}

#header a:hover {
	background-image: url(http://www.ouestusa.com/template/ouestusa/theme/fond_orange_light.png);
	background-repeat : repeat-x;
	background-position:left bottom;
}

#bas A {
	color:			#FFDBB7;
	text-decoration:	underline; 
}
#bas A:hover {
	background:	none;
	text-decoration:	none;
}
/******** Commentaires ********/
#blocCommentaires, .blocCommentaires {
	margin-top: 10px;
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom: 10px;
	width:		728px;
	background-color:	#EAF3FD;
	border:	1px solid #70ADEF;
}
#blocCommentaires H1 {
	border:0;
	border-bottom:1px solid #70ADEF;
}
#blocAjoutCommentaires {
	margin: 10px;
	width:		270px;
	float:right;
	border: 1px solid #D97100;
	background-color:	#FFDBB7;
}
#menu form, #blocAjoutCommentaires form {
	margin-left: 6px;
}
#blocAjoutCommentaires h2 {
	border:	0px;
	border-bottom:	1px solid #D97100;
}
#blocCommentaires blockquote, .blocCommentaires blockquote {
	border-left:2px solid #003366;
	padding:5px;
	margin-top:0px;
	font-family:	arial;
	font-weight:	bold;
	background-color:	#D2E6FB;
	background-image: url(http://www.ouestusa.com/template/ouestusa/theme/fond_bleu_light.png);
	background-repeat:	repeat-x;
	background-position:	left bottom;
	text-align:left;
}
#blocCommentaires .userCommentHeader, .blocCommentaires .userCommentHeader {
	text-align:	left;
	margin-top:	10px;
	margin-left:	20px;
}
.userCommentDelete {
  float:right;
}


/* BACKGROUND */
/* Main background color */
.throw, .admin {
  background-color:#FFCC99;
}
/* Tables */
.row1 {
  background-color:#FFDBB7;
}
.errors { background-color:#ffe1e1;} /* Errors display */

hr {
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:#797979;
  height:1px;
}

.throw { color:#FFFFCC;} /* First line of tables */
.errors { color:red;} /* Buttons & errors */

/* Update results (admin side only) */
.update_summary_new, .best_gen_time
{ color:green;}

/* Update results (admin side only) */
.update_summary_del,.worst_gen_time
{ color:red;}

/* FONT STYLES */
.thumbnail, .totalImages { font-size:11px;}
.small{ font-size:10px;}
.throw, .admin, .errors { font-weight:bold;}
.thumb_picture, .thumb_category  { font-weight:normal;}
.commentDate, .bouton  { font-weight:lighter;}

/* POSITION */

#gauche,#droite
{
  float:left;
  width:30%;
  text-align:left;
  white-space:nowrap;
}

/* GENERAL LAYOUT STYLES */
.home
{
  border: 1px solid #D97100;
  border-top: 0px;
  display:block;
  text-align:center;
  width:100%;
}

#note, .navigationBar {
  font-size:12px;
  font-weight:bold;
  border: 1px solid #70adef;
  background-color:#EAF3FD;
  background-image: url(http://www.ouestusa.com/template/ouestusa/theme/button_bgOn.gif);
  background-repeat : repeat-x;
  background-position:left bottom;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
  height: 25px;
  line-height: 25px;
}
#note {
	width:	728px;
	margin-left:	auto;
	margin-right:	auto;
}
span.dateSelected, span.pageNumberSelected {
	border-left:1px solid #70ADEF;
	border-top:1px solid #70ADEF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:2px;
	background-color:	#EAF3FD;
}

.info 
{
	width:	350px;
	margin-left:	auto;
	margin-right:	auto;
	font-size:16px;
	text-align:left;
}

.errors 
{
  text-align:left;
  margin:5px;
  border:1px solid red;
}

.errors ul li
{
  color:red;
  font-weight:normal;
}

div.information {
	font-size:14px;
	font-weight:bold;
	font-color:green;
	text-align:left;
	margin:10px;
	padding:5px;
	border : 2px solid #00CC00;
	background-color:	#FFF;
}

 /* IMAGE LAYOUT STYLES */
 
.image 
{
	border : 3px solid #D97100;
	border-bottom : 0;
	margin : 0px;
}

#imgBarMenu
{
  width:100%;
  display:block;
  height:25px;
  border-bottom:1px solid #D97100;
  border-right:1px solid #D97100;
  border-left:1px solid #D97100;
}

.row1,.row2 {
  text-align:left;
  padding:5px 0px 5px 0px;
  height:20px;
} 

.throw {
  text-align:center;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000; 
  height:20px;
}

td.throw{
  text-align:left;
  width:auto;
}

/* THUMBNAILS LAYOUT STYLES */
.thumbnail {
	text-align:center;
	vertical-align: baseline;
	white-space: nowrap;
}

table.thumbnail {
  border-collapse:separate;
  display:inline-table;
}

input,select,textarea {
	color:#002448;
	text-indent:	2px;
	border:		1px solid #D97100;
	padding:	0;
	font-family:	arial;
	font-weight:	bold;
	background-color:	#FFE2C6;
	background-image:	url(theme/form_bg.gif);
	background-repeat:	repeat-x;
	background-position:	left bottom;
}

input[type=submit], input[type=reset] {
  padding-left:3px;
  padding-right:3px;
  margin-top:10px;
}

.radio{  border:0;}

/* ADMIN LAYOUT STYLES */

.adminMenu 
{
  text-align:left;
  font-size:12px;
}

div.adminMenu{ margin:10px 50px 10px 50px; }

.admin 
{
margin:0px 0px 12px 0px;
text-align: center;
padding:0px;
}

/* for debugging purpose */
pre { text-align:left; }