/* 

INWERS CUSTOM STYLESHEET

---------------------



Instructions:



Add your custom styles here instead of style.css so it 

is easier to update the theme. Simply copy an existing 

style from style.css to this file, and modify it to 

your liking.



*/
body {
	
	background: url(http://figuration.net/wp-content/themes/lightcorners-source/LIGHTcorner/images/bg.gif) repeat-x;
	/*background: #e4e4e2;  /* Replacing this color can affect to whole look of layout. */

	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 10px;
	color: #000000;
	line-height: 18px;
	text-align: center;

}
body#subpage div#right {
	width: 620px;
	float: right;
        font-family: "Trebuchet MS", "Arial", "Lucida sans";
        font-size: 12px;
	color: #000000;
}
body#homepage div#main {
	width: 1000px;
	height: 390px;
	background: url('images/main_background.png') no-repeat;
       font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
}
div#main div.inner {
	width: 900px;
	margin: 0 auto;
	text-align: left;
        font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
}

body#subpage div#main div.inner {
	padding-bottom: 20px;
        font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
}
.cvBold{
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.textPage{
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	line-height: 23px;
	font-size: 14px;
	color: #000000;
}
div#right p {
	color: #333333;
	line-height: 24px;
        font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 14px;
	margin-bottom: 20px;
}
/* TABLES */



table.main {

	width: 100%;
	
	color: #5c5c5c;

	font-size: 12px;

	line-height: 24px;

	border-collapse: collapse;

	margin: 15px 0px 15px 0px;

}





table.main tr {

	height: 40px;

	background: #fafafa;

}



table.main tr.dark {

	background: #f8f8f8;

}



table.main tr.caption {

	height: 41px;

	background: #efefef url('images/table_top_bg.png') repeat-x;

}



table.main td {

	padding: 5px 12px 5px 12px;

	border: 1px solid #d6d6d6;

}



table.main th {

	padding: 5px 12px 5px 12px;

	border: 1px solid #d6d6d6;

	text-align: left;

}



table.main td.center {

	text-align: center;

}



table.main th.center {

	text-align: center;

}


/* NAVIGATION */


div#navigation {
	width:700px;
	height: 129px;
	float: right;
	margin-top: -60px;
	left: -25px;
}


div#navigation ul {
	float: right;
	height: 30px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	list-style: none;
	position: relative;
	top: 96px;
}

div#navigation li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

div#navigation a {
	height: 30px;
	line-height: 30px;
  	float: left;
  	margin: 0px 0px 0px 3px;
  	padding: 0px 0px 0px 4px;
  	text-decoration: none;
	cursor: pointer;
	background: url("images/navigation/normal_left.png") no-repeat left top;
   play-during:url("http://figuration.net/wp-content/themes/lightcorners-source/LIGHTcorner/sons/paper.mp3");
	position: relative;
	top: 5px;
}
	
#navigation a span {
	font: 14px "trebuchet ms", "arial";
	color: #000000;
	height: 30px;
	line-height: 34px;
   	float: left;
   	display: block;
	padding: 0px 18px 0px 15px;
	background: url("images/navigation/normal_right.png") no-repeat right top;
   play-during:url("http://figuration.net/wp-content/themes/lightcorners-source/LIGHTcorner/sons/paper.mp3");
}
	
#navigation li.current a {
	top: 1px;
	height: 35px;
	background: url("images/navigation/active_left.png") no-repeat left top;
   play-during:url("http://figuration.net/wp-content/themes/lightcorners-source/LIGHTcorner/sons/paper.mp3");

}
	
#navigation li.current a span {
	height: 35px;
	line-height: 40px;
	background: url("images/navigation/active_right.png") no-repeat right top;
	color: #ee2d24;
}

#navigation a:hover {
	height: 33px;
	background: url("images/navigation/active_left.png") no-repeat left top;
	top: 2px;
}

#navigation a:hover span {
	height: 33px;
	background: url("images/navigation/active_right.png") no-repeat right top;
	color: #707477;
}

#navigation li.rss a {
	height: 26px;
	width: 32px;
  	float: left;
  	margin: 0px 0px 0px 3px;
	padding: 0px;
	cursor: pointer;
	background: url("images/navigation/rss_normal.png") no-repeat left top;
	position: relative;
	top: 9px;
}

#navigation li.rss a:hover {
	background: url("images/navigation/rss_active.png") no-repeat left top;
	height: 26px;
	top: 9px;
}

img.logo {
	margin-top:-20px;
	
	margin-left:20px;

	float: left;	

}



div#top {
	width: 1000px;
	height: 141px;
        margin-top:50px;
	background: url('images/top_background.png') no-repeat;
	text-align: left;
}


