body {
	background-color : #999;
	width : 100%;
	font-size : 14px;
}
a:link {
text-decoration : none;
color : inherit;
}
a:visited {
text-decoration : none;
color:inherit;
}
a:hover {
text-decoration : underline;
color : #333;
color:inherit;
}
a:active {
text-decoration : none;
color : #inherit;
}
b {
font-weight : normal;
font-size:inherit;
}
#msgMail {
	text-align:center;
	color:#FFF;
}
#conteneur {
	background-color : #000;
	width : 800px;
	margin : 0 auto;
	border: thin inset #CCC;
}
#banner {
background-image : url(images/banner.png);
width : 800px;
height : 222px;
}
#nav {
width : 500px;
height : 40px;
margin : 10px auto;
}
.left {
background-image : url(images/bg_nav_left.png);
width : 19px;
height : 40px;
float : left;
margin-left:25px;
}
ul.nav1{
margin-left:-30px;
}
li.nav1 {
display : inline;
float : left;
background-image : url(images/bg_nav.png);
background-repeat : repeat-x;
margin-left : 1px;
padding : 13px 10px;
height : 20px;
font-family:Tahoma, Geneva, sans-serif;
font-size : 14px;
text-align : center;
vertical-align : middle;
}
.txt1 {
display : inline;
float : left;
background-image : url(images/bg_nav.png);
padding : 3px 11px;
height : 34px;
font-family : Tahoma, Geneva, sans-serif;
font-size : 14px;
text-align : center;
vertical-align : middle;
}
li.nav1 a:link {
text-decoration : none;
color : #000;
}
li..nav1 a:visited {
text-decoration : none;
color : #000;
}
li.nav1 a:hover {
text-decoration : underline;
color : #000;
}
li..nav1 a:active {
text-decoration : none;
color : #000;
}
.right {
background-image : url(images/bg_nav_right.png);
width : 19px;
height : 40px;
float : left;
margin-left : 1px;
}
#contenu1 {
margin : 20px auto;
width : 800px;
}
#cadre1 {
background-image : url(images/bg_cadre1.png);
width : 716px;
height : 299px;
margin : 0 auto;
}
#img_cadre1 {
background-image : url(images/planet.png);
background-repeat : no-repeat;
width : 172px;
height : 172px;
float : right;
margin : 60px 10px;
}
#txt_cadre1 {
width : 500px;
height : auto;
float : left;
margin : 0px 10px;
font-family :Tahoma, Geneva, sans-serif;
color : #fff;
text-align : justify;
font-size:14px;
}
#txt_cadre1 a:link{text-decoration : none;color:#FFF;}
#txt_cadre1 a:visited{text-decoration :none; color:#FFF;}
#txt_cadre1 a:hover{text-decoration :underline; color:#FFF;}
#txt_cadre1 a:hover{text-decoration :none; color:#FFF;}
#txt_cadre1 h1 {
font-size : 24px;
font-weight : normal;
}
#txt_cadre1 b {
font-size : 14px;
font-weight : normal;
}
#cadre2 {
background-image : url(images/bg_cadre2.png);
width : 205px;
height : 205px;
margin-left : 45px;
margin-top : 20px;
float : left;
}
#cadre2 h2 {
text-align : center;
color : #03c;
}
#cadre2 p {
text-align : center;
color : #000;
font-family : Verdana, Geneva, sans-serif;
font-size : 14px;
}
#cadre3 {
background-image : url(images/bg_cadre3.png);
width : 205px;
height : 205px;
margin-left : 46px;
margin-top : 20px;
float : left;
}
#cadre3 h2 {
text-align : center;
color : #03c;
}
#cadre3 p {
margin-top : -10px;
text-align : center;
color : #000;
font-family : Verdana, Geneva, sans-serif;
font-size : 13px;
}
#cadre4 {
background-image : url(images/bg_cadre4.png);
width : 205px;
height : 205px;
margin-left : 46px;
margin-top : 20px;
float : left;
}
#cadre4 h2 {
text-align : center;
color : #03c;
}
#cadre4 p {
margin-top : -5px;
text-align : center;
color : #000;
font-family : Verdana, Geneva, sans-serif;
font-size : 13px;
}
#statique{
	margin-left : 100px;
	margin-top : 30px;
	border:#999 inset 1px;
	width:155px;
	padding:0 10px;
	float:left;
	
}
#img_statique{
	background-image:url(images/img_site_statique.png);
	background-repeat:no-repeat;
	width:150x;
	height:190px;
	text-align:center;
	
}
.titre{
	width:150px;
	font-size:16px;
	color:#0F0;
}
.texte{
	width:150px;
	font-size:14px;
	color:#fff;
	text-align:justify;
}
#dynamique{
	margin-left:25px;
	margin-top:30px;
	width:150px;
	padding:0 15px;
	border:#999 inset 1px;
	float:left;
}
#img_dynamique{
	width:150px;
	height:190px;
	text-align:center;
	background-image:url(images/img_site_dynamique.png);
	
}
#ecom{
	
	margin-left:25px;
	margin-top:30px;
	width:150px;
	padding:0 15px;
	border:#999 inset 1px;
	float:left;
}
#img_ecom{
	width:150px;
	height:190px;
	text-align:center;
	background-image:url(images/img_ecom.png);
	
}


