* {
	margin: 0;
	padding: 0;
	}

/*     overflow: -moz-scrollbars-vertical;*/
html {
	overflow-y: scroll;
	}

body {
	background: #ccc url(../webmaster/back1.jpg);
	font: 14px "times new roman", times, serif;
	color: #000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	letter-spacing: normal;
	}

h1 {
	font: 24px "times new roman", times, serif;
	color: #fff;
	font-weight: bold;
	font-style: italic; 
	text-align: left; 
	}

div {
	font-family: "times new roman", times, serif; 
	color: #fff; 
	font-weight: normal;
	font-style: normal;
	text-align: left; 
	}

div.sp {
	line-height: 8px;
	}

div.sp1 {
	line-height: 18px;
	}

div.sp4 {
	line-height: 26px;
	}

div.sprel {
	line-height: 18px;
	}

div.sprel1 {
	line-height: 8px;
	}

div.sprel2 {
	line-height: 18px;
	}

div.bas {
	font: 10px arial, helvetica, sans-serif;
	line-height: 14px;
	color: #cff;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-left: 16px;
	}

img {
	border: 0;
	}	

a {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	text-align: right;
	text-decoration: none;
	}

a.actif {
	color: #fff;
	}

a img {
	border: none;
	}

em.tex {
	font-style: normal;
	font-weight: bold;
	color: #fff;
	}

em.texwh {
	font-style: normal;
	font-weight: bold;
	color: #000;
	}

#page {
	background: #000 url(../webmaster/back.jpg);
	width: 770px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-left: auto;
	margin-right: auto;
	}	

#page1 {
	background: #fff url(../webmaster/webmestre.jpg) repeat-y;
	width: 770px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-left: auto;
	margin-right: auto;
	}

#header {
	background: #000 url(../webmaster/webdesign.jpg) no-repeat;
	width: 770px;
	height: 126px;
	}

#header span {
	display: none;
	}

#header img {
	margin-left: auto;
	margin-right: auto;
	float: left;
	}

#header br {
	line-height: 102px;
	}

#header div {	
	display: inline;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	}

#header div.un {
	padding-left: 24px;
	}

#header div.dos {
	padding-left: 19px;
	}

#header div.tres {
	padding-left: 18px;
	}

#header div.cat {
	padding-left: 20px;
	}

#header div.cin{
	padding-left: 16px;
	}

#header div.six {
	padding-left: 12px;
	}

#header a {
	text-align: right;
	}

#body {
	font: 14px arial, helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	letter-spacing: normal;
	}

#left {
	background: transparent url(../webmaster/suddesign1.jpg) no-repeat;
	width: 193px;
	height: 390px;
	padding-top: 53px;
	float: left;
	}

#left1 {
	background: transparent url(../webmaster/suddesign1.jpg) no-repeat;
	width: 193px;
	height: 440px;
	padding-top: 53px;
	float: left;
	}

#lefta {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 400px;
	padding-top: 53px;
	float: left;
	}

#leftb {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 430px;
	padding-top: 53px;
	float: left;
	}

#leftc {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 470px;
	padding-top: 53px;
	float: left;
	}

/*suddesign/webdesign*/
#leftd {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 540px;
	padding-top: 53px;
	float: left;
	}

#lefte {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 410px;
	padding-top: 53px;
	float: left;
	}

#leftf {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 410px;
	padding-top: 53px;
	float: left;
	}

#leftg {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 400px;
	padding-top: 53px;
	float: left;
	}

#lefth {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 800px;
	padding-top: 53px;
	float: left;
	}

#lefti {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 560px;
	padding-top: 53px;
	float: left;
	}

#menu {
	width: 150px;
	float: left;
	}	

#menu ul {	
	list-style: none;
	}

#menu li {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-align: right;
	list-style: none;
	}

#menu li.im {
	background: transparent url(../webmaster/suddesign.jpg) no-repeat;
	width: 193px;
	height: 53px;
  	padding-right: 0;
	}

#menu li.im1 {
	background: transparent url(../webmaster/suddesign-web.jpg) no-repeat;
	width: 193px;
	height: 53px;
  	padding-right: 0;
	}

#menu a {
	background: transparent url(../webmaster/webdesign1.jpg) no-repeat;
	display: block;
	height: 27px;
	line-height: 27px;
  	padding-right: 10px;
	}

#menu a.tel {
	background: transparent url(../webmaster/restaurant.jpg) no-repeat;
	width: 193px;
	height: 53px;
  	padding-left: 0;
	}

