html, body {
width:100%;
height:100%;
margin:0;
}

body { font-size:1.2em; line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial;
}

img#bg {
position:absolute;
width:100%;
height:1100px;
z-index:-1;
}

#header { background:url(images/my_header.png) no-repeat; width:550px; margin:0 auto; }

#content { 
margin-left: auto;
margin-right: auto;
width: 70%;
text-align: left;
padding: 0.5em;
height:700px;
overflow:auto;

/*degradé du fond  -webkit-gradient(linear, 0.2% 15%, 32% 100%, from(#219AB9), to(#30FFAA))*/

background-color:rgb(33,157,218); background-image:-moz-linear-gradient(32% 100%,rgba(33,157,218,0.98),rgba(232,169,92,0.87));
background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));
background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;
-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;
}

#menu {  width:550px; margin:0 auto; height:32px; margin-top:auto;}

.blog ul a {
background-position: right;
padding-right: 32px;
padding-left: 32px;
display: block;
line-height: 80px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
/*choix blog*/
color: #B17B57;
}

li.blogList :hover
{
/*choix blog survolé*/
	font-size : 30px;
	color : #733F1C;
}

h1 {
  font-family: Verdana;
  font-size: 22pt;
  font-weight: bold;
/*texte ecrit en gros (accueil, contact)*/
  color: #FFE183;
  margin: 70px;
}

#footer {
	background-color:rgb(33,157,218); background-image:-moz-linear-gradient(50% 0%,rgba(33,157,218,0.98),rgba(232,169,92,0.87));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));
	background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;
	-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;
    overflow: hidden;
	margin-top: 20px;
    padding-bottom: 10px;
    clear: both;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}


.footer ul a {
background-position: right;
padding-right: 30px;
padding-left: 30px;
display: block;
line-height: 28px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
/*choix blog*/
color: #000000;
}

li.footer :hover
{
/*choix li survolé*/
	font-size : 16px;
	color : #FF0000;
}


ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;background-color:#E8A95C; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:1.4px 1.4px 2px #B1B1B1;-webkit-box-shadow:1.4px 1.4px 2px #B1B1B1;box-shadow:1.4px 1.4px 2px #B1B1B1;padding:0;background-color:#202020; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0)));border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-color:#000000;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	padding:6px 6px 6px 0;display:block;font-size:0;float:left;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0 0 0 6px;}
ul#css3menu1 ul>li{
	margin:6px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#E7E5E5;cursor:pointer;padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;}
ul#css3menu1 ul li{
	float:none;margin:0;}
ul#css3menu1 ul a{
	text-align:left;}
ul#css3menu1 li:hover>a{
	background-color:#7ACF27;border-color:#F8F8F8;border-style:solid;font:12px Arial;color:#333;text-decoration:none; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li.topmenu>a{
	height:19px;background-color:#55557F;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#E7E5E5;text-decoration:none;text-shadow:0 1px 1px #000000;line-height:19px;}
ul#css3menu1 li.topmenu:hover>a{
	background-color:#00ffff; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;font:bold 13px Arial;color:#00007f;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;line-height:19px;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.subfirst>a{
	border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.sublast>a{
	border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;}