/*
Theme Name: Christineoberdorff
Theme URI: http://christineoberdorff.com
Description: Thème réalisé par Natice
Author: Natice
Tags: mantle color, variable width, two columns, widgets 
*/

*{
margin:0;
padding:0;

}

body{
font-size:12px;
font-family:tahoma, verdana, arial, sans serif;
text-align:left;
}

img{
border:0;
}

#conteneur{
width:1000px;
margin:20px auto;
}

#entete{
width:1000px;
height:450px;
background-image:url(images/header.jpg);
}

#menu{
width:345px;
height:564px;
background-image:url(images/menu.jpg);
background-repeat:no-repeat;
float:left;
position:relative;
top:-184px;
z-index:100;
}

#menu a{
color:black !important;
text-decoration:none;
font-weight:200;
}

#menu a:hover{
text-decoration:underline;
}

#menu h1 {
background-image:url(images/puce-titre-menu.jpg) !important;
background-repeat:no-repeat !important;
background-position:left !important;
width:400px !important;
padding-left:20px !important;
text-transform:uppercase !important;
color:white !important;
font-size:14px !important;
font-weight:100 !important;
position:relative !important;
top:20px !important;
left:30px !important;
}
#separateur{
width:100%;
height:30px;
}
#menu ul{
list-style-type:none;
position:relative;
left:30px;
margin-bottom:2px;
top:15px;
}

#menu li{
background-image:url(images/puce-menu.jpg);
background-repeat:no-repeat;
background-position:left;
width:400px;
height:17px;
padding-left:20px;
}

#menuD{
position:relative;
width:200px;
top:470px;
z-index:1001;
text-align:left;
left:-10px;
}

#menuD h1{
background-image:url(images/puce-titre-menu-2.jpg);
background-repeat:no-repeat;
background-position: left;
background-attachement : fixed;
padding-left:20px;
padding-bottom:15px;
text-transform:uppercase;
color:#12bcd5;
font-size:14px;
font-weight:100;
position:relative;
left:30px;
margin-bottom:10px;
padding-bottom:30px;
}

#menuD ul{
list-style-type:none;
position:relative;
left:30px;
top:-10px;
margin-bottom:10px;

}

#menuD li{
background-image:url(images/puce-menu-2.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
}

#menuD a{
color:#12bcd5;
text-decoration:none;
font-weight:200;
}

#menuD a:hover{
text-decoration:underline;
}

#corps{
background-image:url(images/bande.jpg);
background-repeat:repeat-y;
width:1000px;
}

#textarea{
width:350px;
text-align:left;
position:relative;
z-index:1000;
top:-150px;
min-height:400px;
left:-280px;
}

#corps h1{
color:#0074d8;
text-transform:uppercase;
font-size:16px;
margin-bottom:10px;
}

#corps h2{
color:#12bcd5;
background-image:url(images/puce-titre.jpg);
background-position:left;
background-repeat:no-repeat;
width:400px;
padding-left:25px;
font-size:14px;
margin-bottom:30px;
}

#corps a{
color:#12bcd5;
text-decoration:none;
}

#corps a:hover{
text-decoration:underline;
}

#corps p{
color:#959595;
margin-top:10px;
font-weight:bold;
}

#recherche{
position:relative;
float:left;
top:230px;
left:400px;
}

#footer{
margin-top:-250px;
width:1000px;
height:351px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
position:relative;
z-index:3;
text-align:left;
}

#footer a{
color:#0074d8;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#footer a:visited{
color:color:#0074d8;;
}

#page{
color:#0A7DC3;
position:relative;
float:right;
right:90px;
top:40px;
text-align:left;
text-transform:uppercase;
font-weight:bold;
}

#page a{
background-image:url(images/pucepage.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
padding-bottom:5px;
position:relative;
}

#page li{
display:inline;
margin-left:25px;
position:relative;
left:40px;
}

#page a{
color:#0A7DC3;
text-decoration:none;
}

#page a:hover{
text-decoration:underline;
}

.mentions{
float:left;
text-align:left;
display:inline;
position:absolute;
left:110px;
bottom:50px;
}