/* @override http://localhost/dpx3/skin/v3.2/_graphisme.css */

/* @group communication */

div#communicationDemo p {
	text-decoration: underline;
}

#communicationDemo a img {
	margin-left: 105px;
	border: 1px solid silver;
}

#communication div ul#listecomm {
	height: 96px;
	margin-top: 36px;
}

#communication div ul#listecomm li {
	display: block;
	float: left;
	width: 213px;
}
#illustrationslogan{
	margin-top: 312px;
	text-align: center;
	font-size: 1.5em;
}

/* @end */

/* @group illustrations */

#slider {
    width: 360px; /* important to be same as image width */
    height: 330px; /* important to be same as image height */
    position: absolute; /* important */
	overflow: hidden;
	left: 402px;
	margin-top: -144px;
}
#sliderContent {
    width: 360px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	list-style-type: none;
	list-style-image: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	list-style-type: none;
	list-style-image: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 334px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

div#illustrationcol1 {
	width: 230px;
	position: absolute;
}

div#illustrationcol2 {
	width: 501px;
	left: 270px;
	position: absolute;
	margin-top: -22px;
}

/* @end */

/* @group webdesign */
div#webdesigncol1 {
	width: 320px;
	position: absolute;
}

div#webdesigncol2 {
	width: 501px;
	position: absolute;
	margin-top: -22px;
	left: 370px;
}


/* @end */