/*
CSS
WhiteDev
http://www.whitedev.fr
*/

/*...Taille de la page...*/
#gl_whitedev {
	margin:auto;
	width:980px;
	height:500px;
}
#page_gl_whitedev{
	width:950px;
	height:532px;
	float:left;
	position:relative;
	z-index:0;
}
/*...dialogbox...*/
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:5px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#f19323;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#f19323;
	text-decoration:none;
}
/*...background...*/
.whitedev_accueil {
	background-image:url(accueil.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_societe {
	background-image:url(societe.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_infos_legales {
	background-image:url(infos_legales.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_references {
	background-image:url(references.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_partenaires {
	background-image:url(partenaires.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_contacts {
	background-image:url(contacts.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_prestations {
	background-image:url(prestations.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_press {
	background-image:url(press.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitedev_competences {
	background-image:url(competences.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*...HEADER...*/
#header{
	width:950px;
	height:80px;
	position:relative;
	z-index:2;
}

/*...LOGO...*/
#logo_whitedev{
	position:absolute;
	z-index:3;
	top:13px;
	left:40px;
	visibility: visible;
	width: 208px;
	height: 67px;
}

/*...MENU...*/
#menu_whitedev{
	position:absolute;
	top:32px;
	left:270px;
	font-size:1px;
	z-index:10;
	width: 623px;
}

	#menu_whitedev h2{
		margin:0;
		padding:0;
		display:none;
	}

		#menu_whitedev ul{
			margin:0;
			padding:0;
		}

			#menu_whitedev ul li{
				list-style-type:none;
				float:left;
				padding:0;
				margin:0;
				width:89px;
				height:25px;
				z-index:0;
			}

				#menu_whitedev ul li div div{
					margin:2px;
					border: 1px solid #d0d0d0;
				}

				#menu_whitedev ul li div:hover div{
					margin:2px;
					border: 1px solid #fbad1d;
				}

				#menu_whitedev ul li ul{
					position:absolute;
					list-style-type:none;
					margin-left:2px;
					margin-top:2px;
					margin-top:expression(0);
					_margin-top:expression(0);
					height: auto;
					overflow: hidden;
					z-index:3;
					visibility: hidden;
				}

				#menu_whitedev ul li ul li{
					list-style-type:none;
					display:block;
					width:100%;
					float:none;
					height:20px;
					z-index:3;
				}

				#menu_whitedev ul li ul li a{
					display:block;
					width:100%;
					padding: 0 5px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					line-height:20px;
					color:#ffffff;
					background-color:#333333;
					text-decoration:none;
				}

				#menu_whitedev ul li ul li a:hover{
					display:block;
					width:100%;
					padding: 0 5px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					line-height:20px;
					color:#fbad1d;
					background-color:#333333;
					text-decoration:none;
				}

#sous_menu_whitedev{
	width:125px;
}


/*...Lien sur le contact...*/
#contact a{
	color:#5B5A56;
}

#contact a:link{
	color:#5B5A56;
	text-decoration:none;
}
#contact a:visited{
	color:#5B5A56;
	text-decoration:none;
}
#contact a:active{
	color:#5B5A56;
	text-decoration:none;
}
#contact a:hover{
	color:#5B5A56;
	text-decoration:none;
}


/*...CONTENT...*/
#content{
position:relative;
width:950px;
height:450px;
z-index:1;
left: 0;
top: 83px;
}

	/*
		#content h2{
		margin:0;
		padding:0;
		display:none;
	}

	#content h3{
		margin:0;
		padding:0;
		display:none;
	}
	*/

/*...Bloc de texte...*/

/*...Bloc de texte pour les références sur, la page d'accueil...*/
#b_ref_accueil{
position:absolute;
z-index:3;
top:391px;
left:350px;
visibility: visible;
width: 267px;
height: 141px;
}

/*...Bloc de texte pour la dernière réalisation...*/
#b_derniere_realisation_accueil{
position:absolute;
z-index:3;
top:376px;
left:36px;
visibility: visible;
width: 267px;
height: 141px;
}
	#b_derniere_realisation_accueil p{
	margin:0;
	padding:0;
	line-height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5B5A56;
	}

/*...Bloc de texte pour la dernière réalisation...*/
#b_derniere_realisation_accueil_bas{
position:absolute;
z-index:3;
top:438px;
left:155px;
visibility: visible;
width: 267px;
height: 141px;
}
	#b_derniere_realisation_accueil_bas p{
	margin:0;
	padding:0;
	line-height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5B5A56;
	}

/*...Image qui se situe dans le bloc dernière réalisation sur la page d'accueil...*/
#b_derniere_realisation_accueil_image{
position:absolute;
z-index:3;
top:440px;
left:34px;
visibility: visible;
width: 100px;
height: 70px;
}

/*...Bloc de texte pour actualité sur la page accueil...*/
#b_actualite_accueil{
position:absolute;
z-index:3;
top:376px;
left:652px;
visibility: visible;
width: 267px;
height: 141px;
}
	#b_actualite_accueil p{
		margin:0;
		padding:0;
		line-height:19px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#5B5A56;
	}

	/*...Image qui se situe dans le bloc actualité de la page accueil...*/
#b_actualite_accueil_image{
position:absolute;
z-index:3;
top:438px;
left:842px;
visibility: visible;
width: 100px;
height: 100px;
}

