/* general*/
html, body{
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
}
#footer .hosting{
   position:absolute;
		margin:5px 0 0 345px;
			   padding:0;   
}
#footer .hosting p{
margin-left:50px;
   margin-top: 0;
   text-align: center;
   padding:3px 0 0 0;
   color:#fff;
   font-size: 0.9em;
}
#footer .hosting p a{color:#fff;}

body{
   padding: 0 0 0 0;
   font-family: verdana;
	font-size: 62.5%;
	background: #111111 url(/site/images/background.jpg) 0 0 repeat-x;
}
.global{
	width:960px;
	position: relative;
	text-align: left;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -7.3em auto; 
}
#lang{
   position:absolute;
	   margin:225px 0 0 913px;
		   }
#lang a{
   font-size:1.2em;
color:#b7b7b7;
text-transform:uppercase;
text-decoration:none;
}
#accueil h1{
   	padding:0 0 25px 15px;
	width:400px;
	background: url(/site/images/title-home.png) 0 bottom no-repeat ;
		}
#actualites h1{
   	width:400px;
   background: url(/site/images/title-actualites.png) 0 bottom no-repeat ;
		}
#services h1{
   	width:400px;
   background: url(/site/images/title-services.png) 0 bottom no-repeat ;
		}
#galerie h1{
   	width:400px;
   background: url(/site/images/title-portfolio.png) 0 bottom no-repeat ;
		}
#about h1{
   	width:400px;
   background: url(/site/images/title-about.png) 0 bottom no-repeat ;
		}
#contact h1{
   	width:400px;
   background: url(/site/images/title-contact.png) 0 bottom no-repeat ;
		}
h1{
   position:absolute;
			margin:220px 0 0 0;
	padding:0 0 20px 15px;
	color: #8FCD14;
   font-size:1.4em;
	width: 280px;
}
h1 span{display:none;}
h2{
	margin:10px 0 0 0;
	padding: 0;
	color: #75A906;
	font-size:1.4em;
}
h3, .h3{
   display:block;
	margin:0 0 5px 0;
	padding: 0 0 10px 0;
   font-weight:normal;	
   color: #b7b7b7;
   font-weight: bold;
	font-size:1.2em;
   border-bottom : 1px solid #2b2b2b;
}
.clear{clear: both;}
.null{line-height: 0;}
.none{display: none;}

.header{
	width:960px;
	height: 250px;
   border-bottom: 2px solid #292929; 
	margin: 0 0 0 0;
}
#accueil .header, #default .header{background: url(/site/images/header1.jpg) top right no-repeat;}
#actualites .header{background: url(/site/images/header2.jpg) top right no-repeat;}
#services .header{background: url(/site/images/header3.jpg) top right no-repeat;}
#galerie .header{background: url(/site/images/header4.jpg) top right no-repeat;}
#about .header{background: url(/site/images/header5.jpg) top right no-repeat;}
#contact .header{background: url(/site/images/header6.jpg) top right no-repeat;}
.header .logo{
	float:left;
	width:160px;
	height: 119px;
	margin:50px 0 0 30px;
}
.header .logo a{
	width:160px;
	height: 119px;
	margin:0;
	padding:0;
	position:relative;
	z-index: 3;
   display:block;
}
.logo a span{display: none;}
#accueil .logo{
		background:url(/site/images/logo_shiva_home.png) no-repeat;
   	}
#services .logo{
		background:url(/site/images/logo_shiva_services.png) no-repeat;
   	}
#actualites .logo{
		background:url(/site/images/logo_shiva_actu.png) no-repeat;
   	}
#galerie .logo{
		background:url(/site/images/logo_shiva_portfolio.png) no-repeat;
   	}
#about .logo{
		background:url(/site/images/logo_shiva_about.png) no-repeat;
   	}
#contact .logo{
		background:url(/site/images/logo_shiva_contact.png) no-repeat;
   	}




