body
{background-color:#1E90FF;
margin : 0;
top: 0;
padding: 0;
left: 0;
}

textarea{ resize:none;}

img.space 
{border: 0px none #000;
margin-top:50px;}

embed, iframe, object
{max-width: 100%;}

#en_tete
{background-image: url(images/background_baniere.png);
background-repeat: no-repeat;
background-position: left top; 
width: 100%;
background-size: 100%;
top: 0;
height: 0;
padding: 0;
padding-bottom: 30%;
background-size: 100%;
background-repeat: no-repeat;
left: 0;
font-size: 10px;
margin-bottom: -8%;}

.autoco
{margin-left: 23%;
margin-top: 7%;}

.nom_site
{margin-top: 5%;
position: absolute;}

#pied_de_page
{background-image:url(images/pied_de_page.png);
background-repeat: no-repeat;
background-position: left bottom;
width:100%;
height:350px;
background-size: 100%;
position: relative;
bottom: 0; left: 0;
font-size: 10px;}
.plan
{text-decoration:underline;
font-family: "comic sans ms"}

#pdp_copyright
{font-size: 12px;
text-align: center;
font-weight: bold;
padding-top: 270px;}

#pdp_infos
{text-align: center;
font-size: 12px;}

#pdp_maj
{text-align: right;
font-size: 10px;}

.texte1
{background-image:url(images/buisson.png);
background-repeat:no-repeat;
background-position: center right;
background-size: auto 100%;
text-align: center;
font-family:monotype corsiva;
font-size: 3vw;
color:#ADD1F9;}

.container
{background-image:url(images/mouche.gif);
background-repeat:no-repeat;
background-position: center left;
background-size: 125px 58px;}

#titre1 , #titre2 , #titre3
{color: black;
font-size: 17px;
font-family: "comic sans ms";
font-weight: bold;
text-align:center;}

input[type=text]
{-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding-left: 5px;
height:30px;}

textarea[name=message]
{-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding-left: 5px;
padding-top:5px;}

#captcha
{width: 35px;}

#___plus_0{
	 height: 20px; 
     display: inline-block; 
     text-indent: 0pt; 
     margin: 0pt; 
     padding: 0pt; 
     background: none repeat scroll 0% 0% transparent; 
     border-style: none; 
     float: none; 
     line-height: normal; 
     font-size: 1px; 
     vertical-align: baseline; 
     width: 59px;"
}

@media screen and (max-width: 767px) {
	
input[type=text]
{width:80%;}

textarea[name=message]
{width: 80%;}

.space{
width: 20%;
height: 20%;}

#pied_de_page
{background-image:url(images/pied_de_page.png) no-repeat;
height:320px;
background-size:100% 100%;
margin:0;
padding:0;
bottom:0;}

#pdp_copyright
{font-size:10px;
padding-top:220px}

#pdp_infos
{font-size:10px;}

#pdp_maj
{font-size: 8px;}

}


@media screen (max-device-width:767px) and (orientation: landscape) {
	
input[type=text]
{width:80%;}

textarea[name=message]
{width: 80%;}

.space{
width: 20%;
height: 20%;}

#pied_de_page
{background-image:url(images/pied_de_page.png) no-repeat;
height:300px;
background-size:100% 100%;
margin:0;
padding:0;
bottom:0;}

#pdp_copyright
{padding-top: 220px;
font-size:10px;}

#pdp_infos
{font-size:10px;}

#pdp_maj
{font-size: 10px;}

}