/*	---------------------------------------------------------
		Contenu :	600px
	---------------------------------------------------------	*/


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

		B O D Y

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

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











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

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

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


/*	----------------
		D I V   0
	----------------	*/
#div0 {
	width: 977px;
	margin: 0;
	background: url(../../images/divers/div0/div0.jpg) 170px top repeat-y;
}
 

/*	----------------
		D I V   1
	----------------	*/
#div1 {
	width: 660px;
	height: 189px;
	margin-bottom: 2px;
	background-position: left top;
	background-repeat: no-repeat;
}


/*	----------------
		D I V   2
	----------------	*/
#div2 {
	width: 650px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 5px 0 5px;
	height: 45px;
	line-height: 45px;
	background: url(../../images/divers/div2/div2.jpg) left top repeat-x;
}


/*	----------------
		D I V   3
	----------------	*/
#div3 {
	padding: 20px 25px 30px 25px;
	/*padding: 0 25px 100px 25px;*/
	margin-top: -20px;
}


/*	----------------
		D I V   4
	----------------	*/
#div4 {
	width: 650px;
	margin: 0 5px 0 5px;
	font-size: 0.8em;
	/*height: 32px;*/
	color: #888;
	background: url(../../images/divers/div4/div4.jpg) left top no-repeat #000;
}











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

		D I V   S E C O N D A I R E S

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


/*	----------------
		# D I V 0
	----------------	*/
#div0 .gauche {
	width: 267px;
	float: left;
}
#div0 .gauche .top {
	width: 267px;
	height: 204px;
	position: absolute;
	z-index: 1;
}
#div0 .gauche .menu {
	width: 267px;
	height: 240px;
	position: absolute;
	margin-top: 204px;
	z-index: 1;
	background: url(../../images/divers/div0/gauche/div0_gauche_menu-boutons.jpg) left top no-repeat;
}
#div0 .bis {
	width: 660px;
	padding-right: 50px;
	_margin-top: -214px;
	margin-left: 267px;
	background-position: right top;
	background-repeat: no-repeat;
}
.actulusodev {
	width: 254px;
	height: 252px;
	top: 250px;
	left: 0;
	position: absolute;
	padding: 55px 0 0 40px;
	background: url(../../images/divers/div0/gauche/actulusodev.jpg) left top no-repeat;
	z-index: 1;
}
.actulusodev-fin {
	top: 480px;
	left: 927px;
	position: absolute;
}


/*	----------------
		D I V   2
	----------------	*/
#div2 .annonce {
	margin: 26px 0 0 0;
	border: 0;
	position: absolute;
}


/*	----------------
		D I V   3
	----------------	*/
#div3 .colonne {
	float: left;
}

#div3 .espaceur {
	height: 30px;
	clear: both;
}

#div3 .bloc_small {
	width: 260px;
	height: 183px;
	padding: 8px 10px 0 10px;
	margin: 15px 11px 30px 11px;
	background: url(../../images/references/screen_small.jpg) -1px top no-repeat;
	float: left;
}
#div3 .bloc_small a {
	text-decoration: none;
}
#div3 .bloc_small .new, .new {
	width: 59px;
	height: 58px;
	margin: -17px 0 0 225px;
	position: absolute;
	z-index: 2;
	background: url(../../images/references/img_new.png) left top no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/references/img_new.png');
}
#div3 .bloc_small .type {
	width: 260px;
	margin-top: -18px;
	position: absolute;
	text-align: center;
	z-index: 2;
	font-size: 0.9em;
	font-weight: bold;
	color: #666699;
}
#div3 .bloc {
	width: 610px;
	height: 430px;
	margin-top: 30px;
	background-position: 27px 36px;
	background-repeat: no-repeat;
}
#div3 .bloc .date {
	width: 50px;
	margin: 9px 0 0 560px;
	text-align: right;
	border: 0;
	position: absolute;
	z-index: 2;
}
#div3 .bloc .new {
	width: 59px;
	height: 58px;
	margin: 25px 0 0 515px;
	position: absolute;
	z-index: 3;
	background: url(../../images/references/img_new.png) left top no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/references/img_new.png');
}
#div3 .bloc .logo_validite {
	position: absolute;
	z-index: 2;
}
#div3 .bloc .adresse_url {
	width: 560px;
	line-height: 30px;
	margin: 390px 25px 0 25px;
	letter-spacing: 1px;
	text-align: center;
	color: #666666;
	font-size: 0.9em;
	position: absolute;
	z-index: 2;
}

