body {
  margin: 0;
  padding: 0;
background:url(deco/stripe.png) #eeeeee;
 background-attachment:fixed ;

}

body, td {
font-family: helvetica, Verdana, Geneva, Arial, lucida grande, sans-serif;
font-size: 10pt;
color: #5b5551;
line-height: 15pt;
margin:0px;  padding: 0px;
}

p {
font-family: helvetica, Verdana, Geneva, Arial, lucida grande, sans-serif;
font-size: 10pt;
color: #5b5551;
line-height: 16pt;
margin:10px 0px 0px 0px; padding: 0px;
}


p#prest {
font-family: helvetica, Verdana, Geneva, Arial, lucida grande, sans-serif;
font-size: 10pt;
color: #5b5551;
line-height: 16pt;
margin:0px; padding: 0px;
}

.bold {
font-family: helvetica, Verdana, Geneva, Arial, lucida grande, sans-serif;
font-size: 9pt;
font-weight:bold;
color: #009ee0;
line-height: 16pt;
margin:0px; padding: 0px;
}

.bold2 {
font-weight:bold;
color:#e2007a;
}


img {border: none;}

h1 {margin:0px 0px 10px 0px; padding: 0px; font-family: helvetica, Verdana, Geneva, Arial, sans-serif; font-weight:bold; letter-spacing:-1px; line-height: 30px; font-size: 30pt; color:#009ee0;}

h2 {margin:15px 0px 0px 0px; padding: 0px; font-family: helvetica, Verdana, Geneva, Arial, sans-serif; font-weight:bold; letter-spacing:-1px; line-height: 120%; font-size: 150%; color:#443c37;}

h3 {margin:20px 0px 0px 0px; padding: 0px; font-family: helvetica, Verdana, Geneva, Arial, sans-serif; font-weight:bold; letter-spacing:-1px; font-size: 14pt; color:#009ee0;}

h4 {font-size: 110%; }
h5 {font-size: 100%;}

a {
	color: #5b5551;
	text-decoration: none;
border-bottom: dotted #443c37 1px;
}

a:hover {
	color: #009ee0;
border-bottom: dotted #009ee0 1px;
}

blockquote {
 margin: 0px;
 padding: 0px;
 font-size: 40px;
 line-height: 30px;
 font-family: times;
  font-style: italic;
color:#009ee0;
}

 blockquote:before {  content: none; }
 blockquote:after { content: none;   }

#nomblockquote{
 margin-left: 20px;
 padding: 0px;
 font-size: 10px;
 font-family: times;
  font-style: italic;
color:grey;
}

.thelanguage p{
font-size: 9pt;
float:left;
margin: 0px 0px 0px 20px;
padding:0px;
}

.thelanguage p a{
display:block;
width:640px;
height:194px;
border:solid 10px #313131;
margin: 0px 10px 20px 10px;
padding:0px;
}


.thelanguage p a:hover{
border:solid 10px #009ee0;
}

ul { list-style-type:none; }

ul#logo2 { margin:0px; padding:0px; }

ul#logo2 li {
margin:10px 17px 10px 15px;
padding:0px;
float:left; }

ul#logo2 li a {
border-bottom:none;
 }
 
 
ul#onglet{
margin: 0px;
padding: 0px;
height:130px;
width:960px;
texte-align: center;
}

ul#onglet li{
list-style-type: none;
float:left;
texte-align: center;
display:inline;
}

ul#onglet li a{
list-style-type: none;
display:block;
width:209px;
height:130px;
border-right:1px solid silver;
border-bottom:none;
padding:15px;
background:url(deco/fond-onglet.jpg) repeat-x top;
}

ul#onglet li a:hover{
background:url(deco/fond-onglet2.jpg) repeat-x top;
}

ul#onglet p{
font-weight:bold;
font-size:120%;
margin:0px 0px 0px 70px;
}

.texte-onglet{font-weight:normal; font-size:85%; margin-top:20px;}


ul#logo2 li a:hover {
opacity:0.7;
-moz-opacity : 0.7 ;
    filter : alpha(opacity=70);
}

#page {

border-top:none;
	width: 1000px;
	margin: 0px auto 20px auto;
	padding: 0px0px;
	text-align: left;
	position:relative;