div#testimonial-top {

	width: 210px;

	height: 6px;

	font-size: 16px;

	color: #848484;

}



div#testimonial-body {

	width: 210px;

	height: auto;

	font-size: 16px;

	color: #000000;
	
	text-align: center;


}



div#testimonial-body div.margin {

	padding: 10px 15px 10px 15px;


}



div#testimonial-bottom {

	width: 210px;

	height: 30px;

	padding-top: 25px;

	font-size: 16px;

	color: #000000;

	text-align: center;

}

div#clients {

	width: 1000px;
	height: 191px;
        background: url('images/clients_background.png') no-repeat;
	margin-top: 15px;

}



div#clients div.inner {

	width: 900px;

	margin: 0 auto;

	text-align: left;

	padding-top: 20px;

}



div#clients div.client {

	width: 875px;

	height: 91px;

	background: url('images/client_sample.png') no-repeat;

	float: left;

	margin-right: 12px;

}



div#clients div.last {

	margin-right: 0px;

}



div#clients div.client img{

	margin: 5px 0px 0px 5px;

	border: none;

}

div#content {
	margin: 0 auto;
	text-align: left;
	width:960px;
        height: 130px;
	padding-top: 15px;
	background: url('images/box_background.png');
}


div.box {
	width: 275px;
	float: left;
	padding-right: 18px;	
	margin-left: 18px;
        margin-top: 10px;
        color: #555555;
}

div.box div.image {
	width: 275px;
	height: 91px;
	margin: 12px 0px 12px 0px;
	background: url('images/homepage_img_background.png');
	text-align: center;
}

div.box div.image img{
	margin: 0 auto;
	margin-top: 5px;
        background: url('images/homepage_img_background.png');
}


div.bleft {
	margin-left: 25px;
} 

div.bright {
	padding-right: 0px;
	border-right: none;
}
a.readmore {
	display: block;
	width: 126px;
	height: 23px;
	background: url('images/button_read_more_01.png') no-repeat;
	float: right;
	margin-top: 5px;
}
a.readmore:hover {
	background: url('images/button_read_more_02.png') no-repeat;
}

a.signup {
	display: block;
	width: 116px;
	height: 40px;
	background: url('images/button_sign_up_01.png') no-repeat;
	float: left;
	margin-right: 10px;
}
a.signup:hover {
	background: url('images/button_sign_up_02.png') no-repeat;
}
a.cvComplet {
	display: block;
	width: 116px;
	height: 40px;
	background: url('images/button_cvComplet_01.png') no-repeat;
	float: left;
	margin-right: 10px;
}
a.cvComplet:hover {
	background: url('images/button_cvComplet_02.png') no-repeat;
}

a.miseajour {
	display: block;
	width: 230px;
	height: 40px;
	background: url('images/button_mise_a_jour_01.png') no-repeat;
	float: left;
	margin-right: 10px;
}
a.miseajour:hover {
	background: url('images/button_mise_a_jour_03.png') no-repeat;
}
a.ouvrirsession {
	display: block;
	width: 182px;
	height: 40px;
	background: url('images/button_ouvrir_une_session_01.png') no-repeat;
	float: left;
	margin-right: 10px;
}
a.ouvrirsession:hover {
	background: url('images/button_ouvrir_une_session_02.png') no-repeat;
}
a.facebook {
	display: block;
	width: 32px;
	height: 32px;
	background: url('images/btn_facebook_01.png') no-repeat;
	float: left;
	margin-right: 10px;
}
a.facebook:hover {
	background: url('images/btn_facebook_01.png') no-repeat;
}
a.retour {
	display: block;
	width: 77px;
	height: 23px;
	background: url('images/button_retour_01.png') no-repeat;
	float: right;
	margin-right: 5px;
}
a.retour:hover {
	background: url('images/button_retour_02.png') no-repeat;
}

a.imprimer {
	display: block;
	width: 77px;
	height: 23px;
	background: url('images/button_imprimer_01.png') no-repeat;
	float: right;
	margin-right: 5px;
}
a.imprimer:hover {
	background: url('images/button_imprimer_02.png') no-repeat;
}
a.print{
	display: block;
	width: 77px;
	height: 23px;
	background: url('images/button_print_01.png') no-repeat;
	float: right;
	margin-right: 5px;
}
a.print:hover {
	background: url('images/button_print_02.png') no-repeat;
}
a.english {
	display: block;
	width: 77px;
	height: 23px;
	background: url('images/button_english_01.png') no-repeat;
	float: right;
	margin-right: 5px;
}
a.english:hover {
	background: url('images/button_english_02.png') no-repeat;
}
a.francais {
	display: block;
	width: 77px;
	height: 23px;
	background: url('images/button_francais_01.png') no-repeat;
	float: right;
	margin-right: 5px;
}
a.francais:hover {
	background: url('images/button_francais_02.png') no-repeat;
}

