/*
Feuille de style
Site : edispo
Auteur : Pernelle Rousselot
Date : 5juillet2005
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font:11px Arial, Helvetica, sans-serif;
  color:#000;
  text-align:center;
  background:#c1c6cc;
  background:url(../medias/fond-nerd-2.jpg) top right no-repeat #c1c6cc;
}
.body-devis{
  margin:0;
  padding:0;
  font:11px Arial, Helvetica, sans-serif;
  color:#000;
  text-align:center;
  background:#c1c6cc;
}
p{
  margin:0;
  padding:0;
}
.invisible{
	display:none;
}
table{
	width:100%;
}
th{
	background:#333;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
}
td{
	padding:1px 5px;
}
a:link, a:visited, a:active{
	text-decoration:none;
    font:11px Arial, Helvetica, sans-serif;
	color:#555;
	}

a:hover{
	text-decoration:underline;
	color:#ee99f7;
}
a.Apush:link, a.Apush:visited, a.Apush:active{
	color:#555;
	}

a.Apush:hover{
	color:#fff;
	text-decoration:none;
}


/*=======================================POSITIONNEMENT=====*/

#conteneur{
	margin:0 auto;
	text-align:left;
	min-width:750px;
	width:auto !important;
	position:relative;
	/*background:#c1c6cc;*/
}
#conteneur-devis{
	margin:0 auto;
	text-align:left;
	width:600px;
	position:relative;
	/*background:#c1c6cc;*/
}
#entete{
	height:108px;
	background:url(../medias/fond-entete.jpg) top left repeat-x;
}
#entete-devis{
	height:180px;
	background:url(../medias/fond-entete-devis.jpg) top center no-repeat;
}
#haut{
	height:70px;
	min-width:750px;
	width:auto !important;
	margin:0 auto;
}
#hotnews{
	float:right;
	padding:5px 20px;
	width:450px;
	background:url(../medias/fond-hotnews.jpg) top left no-repeat;
	height:30px;
	text-align:left;
}
#contenu{
	width:980px;
	padding:0;
	margin:0 auto;
	height:450px;
	position:relative;
	/*background:url(../medias/fond-nerd.jpg) top right no-repeat #c1c6cc;
	background:#c1c6cc;*/
}
#content{
	/*/background:url(../medias/gris-transparent.png) top left repeat-y;*/
	width:505px; /* 530-padding latéraux*/
	padding:0 0 0 25px;
	height:450px;
}
#content-devis{
	background:url(../medias/fond-blanc-devis.jpg) top center repeat-y #fff;
	width:560px; /* 600 - padding latéraux */
	padding:5px 20px;
}
#pied{
	clear:both;
	background:url(../medias/fond-pied.jpg) top left repeat-x;
	height:135px;  
	padding:0;
	margin:0;
	position:relative;
}
#pied-devis{
	clear:both;
	background:url(../medias/fond-pied-devis.jpg) top center no-repeat;
	height:65px;  
	padding:0;
	margin:0;
	position:relative;
}
.pied{
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	font-size:10px;
	padding:15px;
	color:#6d7783;
	text-transform:uppercase;
}
/* MENU */
.menu {
	position:relative;
	width:980px;
	margin:0 auto;
}
.menu ul {
	list-style:none;
	z-index:10;
	position:absolute;
	z-index:100; 
	padding:10px;
}
.menu li {
	float:left;
	background:url(../medias/separation-menu.jpg) center right no-repeat;
}
.menu a, .menu a:active, .menu a:visited {
	text-decoration:none;
	color:#6d7783;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	margin:0 5px;
}
.menu a:hover {
	color:#c1c6cc;
}
#slide {
	position:absolute;
	top:-10px;
	height:10px;
	text-align:center;
	z-index:10;
}
#slide div{
	display:block;
	background:#ee99f7;
	height:3px;
}
/*//////////////////////////////////////*/

.push{
	margin:0;
	padding:0;
	width:100%;
	height:295px;
}
.nouveau{
	width:220px;
	float:left;
	color:#555;
}
.rencontre{
	width:180px;
	float:left;
	color:#555;
}
.chouchou{
	width:220px;
	float:right;
	color:#555;
}
.uptoyou{
	width:290px;
	float:right;
	color:#555;
}
.image-push{
	padding:8px;
	border:1px solid #fff;
	display:block;
}
.image-crea{
	float:left;
	padding:8px;
	border:1px solid #fff;
	display:block;
}
.bloc-mini-push{
	padding:4px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	color:#555;
}
.image-mini-push{
	padding:4px;
	border:1px solid #fff;
	display:block;
	/*float:left;
	margin:0 15px 0 0;*/
}

