/**

  Feuille de style 360 Productions

  -> Agence iti (http://www.iti-conseil.com)

**/



/* cette fonction à la con permet d'agrandir à la bonne taille le bloc qui inclu le tout */

.spacer {

  clear: both;

}

.centrer {

	text-align:center;

}



/**

  Styles généraux

**/

body {

	font-family:Arial, Helvetica, sans-serif;

	background-color:#231f20;

	color:#ffffff;

	margin:0;

	padding:0;

}

img {

	border:0;

}

a {
	outline:0 ;
}

p, div, ul, li, form, h1, h2, h3 {

	margin:0;

	padding:0;

}

p, li {
	font-size:12px ;
}

.droite {

	text-align:right;

}

.centrer {

	text-align:center;

}

.justifier {

	text-align:justify;

}

.img_g {

	float:left;

	margin-right:5px;

}

#erreurMessage {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:12px;

	color:#FF0000;

	text-align:center;

}



/**

  Balises principales

**/

#principal {

	position:relative;

	width:760px;

	height:auto;

	margin:0 auto;

}

#contenu {

	position:absolute;

	top:335px;

	left:12px;

	width:737px;

}

#contenu #direct {

	margin:0 ;

	padding:0 30px 0 0 ;

	margin-bottom:30px ;

	font-size:11px ;

}

#contenu #direct p {

	margin:5px 0 ;

}

#contenu #direct h2 {

	padding-left:35px ;

	background:url('../images/puce.gif') no-repeat ;

	text-transform:uppercase ;

	font-size:14px ;

	margin-bottom:25px ;

}

#contenu #direct h3 {

	font-size:12px ;

}



.pied {

	width:737px;

	border-top:#302d2f 2px solid;

	color:#c8c7c7;

	font-size:10px;

	padding:5px ;
	
}

#entete {

	position:absolute;

	top:4px;

	left:12px;

	width:737px;

	height:263px;

	background:url(../images/top2.jpg) top left no-repeat;

}

#menu {

	position:absolute;

	top:275px;

	left:12px;

	width:736px ;
	margin:0  ;
	
	height:40px;

}

#menu table {
	width:100% ;
	height:40px ;
	overflow:hidden ;
}

#menu table td {
	vertical-align:middle ;
	background:url('../images/menu/fond.jpg') ;
}

#menu table td a {
	height:36px ;
	display:block ;
	vertical-align:middle ;
	width:85px ;
	padding:4px 5px 0 5px ;
	margin:0 auto ;
	font-size:9px ;
	text-transform:uppercase ;
	color:#FFF ;
	text-decoration:none ;
	line-height:9px ;
	font-weight:bold ;
}

#menu table td a span {
	display:table-cell ;
	vertical-align:middle ;
	text-align:center ;
	width:85px ;
	height:34px ;
	_display:block ;
	_padding-top:10px ;
	_height:24px ;
	_cursor:pointer ;
}

#menu table td.debut, #menu table td.fin {
	width:5px ;
	overflow:hidden ;
	font-size:0 ;
}

#menu table td.debut {
	background:url('../images/menu/debut.jpg') ;
}

#menu table td.fin {
	background:url('../images/menu/fin.jpg') ;
}

#menu table td a.selected, #menu table td a:hover {
	background:url('../images/menu/hover.jpg') center center no-repeat ;
}

#menu table td.sep {
	width:2px ;
	background:url('../images/menu/sep.jpg') top ;
	overflow:hidden ;
	font-size:0 ;
}


/**

  En-tete

**/

#entete .logo {

	position:absolute;

	top:-10px;

	left:5px;

	width:100px;

	height:75px;

}

#entete .logo .lien_home {

	display:block ;

	height:120px ;

	width:120px ;

	position:absolute ;

	top:125px ;

	left:15px ;

}

#entete .logo a {
	width:140px ;
	height:100px ;
	display:block ;
}

#entete .form {

	position:absolute;

	top:230px;

	/*left:156px;*/
	
	right:40px ;

}

#entete .form img {

	float:left;

	margin:3px 0 0 0;

}

#entete .form .champ {

	float:left;

	margin:0 0 0 3px;

	border:#000000 1px solid;

	background:#58585a;

	padding:1px 3px;

	font-size:10px;

	color:#FFFFFF;

	width:80px;

}

#entete .form .login {
	margin-left:0 ;
}

#entete .form .envoi {

	float:left;

	margin:0 0 0 3px;

}



#entete  .logue {

	font-size:9px ;

	font-weight:bold ;

	padding-top:3px ;

	color:#FFF ;

	text-transform:uppercase ;
	
	position:absolute;

	top:240px;

	/*left:156px;*/
	right:30px ;
}



#entete .logue a {

	color:#FFF ;

	font-weight:bold;

	text-decoration:none ;

}	