div#footer {
	width: 900px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 25px;
	padding-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #c8ccce;
	color: #33332e;
}

div#footer div.left {
	width: 450px;
	float: left;
	text-align: left;
        color: #33332e;
}

div#footer div.right {
	width: 449px;
	float: right;
	text-align: right;
        color: #33332e;

}
ul.footer-navigation  {
	margin: 0px;
	font-style: normal;
        color: #33332e;
}

ul.footer-navigation  li{
	display: inline;
	margin: 0px 0px 0px 5px;
	text-transform:uppercase;
        color: #33332e;
}

ul.footer-navigation  li a{
	text-decoration: none;
        color: #33332e;
}

div#footer a {
	color: #33332e;
}

ul {
	display: inline;
	margin: 0px 0px 0px 5px;
        color: #33332e;
}

/* SLIDER */

#slider {
	height: 307px;
	width: 415px;
	float: right;
	/*position: relative;*/
	top: 12px;
	left: -8px;
	z-index: 5;
}



#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	float: left;
	/*position: relative;*/
	z-index: 5;
}

#slider li{ 
	width: 415px;
	height: 307px;
	overflow: hidden; 
}
/* BLOG */

div.blogpost {
	border-top: 1px solid #000000;
	margin: 20px 0px;
	padding: 15px 0px;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
}

div.blogpost-single {
	border-top: 0px solid #000000;
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
}

div.blogpost h3, div.blogpost-single h3 {
	margin: 0px;
}

div.blogpost img.blog-image, div.blogpost-single img.blog-image {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 7px;
	border: 1px solid #e0e0e0;
	background: #fafafa;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
}

div.blogpost a.readmore, div.blogpost-single  a.readmore {
	float: left;
	margin-top: 12px;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 10px;
	color: #000000;
}

p.details {
	font-size: 11px;
	margin-bottom: 8px;
} 

div.comments {
	
}

div.comment {
	border-top: 1px solid #e0e0e0;
	color: #000000;
	padding: 10px 0px;
}

div.comment img.avatar {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background: #fafafa;
}

div.comment span.name {
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
}

div.comment span.details {
	font-size: 11px;
}

div.post-reply {
	margin-top: 30px;
	color: #000000;
}

input.blog-text {
	border: 1px solid #909090;
	padding: 5px;
	height: 20px;
	line-height: 20px;
	width: 300px;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
	margin-bottom: 10px;
}

textarea.blog-message {
	border: 1px solid #909090;
	padding: 5px;
	height: 100px;
	line-height: 20px;
	width: 400px;
	font-family: "Trebuchet MS", "Arial", "Lucida sans";
	font-size: 12px;
	color: #000000;
	margin-bottom: 10px;
}

input.blog-submit {
	color: #ffffff;
	padding: 6px 10px;
	background: #000000;
	border: none;
	cursor: pointer;
}

/* TITLES */

h1, h1 p {
	font-family: "Arial";
        color: #000000;
	font-weight: bold;
	font-size: 33px;
	line-height: 45px;
	margin-bottom: 0px!important;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:0px;
}

h2 {
	color: #000000;
	font-size: 25px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 20px;
}

h3 {
	color: #000000;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 20px;
}

h4 {
	color: #000000;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
}

h5 {
	color: #000000;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 20px;
}


div#left h3 {
	color: #000000;
	font-size: 13px;
	margin-top: 20px;
}

div#left h3.top {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
}

body#homepage h3 {
	color: #000000;
	margin-top: 0px;
}

h3.floated {
	margin-top: 0px;
}

div#clients h3 {
	color: #000000;
	font-size: 18px;
	margin-bottom: 13px;
	font-weight: bold;
}





/*MODIFICATION DE SERVICE BPC*/

#spaceCloseUp,#spacePleinPied{
	border:1px solid black;
}

/*#spaceCloseUp{width:300px;height:350px;background-image:url('images/Gabarit_Closeup.jpg');}
#spacePleinPied{width:150px;height:310px;background-image:url('images/Gabarit_pleinpied.jpg');}*/

.spanH3{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
.spanP{
	font-size:14px;
}

#listPhotoUpload{
	list-style-type:none;
	text-align:center;
}

#listPhotoUpload li{
	margin-bottom:25px;
}

.spanImgPreview{
	display:block;
	margin:auto;
	/*position:relative;
	border:1px solid black;
	width:331px;*/
}