@charset "utf-8";

html {
	height: 100%;
	overflow-y: scroll;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	background:url(images/back.jpg) center top repeat-x #3B85CC;
	font-weight: normal;
	color:#000;
	text-align:justify;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color:#9D9EA0;
	font-size: 12px;
	text-decoration:underline;
	border:0;
}
a:hover {
	text-decoration:none;
}

h1, h2, h3, h4 {
	margin:0;
}

h3 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:15px;
}






p {
	margin:0;
	padding-bottom:12px;
	text-align:justify;
	line-height:15px;
}

ul {
	padding:0;
	margin:0 0 0 20px;
}
li {
	list-style-image:url(images/_bullet.jpg);
	list-style-position:outside;
	padding:2px 0;
	font-weight:bold;
}

.titre {
	font-size:16px;
	color:#CC0000;
	font-weight:bold;
}

/*** <div class="burst"> ******/
.burst a {
	display:block;
	width:100%;
	height:inherit;
}
.burst a:hover {
	background:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index:1; 
}


.button a {
	display:block;
	padding:5px;
	color:#fff;
	background-color:#666;
	text-decoration:none;
}
.button a:hover {
	background-color:#999;
}


.clearfix {
	height:0;
	clear:both;
}




/* *** wappers **********/


#corps {
	position:relative;
	padding:0;
	margin:0 auto;
	width:975px;
}

#tete {
	position:relative;
	height:975px;
	height:367px;
}
#tete h1 {
	display:none;
}

header_menu{
	position:relative;
	width:975px;
	height:131px;
}

#ventre {
	position:relative;
	width:975px;
	height:470px;
	margin:0;
	padding:0;
}

#pied {
	position:relative;
	width:954px;
	height:250px;
	margin:0 0 0 11px;
	padding:0;
	background:url(images/corps_boitelogos_back.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;

}

#accordion {
		position:relative;
	width:954px;
	height:447px;
	margin:0 0 0 11px;
	padding:0;
	background:url(images/corps_boitelogos_fenetres.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
	

}


/*** Debut boites absolute ************/



/****** INDEX ************/

#index_col01 {
	position:absolute;
	top:6px;
	left:0px;
	width:234px;
	height:435px;
	margin:0;
	padding:0;
}

#index_col02 {
	position:absolute;
	top:6px;
	left:239px;
	width:352px;
	height:227px;
	margin:0;
	padding:10px 25px 0 25px;
	background:url(images/corps_boite2_back.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
}

#index_col03 {
	position:absolute;
	top:257px;
	left:239px;
	width:352px;
	height:193px;
	margin:0;
	padding:10px 25px 0 25px;
	background:url(images/corps_boite3_back.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
	
}


#index_col04 {
	position:absolute;
	top:6px;
	left:658px;
	width:305px;
	height:443px;
	margin:0;
	padding:0;
	border:#C0D5E8 1px solid;
	
}

#index_col05 {
	position:absolute;
	top:408px;
	left:585px;
	width:44px;
	height:46px;
	margin:0;
	padding:0;
	border:#C0D5E8 1px solid;
	
}


/****** QUINCAILLERIE ************/

#quinc_col01 {
	position:absolute;
	top:6px;
	left:0px;
	width:234px;
	height:435px;
	margin:0;
	padding:0;
}

#quinc_col02 {
	position:absolute;
	top:6px;
	left:239px;
	width:674px;
	height:240px;
	margin:0;
	padding:10px 25px 0 25px;
	background:url(images/corps_boite2_quinc.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
}

#quinc_col03 {
	position:absolute;
	top:263px;
	left:288px;
	width:175px;
	height:157px;
	margin:0;
	
	
}


#quinc_col04 {
	position:absolute;
	top:246px;
	left:552px;
	width:414px;
	height:210px;
	margin:0;
	padding:0;
	
	
}

#quinc_col05 {
	position:absolute;
	top:390px;
	left:592px;
	width:44px;
	height:46px;
	margin:0;
	padding:0;
	border:#C0D5E8 1px solid;
	
}


/****** COORDONNEES ************/

#coord_col01 {
	position:absolute;
	top:6px;
	left:0px;
	width:234px;
	height:435px;
	margin:0;
	padding:0;
}

#coord_col02 {
	position:absolute;
	top:8px;
	left:239px;
	width:674px;
	height:493px;
	margin:0;

}

#coord_col03 {
	position:absolute;
	top:263px;
	left:288px;
	width:175px;
	height:157px;
	margin:0;
	
	
}


#coord_col04 {
	position:absolute;
	top:246px;
	left:552px;
	width:414px;
	height:210px;
	margin:0;
	padding:0;
	
	
}

#coord_col05 {
	position:absolute;
	top:390px;
	left:592px;
	width:44px;
	height:46px;
	margin:0;
	padding:0;
	border:#C0D5E8 1px solid;
	
}

