/* les liens textes */
a:link {
	text-decoration: none;
	color:#ff9900;
}
a:visited {
	text-decoration: none;
	color:#ff9900;
}
a:hover {
	text-decoration: underline;
	color:#ff9900;
}
a:active {
	text-decoration: none;
	color:#ff9900;
}

/*cadre principal */
.maitre {
position:absolute;
border: 1px solid #000;
background-color:#003300;
top:50px;
left:200px;
width:900px;
height:600px;
}

/* Logo */
.logo {
 position:absolute;
 margin:0px;
 left: 10px;
 top: 5px;
}

/*info ouverture fermeture */
.news {
position:absolute;
border: 1px solid #000;
background-color:#003300;
top:200px;
left:20px;
width:160px;
height:230px;
text-align:center;
font-size: 1em;
color:#FFFF33;
}


/* menu horizontal */
body {
margin: 0;
padding: 0;
/* background: white; */
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 5px;
left: 110px;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/* background: #ccc; */
background-image: url(../images/menu.gif);
/* border: 1px solid gray; */
}
#menu dd {
/* border: 1px solid gray; */
}
#menu li {
text-align: center;
/* background: #fff; */
background-image: url(../images/menu.gif);
}
#menu li a, #menu dt a {
color: #000; 
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
/* background: #eee;  */
background-image: url(../images/menu1.gif);
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
/* color: #000; */
/* background-color: #ddd; */
padding: 5px;
border: 1px solid gray; 
}

a {text-decoration: none;
color: black;
color: #222;
}


/* cadre principal */

.cadre1 {
position: Absolute;
top:120px;
left: 10px;
width:860px;
height:450px;
padding:10px;
border: 1px solid #000;
}

.cadreG {
position: Absolute;
top:350px;
left: 20px;
width:200px;
height:200px;
padding:10px;
}

.cadre2 {
position: Absolute;
top:120px;
left: 10px;
width:860px;
height:450px;
border: 1px solid #000;
}

.cadre3 {
position: Absolute;
top:680px;
left: 430px;
width:420px;
height:25px;
/* padding:10px; */
background: #003300;
border: 1px solid #000;
text-align:center;
font-size: 0.7em;
color:#FFFFFF;
}

div#bloc1 {

      	width: 860px;
      	height: 450px;
      	overflow: auto;
      	
}


.cadrein1 {
position: absolute;
top:320px;
right:20px;
width:200px;
height:200px;
}

.cadrein2 {
position: absolute;
top:130px;
right:120px;
width:200px;
height:150px;
}
/* textes */

.text1 {
font-family:"comic sans ms";
text-align:justify;
font-size: 1.5em;
color:#FFFF33;
}

.text2 {
font-family:"comic sans ms";
text-align:right;
font-size: 1.5em;
color:#FFFF33;
}

.text3 {
font-family:"comic sans ms";
text-align:justify;
font-size: 1.2em;
color:#FFFF33;
}

.text4 {
font-family:"comic sans ms";
text-align:center;
font-size: 1.5em;
color:#FFFF33;
}

.text5 {
font-family:"comic sans ms";
text-align:justify;
font-size: 1.4em;
color:#FFFF33;
}

.text6 {
font-family:"comic sans ms";
text-align:center;
font-size: 1.5em;
color:#FFFF33;
}