#div3 .new2 {
	width: 59px;
	height: 58px;
	margin-top: 10px;
	_margin-top: 20px;
	left: 250px;
	_left: 230px;
	position: absolute;
	z-index: 3;
	background: url(../../images/references/img_new.png) left top no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/references/img_new.png');
}

#div3 .ref_internet {
	float: left;
	width: 190px;
	height: 370px;
	background: url(../../images/references/ref_internet.jpg) left top no-repeat;
}
#div3 .ref_internet:hover {
	background: url(../../images/references/ref_internet.jpg) -190px top no-repeat;
}
#div3 .ref_impression {
	float: left;
	width: 190px;
	height: 370px;
	margin: 0 20px 0 20px;
	background: url(../../images/references/ref_impression.jpg) left top no-repeat;
}
#div3 .ref_impression:hover {
	background: url(../../images/references/ref_impression.jpg) -190px top no-repeat;
}
#div3 .ref_graphisme {
	float: left;
	width: 190px;
	height: 370px;
	background: url(../../images/references/ref_graphisme.jpg) left top no-repeat;
}
#div3 .ref_graphisme:hover {
	background: url(../../images/references/ref_graphisme.jpg) -190px top no-repeat;
}
#div3 .ref_internet span, #div3 .ref_impression span, #div3 .ref_graphisme span {
	visibility: hidden;
}

#div3 .complement {
	padding: 0 6px;
	margin-top: 20px;
	font-size: .9em;
	color: #666;
	border: 1px solid #CCC;
	background-color: #ECECEC;
}
#div3 .complement h2 {
	margin-top: 10px;
	font-size: 1.2em;
	color: #333;
}
#div3 .complement li {
	list-style-position: inside;
}
#div3 .complement .espaceur {
	height: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}


/*	----------------
		D I V   4
	----------------	*/

#div4 .a {
	float: left;
	margin: 15px auto 0 10px;
}
#div4 .b {
	float: right;
	text-align: right;
	margin: 15px 10px 0 auto;
}

#div4 .footer {
	padding: 10px 10px 0 10px;
	margin: 0;
	font-size: 1.1em;
	color: #CCC;
	font-weight: normal;
	background: url(../../images/divers/div4/footer.jpg) left bottom no-repeat #000;
	clear: both;
}
#div4 .footer .colonne {
	margin: 0 25px 0 0;
	padding: 0;
}
#div4 .footer .colonne .colonne {
	width: 140px;
	margin: 0;
	padding: 0;
}
#div4 .footer h4 {
	padding: 0 0 3px 0;
	font-size: 1.1em;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #666;
	color: #999;
	text-transform: uppercase;
}
#div4 .footer ul {
	margin: 0;
	padding: 0;
}
#div4 .footer li {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	/*list-style-position: inside;*/
	list-style: none;
}
#div4 .footer .end {
	font-weight: bold;
	text-align: center;
	padding: 15px 0 5px 0;
	margin: 0;
	color: #FFF;
	clear: both;
}
#div4 .footer .end .gris {
	color: #CCC;
}









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

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

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


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


/*	----------------
		H R
	----------------	*/
hr {
	margin: 20px 0 20px 0;
	padding: 0;
	background-color: #999999;
	height: 1px;
	border: none;
}


/*	----------------
		H 1
	----------------	*/
#div1 h1 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	position: absolute;
	visibility: hidden;
}


/*	----------------
		H 2
	----------------	*/
h2 {
	padding: 0;
	margin: 30px 0 0 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #006699;
	font-weight: normal;
}


/*	----------------
		H 3
	----------------	*/
h3 {
	padding: 0 0 0 4px;
	margin: 25px 0 0 0;
	font-size: 1em;
	line-height: 1.1em;
	color: #CC3366;
	font-weight: bold;
	border-left: 5px solid #CCCCCC;
}