#menu a.dos {
	background: transparent url(../webmaster/webdesign2.jpg) no-repeat;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	}

#menu a.tres {
	background: transparent url(../webmaster/webdesign3.jpg) no-repeat;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	}

#menu a:hover {
	background: transparent url(../webmaster/webdesign1a.jpg) no-repeat 0 0;
	color: #fff;
	}

#menu a.im:hover {
	background: transparent url(../webmaster/net.jpg) no-repeat 0 0;
	height: 53px;
	}

#menu a.im1:hover {
	background: transparent url(../webmaster/web-net.jpg) no-repeat 0 0;
	height: 53px;
	}

#menu a.tel:hover {
	background: transparent url(../webmaster/restaurant-reseau.jpg) no-repeat 0 0;
	height: 53px;
	}

#menu a.dos:hover {
	background: transparent url(../webmaster/webdesign2a.jpg) no-repeat 0 0;
	}

#menu a.tres:hover {
	background: transparent url(../webmaster/webdesign3a.jpg) no-repeat 0 0;
	}

#menu li.actif {
	background: transparent url(../webmaster/webdesign1a.jpg) no-repeat;
	display: block;
	height: 27px;
	line-height: 27px;
	padding-right: 10px;
	}

#menu li.acdos {
	background: transparent url(../webmaster/webdesign2a.jpg) no-repeat;
	height: 26px;
	line-height: 26px;
	padding-right: 10px;
	}

#menu li.actres {
	background: transparent url(../webmaster/webdesign3a.jpg) no-repeat;
	height: 28px;
	line-height: 28px;
	padding-right: 10px;
	}

#text {
	font: 14px "times new roman", times, serif;
	color: #fff;
	float: left;
	width: 577px;
	}

#text h2 {
	font: 20px "times new roman", times, serif;
	color: #fff;
	font-weight: bold;
	font-style: italic; 
	text-align: right; 
	padding-left: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 24px;
	}

#text h2.tit {
	padding-bottom: 4px;
	}

#text h2.st {
	padding: 0px;
	padding-top: 16px;
	padding-right: 24px;
	}

#text h2.sta {
	font-style: normal;
	color: #cff;
	padding: 0;
	padding-right: 24px;
	}

#text h2.que {
	font: 18px "times new roman", times, serif;
	font-style: normal;
	font-weight: bold;
	color: #cff;
	text-align: right;
	padding: 0;
	padding-bottom: 4px;
	padding-right: 24px;
	}

#text h2.rea {
	text-align: center; 
	}

#text h2.wh {
	color: #000;
	}

#text h2.form {
	text-align: center;
	}

#text h3 {
	font: 18px "times new roman", times, serif;
	color: #fff;
	font-weight: bold;
	font-style: normal; 
	text-align: right; 
	padding-left: 0;
	padding-bottom: 16px;
	padding-right: 24px;
	}

#text h3.tit {
	padding-top: 12px;
	padding-bottom: 6px;
	color: #cff;
	}

#text div {
	text-align: justify;
	padding-right: 24px;
	}

#text div.cen {
	text-align: center; 
	}

#text div.form {
	text-align: justify;
	padding-right: 0px;
	}

#text div.bl {
	color: #fff;
	padding-right: 0;
	}

#text div.wh {
	color: #000;
	padding-right: 0;
	}

#text div.tel {
	text-align: center;
	padding-left: 0;
	font-weight: bold;       
	}

#text div.ent {
	font: 20px "times new roman", times, serif;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-style: inset; 
	border-width : 2px;
	border-color: #ccc;
	padding-top: 4px;
	padding-bottom: 4px;
	}

#text div.atelier {
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-align: center;
	border-style: inset; 
	border-width : 2px;
	border-color: #ccc;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-right: 24px;
	clear: both;
	}

#text div.atelier1 {
	font-style: normal;
	font-weight: bold;
	color: #cff;
	border-style: inset; 
	border-width : 2px;
	border-color: #ccc;
	padding: 8px;
	padding-top: 4px;	
	padding-bottom: 6px;
	}

#text div.sta {
	font: 16px "times new roman", times, serif;
	color: #fff;
	font-weight: bold;
	text-align: right; 
	padding-top: 10px;
	padding-bottom: 16px;
	padding-right: 24px;
	}

#text ul {	
	list-style: none;
	}

em {
	font-style: italic;
	font-weight: bold;
	color: #fff;
	}

em.wh {
	color: #000;
	}