z-index:1;
}

#top2 {
	width: 1000px;
	height: 170px;
z-index:1;
background:url(deco/fond.png) repeat-y center;

}


#top-fond {
	width: 100%;
	height: 110px;
	background: url(deco/fond-header2.png);
	border-bottom: none;
	margin:0;
	padding:0;
z-index:2;
position:fixed;
top:0;

}

#top {
width: 1000px;
position: relative;
margin: 0px auto 0px auto;
}

#top .container {
width: 1000px;
height: 167px;
padding:0px;
top:0;
right:0;
}


#logo  {
	width: 233px;
	height: 94px;
position:absolute;
top:45px;
left:30px;
	margin:0;
	padding:0;

	z-index:3;
}


#logo a  {
text-decoration:none;
border:none;
}

#menu {
 
 	height: 50px;
	border-bottom: none;
	margin: 0;
	padding:0;
	text-align: right;
	right:40px;
	top:50px;
	position:absolute;

}

#cgv {padding:20px;}

#bot2 {

height:30px;
	font-size: 70%;
line-height:33px;

	margin:0px 20px 0px 20px;
	padding: 0px 10px 0px 10px;
background:grey;
color:white;
    filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
 
            -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
}

#bot2 a {
	color: white;
	text-decoration: none;
border-bottom: dotted white 1px ;
}

#bot2 a:hover {
	color: #e2007a;
border-bottom: dotted #e2007a 1px;
}

#mid {
	width: 1000px;
	margin:0px;
	-margin-top:220px;
	padding: 0;
	background:url(deco/fond.png) repeat-y center;

}

#side {
	width: 300px;
	height: 100%;
	float: left;
	margin:217px 0px 0px 0px;
	/margin:227px 0px 0px 0px;
	-margin:257px 40px 0px 0px;
	padding:0px;
position:fixed;
}

#side2 {
width: 260px;
-width: 220px;
font-size: 70%;
margin:10px 40px 0px 0px;
-margin:10px 80px 0px 0px;
padding: 0;
text-align:right;
color:#005d85;
line-height: 10pt;
font-weight:bold;
}

#side2 a {
color:#005d85;
border-bottom: dotted #005d85 1px;
}


#side2 a:hover {
color:#443c37;
border-bottom: dotted #443c37 1px;
}

#main {
	width: 960px;
	margin:0px 20px 0px 20px;
	-margin-top:230px;
	padding:20px 0px 20px 0px;

}

#footer { 	width: 1000px; height:30px; background:url(deco/bottom.png) no-repeat; margin:0px; padding:0px; }


#break {
	clear: both;
}

#bot {
	width: 100%;
height:23px;
	font-size: 9px;
line-height:25px;
text-indent:10px;
	margin:0;
	padding: 0;
z-index:2;
position:fixed;
background:black;
color:silver;
bottom:0;
    filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
}

#bot a {
	color: silver;
	text-decoration: none;
border-bottom: dotted silver 1px;
}

#bot a:hover {
	color: #009ee0;
border-bottom: dotted #009ee0 1px;
}

#top h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 4px 0 5px 10px;
	color: #EEF;
	font-size: 90%;
}

#gauche { float:left; }

.nom{
		margin: 0px 0px 30px 30px; 
	padding:0px;
	width:340px;
	}
	

#droite { float:right; }

.formcontact{
		margin: 0px 30px 30px 20px; 
	padding:0px;
	width:530px;
	}


ul#prestations{
list-style-type:none;
margin:0;
padding: 0;
}

#prest-exemple{
list-style-type:none;
margin:0;
padding: 0;
}

.prest-logo a {
display:block;
width:640px;
height:97px;
text-decoration: none;
background:url(portfolio/prest-logo.jpg) no-repeat 0 0;
border:solid 10px #313131;
}

.prest-logo a:hover {
background:url(portfolio/prest-logo.jpg) no-repeat 0 -97px;
border:solid 10px #009ee0;
}

.prest-web a {
display:block;
width:640px;
height:97px;
text-decoration: none;
background:url(portfolio/prest-web.jpg) no-repeat 0 0;
border:solid 10px #313131;
}

.prest-web a:hover {
background:url(portfolio/prest-web.jpg) no-repeat 0 -97px;
border:solid 10px #009ee0;
}