#contact h2{
   color:#CD9AFF;
   background:url(/site/images/border-contact.gif) 0 bottom repeat-x;
   margin-bottom:5px;
}
#galerie h2{
	margin:0;
	color:#F8F8C4;
	background:url(/site/images/border-portfolio.gif) 0 bottom repeat-x;
}
.lang{float:right;color: #7f7794;padding: 20px 18px 0 0 ;}
.lang a{color: #7f7794;font-size:1.1em; text-decoration: none;}
.left{float: left;}
.right{float: right;}
.content{
   /*color: #fafafa;*/ 
	margin:0 0 40px 0; 
   padding: 10px 0 22px 0;
}

.content h2{padding:10px 0 10px 0;}
.content p{
	font-size: 1.2em;
   padding: 0 0 10px 0;
	margin:0;
	line-height: 1.6em;	
	color:#B3B3B3;
	text-align:justify;
}
.content .liste{
   margin:10px 0 0 0;
   padding:0;
}
.content .liste li{
   list-style-type:none;
   margin:0;
   padding:0;
   color:#b7b7b7;
   font-size:1.2em;
   margin: 0 0 10px 0;
}
.content blockquote {
   width:480px;	
	margin:20px 0 20px 0; 
   padding:10px 0 10px 10px;
   text-indent: 25px;
   background:#222222 url(/content/images/quotes1.gif) 15px 12px no-repeat;
   border:1px solid #303030;
}
.content blockquote p {
   font-style:italic;	
   display: block;
	font-size: 1.4em;
	font-weight: bold;
   margin: 0 20px 0 0;
   padding:0 0 0 0;
   background: url(/content/images/quotes2.gif) bottom right no-repeat;
}
#services .right_services{
   float:right;
	margin-top:10px;
	width: 500px;
	padding:10px 10px 0 10px;
	background:#222222;	
   border:1px solid #303030;
}
#services .right_services p{
	font-size:1.3em;
   font-style:italic;
}
.content-index .txt{
   margin:15px 0 0 0;
		padding:20px 20px 10px 20px;
	      	   
   background:#222222;	
   border:1px solid #303030;
}
.content-index .txt p{
   margin: 0 0 10px 0;
   line-height: 20px;
   font-style:italic;
	font-size:1.4em;
}
.infos{margin:20px 0 0 0;}
.infos span{
   font-size:12px;
   color:#b7b7b7;
}

/* menu*/
.menu{float: right;}
.menu ul{
	margin:0 0 0 0;
	padding: 0;
}
.menu ul li{
	margin: 0 0 0 35px;
	padding:0;
   float:left;
	list-style-type: none;
}
.menu li a{
   color: #b7b7b7;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;	
	display: block;
   height: 35px;
	cursor:pointer;
   padding: 0;
	margin: 0;
}
.menu li.actualites a .hover, .menu li.services a .hover, .menu li.galerie a .hover, 
.menu li.about a .hover, .menu li.contact a .hover{
	display:block;
	height:35px;
	visibility:visible;
}
.menu li.actualites a{
   width:56px;
	   background: url(/site/images/menu-news-off.png) center top no-repeat;
      }
.menu li.highlight.actualites a:hover, .menu li.actualites a .hover, #actualites .menu li.nav_act1 a{
		background: url(/site/images/menu-news-on.png) center top no-repeat;
   	}
.menu li.services a{
   width:77px;
		background: url(/site/images/menu-services-off.png) center top no-repeat;
   	}
.menu li.highlight.services a:hover, .menu li.services a .hover, #services .menu li.nav_act1 a{
		background: url(/site/images/menu-services-on.png) center top no-repeat;
   	}
.menu li.galerie a{
    width:83px;
		background: url(/site/images/menu-portfolio-off.png) center top no-repeat;
   	}
.menu li.highlight.galerie a:hover, .menu li.galerie a .hover, #galerie .menu li.nav_act1 a{
		background: url(/site/images/menu-portfolio-on.png) center top no-repeat;
		}
.menu li.about a{
   width:61px;
		background: url(/site/images/menu-about-off.png) center top no-repeat;
   	}
.menu li.highlight.about a:hover, .menu li.about a .hover, #about .menu li.nav_act1 a{
	padding:0 0 0 0;	
		background: url(/site/images/menu-about-on.png) center top no-repeat;
   	}
.menu li.contact a{
   width:77px;
		background: url(/site/images/menu-contact-off.png) center top no-repeat;
   	}
.menu li.highlight.contact a:hover, .menu li.contact a .hover, #contact .menu li.nav_act1 a{
		background: url(/site/images/menu-contact-on.png) center top no-repeat;
   	}
.menu li.actualites a span, .menu li.services a span, .menu li.galerie a span, .menu li.about a span, .menu li.contact a span{
	display:none;
}

