#pagedegarde
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
/*background-image: url("photospdeg/fond4.jpg") ;*/
background-color: #e6e6fa ;
background-attachment: fixed ;
font-size: medium;
line-height: 1.5em;
text-align: justify;
font-family:  Times,"Times New Roman" , Verdana, Arial, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call */
}
#photodumois
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #c0c0c0 ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
 #association
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #87cefa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
 #MB02
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #e6e6fa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
  #reportage
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #d8d8fa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
  #MB03
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #cfcffa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
  #MB04
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #dadafa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
 #MB02-2
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #dbd8fa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
 #MichelBarry
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #88cffa ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
/*text-align: justify;*/
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
 #lescousins
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #c3c3c3 ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
  #archives
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-color: #b3b3b3 ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call  */
 }
/*
 body
{
width: 95%;
margin-left: auto;
margin-right:  auto;
margin-top: 50px;
background-image: url("photospdeg/fond4.jpg") ;
background-attachment: fixed ;
font-size: small;
line-height: 1.5em;
text-align: justify;
font-family: Verdana, Arial, "Times New Roman" , Times, sans-serif;

 behavior: url(csshover.htc); /* WinIE behavior call 
 }
*/


#logo
{
margin-top: 100px;
height: 130px;
width: 90%;
margin-left: auto;
margin-right:  auto;
border: 3px outset #F7E444;

background: url("photospdeg/Logo-37.png")  ;
/*
background: url("photospdeg/Logo-3.jpg") no-repeat #CCCCCC;*/
background-position: 60% 30% ;
margin-bottom: 70px;
}
#souris
{
background: url("photospdeg/Souris_8.png") no-repeat;
width:400px;
height:220px;
position: absolute;
top: 5px;
left: 35px;
}
#album  img
{
border: none ;
}
#coupon  img
{
border: none ;
}
#coupon  a:link
{
border: none ;
}
#coupon  a:visited
{
border: none ;
}

div.pict img
{ float: left;
height: 113px;
width: 150px; 
padding: 16px ; 
margin: 10px 10px; 
background: #DDD; 
border-top: 1px ;
border-left: 1px ;
border-bottom: 3px ;
border-right: 3px ; 
border-color:#333 #777 #777 #333;
}

div.pict1 img
{ float: left;
height: 200px;
width: 250px; 
padding: 16px ; 
margin: 20px 20px; 
background: #DDD; 
border-top: 1px ;
border-left: 1px ;
border-bottom: 3px ;
border-right: 3px ; 
border-color:#333 #777 #777 #333;
}

div.pict2 img
{ float: right;
height: 150px;
width: 200px; 
padding: 1px ; 
margin: 15px 15px; 
background: #DDD; 
border-top: 1px ;
border-left: 1px ;
border-bottom: 3px ;
border-right: 3px ; 
border-color:#333 #777 #777 #333;
}

div.pict3 img
{ float: left;
height: 150px;
width: 200px; 
padding: 1px ; 
margin: 15px 15px; 
background: #DDD; 
border-top: 1px ;
border-left: 1px ;
border-bottom: 3px ;
border-right: 3px ; 
border-color:#333 #777 #777 #333;
}
h1
{
margin-top:5px;
color: #111111;
font-size: 220%;
font-style: italic;
font-weight: lighter;
font-family:  "Book Antiqua ",  Verdana, Arial, "Times New Roman" , Times, sans-serif;
text-align: center;
line-height: 1.5em;
}
h2
{
font-size: 160%;
font-weight: lighter;
color: navy;
}
h3
{
text-align: center;
font-weight: lighter;
line-height: 2.5em;
color: navy;
}
h4
{
font-size: 120%;
font-weight: lighter;
color: navy;
}
#titre h1
{
text-indent: -50000px;
}

a
{
color: black;
text-decoration: none;
}
a:hover
{
color: #1155FF;
}
a:active
{

font-style:italic;
font-weight: lighter;
}
div#menu {float: left; width: 13em;font-size: 80%;
  background: #CCC ; margin-top: 160px ;}
 div#menu ul {margin: 0px; padding: 0px; width: 13em;
  background: #CCC; border: 1px solid #AAA ; }
div#menu li {position: relative; list-style: none; margin: 0px; border-bottom: 1px solid #CCC; }
div#menu li:hover {background: #5CF;}
 div#menu li.submenu {background: url(photospdeg/submenu.gif) 95% 50% no-repeat;}
  div#menu li.submenu:hover {background: #9CF;}
  div#menu li a {display: block; padding: 0.05em 0.8em 0.05em 0.8em; text-decoration: none; width: 12.5em ; }
    div#menu ul ul {position: absolute; top: 0px; left: 13em; display: none;}
  div#menu  ul.niveau1  li.submenu:hover  ul.niveau2,
    div#menu  ul.niveau2  li.submenu:hover  ul.niveau3
  {display: block;}
  
#corps
{
color: black; margin-left: 13em; padding: 1px 5% 1px 5%;
}
#corps h2
{
margin-top:50px;
text-align: center;
}
#pied_de_page
{
clear: left;
margin-top: 30px;
padding: 5px;
color: navy;
/*border: 1px dotted olive;*/
text-align: center;
}
p.design
{
font-style: italic ;
font-size: .6em;
}

p.maj
{
font-style: italic ;
font-size: .8em;
margin-left: 70%;
}
/*mise en page  association*/
.col_1
{
width: 47%;
margin-top: 10px;
margin-left: auto;
margin-right:  auto;
float: left;
text-align: justify;
}
.col_2
{
width: 47%;
margin-top: 10px;
margin-left: auto;
margin-right:  auto;
float: right;
text-align: justify;

}
.col_3
{
width: 95%;
margin-top: 10px;
margin-left: auto;
margin-right:  auto;
float: left;
text-align: justify;
}
/*mise en page photo du mois*/
.photo_du_mois
{
 
width: 70%;
margin-left: 15%;
}
/*mise en page reportage*/
.photo1
{
float: left;
margin-top: 20px;
padding: 10px;
margin-right: 15px;
}
.photo2
{
float: right;
margin-top: 20px;
padding: 10px;
}
.photo3
{
margin-top: 30px;
margin-left: 15px;
}

.photo4
{
margin-top: 30px;
width: 60%;
margin-left: 25%;
}

.photo5
{
height: 250px;
width: 400px;
}
/*  photo6 mise en page la photo janvier 2010*/
.photo6
{
 
width: 35%;
margin-left: 30%;
}
.remarque
{
font-style: italic ;
}

.symbole
{
font-family: symbol ;
}
#accueil a
{
float: right;
width: 40%;
margin-top: 10px;
margin-left: 50%;
color: #444444;
text-decoration: none;
}
#accueil a:hover
{
color: #1155FF;
}
#accueil a:active
{
font-style:italic;
font-weight: lighter; 
}