.prest-print a {
display:block;
width:640px;
height:97px;
text-decoration: none;
background:url(portfolio/prest-print.jpg) no-repeat 0 0;
border:solid 10px #313131;
}

.prest-print a:hover {
background:url(portfolio/prest-print.jpg) no-repeat 0 -97px;
border:solid 10px #009ee0;
}


.prest{margin:7px 0px 0px 0px; padding:0; list-style-type: none ; text-align:left; }
.prest li{margin-top:5px; padding-left:25px; background-image: url(deco/puce3.png); background-repeat: no-repeat; background-position: 0px 0px; }

#prest {
   list-style-type: none;
line-height: 15px;
margin:0px 0px 0px 17px; padding:0px;
font-size: 9pt;

}


#devis a{
display:block;
background:#009ee0;
width: 140px;
color:white;
text-align:center;
border-bottom: none;
}

#devis a:hover{
background:#443c37;
}

#barre{
border-bottom: dotted grey 1px;
margin:20px 0px 20px 0px; padding:0px;
}

#message{
height:100px;

}

#email_expediteur{
height:20px;

}

#nom_expediteur{
height:20px;

}

#titre{
height:20px;

}

.zoneform { padding:10px;
  color:grey;
font-family: helvetica, Verdana, Geneva, Arial, sans-serif;
font-size: 14px;
background:url(deco/stripe.png) #eeeeee;
border: none;
} 

.field{ color:grey; }

#onglet-accueil {width:230px; height:65px; }

#onglet-accueil a { border:none; }

#onglet-accueil :hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;  }


/* Menu CSS */



#menu ul {

 margin:0;
 padding:0;
 list-style-type:none;
height:50px;
 }

#menu li {
	 float:left;
 padding:0px;
list-style-type:none;
 text-align:center;
font-family: helvetica, Verdana, Geneva, Arial, sans-serif;
font-weight:bold;
font-size: 16px;
text-decoration:none;

 }

#menu li a {
color:#009ee0;
 text-decoration:none;
 padding:0px 10px;
 margin-right:20px;
 background:none; 
 border:none;
	  display:block;
height:40px;
line-height: 43px;

 }
 
#menu li a:hover {
 color:#443c37;
 background:url(deco/stripe.png); 
  border:none;
        -moz-border-radius:0.5ex;
  -webkit-border-radius:0.5ex;
 }

#menu ul li ul {
 display:none;
 }

#menu ul li:hover ul {
 display:block;
margin:0;
padding:0;
border-right: none;

  }
#menu li:hover ul li {
 float:none;
border-right: none;
  font-size: 7pt;
 }
 
 #menu li:hover ul li a {
 color:white;
border-right: none;
 background:#b1c903; 

 }
 
  #menu li:hover ul li a:hover {
 color:#39302b;
border-right: none;
 background:white 
 }
 
#menu li ul {
 position:absolute;
 }


#menu .new a{
border-right: none;
 background:none;
color:orange;
 }

#menu .new a:hover{
border-right: none;
 background:orange;
color:white;
 }


#menu .new {
width:120px;


 }

#menu .new2 {
width:90px;

 }



/* Menu */
.zul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
 text-decoration:none;
 word-spacing:20px;

}
.zli1,.zli2,.zli3,.zli4 {
display:inline;
margin:0px;
padding: 0px;
list-style: none;
font-family: helvetica, Verdana, Geneva, Arial, sans-serif;
font-weight:bold;
letter-spacing:-1px;
line-height: 20px;
font-size: 13pt;
color:#443c37;
 text-decoration:none;

}
.zon {
	color:red;
}

.zli1 a { color:#443c37; border:none; }

.zli1 a:hover { color:#009ee0; border:none; }


.zli1 {
	margin-left: 0px;
}
.zli2 {
	margin-left: 16px; display:none;
}
.zli3 {
	margin-left: 32px;
}
.zli4 {
	margin-left: 48px;
}



/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 5px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}





/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0; border-bottom:none;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0; border-bottom:none;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
border-bottom:none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.hidden {
	display : none;
}


/* slideshow */

.slideshow { height: 322px; width: 552px; margin:0px 0px 15px 0px; padding:0px; }

.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: white; }