/*menu-admin*/
ul.nav2{
   margin-top:20px;
}
ul.nav2 li a{
   font-size:12px;
   color:#b7b7b7;
   display:block;
   padding:0 0 5px 0;
}
.nav2 li{
   padding:0 0 0 10px;
}
.nav2 li.nav_off{
   list-style-type:none;
   background:url(/cms/images/admin/edit/fleche-admin.gif) 0 4px no-repeat;
}
.nav2 li.nav_act{
   list-style-type:none;	
   background:url(/cms/images/admin/edit/fleche-admin2.gif) 0 4px no-repeat;
}
ul.nav2 ul.nav3{padding:0 0 5px 10px;}
ul.nav2 ul.nav3 li a{
   font-size:11px;
   display:block;
}
ul.nav2 ul.nav3 li{
	background: none;
	list-style-type: none;
}
ul.nav2 li a:hover, .nav2 li.nav_act .div-nav2 a, .nav2 .nav3 li.nav_act a{color:#8FCD14;}

form .field .field-label label, form .field #username, .left_top a, .user_table, .user_table a, 
.nav2 .nav3 li.nav_off a, ul.nav2 li{
   color:#b7b7b7;
}
.nav2{
   padding:0 0 10px 20px;
   margin:0 0 20px 0;
   border-bottom:1px solid #292929;
}
/*footer*/

/*#accueil #footer{
	clear: both;
}*/

#footer{
  clear: both;
	width:960px;
	font-size: 1.1em;
	padding: 30px 0 30px 0;
	color: #B3B3B3;
	text-align: center;
	margin: 0 auto;
}
#accueil #footer, #default #footer{background: url(/site/images/fd_footer1.jpg) center bottom no-repeat;}
#actualites #footer{background: url(/site/images/fd_footer2.jpg) center bottom no-repeat;}
#services #footer{
   	background: url(/site/images/fd_footer3.jpg) center bottom no-repeat;
}
#galerie #footer{background: url(/site/images/fd_footer4.jpg) center bottom no-repeat;}
#about #footer{background: url(/site/images/fd_footer5.jpg) center bottom no-repeat;}
#contact #footer{background: url(/site/images/fd_footer6.jpg) center bottom no-repeat;}
#footer p{color: #b7b7b7;}

/*Form*/
.text{
   margin: 20px 0 0 0;
   padding: 0px 10px 14px 0;
	position: relative;
	width: 510px;
	color: #b7b7b7;
	font-size: 1.1em;
}

form.contact{float:left;width: 95%;}
form.contact p{margin: 0;padding: 0;}
form div.clear{margin: 0 0 0 0;}
form .champ{margin-bottom: 15px;}
form.contact .clear{
}
form.contact p.required{margin: 0 0 0 10px;color: #b7b7b7;}
p.tit_form{
	margin: 0px;
	padding: 0px;
	width: 40%;
	display: block;
	float: left;
	line-height: 25px;
}
p.tit_form span{
	width: 23px;
	height: 12px;
	text-align: right;
	float: left;
	color: #fff;
}
p.tit_form span.important2{color: red;}
p.tit_form span img{
	vertical-align: middle;
}
p.in_form{
	width: 59%;
	line-height: 25px;
	float: right;
	margin: 0px;
	padding: 0px;
}
p.in_form input{font-size: 1em;}
#contact p.tit_form label{margin-left: 5px;color: #b7b7b7;}
#contact  p.in_form input,#contact  p.in_form textarea{
	color: #e5e5e5;
   padding:1px;
}
#contact form input, #contact form textarea{
	border: 1px solid #AE85B8;
	font-size: 1.1em;
	background: #4d4d4d url(/content/images/bg-input.jpg) 0 0 repeat-x;
}
form textarea#message{
	width:235px;
	}
#contact form input.submit, #contact form input.submit1{
	width:67px;
	height: 22px;
	margin: 0;
	padding:0;
   cursor:pointer;
   border: none;
	display: block;
}
#contact form input.submit{
   	background: url(/content/images/submit.png) 0 0 repeat-x;
		}
#contact form input.submit1{
   	background: url(/content/images/submit1.png) 0 0 repeat-x;
		}
.details-group p.tit_form{
	color: #4a4a57;
	font-weight: bold;
	width: 33%;
}
.details-group p.in_form{width: 66%;}
fieldset{
   border:1px solid #E8E8E8;
   clear:both;
   margin:0 0 10px 10px;
   	padding:3px 5px 25px 5px;
}
fieldset legend{
   font-size:1.1em;
   color: #b7b7b7;
   font-style:italic;
	padding:5px;
}

