@charset "UTF-8";
/* CSS Document */


html{
  height: 100%;
}
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
h1, h2, h3, h4, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}
form{
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.slogan{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
}
h1.slogan{
	font-size: 14px;
}
.clair{
	color: #b3f2ff;
}
.marron{
	color: #836248;
}
.bleu{
	color: #00aece;
}

/* TEMPLATE
-------------------------------------------------------------- */
div#page{
	width: 100%;
	height: 100%;
	background: url(../img/bg.gif) no-repeat center;
}
div#content {
	position: fixed !important; 
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 960px; 
	height: 640px;
	margin-left: -480px;
	margin-top: -320px;
}
div#col-left{
	float: left;
	width: 200px;
	text-align: right;
}
div#col-right{
	float: right;
	width: 700px;
}
div.contenu{
	width: 647px;
	padding-top: 120px;
	font-size: 13px;
	color: #fff;
}
div#logo{
	margin-right: -3px;
}
div.home{
	padding-top: 13px;
	padding-bottom: 2px;
	margin-left: -33px;
}
div#services{
	margin-left: -35px;
	width: 730px;
}

/* FOOTER
-------------------------------------------------------------- */
div#footer{
	position: absolute;
	bottom: 0;
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 10px;
	color :#d1d1d1;
}
div#footer a{
	color :#d1d1d1;
}
div#footer a.link-footer{
	text-decoration: none;
}

div#footer a:hover{
	color :#2592a9;
}

/* REALISATIONS
-------------------------------------------------------------- */
div.thumb{
	width: 195px;
	float: left;
	margin-right: 24px;
	margin-bottom: 20px;
}
div.last{
	margin-right: 0px;
}
.img-thumb{
	border: 7px solid #fff;
	-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px; 
	behavior: url(./js/PIE.htc);
}
.img-thumb:hover{
	border: 7px solid #2c8598;
}
div.menu-rea{
	padding-top: 50px;
}
div.encours{
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding-top: 5px;
}
div.bt-retour{
	text-align: center;
	padding-top: 5px;
}	



/* SLIDER REALISATIONS
-------------------------------------------------------------- */
#slider ul, #slider li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider, #slider li{ 
	width: 647px;
	height: 320px;
	overflow: hidden; 
}
#prevBtn{
	position: absolute;
	margin-top: 5px;
}
#nextBtn{
	position: absolute;
	margin-left: 550px;
	margin-top: 5px;
}



/* CONTACT
-------------------------------------------------------------- */
div.box-contact{
	width: 289px;
	height: 225px;
	padding-top: 66px;
	background: url(../img/bg-contact.gif) no-repeat;
	text-align: center;
	color: #1eafcd;
	font-size: 14px;
	line-height: 20px;
	float: left;
	margin-left: 120px;
	margin-top: 5px;
}
div.box-contact span.nom{
	font-size: 18px;
	font-weight: bold;
}
div.box-contact a{
	color: #1eafcd;
}
div.box-contact a:hover{
	color: #836248;
}

#formulaire-bt{
	float: right;
	width: 124px;
	height: 36px;
	margin-top: 110px;
}	
#coordonnees-bt{
	float: right;
	width: 158px;
	height: 36px;
	margin-top: 110px;
}	
.input01{
	border: none;
	background: url(../img/input01.gif) no-repeat;
	width: 101px;
	height: 16px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
	color: #818181;
}
.input02{
	border: none;
	background: url(../img/input02.gif) no-repeat;
	width: 268px;
	height: 16px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
	color: #818181;
}
.textarea{
	border: none;
	background: url(../img/textarea.gif) no-repeat;
	width: 336px;
	height: 95px;
	font-size: 12px;
	color: #818181;
}
div.formulaire{
	float: left;
	padding-left: 45px;
}
table.tab-contact tr td{
	padding-top: 3px;
	padding-bottom: 3px;
}




/* LE STUDIO
-------------------------------------------------------------- */
#slides {
	position:relative;
	z-index:100;
	width: 289px;
	height:289px;
	background: url(../img/studio-blank.jpg) no-repeat;
}
#slides .next,#slides .prev {
	display: none;
}
.content_pan{
	width: 289px;
}
.slides_container {
	width: 289px;
	height: 289px;
	overflow:hidden;
	position:relative;
}
.pagination {
	display: none;
}
#slides ol, #slides ul { list-style:none; }
#slides img{ border: none; }


div.studio-left{
	float: left;
	width: 310px;
	padding-left: 20px;
	padding-top: 70px;
	text-align: justify;
}


/* SERVICES
-------------------------------------------------------------- */
div.box-services{
	width: 235px;
	height: 225px;
	padding-top: 19px;
	float: left;
	background: url(../img/bg-box-services.gif) no-repeat;
	color: #8e8e8e;
	font-size: 12px;
	text-align: center;
	margin-right: 5px;
}

div.box-services ul{
	margin: 0;
	padding: 0;
	list-style: none;
    text-align: center;
	margin-top: 2px;
	line-height: 14px;

}
div.box-services ul li{
	padding-top: 3px;
	padding-bottom: 3px;
	list-style: none;
}
div.box-services a{
	color: #8e8e8e;
}
div.box-services a:hover{
	color: #1eafcd;
}




/* CONTACT
-------------------------------------------------------------- */
.bt-envoyer{
	width: 30px;
	height: 30px;
	border: none;
	background: url(../img/ok.gif) no-repeat;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
}
div.message{
	text-align: left;
	font-weight: bold;
	padding-left: 30px;
	margin-top: -15px;
	font-size: 13px;
}
div.message div.rouge{
	color: #cb0000;
}
div.message div.vert{
	color: #1b7200;
}