/*///////////////////////////////////////////////////*/
#devis{
	border:1px solid #000;
}
	/*====================== Exemple 2 ======================*/
	#parent2-wrap{
	/*	height:450px;
		overflow:auto;
*/
	}
	#parent2 li{
		padding:15px 0;
		margin: 5px;
	}
	#parent2-menu a.wactive{
		font-weight: bold;
		background:#ee99f7;
		padding:4px;
	}
	a.menu-devis:link, a.menu-devis:visited, a.menu-devis:active{
		background:none;
		color:#333;
		padding:2px 5px;
		margin:0 5px 0 0;
		text-decoration:none;
	}
	a.menu-devis:hover{
		background:#555;
		color:#fff;
		padding:2px 5px;
		margin:0 5px 0 0;
		text-decoration:none;
	}
	#submenu{
		display:none;
	}
/*///////////////////////////////////////////////////*/
h1{
	padding:27px 0 2px 0;
	margin:0;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
span.h1{
	padding:2px 0;
	margin:0;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
span.h3{
	padding:2px 0;
	margin:0;
	font-size:10px;
	font-weight:bold;
	color:#fff;
}
.h1-devis{
	color:#333;
	padding:10px 0 2px 0;
}
h2, .h2{
	padding:2px 0;
	margin:0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}
ul, li{
	margin:0;
	padding:0;
	list-style:none;
}
.message{
	padding:5px;
	text-align:left;
	margin:5px 0;
	background:#ee99f7;
	color:#333;
	border:1px dotted #333;
}
form{
	margin:2px;
	padding:5px;
}
form.form-contact{
	margin:0;
	padding:0;
}
label{
	float:left;
	width:30%;
	text-align:right;
	padding:1px 0 0 0;
}
label.no{
	float:none;
	padding:1px 0 0 6px;
	font-weight:bold;
}
label.normal{
	float:none;
	width:100%;
	padding:0 0 0 10px;
	font-weight:normal;
	text-align:left;
	border-left:5px solid #CCC;
}
label.normal2{
	float:none;
	width:100%;
	padding:0;
	font-weight:bold;
	text-align:left;
	display:block;
}

.box{
	float:left;
	margin:0 5px 0 0;
}
.radio{
	margin:2px 0 0 0;
}
label.dessus{
	float:none;
	text-align:left;
	width:auto;
	display:block;
	padding:0 0 0 5px;
	font-weight:bold;
}
input, select, textarea{
	border:1px solid #B8B8B8;
	padding:1px;
	font-size:10px;
	margin:1px 1px 1px 5px;
 	font:11px Arial, Helvetica, sans-serif;
}
.submit_form{
	text-align:right;
	padding:1px 18px 0 0;
}
.petit{
	font-size:9px;
	text-align:left;
}
.petit_blanc{
	font-size:9px;
	text-align:left;
	color:#666;
}
.row1{
	background:#fff;
}
.row2{
	background:#ececec;
}
.row1 td, .row2 td{
	padding:3px 5px;
}
.bt-envoi{
	border:0;
	width:auto;
}
.bt-envoimessage{
	border:0;
	width:auto;
	margin:0;
	padding:0;
}
a.sans:link, a.sans:visited, a.sans:hover, a.sans:active, .sans img{
	border:0;
	text-decoration:none;
	background:none;
}
div.input{
	width:235px;
	height:30px;
	padding:4px 0 0 4px;
	background:url(../medias/fond-input.jpg) top left no-repeat;
}
input.contact{
	background:none;
	border:0;
	width:212px;
	text-align:left;
	color:#555;
}
div.textarea{
	width:235px;
	height:215px;
	padding:4px 0 0 4px;
	background:url(../medias/fond-textarea.jpg) top left no-repeat;
}
textarea.contact{
	background:none;
	border:0;
	width:212px;
	height:195px;
	text-align:left;
	color:#555;
}
#categories{
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
	width:520px;
}
#categories a:link, #categories a:visited, #categories a:active{
	text-decoration:none;
    font:11px Arial, Helvetica, sans-serif;
	color:#555;
	/*border-bottom:1px dotted #fff;*/
	padding:1px 4px;
	margin:8px 0;
}

#categories a:hover{
	text-decoration:none;
	background:#ee99f7;
	color:#333;
	padding:1px 4px;
	margin:8px 0;
}
#pied a:link, #pied a:visited, #pied a:active{
	text-decoration:none;
    font:10px Arial, Helvetica, sans-serif;
	color:#555;
	/*border-bottom:1px dotted #fff;*/
	padding:1px 5px;
}

#pied a:hover{
	text-decoration:none;
	background:#fff;
	color:#333;
	padding:1px 5px;
}