/*
 +----------------------------------------------------------------------------+
 | Auteur : Julien Peronnet <http://jabberwock.fr/pro/>          |
 +----------------------------------------------------------------------------+
*/

/*****************Proprietes generales******************************************/


* {
	text-indent:0;
	margin:0;
	padding:0;
	}

body {
	background: #000;
	font:12px Myriad, Arial, sans-serif;
	color:#000;
	text-align:center;
	}

a {
	text-decoration:underline;
	color:#90afc7;
	margin:0;
	padding:0;
	}

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

table {

}


/*****************Proprietes de la page******************************************/

#page {
	margin:0 auto;
	padding:0;
	background:white;
	background:#fff url(image/top.jpg) top repeat-x;
	}
	

	#pagegallerie .tooltip  {
	display:none;
	background:transparent url(image/black_arrow_big.png) no-repeat;
	font-size:12px;
	height:180px;
	width:325px;
	padding:25px;
	color:#fff;	
}

#PageAcceuil .tooltip {

	background:transparent url(image/black_arrow_big.png) no-repeat;
	font-size:12px;
	height:180px;
	width:325px;
	padding:25px;
	color:#fff;	
}


	
#top {	
	width:524px;
	height:368px;
	margin:0 auto;
	}

#top img {
border:none;}
	
#menu {
	height:56px;
	background:transparent url(image/menu.png) repeat-x;
	}

	#nav {
	margin:0 auto 0 auto;
	width:960px;
	list-style-type: none;
	width: 100%;
	position:relative;
		}

.kwick {
	float: left;
	display:block;

}

.kwick a {
	width: 102px;
	height: 43px;
	padding:10px 0 0 35px;
			text-decoration:none;
	color: #9fc1db;
	display:block;
}

#global_menu {
	width:680px;
	margin:0 auto;
	height:43px;
	text-align:left;
	padding-left:109px;
	}

	ul#nav li {
		
		display: block;
	overflow: hidden;
	
	cursor: pointer;

		}

	#acceuil{
	background:transparent url(image/lien_0.png) no-repeat;
	}

	#galeries {
	background:transparent url(image/lien_1.png) no-repeat;
	}

	#liens{
	background:transparent url(image/lien_2.png) no-repeat;
	}

	#contact{
	background:transparent url(image/lien_3.png) no-repeat;
	}

	#galeriesactif{
	background:transparent url(image/lien_1_actif.png) no-repeat;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color: #b6cbdb;
	}

	#liensactif{
	background:transparent url(image/lien_1_actif.png) no-repeat;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color: #b6cbdb;
	}

	
	#contactactif {
	background:transparent url(image/lien_3_actif.png) no-repeat;
	display:block;

	text-decoration:none;
	font-weight:bold;
	color: #b6cbdb;
	}

	#acceuilactif {
	background:transparent url(image/lien_0_actif.png) no-repeat;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color: #b6cbdb;
	}

	#back {
	background:transparent url(image/lien_back.png) no-repeat;
	height:33px;
	width:102px;
	}

#corps {

	margin: 0 auto;
	padding: 10px 0 80px 0;
	background: white;
	color:#686868;
	width:960px;
	}
	
	#presentation {
	width : 300px;
	float:left;
	padding: 0 105px 0 0;
	border-right:1px solid #ECECEC;
	}
	
	#presentation p {
	text-align:justify;
	text-indent:18px;
	}
	#presentation li {
	text-align:justify;
	color:#85a1b8;
	margin-left:36px;
	list-style:circle;
	}
	
	#presentation li a, #presentation a {
	text-decoration:none;
	font-weight:bold;
	color:#85a1b8;
	font-style:italic;
	}
	
	#competences {
	width : 300px;
	float:left;
	padding:0 0 0 105px;
	}

	#contenu {
	background:transparent url(image/fond_corps.gif) no-repeat top left;
	padding:25px 0 0 80px;
	min-height: 643px;
	}

	#pagegallerie #contenu {	
	padding-left:137px;
	}
	
	#corps p { 
	color:#90afc7;
	padding-bottom:10px;
	}
	
	#corps h1 {
	color:#8E8E8E;
	font-size:17px;
	border-bottom:solid 1px #8E8E8E;
	}


h2 {

color:#90AFC7;
font-size:15px;
padding:5px;
text-align:left;
text-decoration:none;
	}

	#presh2 {background:transparent url("image/about.gif") no-repeat left;
padding-left:45px;
}

	#contacth2 {	
	margin:0 auto;
	}
	
	#jp {background:transparent url("image/cloud.png") no-repeat left;
padding-left:45px;}

	#comph2 {background:transparent url("image/competences.png") no-repeat left;
padding-left:45px;}

	#servh2 {
	background:transparent url("image/tools.png") no-repeat left;
padding-left:45px;
	}

#pagegallerie h2 {
margin:0 223px 37px;
width:224px;
background:transparent url("image/paint.gif") no-repeat left;
padding:21px 5px 12px 45px;
}
	
.highslide-gallery {width:776px;margin-left:-37px;}
	
.sous_titre {
text-align:left;
padding: 0 0 0 86px;
}

	.cat {
	text-align:left;
	padding: 0 0 0 163px;
	}

/*****************footer******************************************/

#footer {
	background:transparent url(image/footer.png) repeat-x;
	height:98px;
	text-align:center;
	padding-top:20px;
	margin: 0 auto;
	background-color:#3a3a3a;
	}
	
#foot_global {
width:600px;
margin:0 auto;
}
	
#footer1 {
/* border-right:1px solid #ECECEC; */
float:left;
width:290px;
}

#footer2 {
float:right;
width:290px;

}



#titre1 {
	margin:-140px auto 0 50px;
	float:left;
	width:518px;
	height:114px;
	padding:14px;
}


#titre1 img {
	border:none;
}

#credits a #titre {
	border:none;
}

#credits {
	background:transparent url(image/credits.png) repeat-x;
	height:22px;
	color:#626262;
	}

#credits p {
	padding-top:5px;
	}


#credits p a {
	text-decoration: none;
	color: #538ca2;
	border-bottom: 1px dotted #294550;
	}

#credits p a:hover {
	color: #748da0;
	border-bottom: 1px solid #294550;
	text-decoration: none;
}

/*fancy contact form*/

#form-container{
	background-color:inherit;
	padding:15px;
	margin:0 auto;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	width:358px;
}

#form-container h1, #form-container h2 {
padding:0 0 10px 0;
}

#form-container h2 {
padding:10px 10px 10px 17px ;
margin: 0 auto;
}

td{
	white-space:nowrap;
}

/* 

h1{
	color:#777777;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}

h2{
	font-weight:normal;
	font-size:10px;
	
	text-transform:uppercase;
	
	color:#aaaaaa;
	margin-bottom:15px;
	
	border-bottom:1px solid #eeeeee;
	margin-bottom:15px;
	padding-bottom:10px;
} */

label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}