div#rappel {
	position:absolute ;
	top:220px;
	right:70px;
	width:300px ;
	text-align:right ;
	font-size:10px ;
	font-weight:bold ;
}

div#rappel span {
	font-size:14px ;
	font-weight:bold ;
}

div#rappel span.jaune {
	color:#f3e903 ;
}

div#rappel input#rappel_phone, div#rappel input#rappel_nom {
	margin:0 ;
	border:#000000 1px solid;
	background:#58585a;
	padding:1px 3px;
	font-size:10px;
	color:#FFFFFF;
	float:right ;
	margin-top:3px ;
}

div#rappel input#rappel_phone {
	margin-left:3px ;
}

div#rappel input.envoi {
	float:right ;
	margin-top:3px ;
}

/**

  Menu

**/



#menu .btn_societe span, #menu .btn_prestation span, #menu .btn_domaines span, #menu .btn_pro span, #menu .btn_references span, #menu .btn_devis span, #menu .btn_contact span {

	display:none;

}

#menu .btn_societe {

	float:left;

	display:block;

	width:95px;

	height:40px;

	background:url(../images/menu/btn-societe.gif) no-repeat 0 0;

}

#menu .btn_societe:hover, #menu span.btn_societe {

	background-position:0 -40px;

}

#menu .btn_prestation {

	float:left;

	display:block;

	width:95px;

	height:40px;

	background:url(../images/menu/btn-prestation.gif) no-repeat 0 0;

}

#menu .btn_prestation:hover, #menu span.btn_prestation {

	background-position:0 -40px;

}

#menu .btn_domaines {

	float:left;

	display:block;

	width:95px;

	height:40px;

	background:url(../images/menu/btn-domaines.gif) no-repeat 0 0;

}

#menu .btn_domaines:hover, #menu span.btn_domaines {

	background-position:0 -40px;

}

#menu .btn_pro {

	float:left;

	display:block;

	width:95px;

	height:40px;

	background:url(../images/menu/btn-pro.gif) no-repeat 0 0;

}

#menu .btn_pro:hover, #menu span.btn_pro {

	background-position:0 -40px;

}

#menu .btn_references {

	float:left;

	display:block;

	width:95px;

	height:40px;

	background:url(../images/menu/btn-references.gif) no-repeat 0 0;

}

#menu .btn_references:hover, #menu span.btn_references {

	background-position:0 -40px;

}

#menu .btn_devis {

	float:left;

	display:block;

	width:95px;

	height:40px;

	background:url(../images/menu/btn-devis.gif) no-repeat 0 0;

}

#menu .btn_devis:hover, #menu span.btn_devis {

	background-position:0 -40px;

}

#menu .btn_contact {

	float:left;

	display:block;

	width:97px;

	height:40px;

	background:url(../images/menu/btn-contact.gif) no-repeat 0 0;

}

#menu .btn_contact:hover, #menu span.btn_contact {

	background-position:0 -40px;

}



/**

  Pied de page

**/

.pied, .pied a {
	font-size:9px ;
}

.pied a:link{
	color:#c8c7c7;
	text-decoration:none;
}

.pied a:hover{
	color:#c8c7c7;
	text-decoration:underline;
}
.pied a:visited:hover{
	color:#c8c7c7;
	text-decoration:underline;
}
.pied a:visited{
	color:#c8c7c7;
	text-decoration:none;
}
.pied .gauche {
	font-size:9px ;
	float:left;

	width:360px;

}

.pied .droite {
font-size:9px ;
	float:right;

	width:360px;

}

.pied .droite a {

	color:#c8c7c7;

	text-decoration:none;

}

.pied .droite a:hover {

	text-decoration:underline;

}



a.lien {

	color:#FFF ;

	font-weight:bold ;

}



a.lien:hover {

	color:#FF0 ;

	text-decoration:none ;

}



/**

  Divers

**/

.champ_admin {

	margin:0 0 0 3px;

	border:#000000 1px solid;

	background:#58585a;

	padding:1px 3px;

	font-size:10px;

	color:#FFFFFF;

	width:250px;

}

.bouton_appel {

	border:#ffffff 1px solid;

	color:#000000;

	font-weight:bold;

	background:#fff20a;

}

div.pages {
	border:1px solid #FFF ;
	margin:10px 0 ;
	text-align:center ;
	padding:5px ;
	background:#484848 ;
}

div.pages a.selected {
	color:#FFF ;
}

a.top {
	float:right ;
}

h3 {
	clear:both ;
}


div.contenu {
	float:left ;
	width:530px ;
}

div.colonne {
	width:180px ;
	float:right ;
	border-left:3px solid #FFFF00 ;
	padding-left:10px ;
	margin-left:10px ;
	margin-top:10px ;
	min-height:200px ;
	height:auto ;
	_height:200px ;
}

div.clear {
	clear:both ;
}

embed {
	outline:0 ;
}

object {
	outline:0 ;
}