#text b {
	color: #cff;
	}

#text b.wh {
	color: #009;
	}

#bil1 {
	float: left;
	width: 280px;
	}

#bil1a {
	float: left;
	width: 280px;
	}

#bil2 {
	float: left;
	width: 220px;
	}

#list1 {	
	width: 20px;
	float: left;
	}

#list1 ul {	
	list-style: none;
	}

#list1 li{	
	list-style: none;
	color: #cff;
	}

#list1 li.wh {	
	color: #009;
	}

#list1 li.lo {	
	list-style: none;
	color: #fff;
	}

#list1 tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list1 tt.wh {	
	color: #009;
	}

#list1 tt.lo {	
	font-style: normal;
	color: #fff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list1a {	
	width: 20px;
	float: left;
	}

#list1a ul {	
	list-style: none;
	}

#list1a tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list1b {	
	width: 20px;
	float: left;
	}

#list1b ul {	
	list-style: none;
	}

#list1b tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}
#list1c {	
	width: 20px;
	float: left;
	}

#list1c ul {	
	list-style: none;
	}

#list1c tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list1d {	
	width: 20px;
	float: left;
	}

#list1d ul {	
	list-style: none;
	}

#list1d tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list1e {	
	width: 20px;
	float: left;
	}

#list1e ul {	
	list-style: none;
	}

#list1e tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list2 {	
	width: 482px;
	float: left;
	}

#list2 ul {	
	list-style: none;
	}

#list2 li {	
	list-style: none;
	color: #cff;
	text-align: left;
	}

#list2 li.wh {	
	color: #009;
	}

#list2 li.lo {	
	list-style: none;
	color: #fff;
	}

#list2 tt {	
	font-style: normal;
	color: #cff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list2 tt.wh {	
	color: #009;
	}

#list2 tt.lo {	
	font-style: normal;
	color: #fff;
	width: 16px;
	padding-left: 20px;
	padding-right: 8px;
	}

#list3 {	
	width: 482px;
	float: left;
	}

#list3 ul {	
	list-style: none;
	}

#list3 li {	
	list-style: none;
	color: #cff;
	text-align: left;
	}

#list3 b {	
	color: #fff;
	}

#list3a {	
	width: 482px;
	float: left;
	}


#list3a ul {	
	list-style: none;
	}

#list3a li {	
	list-style: none;
	color: #cff;
	text-align: left;
	}

#list3a b {	
	color: #fff;
	}

#list3c {	
	width: 482px;
	float: left;
	}

#list3c ul {	
	list-style: none;
	}

#list3c li {	
	list-style: none;
	color: #fff;
	text-align: left;
	}

#list3c b {	
	color: #cff;
	}

#list3d {	
	width: 482px;
	float: left;
	}

#list3d ul {	
	list-style: none;
	}

#list3d li {	
	list-style: none;
	color: #fff;
	text-align: left;
	}

#list3d b {	
	color: #cff;
	}


#list4a {	
	width: 482px;
	float: left;
	}

#list4a ul {	
	list-style: none;
	}

#list4a li {	
	list-style: none;
	color: #fff;
	text-align: left;
	}

#list4b {	
	width: 482px;
	float: left;
	}

#list4b ul {	
	list-style: none;
	}

#list4b li {	
	list-style: none;
	color: #fff;
	text-align: left;
	}

#text a {
	font-size: 14px;
	font-style: normal;
	color: #cff;
	text-decoration: underline;
	}

#text a:hover {
	color: #fff;
	text-decoration: underline;
	}

#text a.wh {
	color: #009;
	}

#text a.wh:hover {
	color: #000;
	}

#text a.link {
	font-size: 14px;
	font-style: normal;
	color: #0ff;
	text-decoration: underline;
	}

#text a.link:hover {
	color: #fff;
	text-decoration: underline;
	}

#text a.qu {
	font-size: 16px;
	line-height: 16px;
	font-style: italic;
	color: #cff;
	text-decoration: none;
	}

#text a.qu:hover {
	color: #fff;
	text-decoration: underline;
	}

#text a.qu1 {
	font-size: 16px;
	line-height: 16px;
	font-style: italic;
	color: #009;
	text-decoration: none
	}

#text a.qu1:hover {
	color: #000;
	text-decoration: underline;
	}

#text a.ent {
	font: 20px "times new roman", times, serif;
	line-height: 20px;
	font-style: italic;
	font-weight: bold;
	color: #cff;
	text-decoration: none
	}