/*	----------------
		H 4
	----------------	*/
h4 {
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 1em;
	line-height: 1.1em;
	color: #003366;
	font-weight: bold;
}


/*	----------------
		H 5
	----------------	*/
h5 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}


/*	----------------
		H 6
	----------------	*/
h6 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}


/*	----------------
		U L   L I
	----------------	*/
#div0 .gauche ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}
#div0 .gauche li {
	padding: 0;
	display: block;
	float: left;
}

#div2 ul {
	padding: 0;
	margin: 0 auto 0 35px;
	text-align: center;
}
#div2 li {
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}

ul {
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
	list-style-type: square;
}

.liste {
	padding: 0;
	margin: 0;
}
.liste li {
	list-style: square;
	padding: 0;
	margin: 0 0 0 10px;
}

.logo_dreamweaver, .logo_fireworks, .logo_flash, .logo_photoshop, .logo_illustrator, .logo_indesign {
	list-style-type: none;
	padding-left: 23px;
	background-position: left center;
	background-repeat: no-repeat;
}
.logo_dreamweaver {
	background-image: url(../../images/technologies/logo_dreamweaver.jpg);
}
.logo_fireworks {
	background-image: url(../../images/technologies/logo_fireworks.jpg);
}
.logo_flash {
	background-image: url(../../images/technologies/logo_flash.jpg);
}
.logo_photoshop {
	background-image: url(../../images/technologies/logo_photoshop.jpg);
}
.logo_illustrator {
	background-image: url(../../images/technologies/logo_illustrator.jpg);
}
.logo_indesign {
	background-image: url(../../images/technologies/logo_indesign.jpg);
}











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

		T E X T E

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


/*	----------------
		P E T I T
	----------------	*/
.petit {
	font-size: 0.9em;
}


/*	----------------
		G R A N D
	----------------	*/
.grand {
	font-size: 1.2em;
}


/*	----------------
		É N O R M E
	----------------	*/
.enorme {
	font-size: 1.4em;
}


/*	----------------
		P O S I T I O N
	----------------	*/
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}


/*	----------------
		D A T E
	----------------	*/
.date {
	width: 55px;
	margin-right: 7px;
	border-right: 3px solid #CCCCCC;
	font-size: 0.9em;
	font-weight: bold;
	color: #993300;
	float: left;
	display: inline;
}
#div0 .menu .date {
	border-color: #666666;
}











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

		I M A G E

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


/*	----------------
		D I V 1   L O G O
	----------------	*/
#div1 .logo {
	position: absolute;
	margin: 10px 0 0 0;
}


/*	----------------
		D I V 3
	----------------	*/
#div3 .img_references {
	top: 214px;
	margin: 3px -20px 0 -20px;
	position: absolute;
}


/*	----------------
		D I V 4   L O G O
	----------------	*/
#div4 .logo {
	position: absolute;
	margin: 0;
}











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

		D I V E R S

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


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


/*	----------------
		A L I G N E M E N T
	----------------	*/
.al_gauche {
	width: auto;
	float: left;
	margin-right: 20px;
}
.al_droite {
	float: right;
	margin-left: 20px;
}


/*	----------------
		L U S O D E V
	----------------	*/
.lusodev {
	padding-left: 13px;
	margin-left: 3px;
	background: url(../../images/divers/div4/logo_lusodev-mini.gif) left center no-repeat;
}











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

		S T Y L E S   L I E N S

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


/*	----------------
		A
	----------------	*/
a:link, a:visited {
	color: #666666;
	text-decoration: underline;
	position: relative;
	z-index: 1;
}
a:hover {
	color: #000000;
}


/*	----------------
		D I V 1   A
	----------------	*/
#div1 a {
	width: 660px;
	height: 189px;
	color: #000000;
	text-decoration: none;
	display: block;
}


/*	----------------
		D I V 0   G A U C H E   U L   L I   A
	----------------	*/
#div0 .gauche ul li a {
	width: 267px;
	height: 80px;
	color: #000000;
	text-decoration: none;
	display: block;
	background-image: url(../../images/divers/div0/gauche/div0_gauche_menu-boutons.jpg);
	background-repeat: no-repeat;
}
#div0 .gauche ul li a span {
	visibility: hidden;
}

