/*
 *
 * GENERAL
 *
 */ /*
 *
 *
 bleu: 39C9C9
 
 violet: BC51B2
 
 orange: EF962B
 
 gris: BDBCBD
 
 jaune: F4F43D
 
 vert: 62D12F
 
 magenta: E03B62
 */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	background-image: url('/image/style/body/bg.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	height: 700px;
	width: 1250px;
}

/*
 * Color de texte
 */
p,div,span,td {
	color: #444;
	font-weight: normal;
}

th,a {
	font-weight: bold;
	color: #444;
	text-decoration: none;
}

h1 {
	font-size: 18px;
	text-align: center;
}

h2 {
	font-size: 16px;
	text-align: left;
}

ul {
	list-style: none;
	list-style-position: inside;
}

/*
 * Pas de marge et de bord
 */
div,img,a,span,ul {
	border: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 7px 0 7px 0;
}

a:hover {
	color: #BC51B2;
}

strong {
	font-weight: bold;
	color: #444444;
	text-decoration: none;
}

.error {
	color: red;
}

.info {
	color: green;
}

/*
 *
 * LOGO
 *
 */
#LOGO {
	position: absolute;
	top: 74px;
	left: 297px;
	z-index: 100;
}

#SCROLLCURSOR {
	display: none;
	position: absolute;
	top: 260px;
	left: 1000px;
}

/*
 *
 * MENU GAUCHE
 *
 */
#LEFTMENU {
	position: absolute;
	top: 220px;
	left: 150px;
}

#LEFTMENU .item {
	padding-bottom: 16px;
}

/*
 *
 * MENU LANGUES
 *
 */
#LANGUAGESMENU {
	position: absolute;
	top: 111px;
	left: 691px;
	width: 260px;
	height: 40px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('/image/style/languagesmenu/bg.png');
}

#LANGUAGESMENU .item {
	width: 85px;
	text-align: center;
}

#LANGUAGESMENU .selected * {
	color: #BC51B2;
	font-weight: bold;
}

/*
MAIN_ANIMATION

*/
#MAIN_ANIMATION {
	width: 394px;
	height: 225px;
	margin-left: auto;
	margin-right: auto;
}

/*
 *
 * CONTENT
 *
 */
#CONTENT_CONTAINER {
	position: absolute;
	top: 151px;
	left: 305px;
	width: 676px;
	height: 580px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	
}

#CONTENT_CONTAINER .footer {
	
	font-size:12px;
	text-align:center;
}

#CONTENT {
	margin-left: 70px;
	padding-top: 20px;
	margin-bottom:7px;
	padding-right: 150px; /* cacher la scroll barre */
	height: 523px;
	width: 565px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: justify;
}

#CONTENT ul {
	list-style-type: disc;
	list-style-position: inside;
}

/*
	HOME
*/
#MAIN.home #CONTENT_CONTAINER {
	background-image: url('/image/style/content/bg-orange.png');
}

#MAIN.home h2 {
	text-align: center;
}

#MAIN.home h1 {
	color: #EF962B;
}

/*
	PORTFOLIO
*/
#MAIN.portfolio h1 {
	color: #39C9C9;
}

#MAIN.portfolio #CONTENT_CONTAINER {
	background-image: url('/image/style/content/bg-blue.png');
}

/*
	SERVICES
*/
#MAIN.services h1 {
	color: #62D12F;
}

#MAIN.services #CONTENT_CONTAINER {
	background-image: url('/image/style/content/bg-green.png');
}

/*
	CONTACT
*/
#MAIN.contact h1 {
	color: #E03B62;
}

#MAIN.contact #CONTENT_CONTAINER {
	background-image: url('/image/style/content/bg-pink.png');
}

#CONTACTFORM {
	width: 400px;
	margin: 30px auto;
}

#CONTACTFORM tr {
	line-height: 23px;
}

#CONTACTFORM .colLeft {
	width: 150px;
	text-align: right;
}

#CONTACTFORM .colRight {
	width: 280px;
}

#CONTACTFORM .textInput {
	width: 100%;
	border: 1px solid #E03B62;
}

#CONTACTFORM label {
	font-weight: bold;
}

#CONTACTFORM .colCenter textarea {
	height: 200px;
}

#CONTACTFORM .colCenter {
	width: 400px;
	text-align: center;
}

/*
	CREATIL
*/
#MAIN.creatil h1 {
	color: #BC51B2;
}

#MAIN.creatil #CONTENT_CONTAINER {
	background-image: url('/image/style/content/bg-purple.png');
}

/*
	ALERT IE6
*/ /** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	top: 0px;
	margin-top: 0px;
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}