/*...Bloc pour le texte sur la page info_legale...*/
#b_info_legale{
position:absolute;
top:80px;
left:29px;
width: 887px;
height: 339px;
z-index:4;
}
	#b_info_legale p{
	margin:0;
	padding:0;
	line-height:21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#5B5A56;
	text-align:justify;
	}
/*...Bloc de texte bas...*/
#b_central_b{
position:absolute;
top:400px;
left:29px;
width: 887px;
height: 20px;
z-index:5;
}
/*...Bloc de texte central ...*/
#b_central{
position:absolute;
top:80px;
left:29px;
width: 887px;
height: 339px;
z-index:4;
}
	#b_central p{
	margin:0;
	padding:0;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5B5A56;
	text-align:justify;
	}

/*...Bloc de texte right sur la page contact ...*/
#b_right_contact{
position:absolute;
top:120px;
left:475px;
width: 400px;
height: 150px;
z-index:4;
}
	#b_right_contact p{
	margin:0;
	padding:0;
	line-height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5B5A56;
	text-align:justify;
	}

/*...Bloc de texte left sur la page contact ...*/
#b_left_contact{
position:absolute;
top:100px;
left:125px;
width: 350px;
height: 339px;
z-index:4;
}

	#b_left_contact p{
	margin:0;
	padding:0;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#5B5A56;
	text-align:justify;
	}

/*...Bloc de texte pour la page référence ...*/
#b_reference{
position:absolute;
top:250px;
left:475px;
width: 400px;
height: 150px;
z-index:4;
}

/*...Bloc de texte page accueil principale ...*/
#b_central_titre_accueil{
position:absolute;
top:125px;
left:310px;
width: 400px;
height: 150px;
z-index:4;
}
	#b_central_titre_accueil p{
	margin:0;
	padding:0;
	line-height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#5B5A56;
	text-align:justify;
	}

	/*...Bloc de texte page accueil principale ...*/
#b_central_texte_accueil{
position:absolute;
top:175px;
left:65px;
width: 800px;
height: 150px;
z-index:4;
}
	#b_central_texte_accueil p{
	margin:0;
	padding:0;
	line-height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5B5A56;
	text-align:justify;
	}

/*...HEADER...*/
#header{
float:left;
position:absolute;
top:0px;
left:0px;
width: 950px;
height: 100px;
}

/*...FOOTER...*/
#footer{
	position:absolute;
	top:522px;
}
	#footer h2{
		margin:0;
		padding:0;
		display:none;
	}
		#content_footer{
			position:absolute;
			width:300px;
			left:5px;
			top:8px;
		}
			#footer ul{
				margin:0;
				padding:0;
			}
				#footer ul li{
					list-style-type:none;
					padding:0;
					margin-right:0px;
				}
					#footer ul li a {
						border: 0px solid red;
					}

/*...images d'ombrages...*/
#ombre_wd_top{
	background-image:url(ombre_wd_top.png);
	background-repeat:no-repeat;
	width:980px;
	height:15px;
	font-size:0px;
}
#ombre_wd_left{
	background-image:url(ombre_wd_left.png);
	background-repeat:no-repeat;
	width:15px;
	height:550px;
	float:left;
}

#ombre_wd_header{
	position:relative;
	left:1px;
	top:2px;
	width: 324px;
	height: 49px;
}

#ombre_wd_right{
	background-image:url(ombre_wd_right.png);
	background-repeat:no-repeat;
	width:15px;
	height:550px;
	float:right;
}

#ombre_wd_bottom{
	background-image:url(ombre_wd_bottom.png);
	background-repeat:no-repeat;
	width:980px;
	height:4px;
	float:right;
}


div.item {
   padding: 40px;
}


/** carousel */

/*...Carousel */

.ux-carousel-container {
    overflow: hidden;
    position: relative;
}

.ux-carousel-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.ux-carousel-slide {
    float: left;
    overflow: hidden;
	font-size:12px;
    text-align: center;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#5B5A56;

}

.ux-carousel-nav {
    height: 29px;
    width: 100%;
    background-color: #f6cb9e;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    filter:alpha(opacity=90);
}

.ux-carousel-caption {

    float: left;
    padding: 2px 5px;
    margin: 0;
    text-transform: none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5B5A56;
    overflow: hidden;
    height: 29px;
    width: 100px;
}

.ux-carousel-nav-prev,
.ux-carousel-nav-next,
.ux-carousel-nav-play {
    height: 24px;
    display: block;
    float: right;
    margin: 2px 0;
    background-position: 0 24px;
}

.ux-carousel-nav .ux-carousel-nav-prev {
    background-image: url('../images/prev.png');
    width: 31px;
}

.ux-carousel-nav .ux-carousel-nav-next {
    background-image: url('../images/next.png');
    margin-right: 2px;
    width: 30px;
}

.ux-carousel-nav-play {
    background-image: url('../images/play_pause.png');
    width: 24px;
}

.ux-carousel-nav-play:hover {
    background-position: 0 0;
}
.ux-carousel-nav-play.ux-carousel-playing {
    background-position: 24px 24px;
}
.ux-carousel-nav-play.ux-carousel-playing:hover {
    background-position: 24px 0;
}

.ux-carousel-nav-prev:hover,
.ux-carousel-nav-next:hover {
    background-position: 0 48px;
}

.ux-carousel-nav-prev.ux-carousel-nav-disabled,
.ux-carousel-nav-next.ux-carousel-nav-disabled {
    background-position: 0 0;
}