@media screen {

.pinceau{
position:absolute;
top:220px;
left:850px;
width:250px;
height:auto;
}

.cadre1a{
margin:0px auto 0 auto;
border-style:solid;
border-width:0px;
border-color:red;
width:auto;
height:auto;
padding:0px;
}

.cadre1{
margin:50px auto 0 auto;
border-style:solid;
border-width:0px;
border-color:#008000;
width:600px;
height:auto;
padding:0px;
}

.cadre1 p{
border:solid 0px;
font-family:segoe print, Verdana, Candara, Calibri;
font-size:14pt;
color:#000;
text-align:justify;
}

.cadre2{
position:relative; 
border-style:solid;
border-width:0px;
border-color:#008000;
width:950px;
height:'';
padding:0px;
margin:50px auto 50px auto;
}
.cadre2 a{
color:#32a920;
text-decoration:none;
text-decoration:underline;
}
.cadre2 a:hover{
color:#32a920;
text-decoration:underline;
}

.cadre2 p{
border:solid 0px;
font-family:Verdana, Candara, Calibri;
font-size:11pt;
color:#000;
text-align:justify;
}

.immo1b {
	box-shadow: inset 0px 0 10px #000888, 0 0px 5px #fefe44;
	background:#d3f4f4;
	width:900px; 
	height:400px;
	margin:20px 0 0 0;
	border:17px solid #003333;
	border-radius:5px;
	-moz-animation: fadein 2s;
}

@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}


.text-para1{
float:left;
width:460px;
margin:0 0px 0 30px;
padding:0;
border:solid 0px #000;
}


.immo1 {
	box-shadow: inset 0px 0 10px #000888, 0 0px 5px #fefe44;
	background:#d3f4f4;
	width:900px; 
	height:400px;
	margin:20px 0 0 0;
	border:1em solid #003333;
}


.text-para1b{
float:right;
width:460px;
margin:0 50px 0 0;
padding:0;
border:solid 0px #000;
}

.titre-para2{
text-align:center;                                                  
margin:0 auto 0 auto;
padding:0;
border:solid 0px #000;
}
.titre-para2 p{
font-family:segoe print;
font-size:13pt;
font-weight: bold;
color:#003333;
text-align:center;                                                  
margin:20px 0 20px 0;
padding:0;
border:solid 0px #000;
}

.para1{
font-family:segoe print;
font-size:11pt;
color:#003333;
margin:0 20px 0 40px;
padding:0;
border:solid 0px #000;
text-align:justify;                                                  	
}

.immo1b .titre1{
float:right;
background-image: url("../images/post3ogv2.jpg");
background-repeat: no-repeat;
width:300px;
height:320px;
text-align:center;                                                  
margin:40px 50px 0 0px;
padding:0;
border:solid 0px;
transform: rotate(10deg); 
}

.immo1b .titre1b{
float:right;
background-image: url("../images/post5b.png");
background-repeat: no-repeat;
width:300px;
height:320px;
text-align:center;                                                  
margin:60px 40px 0 0px;
padding:0;
border:solid 0px;
transform: rotate(10deg); 
}

.titre1 .titrep{
font-family:segoe print, vladimir script, Script MT Bold;
font-size:25pt;
color:#000;
text-align:center;                                                  
margin:85px 10px 0 0px;
padding:0;
border:solid 0px;
transform: rotate(5deg); 
}

.titre1b{
float:left;
width:300px;
height:300px;
background-image: url("../images/post1fpv.jpg");
background-repeat: no-repeat;
text-align:center;                                                  
margin:30px 0 0 70px;
padding:0;
border:solid 0px;
}
.titre1b .titrep{
transform: rotate(-10deg); 
font-family:segoe print, mathilde, freestyle, "vladimir script", "Script MT Bold";
font-size:25pt;
font-weight:lighter;
color:#000;
text-align:center;                                                  
margin:80px 0 0 0px;
padding:0;
border:solid 0px;
}
.titre1b .titrep2{
transform: rotate(3deg); 
font-family:segoe print, mathilde, freestyle, "vladimir script", "Script MT Bold";
font-size:25pt;
font-weight:lighter;
color:#000;
text-align:center;                                                  
margin:70px 50px 0 0px;
padding:0;
border:solid 0px;
}

.cadre2 .para2{
width:330px;
margin:50px 0 0 0px;
}

.cadre2 .para3{
margin:50px 0px 0px 0px;
padding:0;
border:solid 0px;
}

.cadre2 .para3b{
margin:50px 0px 0px 0px;
padding:0;
border:solid 0px;
}

.reseaux{
width:800px;
height:auto;
margin:20px auto;
border:solid 0px;
border-radius:0;
}
.logo1{
width:40px;
height:40px;
margin:0px auto;
border:solid 0px;
border-radius:0;
}
.logo2{
width:40px;
height:40px;
margin:0px 0 0 20px;
border:solid 0px;
border-radius:0;
border-radius:10px;
}
.logo3{
width:40px;
height:40px;
margin:0px 0 0 20px;
border:solid 0px;
border-radius:10px;
}

.ligne{
	border: 1px dashed #003333;
	width:750px;
	margin: 20px auto;
}


}