#text a.ent:hover {
	color: #fff;
	text-decoration: underline;
	}

#text a.tit {	
	color: #fff;
	text-align: right;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	padding-right: 8px;
	text-decoration: none;
	}

#text a.tit:hover {
	text-decoration: none;
	color: #cff;
	}

/*agrandir le texte*/
#text div.pt {
	background: transparent;
	font: 14px "times new roman", times, serif; 
	}

#text div.gd {
	background: transparent;
	font: 16px "times new roman", times, serif; 
	line-height: 18px; 
	}

#text div.gg {
	background: transparent;
	font: 18px "times new roman", times, serif;
	line-height: 20px; 
	}

#text div.grand {
	display: inline;
	float: left;
	}
/*fin : agrandir le texte*/

#sitetext {
	background: transparent;
	width: 220px;
	padding-top: 0;
	float: left;
	}

#sitetext div {
	padding: 0;
	text-align: left;
	}

#sitetext em {
	font-style: normal;
	font-weight: bold;
	}

#site {
	background: transparent;
	width: 300px;
	float: left;
	}

#site img {
	width: 300px;
	height: 200px;
	}

#site div {
	text-align: left;
	width: 300px;
	}

#site1 {
	background: transparent;
	width: 300px;
	float: left;
	}

#site1 img {
	width: 300px;
	height: 200px;
	}

#site1 div {
	text-align: left;
	}

#sitetext1 {
	background: transparent;
	width: 220px;
	padding-top: 0;
	float: left;
	}

#sitetext1 div {
	padding: 0;
	text-align: left;
	}

#sitetext1 em {
	font-style: normal;
	font-weight: bold;
	}

#bil1 {
	float: left;
	width: 280px;
	}

#bil2 {
	float: left;
	width: 220px;
	}

#bil2 div {
	float: left;
	width: 240px;
	text-align: center;
	}

#pub {
	float: left;
	width: 219px;
	height: 62px;
	margin: 10px;
	}

#pub a {
	background: transparent;
	width: 219px;
	height: 62px;
	}

#we1 {
	float: left;
	width: 200px;
	padding-top: 20px;
	}

#we2 {
	float: left;
	width: 326px;
	}

#we2 h2 {
	font: 20px "times new roman", times, serif;
	color: #fff;
	font-weight: bold;
	font-style: italic; 
	text-align: right; 
	padding: 0;
	padding-top: 16px;
	}

#we2 h2.sta {
	font-style: normal;
	color: #cff;
	padding: 0;
	}

#we2 div {
	font: 16px "times new roman", times, serif;
	color: #fff;
	font-weight: bold;
	text-align: right; 
	padding: 0;
	padding-top: 10px;
	padding-bottom: 16px;
	}

/*Formulaire*/
#formulaire {
	float: left;
	}

#text a.form {
	font-weight: bold;
	text-decoration: none;
	}

#text a.form:hover {
	text-decoration: underline;
	}

#err1 {
	float: left;
	background: transparent;
	width: 210px;
	}

#err1 div {
	font: 10px arial, helvetica, sans-serif;
	color: #fff;
	padding-right: 0;
	}

#err2 {
	float: left;
	width: 240px;
	}

#err2 div {
	font: 10px arial, helvetica, sans-serif;
	color: #fff;
	padding: 0;
	}

#form1 {
	float: left;
	background: transparent;
	}

#form1 li {
	font: 16px "times new roman", times, serif;
	line-height : 30px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	width: 150px;
	margin-left: 0px;
      	list-style: none; 
	}

#form2 {
	float: left;
	}

#form2 li {
	font: 16px "times new roman", times, serif;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	margin-left: 12px;
	height: 31px;
      	list-style: none; 
	}

#form2 li.text {
	height: 182px;
	}

#form2 li.input {
	height: 40px;
	}

#form2 li.hid {
	height: 1px;
	}

#form2 textarea {
	font: 14px "times new roman", times, serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	padding: 5px;
	margin-top: 3px;
	}

#form2 textarea.pt {
	line-height: 16px;
	height: 16px;
	}

#form2 a {
	text-decoration: none;
	}

/*Baseline*/
#bas {
	font: 12px arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin: 0 auto
	}

#bas div {
	line-height: 12px;
	color: #000;
	font-weight: bold;
	}

#bas a {
	font: 12px arial, helvetica, sans-serif;
	line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
	}

#bas a:hover {
	color: #fff;
	}


.clear {
	clear: both;
	}

/*
border-style: solid; border-width :1px;
*/