body{
  margin:0;
  padding:0;
  background:url(./img/fond.jpg) repeat;
  
  background-color:#7275F6;
  font-family: Georgia;
}

a{color:#000099;font-style:italic;text-decoration:none;}
ul{list-style:none;}
#container{
  text-align:center;
  background-color:#DFCDFC;
  border-left:1px solid #1607A7;
  border-right:1px solid #1607A7;
  width:618px;
  margin-left:auto;
  margin-right:auto;
}

#cadre_haut
{
  margin-left:auto;
  margin-right:auto;
  height:10px;
  width:620px;
  background-image:url(./img/cadre_haut.gif);
  
}

#cadre_bas
{
  margin-left:auto;
  margin-right:auto;
  height:18px;
  width:620px;
  background-image:url(./img/cadre_bas.gif);
  
}

#piedpage{
  height:50px;
  position:relative;
  float:left;
  bottom:0px;
  border:solid 1px red;
}

#logo_index{
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  height:170px;
  width:620px;
  background-image:url(logo.gif);
}

#logo_blog{
  margin-left:auto;
  margin-right:auto;
  height:170px;
  width:620px;
  background-image:url(logo_blog.gif);
}

a.but_acc
{
display:block;
width:76px;
height:55px;
background: url(./img/but_acc.gif) no-repeat 0 0;
}
a.but_acc:hover 
{
background-position:0 -55px;
}

a.but_acc_selected
{
display:block;
width:76px;
height:55px;
background: url(./img/but_acc.gif) no-repeat 0 0;
background-position:0 -55px;
}


a.but_act
{
display:block;
width:96px;
height:55px;
background: url(./img/but_act.gif) no-repeat 0 0;
}
a.but_act:hover 
{
background-position:0 -55px;
}

a.but_act_selected
{
display:block;
width:96px;
height:55px;
background: url(./img/but_act.gif) no-repeat 0 0;
background-position:0 -55px;
}



a.but_bio
{
display:block;
width:108px;
height:55px;
background: url(./img/but_bio.gif) no-repeat 0 0;
}
a.but_bio:hover 
{
background-position:0 -55px;
}

ul.plan{
  padding-top:3px;
  padding-bottom:10px;
}

a.but_bio_selected
{
display:block;
width:108px;
height:55px;
background: url(./img/but_bio.gif) no-repeat 0 0;
background-position:0 -55px;
}


a.but_oeu
{
display:block;
width:72px;
height:55px;
background: url(./img/but_oeu.gif) no-repeat 0 0;
}
a.but_oeu:hover 
{
background-position:0 -55px;
}

a.but_oeu_selected
{
display:block;
width:72px;
height:55px;
background: url(./img/but_oeu.gif) no-repeat 0 0;
background-position:0 -55px;
}

a.but_pre
{
display:block;
width:68px;
height:55px;
background: url(./img/but_pre.gif) no-repeat 0 0;
}
a.but_pre:hover 
{
background-position:0 -55px;
}

a.but_pre_selected
{
display:block;
width:68px;
height:55px;
background: url(./img/but_pre.gif) no-repeat 0 0;
background-position:0 -55px;
}

a.but_mul
{
display:block;
width:128px;
height:55px;
background: url(./img/but_mul.gif) no-repeat 0 0;
}
a.but_mul:hover 
{
background-position:0 -55px;
}

a.but_mul_selected
{
display:block;
width:128px;
height:55px;
background: url(./img/but_mul.gif) no-repeat 0 0;
background-position:0 -55px;
}

a.but_blo
{
display:block;
width:52px;
height:55px;
background: url(./img/but_blo.gif) no-repeat 0 0;
}
a.but_blo:hover 
{
background-position:0 -55px;
}

a.but_blo_selected
{
display:block;
width:52px;
height:55px;
background: url(./img/but_blo.gif) no-repeat 0 0;
background-position:0 -55px;
}



.cadre_cont1{
  text-align:center;
  height:350px;
  width:33%;
  float:left;
}

.cadre_cont2{
  text-align:center;
  height:250px;
  width:50%;
  float:left;
}

