/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4,h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	/* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/* border-collapse: collapse; */
	/*border-spacing: 0;*/
}

a {
text-decoration: none;
color: #000000;
}

#tout{
margin: 0 auto;
position: relative;
width:927px;
top: 30px;

}
 
body{

background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
height: auto;
width: 100%;
 font-family: verdana, arial, helvetica, sans-serif;
    line-height: 1.5em;
font-size: 12px;
	}

h1{
    text-align: center;
    font-size: 22px;
    color: #667;
}

h1 a{
    text-decoration: none;
}

h2 {
   text-align: left;
    color: #667;
  }

h3 {
    font-size: 15px;
    color: #667;
}

h4 {
    font-size: 12px;
    color: #000;
}

p {
margin: 20px;
text-indent: 19px;
text-align: justify;
}

.p1 {
margin-left: 100px; 
margin-right: 19px;
margin-top: 5px;
margin-bottom: 5px;
text-indent: -10px;
text-align: left;
}

.p2 {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 60px;
margin-right: 19px;
text-align: left;
text-indent: 0px;
}

.p3 {
margin: 20px;
margin-left: 110px;
}

.p4 {
text-align: center;
}

.imgcentre {
display: block;
margin: 0 auto;
}

.lien:hover
	{
	color: #f7bd11;
	}
	
.datemaj {
    text-align: right;
	font-size: 10px;
    margin-top: 0; margin-bottom: 0 ;
    border-top: 1px solid #f7bd11;
}



.ombrage{
position: relative;
display: inline-block;
  -webkit-box-shadow: 2px 2px 5px #000000;
  -moz-box-shadow: 2px 2px 5px #000000;
  box-shadow: 2px 2px 5px #000000; 
}

.opac{
z-index: -1;
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px;
/* background-color: #A0A0A0; */
background-color: #D0D0D0;
opacity: 0.8;
filter:alpha(opacity=80);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.opacmilieu{
z-index: -1;
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px;
/* background-color: #A0A0A0; */
background-color: #FFFFFF;
opacity: 0.80;
filter:alpha(opacity=80);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
overflow: auto;
}

.opacbandeau{
z-index: -1;
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px;
background-color: #F0F0F0;
opacity: 0.80;
filter:alpha(opacity=80);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.coinhg{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.coinhd{ -moz-border-radius-topright: 10px; -webkit-top-right-border-radius: 10px; border-top-right-radius: 10px; }
.coinbg{ -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.coinbd{ -moz-border-radius-bottomright: 10px; -webkit-bottom-right-border-radius: 10px; border-bottom-right-radius: 10px; }
  
.coin{
/* background: url(../img/s_picto9.jpg) center no-repeat; */
vertical-align: middle;
width: 45px; height: 45px; padding: 0px;
margin-top: 0px; margin-left: 2px; margin-right: 2px; 
}

.menu{
  margin-top: 0px;
  vertical-align: middle;
  text-align: center;
  width: 820px;
  padding: 0px;
  height: 45px;
}

.menuitem{
display: inline-block;
margin-left:3px;
text-align: center;
margin-right:3px;
margin-top:10px;
padding-top:3px;
height:20px;
width: 140px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border-style: solid;
border-width: 1px;
border-color:#808080;
}


.menuitem img {
height: 10px;
}

.menuitem:hover{ background-color: #C0C0C0; border-color: #E0E0E0; }

#milieu {
margin-top: 4px;
}


.sousmenutitre{
font-weight : bold;
border-bottom:solid 1px;
text-align: center;
//  -moz-border-radius: 5px;
//  -webkit-border-radius: 5px;
//  border-radius: 5px;
margin: 10px;
padding: 10px;
}

.sousmenu{

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
margin: 10px;
margin-top: 20px;
}

.sousmenuitem {
    margin-left:20px;
	padding-bottom: 5px;
	padding-top:5px;
	list-style-type:disc;
 }

 .sousmenuitem:hover {
    margin-left:20px;
	padding-bottom: 5px;
	padding-top:5px;
	list-style-type:disc;
    color: #f7bd11;
 }

.bandeau{
vertical-align: middle;
width: 160px;
height: 400px;
padding: 0px;
margin-top: 0px;
margin-left: 2px;
margin-right: 2px; 
}

.milieucontenu{
  vertical-align: middle;
  width: 590px;
  height: 400px;
  padding: 0px;
  /*text-align: center;*/
  margin-top: 0px;
  overflow: auto;
}

.milieu{
  vertical-align: middle;
  width: 590px;
  height: 400px;
  padding: 0px;
  /*text-align: center;*/
  margin-top: 0px;

  }
  
  #bas {
margin-top: 4px;
}