#service {
background-image : url(images/bg_service.png);
width : 780px;
height : 333px;
margin : 0 auto;
margin-top : 40px;
}
#crea_site {
width : 150px;
height : 330px;
margin : 0 20px;
padding-right : 20px;
border-right : 1px inset #fff;
float : left;
}
#img_crea_site {
background-image : url(images/img_crea_site.png);
background-repeat : no-repeat;
width : 150px;
height : 147px;
float : left;
}
#txt_crea_site {
width : 170px;
float : left;
}
#txt_crea_site h1 {
width : 150px;
color : #fff;
font-size : 15px;
font-weight : bold;
text-align : center;

}
#txt_crea_site p {
width : 150px;
color : #fff;
font-size : 14px;
font-weight : lighter;
text-align : justify;
}
#design {
width : 150px;
height : 330px;
padding-right : 20px;
border-right : 1px inset #fff;
float : left;
}
#img_design {
background-image : url(images/img_design.png);
background-repeat : no-repeat;
width : 150px;
height : 147px;
float : left;
}
#txt_design {
width : 170px;
float : left;
}
#txt_design h1 {
width : 150px;
color : #fff;
font-size : 15px;
font-weight : bold;
text-align : center;

}
#txt_design p {
width : 150px;
color : #fff;
font-size : 14px;
font-weight : lighter;
text-align : justify;
}
#reference {
width : 150px;
height : 330px;
padding-left : 20px;
padding-right : 20px;
border-right : 1px inset #fff;
float : left;
}
#img_reference {
background-image : url(images/img_reference.png);
background-repeat : no-repeat;
width : 150px;
height : 147px;
float : left;
}
#txt_reference {
width : 170px;
float : left;

}
#txt_reference h1 {
width : 150px;
color : #fff;
font-size : 15px;
font-weight : bold;
text-align : center;

}
#txt_reference p {
width : 150px;
color : #fff;
font-size : 14px;
font-weight : lighter;
text-align : justify;

}
#partenariat {
width : 150px;
height : 330px;
padding-left : 24px;
padding-right : 20px;
float : left;
}
#img_partenariat {
background-image : url(images/img_partenariat.png);
background-repeat : no-repeat;
width : 150px;
height : 147px;
float : left;
}
#txt_partenariat {
width : 170px;
float : left;
}
#txt_partenariat h1 {
width : 150px;
color : #fff;
font-size : 15px;
font-weight : bold;
text-align : center;

}
#txt_partenariat p {
width : 150px;
color : #fff;
font-size : 14px;
font-weight : lighter;
text-align : justify;
}
#form {
background-image : url(images/iphone.png);
width : 200px;
height : 450px;
margin-left : 10px;
float:left;
}
#form h3 {
color : #000;
padding-top : 70px;
text-align : center;
}
#form input {
margin-left : 25px;
margin-bottom : 10px;
background-color : #03c;
color : #fff;
}
#form input[type="submit"] {
margin-left : 25px;
margin-bottom : 10px;
background-color : #000;
color : #fff;
}
#form input[type="reset"] {
margin-left : 5px;
margin-bottom : 10px;
background-color : #000;
color : #fff;
}
#horloge {
width : 200px;
padding-left : 50px;
margin : -20px auto 0 auto;
}
#txt_service_internet{
	background-image:url(images/bg_service_internet_txt.png);
	width:500px;
	height:450px;
	float:right;
	margin-top:30px;
	margin-right:40px;
	color:#FFF;
}
#txt_service_internet h1{
	margin-top:10px;
	font-size:24px;
	text-align:center;

}
#txt_service_internet p{
	text-align:justify;
	font-size:18px;
	margin:0 15px;
	color:#222;
	
	
}
#refonte{
	width:730px;
	margin: 30px auto;
}
.web_design{
	background-image:url(images/img_webdesign.png);
	width:360px;
	height:246px;
	float:left;
}
.web_design p{
	background-image:url(images/transparent.png);
	width:324px;
	text-align:justify;
	color:#906;
	margin: 50px auto;
	font-weight:bold;
	padding: 5px 10px;
}
.web_logo{
	background-image:url(images/img_logo.png);
	width:360px;
	height:246px;
	float:right;
}
.web_logo p{
	background-image:url(images/transparent.png);
	width:300px;
	text-align:justify;
	color:#000;
	margin: 40px auto;
	font-weight:bold;
	padding: 5px 10px;
}
#referencement{
	margin-top:50px;
}
#txt_referencement{
	background-image:url(images/bg_txt_referencement.png);
	width:586px;
	height:375px;
	margin:0 auto;
	margin-top:20px;
	
}
#txt_referencement p{
	width:550px;
