body {
    width: 900px;
    background: #f7ff75;
    margin: auto;   
    margin-top: 0px;
}
a {
	color:#993300;
	text-decoration:none;
	}
	
a:hover {
	color:#000000;
	text-decoration:underline;}
#site {
	background-color:#FFF;
        margin-top: 0px;
}

#bandeau {
    width: 900px;
    height: 40px;
    text-align: center;
}

#bandeau img {
    margin-right: 15px;
}

H1 {
	text-align:center;
        margin-top: 0px; 
	color:#F00;
	text-transform:capitalize;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
        text-shadow: 2px 2px 4px black;

}

#menu {
	width:150px;
	height:400px;
	
	float:left;	
}

#menu p {
	text-align:center;
}
ul {
	display:block;
	margin-left:-20px;
}
li {
	list-style-type:none;
	height:35px;
	width:90px;
	background-color:#000;
	color:#FF0;
	border:#FFFF00 1px solid;
	line-height:35px;
	padding:5px;

	
}
li a {
	color:#FF0;
	display:block;
	font-size:1.3em;
	font-weight:bold;
	
}

li a:hover {
	color:#FFF;
}
#contenu {
	width:730px;
	height:400px;
	border:solid 1px #FF0000;
	margin-left:170px;
        border-radius: 10px;  
		
}

#texte {
	width:330px;
	height:350px;
        float: left;
        text-align: justify;
        padding: 10px;
        position: relative;
        overflow: auto;
        
}
#texte #two {
width: 40px;
/*border: 2px solid #FF0;*/

position: absolute;
height: 40px;
-webkit-transform:rotate(-45deg);
left:25px;
top:35px;
overflow: hidden;


}
#texte #face {
    float: left;
    width: 80px;
    height: 61px;
    background-image: -webkit-linear-gradient(right top, #808080 0%, #FFFAFA 100%);
    opacity:0.5;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius:50px;
    -moz-transform:rotate(-45deg); 
    -webkit-transform:rotate(-45deg); 
    -o-transform:rotate(45deg);
    text-align: center;
    font-weight: bold;
    padding-top: 19px;
    text-decoration: blink;
    box-shadow: -9px -9px 10px black;
}

#texte #twitter {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    text-shadow: 2px 2px 4px black;
    bottom: 0px;
    right: 0px;
}
#texte2 {
	width:360px;
        
        border: solid 1px #000;
	 box-shadow: 2px 2px 4px black;
	height:350px;
	margin-left:360px;
        position: relative;
        background-image: -webkit-linear-gradient(right top, #D60F0F 0%, #FFDD00 100%);
      
}
.bulle {
    position: absolute;
    left: -12px;
    top:40px;
    
}
.image {
    margin-left: 100px;
    border-radius: 80px; 
    box-shadow: 9px 9px 10px black;
    -moz-transform:rotate(45deg); 
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);

}

   
#texte2 #twitter {
    position: absolute;
    right: 110px;
    bottom: -15px;
   
    /*background: #228B22;*/
}

#texte2 #twitter img {
    margin-left: 0px;
       
}

#pied {
	height:40px;
	text-align:center;
	color:#03C;
	line-height:40px;
}

/*Formulaire contact*/

input {
    width: 235px;
    height: 30px;
    background-color: #DCDCDC;
    -webkit-border-radius: 10px;
    box-shadow: 3px 3px 5px black;
    margin-right: 10px;
    padding-left: 5px;
    border:none;
    
}
input:hover {background-color:#808080 ;
            box-shadow: -3px -3px 5px black;}

.cb {
    width: 40px;
    height: 14px;
}

.nom {
    font-weight: bold;
}
textarea {
     width: 235px;
    height: 70px;
    background-color: #DCDCDC;
    -webkit-border-radius: 5px;
    box-shadow: 3px 3px 5px black;
    margin-right: 0px;
    padding-left: 5px;
    border:none;
}
textarea:hover{
     box-shadow: -2px -2px 5px black;
}
label {
    text-align: left;
    
}