/**
 * CSS Mise en page des pages et formulaires
 * 
 * @date	2007-06-05
 * @version	1.0
 * @author	Remy Vuong	<r.vuong@free.fr>
 */
html {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	letter-spacing: 4px;
}

div#container {
	width: 800px;
	height: 600px;
	margin: auto;
	margin-top: 50px;
	padding-top: 0;
	padding-right: 48px;
	padding-bottom: 0;
	padding-left: 64px;
	/* => largeur inside : 688px */
	background-image: url('../img/background-moto.gif');
	background-repeat: no-repeat;
}

img#logo {
	width: 160px;
	height: 97px;
	margin: 22px 264px 0 264px;
	border: 0;
}

p.home_comment {
	width: 324px;
	margin: 16px 0 4px 30px;
	padding: 0;
}

/**
 * Accueil/Pays
 */
ul#menu {
	width: 304px;
	margin: 0 0 0 40px;
	padding: 0;
	list-style-type: none;
}

ul#menu li {
	float: left;
	width: 304px;
	margin: 0 0 13px 0;
	padding: 0;
}

ul#menu li a img {
	float: left;
	width: 67px;
	height: 67px;
	margin: 0 0 0 0;
	border: 0;
}

ul#menu li label {
	float: left;
	visibility: hidden;
	margin-top: 20px;
	margin-left: 15px;
	color: #333333;
}

p.head_content {
	width: 100%;
}

/**
 * Menu Bas
 */
p#inline-menu {
	width: 688px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}

p#inline-menu a {
	margin: 0 5px;
	padding: 0;
	color: #333333;
	text-decoration: none;
}

p#inline-menu a:hover {
	color: #CC0000;
}

/**
 * Concept
 */
body.empty div#container {
	background-image: url('../img/background-empty.gif');
}

div.content {
	
	width: 688px;
	height: 411px;
	margin: 0;
	padding: 0;
}

h1 {
	width: 648px;
	margin: 20px;
	padding: 0;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

img#concept {
	width: 435px;
	height: 319px;
	margin: 0 126px;
	padding: 0;
	border: 0;
}

div#preload_images { display: none; }

/**
 * Photos
 */
.content a {
	float: left;
	margin: 15px 25px;
	padding: 0;
}
.content a img {
	margin: 0;
}
.content a.img_big img {
	width: 400px;
	height: 286px;
	border: 1px solid #666666;
}
.content a.img_small img {
	width: 179px;
	height: 128px;
	border: 1px solid #666666;
}

/*
img#previous, img#next {
	float: left;
	width: 33px;
	height: 28px;
	margin: 141px 19px;
	border: 0;
}

ul#photos_list {
	float: left;
	width: 534px;
	height: 50px;
	margin: 130px 5px;
	padding: 0;
	list-style-type: none;
}

ul#photos_list li {
	float: left;
	width: 89px;
	margin: 0;
	padding: 0;
}

ul#photos_list li a img {
	height: 50px;
	margin: 0 5px;
	padding: 0;
	border: 0;
}

div#div_big {
	width: 688px;
}

div#div_big a img.big {
	float: left;
	width: 511px;
	height: 391px;
	margin: 0 16px 0 17px;
	padding: 0;
	border: 0;
}

div#div_big a img.arrow {
	float: left;
	width: 33px;
	height: 28px;
	margin: 141px 19px;
	padding: 0;
	border: 0;
}


.cache { display: none; }

.devoile { display: block; }
*/

/**
 * @see	questions.php
 */
p.question_comment {
	width: 648px;
	margin: 20px;
	padding: 0;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
}

form {
	width: 648px;
	margin: 0 20px;
	padding: 0;
}

form label {
	float: left;
	width: 290px;
	margin: 0 10px 10px 10px;
	padding: 0;
}
form input {
	width: 255px;
	margin: 0 0 10px 0;
	padding: 1px 10px;
	border: 1px solid #666666;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: normal;
}

form textarea {
	width: 577px;
	height: 120px;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	background-image: url('../img/textarea.gif');
	background-repeat: no-repeat;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	overflow: auto;
}

form a {
	float: right;
	width: auto;
	margin: 10px 20px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

form a:hover {
	color: #CE000B;
}

span.Sred {
	color: #CC0000;
}