#div0 .gauche ul li .internet {
	background-position: 0 0;
}
#div0 .gauche ul li .internet:hover, #div0 .gauche ul li .inton {
	background-position: -267px 0;
}

#div0 .gauche ul li .impression {
	background-position: 0 -80px;
}
#div0 .gauche ul li .impression:hover, #div0 .gauche ul li .impon {
	background-position: -267px -80px;
}

#div0 .gauche ul li .graphisme {
	background-position: 0 -160px;
}
#div0 .gauche ul li .graphisme:hover, #div0 .gauche ul li .graon {
	background-position: -267px -160px;
}


/*	----------------
		D I V 2   U L   L I   A
	----------------	*/
#div2 ul li a {
	height: 25px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
	display: block;
}
#div2 ul li a span {
	visibility: hidden;
}

#div2 ul li .accueil {
	background-position: -35px 0;
}
#div2 ul li .accueil:hover {
	background-position: -685px 0;
}
#div2 ul li .accon {
	background-position: -1335px 0;
}

#div2 ul li .print {
	background-position: -52px 0;
}
#div2 ul li .print:hover {
	background-position: -702px 0;
}
#div2 ul li .prion {
	background-position: -1352px 0;
}

#div2 ul li .societe {
	background-position: -113px 0;
}
#div2 ul li .societe:hover {
	background-position: -763px 0;
}
#div2 ul li .socon {
	background-position: -1413px 0;
}

#div2 ul li .services {
	background-position: -192px 0;
}
#div2 ul li .services:hover {
	background-position: -842px 0;
}
#div2 ul li .seron {
	background-position: -1492px 0;
}

#div2 ul li .technologies {
	background-position: -277px 0;
}
#div2 ul li .technologies:hover {
	background-position: -927px 0;
}
#div2 ul li .tecon {
	background-position: -1577px 0;
}

#div2 ul li .references {
	background-position: -390px 0;
}
#div2 ul li .references:hover {
	background-position: -1040px 0;
}
#div2 ul li .refon {
	background-position: -1690px 0;
}

#div2 ul li .contact {
	background-position: -490px 0;
}
#div2 ul li .contact:hover {
	background-position: -1140px 0;
}
#div2 ul li .conon {
	background-position: -1790px 0;
}


/*	----------------
		D I V 4   A
	----------------	*/
#div4 a {
	color: #999;
	text-decoration: none;
}
#div4 a:hover {
	color: #FFCC00;
}











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

		C O U L E U R S

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


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


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


/*	----------------
		V E R T
	----------------	*/
.vert {
	color: #33CC00;
}


/*	----------------
		B L A N C
	----------------	*/
.blanc {
	color: #FFFFFF;
}


/*	----------------
		G R I S
	----------------	*/
.gris {
	color: #666666;
}


/*	----------------
		C O U L E U R   L U S O D E V
	----------------	*/
.orange-luso {
	color: #FF6600;
}
.rose-luso {
	color: #FF3399;
}
.vert-luso {
	color: #66CC00;
}
.bleu-luso {
	color: #006699;
}











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

		P E R S O N N A L I S A T I O N

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


/*	----------------
		M O N B O U T O N
	----------------	*/
.monbouton {
	height: 42px;
	line-height: 42px;
	cursor: pointer;
}
.monbouton .cg, .monbouton .cd {
	width: 20px;
	height: 42px;
	line-height: 42px;
	float: left;
}
a .monbouton {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #415600;
}
a:hover .monbouton {
	color: #000000;
}
.monbouton .cg {
	background-image: url(../../images/divers/bouton/img_cg.png);
	background-position: left top;
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/divers/bouton/img_cg.png');
}
.monbouton .cd {
	background: url(../../images/divers/bouton/img_cd.png);
	background-position: left top;
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/divers/bouton/img_cd.png');
}
.monbouton .btn {
	padding: 0 10px 0 10px;
	background: url(../../images/divers/bouton/img_fd.png);
	background-position: left top;
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/divers/bouton/img_fd.png');
	float: left;
}