/* CSS WebInCity.com */

body{
	margin-top: 0px;
	padding-top: 0px;
	color:#524848;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica, sans-serif;
}

#cadre{
	margin:0px;
	padding:5px;
	width:800px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-385px;
	margin-top:10px;
	min-height:800px;
	/*background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;*/
}

#header{
	margin:0px;
	padding:0px;
	height:80px;
	width:752px;
    border:1px solid #e5e5e6;
}

.barre{
	float:left;
}

#menu{
	padding:0px;
	margin:0px;
	margin-left:5px;
	margin-right:10px;
	margin-top:1px;
	width:742px;
	height:16px;
	float:left;
	border:1px solid #524848;
	background-image:url(../img/menu_fond.jpg);
	background-repeat:repeat;
}

#center{
	padding:1px;
	margin:0px;
	margin-top:1px;
	width:750px;
	float:left;
	/*border:1px solid black;*/
}

#contenu{
	margin:0px;
	padding:0px;
	height:auto;
	width:500px;
	float:left;
	margin-left:4px;
	text-align:center;
	margin-bottom:0px;
	/*border:1px solid #524848;*/
}

#right{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-right:2px;
	height:auto;
	width:230px;
	float:right;
	text-align:left;
}

#footer{
	margin:0px;
	padding:0px;
	width:754px;
	height:25px;
	text-align:center;
	float:left;
	/*border:1px solid black;*/
}

.onglet{
  	height:14px;
  	background-image:url(../img/menu_fond.jpg);
	background-repeat:repeat;
  	border:1px solid #524848;
}

#projet{
  height:auto;
  padding:5px;
  margin-top:1px;
  margin-bottom:8px;
  text-align:justify;
  border:1px solid #524848;
  background-image:url(../img/oeil.jpg);
}

#contact{
  height:70px;
  padding-top:5px;
  margin-top:1px;
  margin-bottom:8px;
  border:1px solid #524848;
  background-image:url(../img/contact.jpg);
}

#contact_onglet_left{
    width:135px;
	float:left;
	text-align:right;
}

#contact_onglet_right{
	margin-top:5px;
  	width:90px;
	float:right;
	text-align:left;
}

#map24{
	height:80px;
	margin-top:-10px;
	margin-bottom:0px;
	border:1px solid #524848;
}

html>body #map24 {
	height:auto;
  	padding:0px;
  	margin-top:-5px;
	border:1px solid #524848;
}

#contact_top{
	padding:5px;
	text-align:justify;
}

#contact_left{
	float:left;
	text-align:right;
	width:230px;
}

#contact_right{
	float:left;
	text-align:left;
	width:250px;
	padding-left:10px;
}

#accueil_edito{
    padding:5px;
    padding-top:0px;
	text-align:justify;
}

#accueil_webincity{
    padding:5px;
    padding-top:0px;
	text-align:justify;
}

#accueil_techno_left{
    float:left;
    width:300px;
	height:auto;
	text-align:justify;
}

#accueil_techno_right{
  	float:right;
	width:180px;
	height:auto;
}

.left{
	float:left;
	margin-right:8px;
	margin-top:2px;
}

.right{
	float:right;
	margin-left:8px;
}

#service_top{
	padding:5px;
	height:130px;
	text-align:justify;
}

#service_bottom{
	padding:5px;
	height:auto;
	text-align:justify;
}

#service_bottom_tab{
	float:left;
	padding:5px;
	margin-top:5px;
}

.formation{
	padding:5px;
	height:auto;
	text-align:justify;
}

.formation_left{
	float:left;
	width:330px;
}

.formation_right{
	float:right;
	width:150px;
}

#partenaire{
	margin-top:10px;
	padding:10px;
	height:auto;
	text-align:center;
	background-color:#FFFFFF;
	border:1px solid #524848;
}

.box{
	float:left;
	margin:2px;
	margin-top:4px;
	padding:2px;
	width:150px;
	height:auto;
	border:1px solid #0084ff;
	background-image:url(../img/pack.jpg);
	background-repeat:no-repeat;
}

a{
	color:#524848;
	text-decoration:none;
  	font-weight:bold;
}

a.bouton:link{
  padding-left:25px;
  padding-right:25px;
  color:#0084ff;
  text-decoration:none;
  font-weight:bold;
  border-right:1px solid #524848;
}

a.bouton:visited{
  padding-left:25px;
  padding-right:25px;
  color:#0084ff;
  text-decoration:none;
  font-weight:bold;
  border-right:1px solid #524848;
}

a.bouton:hover{
  padding-left:25px;
  padding-right:25px;
  color:#0084ff;
  text-decoration:none;
  font-weight:bold;
  border-right:1px solid #524848;
  background-image:url("../img/menu_fond_hover.jpg");
}

img { border:none }

.bouton{
  float:left;
  padding-top:1px;
  height:15px;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  font-style:italic;
  color:#0084ff;
}

.titre_right{
  float:right;
  margin-right:5px;
  padding-right:5px;
  padding-top:1px;
  color:#524848;
}

.titre_onglet{
  	padding:0px;
  	padding-top:1px;
  	padding-left:10px;
  	text-align:left;
  	text-decoration: none;
  	font-weight:bold;
  	color:#0084ff;
}

.titre_pack{
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color:#524848;
}

.prix_pack{
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color:#524848;
	text-align:right;
}

.lbl_form{
	color:#524848;
	font-weight:bold;
	padding:3px;
}

#mess{
	margin:3px;
	color:red;
	font-weight:bold;
	text-align:center;
}

input{
	height:14px;
	border:1px solid #524848;
	font-size:11px;
	color:#0084ff;
}

textarea{
	height:143px;
	width:240px;
	border:1px solid #524848;
	font-size:11px;
	color:#0084ff;
}

input.submit{
	height:18px;
	margin-top:6px;
	border:1px solid #524848;
	font-size:10px;
	font-weight:bold;
	color:#524848;
	background-color:#D6D6D6;
}

input.map24{
	width:130px;
	height:12px;
	border:1px solid #524848;
	font-size:10px;
	color:#524848;
}

ul,li{padding:0px;margin:0px;}

ul{padding-left:20px;}

.liste{
	list-style-image:url(../img/square.jpg);
}

.tab{
	border:1px solid #0084ff;
	border-collapse:collapse;
}

.tab_white{
	background-color:#FFFFFF; 
}

.tab_white_logo{
	height:35px; 
}

.center{
	text-align:center;
	padding:2px;
}

#image_border{ border:1px solid #524848;}