/****** REVÊTEMENT ************/

#rev_col01 {
	position:absolute;
	top:6px;
	left:0px;
	width:234px;
	height:435px;
	margin:0;
	padding:0;
}

#rev_col02 {
	position:absolute;
	top:6px;
	left:239px;
	width:351px;
	height:204px;
	margin:0;
	padding:10px 25px 0 25px;
	background:url(images/corps_boite2_rev.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
}

#rev_col03 {
	position:absolute;
	top:257px;
	left:239px;
	width:351px;
	height:195px;
	margin:0;
	padding:10px 25px 0 25px;
	background:url(images/corps_boite3_rev.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
	
	
}


#rev_col04 {
	position:absolute;
	top:6px;
	left:663px;
	width:305px;
	height:443px;
	margin:0;
	padding:0;
	
	
}

#rev_col05 {
	position:absolute;
	top:175px;
	left:290px;
	width:264px;
	height:302px;
	margin:0;
	
	
}

/****** FENETRES ************/

#fen_col01 {
	position:absolute;
	top:6px;
	left:0px;
	width:234px;
	height:435px;
	margin:0;
	padding:0;
}

#fen_col02 {
	position:absolute;
	top:6px;
	left:239px;
	width:352px;
	height:247px;
	margin:0;
	padding:10px 25px 0 25px;
	background:url(images/corps_boite2_fenetres.jpg) 0 0 no-repeat;
	border:#C0D5E8 1px solid;
}

#fen_col03 {
	position:absolute;
	top:278px;
	left:239px;
	width:402px;
	height:170px;
	border:#C0D5E8 1px solid;
	
}


#fen_col04 {
	position:absolute;
	top:6px;
	left:658px;
	width:305px;
	height:443px;
	margin:0;
	padding:0;
	border:#C0D5E8 1px solid;
	
}

#fen_col05 {
	position:absolute;
	top:390px;
	left:592px;
	width:44px;
	height:46px;
	margin:0;
	padding:0;
	border:#C0D5E8 1px solid;
	
}

 
/*** CSS Drop Shadow *********/

.shadow {
	-moz-box-shadow: 3px 4px 40px #000;
	-webkit-box-shadow: 3px 4px 40px #000;
	box-shadow: 3px 4px 40px #000;
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}




/*****Transparent *********/

.transparent{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}







/* *** Floating Elements **********/

#son_flash {
	position:absolute;
	width:45px;
	height:39px;
	top:-273px;
	right:7px;
	z-index:200;
}

#element_flottant {
	position:absolute;
	width:120px;
	height:50px;
	top:130px;
	right:30px;
	background:#009900;
	z-index:100;
}





/* *************** JQUERY **********/





#container {
	position:absolute;
	width:975px;
	padding:10px;
	margin:0 auto;
	z-index:10;
	top: 122px;
	height: 241px;
}

#example {
	width:975px;
	height:260px;
	position:relative;
}

#frame {
	position:absolute;
	z-index:0;
	width:973px;
	height:250px;
	top:-3px;
	left:-7px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:10px;
	left:17px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:924px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:924px;
	height:270px;
	display:block;
	border:0;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:80px;
	left:-40px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	border:0;
}

#slides .next {
	left:940px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}











/****************************************/
/********** Neat Form BY MARC **********/
/**************************************/

form { 
	margin:0;
	padding:0;
}
.check {
	width: 20px;
	height: 20px;
	border:0;
	background-color:transparent;
}
input {
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
}
.inputxs {
	width: 100px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
}
textarea {
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background-color:#fff;
	height: 60px;
	overflow:auto;
}
.textareaxl {
	width: 400px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background-color:#fff;
	height: 135px;
	overflow:auto;
}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	font-size:12px;
	color:#fff;
	width:250px;
	padding:3px 0;
	background-color:#017BA0;
}
.boxed {
	border: 1px solid #000;
	background-color:#eee;
}
select {
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#fff;
	width:250px;
	color:#000;
}












/****************************************/
/********** footer **********/
/****************************************/

#footer {
	text-align:center;
	margin:0;
	padding:10px 0;
	font-size:11px;
	color:#8BC0F4;
	clear:both;
}
#footer a {
	padding:0 2px;
	font-size:11px;
	color:#93C7F7;
	text-decoration:none;
}
#footer a:hover {
	color: #000000;
	text-decoration:underline;
}

/****************************************/
/********** Signature Mediaweb **********/
/****************************************/

#mediaweb {
	text-align:right;
	width:975px;
	clear:both;
	margin: 0 auto;
}
#mediaweb a {
	color:#1E4C7D;
	text-decoration:none;
	font-size:10px;

}
#mediaweb a:hover {
	color: #4A7198;
	text-decoration:underline;
}