/* CSS Document */

/*	---------------------------------------------------------

		B O D Y

	---------------------------------------------------------	*/

Body {
	margin: 0;
	font-size: 0.8em;
	line-height: 1.5em;
	background: url(../../images/divers/body.jpg) left top repeat-x #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
}





/*	---------------------------------------------------------

		C O M P A T I B I L I T É   I E

	---------------------------------------------------------	*/

/*	----------------
		P N G   T R A N S P A R E N T
	----------------	*/
#div1 img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/index/div1.png', sizingMethod='scale');
	position: relative;
	top: -5px;
	left: -10px;
}





/*	---------------------------------------------------------

		D I V   P R I N C I P A L E S

	---------------------------------------------------------	*/

/*	----------------
		D I V   0
	----------------	*/
#div0 {
	width: 870px;
	height: 500px;
	margin: 65px auto 0 auto;
	padding: 0 30px 0 30px;
	background: url(../../images/index/div0.jpg) 23px 23px no-repeat;
} 
 

/*	----------------
		D I V   1
	----------------	*/
#div1 {
	width: 221px;
	height: 502px;
	/*background: url(../../images/index/div1.png) left top no-repeat;*/
	position: absolute;
	margin: -28px 0 0 -60px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/index/div1.png', sizingMethod='scale');
	z-index: 1;
}


/*	----------------
		D I V   2
	----------------	*/
#div2 {
	width: 177px;
	height: 439px;
	position: relative;
	float: right;
	margin: 0 0 10px 0;
	top: 30px;
	right: 1px;
}


/*	----------------
		D I V   3
	----------------	*/
#div3 {
	width: 870px;
	margin: -30px auto 0 auto;
	padding: 10px 30px 10px 30px;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	font-size: 0.9em;
	background: none;
}





/*	---------------------------------------------------------

		S T Y L E S   P R É F O R M A T É S

	---------------------------------------------------------	*/


/*	----------------
		P
	----------------	*/
p {
	padding: 0 0 0 70px;
	margin: 0 0 10px 0;
}



/*	----------------
		I M G
	----------------	*/
img {
}

.noborder {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

#div1 img {
	margin: 5px 8px 0 8px;
}



/*	----------------
		H 1 ,   H 2
	----------------	*/
h1, h2 {
	padding: 30px 0 10px 70px;
	font-size: 1.5em;
	line-height: 1.5em;
	background: url(../../images/divers/h1&h2.jpg) left top no-repeat;
}



/*	----------------
		H 1
	----------------	*/
h1 {
	margin: 10px 0 0 0;
}



/*	----------------
		H 2
	----------------	*/
h2 {
	margin: 40px 0 0 0;
}



/*	----------------
		H 3 ,   H 4
	----------------	*/
h3, h4 {
	padding: 0 0 2px 90px;
	font-size: 1.1em;
	line-height: 1.5em;
	background: url(../../images/divers/h3&h4.jpg) 67px center no-repeat;
	color: #F32B16;
}


/*	----------------
		H 3
	----------------	*/
h3 {
	margin: 10px 0 0 0;
}


/*	----------------
		H 4
	----------------	*/
h4 {
	margin: 20px 0 0 0;
}


/*	----------------
		U L
	----------------	*/
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}





/*	---------------------------------------------------------

		F O R M U L A I R E

	---------------------------------------------------------	*/


/*	----------------
		F O R M
	----------------	*/
form {
	padding: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
}


/*	----------------
		I N P U T
	----------------	*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFF3BF;
	padding: 2px 5px 2px 5px;
	margin: 0 0 10px 10px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
}





/*	---------------------------------------------------------

		T E X T E

	---------------------------------------------------------	*/


/*	----------------
		P E T I T
	----------------	*/
.texte_petit {
	font-size: 0.7em;
	line-height: 0.8em;
}


/*	----------------
		G R A N D
	----------------	*/
.texte_grand {
	font-size: 1.3em;
	line-height: 1.4em;
}


/*	----------------
		S E P A R A T I O N
	----------------	*/
.separation {
	padding: 0 10px 0 10px;
}


/*	----------------
		S L O G A N
	----------------	*/
#slogan {
	padding: 5px 20px 0 0;
	margin: 0 17px 0 200px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 7px;
	position: absolute;
}


/*	----------------
		F L A S H
	----------------	*/
.flash {
	margin: 30px 0 0 0;
	z-index: 0;
}




/*	---------------------------------------------------------

		C O U L E U R S

	---------------------------------------------------------	*/


/*	----------------
		R O U G E
	----------------	*/
.rouge {
	color: #FF0000;
}


/*	----------------
		N O I R
	----------------	*/
.noir {
	color: #000000;
}


/*	----------------
		R O U G E 2
	----------------	*/
.rouge2 {
	color: #F32B16;
}


/*	----------------
		B L E U
	----------------	*/
.bleu {
	color: #3284D6;
}


/*	----------------
		O R A N G E
	----------------	*/
.orange {
	color: #FF9900;
}



/*	---------------------------------------------------------

		S T Y L E S   L I E N S

	---------------------------------------------------------	*/


/*	----------------
		A
	----------------	*/
A:link, A:visited {
	color: #0033CC;
	text-decoration: underline;
}

A:hover {
	color: #0033FF;
}


/*	----------------
		L I   A
	----------------	*/
li A:link, li A:visited {
	padding: 3px 0 3px 20px;
	display: block;
	font-weight: bold;
	background: url(../../images/divers/div3-b_li.gif) left center no-repeat;
	color: #000000;
	text-decoration: none;
}

li A:hover {
	background: url(../../images/divers/div3-b_li_hover.gif) left center no-repeat;
	color: #F32B16;
}

li A:active {
	color: #000000;
}


/*	----------------
		# D I V 2 - C   A
	----------------	*/
#div2-c A:link, #div2-c A:visited {
	color: #000000;
	text-decoration: none;
}

#div2-c A:hover {
	text-decoration: underline;
}


/*	----------------
		# D I V 3   A
	----------------	*/
#div3 A {
	padding: 0 5px 0 5px;
}

#div3 A:link, #div3 A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#div3 A:hover {
	color: #000000;
}