.login{margin-top:10px;}
.login .field_log{margin-bottom: 5px;}
.login .form_left{
padding:5px 0 5px 0;
}
.login .field_log label{font-size:1.2em;color:#b7b7b7;}
.login .form_right input{padding:1px;border: 1px solid #9BA882;color: #e5e5e5;background: #4d4d4d url(/content/images/bg-input.jpg) 0 0 repeat-x;}
.login .form_right input.input{font-weight:bold;color: #fff;background: #4d4d4d url(/content/images/bg-input.jpg) 0 0 repeat-x;}


.logout{margin:20px 0 20px 0;}
.logout div.message{color:#b7b7b7;}
.logout div{font-size:1.2em;}
.logout div a{color: #8fcd14;}

#default #nav1 li.default{
   padding-top:13px;
}
/*news*/

#accueil .news{
   float:right;
   width:250px;
}
#accueil .content-index{
   float:left;
   padding:0 30px 0 0;   
   	width:680px;
		}
.news h2{
font-size:1.6em;
color:#FAE07B;
padding:0;
margin:20px 0 0 0;
}
.news h3{
   font-size:1.2em;
   color:#F8C704;
   margin:0;
   padding:20px 0 7px 0;
   border:none;
   background:url(/content/images/border-actu.gif) 0 bottom repeat-x;
}
.news .details p{
   color:#b7b7b7;
   font-size:1.2em;
   padding:7px 0 0 0;
   margin:0;
}
.news .more{
   margin-top:5px;
}
.news .more a{
   color:#b7b7b7;
   font-size:1.1em;
}
.news .more a:hover{
   color:#f8c704;
}
.details span{
   display:block;
   font-size:1.1em;
   color:#696969;
   margin-top:5px;
}

/*galerie*/
#liste-galerie{
   margin:0;
   padding:0;
}
#liste-galerie dt{
   margin:10px 0 10px 0;
   padding:10px 0 10px 0 ;
   clear:both;
   
   background: url(/site/images/border-portfolio.gif) left bottom repeat-x;
   color:#F8F8C4;
   font-weight: bold;
   font-size:1.4em;
}
#liste-galerie dd{
   margin:0 0 20px 0;
   padding:15px 0 15px 0;
   float:left;
   width:478px;
   border:1px solid #3E3E3B;
}
#liste-galerie dd img{border: none;}
#liste-galerie dd a{
   float:left;
   padding:0 0 0 15px;
}
#liste-galerie dd .desc-image{
   float:left;
   width:243px;
   display:block;
   padding: 10px 10px 0 10px;
   color:#b7b7b7; 
}
#liste-galerie dd .desc-image span{text-align:left;}
#liste-galerie dd .desc-image span.pre-wrap{
	   padding: 0 0 10px 0;
	margin:0;
	line-height: 1.6em;	
	font-size:1.1em;
	color:#B3B3B3;
	text-align:justify;
	display: block;
}
#gallerie-thumbs{padding:10px 0 0 0;}
#gallerie-thumbs .galerie-img-details{
   float:left;
   width:433px;
   padding:15px 15px 15px 15px;
   margin:0 15px 15px 0;
   border:1px solid #464646;
}
#gallerie-thumbs img{border:none;}
#gallerie-thumbs .galerie-img span{
   display:block;   
   float:left;
   width:202px;
   margin:0 10px 0 0;
}
#gallerie-thumbs .galerie-img-title{
   float:right;
   width:220px;
   padding: 10px 0 0 0;
}
.retour_album a{color:#b7b7b7;}
#gallerie-thumbs .galerie-img-title p{font-size: 1.1em;}

ul.pager{
   clear:both;
   margin:0;
   	padding:7px 0 22px 10px;
	    	width:933px;
   border:1px solid #464646;
   background:#2B2B2B;
}
ul.pager li{
   float:left;
   color:#b7b7b7;
   list-style-type:none;
   margin:0;
   padding:0 5px 0 0;
   font-size:1.4em;
}
ul.pager li a{
   color:#b7b7b7;
   padding: 0 0 0 0;
}

/*sitemap*/
.sitemap{margin:0;padding: 5px; line-height: 1.4em;}
.sitemap dt, .sitemap dd{position: relative;}
.sitemap_nav1 dt{
   border-bottom: 1px dashed #b7b7b7;
	padding: 5px 0 5px 0;
	font-weight: bold; 
	font-size: 1.2em;
   color: #b7b7b7;
}
.sitemap_nav1 dt a{color:#b7b7b7;}
.sitemap_nav1 dt a:hover{color:#8fcd14;}
.sitemap_nav1 dd{margin: 0;}
.sitemap a{text-decoration: none;}
.sitemap_nav2 dt a{
	font-size: 0.9em;
	color: #b7b7b7; 
	font-weight: normal;
	padding: 0 0 0 12px;
	background: url(/site/images/fleche.gif) left no-repeat;
}
.sitemap_nav2 dd{margin: 3px 0 0 8px;}
.sitemap_nav3{padding: 5px;}
.sitemap_nav2 dt, .sitemap_nav3 dt{background: none;border:none;}
.sitemap_nav3 dt a{
color: #b7b7b7; 
	font-size: 0.8em;
	padding: 0 0 0 12px;
	background: url(/site/images/fleche-menu.gif) left no-repeat;
}

.pre-wrap, .propertyMultiline {  
 /*font-size:1.1em;*/
 color: #fff;
 white-space: pre-wrap;       /* css-3 should we be so lucky... */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 ?? */
 white-space: -o-pre-wrap;    /* Opera 7 ?? */
}
.champ{
   padding-bottom: 15px;
   color: #a077aa;
   font-style: italic;
}
.champ span img{vertical-align: middle;}
.clock{border:1px solid red;}
.actu{
   padding-top:20px;
	margin-bottom: 20px;
}
.actu a{color:#fff;}
.actu h2{
 		color: #F8C704;
   margin:0 0 5px 0;	
   padding: 0 0 10px 0;
   background:url(/content/images/border-actu.gif) 0 bottom repeat-x;
}
.actu .actu-date{
   margin:0 0 0 0;
	font-size: 1em;
	color: #b7b7b7;
}
.actu .left{
   padding:0 15px 10px 0;
   font-size:1.2em;
   color:#b7b7b7;
}
/*.actu .left, .actu .right{
	width: 450px;
}*/
.actu .right{padding:0 0 10px 10px;clear:right;}
.actu .choixA, .actu .choixB, .actu .no-choice{
   font-size:1.2em;
   color:#b7b7b7; 
   margin:0;
	padding:0;
	width: 960px;
}
.actu .choixA .left img{
   margin:0 0 0 0;
   border: 1px solid #FAE07B;
	vertical-align:middle;
	cursor: pointer;
}
.actu .choixB .right img{
   margin:0 0 0 0;
   border: 1px solid #FAE07B;
   vertical-align:middle;
   cursor: pointer;
}


.border-actu * {vertical-align: middle;}
.border-actu i {
} 



.choixA .border-actu{
   border: 1px solid #3C3B36;
	float: left;
	text-align:center;
   display:block;
   margin-right:12px;    
   padding:0;
   line-height:100px;
   width:204px;
   height:204px;
   vertical-align:middle;
}

.choixA .border-actu div{
line-height:200px;
}

.choixB .border-actu{
   border: 1px solid #3C3B36;
	float: left;
	text-align:center;
   display:block;
   margin-right:20px;    
   padding:0;
   line-height:100px;
   width:204px;
   height:204px;
   vertical-align:middle;
}

.choixB .border-actu div{
line-height:200px;
}
.actu .projet-txt, .actu p.post{
   margin:5px 0 0 0;
   font-size:1.2em;
   color:#595448;
   width:420px;
}

.actu p.post a{color:#7d4e88;}

ul.files{
   clear: both;
   /*width:200px;*/
   /*background:#2c2c2c;*/
    border-top:1px dashed #333333;
	margin: 10px 0 5px 0;
	padding:10px 0 5px 4px;
}
ul.files li{list-style-type: none;}
ul.files li a{color:#b7b7b7;}
ul.files li a:hover{color:#FAE07B;}

a.pdf, a.doc, a.xls, a.ai, a.gif, a.jpg, a.ppt{
   padding:2px 0 4px 25px;
   }
a.pdf{
	     background: url(/cms/images/docs/pdf.png) top left no-repeat;
	   }
a.doc{
		background: url(/cms/images/docs/doc.png) top left no-repeat;
	   }
a.xls{
		  background: url(/cms/images/docs/xls.png) top left no-repeat;
	   }
a.ai{
		  background: url(/cms/images/docs/ai.png) top left no-repeat;
	   }
a.gif{
		  background: url(/cms/images/docs/gif.png) top left no-repeat;
	   }
a.jpg{ 
   	  background: url(/cms/images/docs/jpg.png) top left no-repeat;
	   }
a.ppt{ 
   	  background: url(/cms/images/docs/files.png) top left no-repeat;
	   }

.copy-paster{
	height: 5px;
}
.copy-paster.copy-hover{
	height: 15px;
	border: 1px solid red;
}

/*Attention toujours a la fin*/