@charset "iso-8859-1";
/* CSS Document */
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}

fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
li {
	text-indent:30px;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
    border:0;
}

body {

    background: url('../img/picto/bg.png');	
}

header h1,
footer h1 {
	font-family: 'Droid Sans', sans-serif;
	font-size: 15px;
	background: #ddd;
	padding: 10px;
	border-radius: 6px;
	color: #00F;
	alignment-adjust: central;
}
header h1 {
	width: 95%;
}
footer h1 {
	margin-top:5px;
	height:40px;
	width: 50%;
}

.inner-container, .container{
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.inner-container:before,
.inner-container:after {
    content:"";
    display:table;
}

.inner-container:after {
    clear:both;
}

.inner-container article{
	display: block;
	width: 550px;
	height: auto;
	background-image:url(../img/picto/beige050.gif)
	cursor: pointer;
	float: left;
	border: 10px solid #fff;
	text-align: left;
	text-transform: none;
	margin-left: 30px;
        margin-top:20px;
        margin-bottom:20px;	
        z-index: 1;
	-webkit-backface-visibility: hidden;
	box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
}

.inner-container h3 {
     font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 0px #000;
    opacity: 0.8;
    text-align:center;
    background-color:#999;
    padding-top:3px;
    padding-bottom:3px;

}

.inner-container article p:first-chlid:fist-letter {
	float:left;
	font-size:100px;
	line-height:80px;
	margin-right:10px;
}
.inner-container article p,
.inner-container article ul {
	font-family: 'Droid Sans', sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #333;
	text-shadow: 0px 0px 0px #000;
	opacity: 0.8;
	text-align: justify;
}

.inner-container article p {
                text-indent:15px;
                padding-top:5px;
}

.inner-container h3,
.inner-container article p,
.inner-container article ul {
	transition: opacity 0.2s linear,
        text-shadow 0.5s ease-in-out,
        color 0.5s ease-in-out;
	-webkit-transition: opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	color: #00F;
}


.inner-container article.blur{
    box-shadow: 0px 0px 30px 10px #ddd;
    -webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);;
	transform: scale(0.8);
    opacity: 0.7;
}

.inner-container article.blur h3 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
    color: rgba(0, 0, 0, 0);

    opacity: 0.5;
}

.inner-container article.blur p {
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(204,0,0,0.0);
	opacity: 0.5;
}

.inner-container article.active{
   -webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
    box-shadow:
        0px 0px 0px 10px rgba(255,255,255,1),
        1px 11px 15px 10px rgba(0,0,0,0.4);
    z-index: 100;
    opacity: 1;
}

.inner-container article.active h3,
.inner-container article.active p{
    opacity; 1;
}

article p.client-name {
	float: left;
	color: #99cc66;
	font-size: 10px;
	font-style: italic;
	margin-top: 30px;	
}