margin-left: 20px;
text-align:justify;
color:#000;
font-size:18px;
	
}
#txt_referencement h1{
	margin-top:20px;
	margin-left: 20px;
	color:inherit;
	font-size:18px;
}
#partenariat_img{
background-image:url(images/bg_partenariat.png);
width:793px;
height:650px;
}
#portfolio{
	margin-right:50px;
	margin-left:50px;
	margin-top:30px;
	color:#FFF;
}
#portfolio h1{
	
font-size:18px;
font-weight:normal;
border-top:#CCC inset 1px;
border-bottom:#CCC inset 1px;
}
#infoperso{width:260px; margin:50px;}
#titreMessage {width:430px; margin-top:25px; margin-left:50px;}
#message{width:300px; margin-left:50px;}
#titreMessage input{width:290px; float:right; margin-left:10px;}
#infoperso input{float:right;width:120px;}

#infoperso label, #titreMessage label, #message label{
	width:120px;
	float:left;
	
	color:#FFF;
	font-weight:bold;

}
#formulaire{
	
	
	width:700px;
	height:auto;
	padding:5px;
	float:left;
}
#facteur{
	margin-top:50px;
	background-image:url(images/facteur.png);
	width:200px;
	height:274px;
	float:right;
	
}
#txt-agence-web{
	color:#FFF;
	margin:50px 10px;
	padding:10px;
	text-align:justify;
	border:inset 3px #999;
}
#img-agence{
	width: 800px;
	margin: 10px auto;
}
#star1{
	background-image:url(images/etoile_rose.png);
	background-repeat:no-repeat;
	width:120px;
	height:198px;
	padding-top:45px;
	float:left;
	padding-right:20px;
	text-align:center;
	font-weight:bold;
	margin-left: 80px;
}
#star2{
	background-image:url(images/etoile_jaune.png);
	background-repeat:no-repeat;
	width:120px;
	height:198px;
	margin-left: 120px;
	padding-top:45px;
	float:left;
	padding-right:10px;
	text-align:center;
	font-weight:bold;
}
#star3{
	background-image:url(images/etoile_verte.png);
	background-repeat:no-repeat;
	width:120px;
	height:198px;
	margin-right: 80px;
	padding-top:45px;
	float:right;
	padding-left:5px;
	text-align:center;
	font-weight:bold;
}
#footer {
clear : both;
background-image : url(images/footer.png);
width : 800px;
height : 168px;
}
#subfooter{
	background-color:#999;
	width:800px;
	margin: 0 auto;
	text-align:center;
}