.menu_bas_i
{
display:block;
width:183px;
height:55px;
background: url(./img/menu_bas_i.gif) no-repeat 0 0;
}

a.menu_bas_c
{
display:block;
width:275px;
height:55px;
background: url(./img/menu_bas_c.gif) no-repeat 0 0;
}
a.menu_bas_c:hover
{
background-position:0 -55px;
}

a.menu_bas_p
{
display:block;
width:162px;
height:55px;
background: url(./img/menu_bas_p.gif) no-repeat 0 0;
}
a.menu_bas_p:hover
{
background-position:0 -55px;
}

a.pochette{text-decoration:none;color:black;font-weight:bold;}
a.pochette:hover{color:#FF00FF;}

a.blog{text-decoration:none;color:black;font-weight:bold;}
a.blog:hover{color:#000099;}
.date{font-size:0.9em;margin-bottom:10px;}
.titre{font-size:1.5em;color:#000099;text-align:center;margin-bottom:10px;font-family:verdana;}
.image{text-align:center;margin-bottom:20px;}
.texte{text-align:justify;}
.page{padding:10px 0 0 0;}
.multi{background:url(./img/oeuvres_barre.jpg) repeat-x;}
a.themes{text-decoration:none;color:#000099;margin-left:5px;margin-right:5px;font-size:16px;}
a.themes:hover{text-decoration:underline overline;}
.affiches{float:left;padding:20px 40px 0 40px;width:120px;}


.cssform p{
font-family:verdana;
font-size:0.9em;
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 140px;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -140px;
width: 150px;
}

.cssform input[type="text"]{ 
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cadre_xl_haut
{
  margin:0 auto 0 auto;
  height:10px;
  width:398px;
  background:url(./img/cadre_xl_haut.jpg);
}

.cadre_l_haut
{
  margin:0 auto 0 auto;
  height:10px;
  width:287px;
  background:url(./img/cadre_l_haut.jpg);
}
.cadre_m_haut
{
  margin:0 auto 0 auto;
  height:10px;
  width:188px;
  background:url(./img/cadre_m_haut.jpg);
}
.cadre_s_haut
{
  margin:0 auto 0 auto;
  height:10px;
  width:108px;
  background:url(./img/cadre_s_haut.jpg);
}

.cadre_xl_bas
{
  background:url(./img/cadre_xl_bas.png) no-repeat;
  height:10px;
  width:398px;
  margin-left:auto;
  margin-right:auto;
}

.cadre_l_bas
{
  background:url(./img/cadre_l_bas.png) no-repeat;
  height:10px;
  width:287px;
  margin-left:auto;
  margin-right:auto;
}

.cadre_m_bas
{
  background:url(./img/cadre_m_bas.png) no-repeat;
  height:10px;
  width:188px;
  margin-left:auto;
  margin-right:auto;
}

.cadre_s_bas
{
  background:url(./img/cadre_s_bas.png) no-repeat;
  height:10px;
  width:108px;
  margin-left:auto;
  margin-right:auto;
}


.cadre_xl_cont
{
  background-color:#DFCDFC;  
  border-left:2px solid #000000;  
  border-right:2px solid #000000;
  width:394px;  
  margin-left:auto;  
  margin-right:auto;
  text-align:justify;
  font-size:12px;
}

.cadre_l_cont
{
  background-color:#DFCDFC;  
  border-left:2px solid #000000;  
  border-right:2px solid #000000;
  width:283px;  
  margin-left:auto;  
  margin-right:auto;
  text-align:justify;
  font-size:12px;
  line-height:25px;
}
.cadre_m_cont
{
  background-color:#DFCDFC;  
  border-left:2px solid #000000;  
  border-right:2px solid #000000;
  width:184px;  
  margin-left:auto;  
  margin-right:auto;
  text-align:justify;
  font-size:12px;
}
.cadre_s_cont
{
  background-color:#DFCDFC;  
  border-left:2px solid #000000;  
  border-right:2px solid #000000;
  width:104px;  
  margin-left:auto;  
  margin-right:auto;
}