body{
background-color:#FFF5EE;
font-family:geneva,helvetica, sans serif;
font-size:14px;
}

#main{
border:1px solid #CCCCCC;
width:1000px;
margin:auto;
background-color:white;
padding:10px;
}

 /* wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */
/*  media querie écrans en dessous 900px   */
 /* wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww  */

        @media screen and (max-width: 1200px){
            body{
                background: #FFF5EE;
            }
            
            #main{
            width:500px;
            -moz-transition:all 1s;
            -webkit-transition:all 1s;
            transition:all 1s;
            }
            
            #main img{
            width:100%;
            -moz-transition:all 1s;
            -webkit-transition:all 1s;
            transition:all 1s;
            }
		 }




h1{
padding-bottom:10px;
margin:0px;
font-weight:normal;
font-variant:small-caps;
font-size:24px;
color:#ff6c00;
}

h2{
padding:0px;
margin:0px;
font-weight:normal;
font-size:18px;
}
		
img{
display:block;
margin:auto;
}
		
#contenu h2{
background-color:#CCCCCC;
}

#menu ul{
	padding:0px;
	margin:  0px;
	list-style-type:none;
}

#menu ul li{
	display:inline;	
}

#entete{
margin-bottom:20px;
border-bottom:1px solid #CCCCCC;
}

#menu{
margin-bottom:20px
}

#menu ul li a{
text-decoration:none;
color:#ff6c00;
margin-right:20px;
font-size:18px;
}

#contenu_travaux td{
border: 0px solid #CCCCCC;
}

#contenu_textes ul{
list-style-type:none;
padding:20px;
line-height:40px;
}