body {
color : #333; 
background: #6B7F93 ; 
margin-top: 0;
margin-right: 12px;  
margin-left: 12px;
margin-bottom: 0;
padding : 0; 
font : 11px verdana, arial, helvetica, sans-serif; 
border-width: 3px;
border-color:gold;
} 
h1 {
margin : 0 0 15px; 
padding : 0; 
font-size : 28px; 
font-weight : 900; 
color : #DC895D ; /*#ccc; */
} 
h2 {
font : bold 12px/14px verdana, arial, helvetica, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
} 
h3 {
font :  verdana, arial, helvetica, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
font-size : 18px; 
font-style: italic;
color : #8A626F;  
} 
h4 {
font :  verdana, arial, helvetica, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
font-size : 12px; 
font-style: italic;
color : #8A626F;  
} 
h5 {
font :  verdana, arial, helvetica, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
font-size : 16px; 
font-style: normal;
font-weight : bold ;
color : blue;  
} 

p {
font : 11px/20px verdana, arial, helvetica, sans-serif; 
margin : 0 0 16px; 
padding : 0; 
} 
.midcontent > p {
margin : 0; 
} 
.midcontent > p + p {
text-indent : 0; 
} 
a {
color : #09c; 
font-size : 11px; 
font-family : verdana, arial, helvetica, sans-serif; 
font-weight : 600; 
text-decoration : none; 
} 
a:link {
color : #09c; 
} 
a:visited {
color : #07a; 
} 
a:hover {
background-color : #eee; 
} 
.midcontent {
width : auto; 
margin-right: 11px; 
margin-left: 4px;
margin-bottom: 20px;  
border : 1px solid #c2ceda; 
background : url("IET.gif") repeat;
/* background-color : white;#6B7F93; */
padding : 0;  
/*height:400px;*/
} 
.midcontent2 {
width : auto; 
margin-right: 11px; 
margin-left: 4px; 
margin-bottom: 20px;
border : 1px solid #c2ceda; 
background : url("IET.gif") repeat;
/*background-color:white; */
padding : 10px; 
} 
#navleftmenu {
width : 150px; 
top : 20px; 
left : 10px; 
background-color :#6B7F93 ; 
padding : 0;  
voice-family : "\"}\""; 
voice-family : inherit; 
width : 150px; 
} 
body > #navleftmenu {
width : 150px; 
} 
#navright { 
width : 150px; 
top : 20px; 
right : 10px; 
background-color :#6B7F93; 
padding : 0; 
z-index : 1; 
voice-family : "\"}\""; 
voice-family : inherit; 
} 

body > #navright {
width : 150px; 
} 
#LeftMNav {
z-index : 100000; 
} 
#LeftMNav UL {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
color : #ffffff; 
padding-top : 0; 
background-color : #f5f5f5; 
} 
#LeftMNav LI {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
list-style-type : none; 
background-color : #c2ceda; 
font-size : 10px; 
color :#ffffff;
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
} 
#LeftMNav a {
border-right : 1px solid #c3c8cb; 
padding-right : 0; 
background-position : 100% 50%; 
border-top : 1px solid #fefefe; 
display : block; 
padding-left : 4px; 
font-weight : normal; 
padding-bottom : 3px; 
border-left : 1px solid #fefefe; 
padding-top : 3px; 
border-bottom : 1px solid #c3c8cb; 
background-color : #eaeeee; 
font-size : 10px; 
color : #21536a; 
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
} 
#LeftMNav a:hover {
border-left-color : #fefefe; 
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color : #f8fafc; 
border-right-color : #c3c8cb; 
font-size : 10px; 
color : #ff3e3e; 
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
} 
#LeftMNav a:active {
border-left-color : #fefefe; 
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color : #f8fafc; 
border-right-color : #c3c8cb; 
font-size : 10px; 
color : #21536a; 
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
} 
.menuheader {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-align : center; 
font-weight : bolder; 
color : #ffffff; 
background-color : #6898d0; 
padding-top : 3px; 
padding-bottom : 1px; 
border-top : 0 none #c2ceda; 
border-bottom : 1px solid #c3c8cb; 
border-right : 1px solid #c3c8cb; 
border-top : 1px solid #fefefe; 
display : block; 
height : 16px; 
} 
.headerwhite {
font-size : 10px; 
font-weight : bold; 
color : #ffffff; 
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none; 
} 
.triangle {
width : 180px; 
background-color : #6898d0; 
margin-left: 4px;
} 
.triangle2 {
background-color : #96b7de; 
margin-right: 150px;
margin-left: 4px;
} 
.triangle3 {
width : 85px; 
background-color : #6898d0; 
width : 85px; 
top : 20px; 
right : 10px;
z-index : 1; 
} 
.triangleblue {
background :  url(../tr14x15_1.gif) no-repeat 100% 0%; 
} 
.headmemspot {
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 10px; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background-color : #6898d0; 
padding-top : 3px; 
padding-bottom : 3px; 
padding-left : 4px; 
display : block; 
} 
.headmemspot2 {
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 10px; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background-color : #75a0d5; 
margin-top : 10px; 
padding-top : 3px; 
padding-bottom : 3px; 
padding-left : 4px; 
display : block; 
} 
.spacer {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px; 
text-align : center; 
font-weight : bold; 
color : #6B7F93; 
padding-bottom : 3px; 
padding-left : 4px; 
display : block; 
} 

.blanc {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px; 
text-align : center; 
font-weight : bold; 
color : white; 
padding-bottom : 3px; 
padding-left : 4px; 
display : block; 
} 
.divmiddle {
background : url("IET.gif") repeat;
background-color : #fff; 
padding : 2px; 
display : block; 
height:500 ;/*essai*/
} 
.divmiddle1 {
background-color : #fff; 

padding : 2px; 
display : block; 
} 
.divmiddle2 {
background-color : #fff; 
border : 1px solid #c2ceda; 
margin-bottom : 30px; 
padding : 0; 
display : block; 
} 
#banner {
height: 96px;
background: #336699 url("../banniereieth.jpg") repeat-x;
padding: 0;
margin-right: 7px;  
margin-left: 7px;
margin-bottom: 15px;
}
#divbody{
margin: 3px;
padding: 2px;
background-color: #6B7F93;
}
#divleft{
float: left;
width: 16%;
margin: 0px;
background-color: #6B7F93;
}
#divright{
float:right;
width: 15%;
padding-right: 0;
}
#divmid{
float: left;
width:66%;
padding-left: 4px;
}
#divfoot{
background-color: white;
color: red ;
clear: both;
padding: 0;
}
#divright{
margin: 0;
padding: 0;
}
/* bandeau perso
-------------------------------------------------------- */
#pbandeau1 {
	background:#C6F1FD url("bord.gif") repeat-x top left;
	width:100%;
	float:left;
	height:20px ;
}

#pbandeau2 {
	background: url("banniereieth2.JPG") repeat-x top left;
	width:100%;
	height:129px;
	float:left;
}

#pembbandeau {
	
	background:#C6F1FD ;
	width:100%;
	float:left;
	margin-bottom:8px ;
	height:130;
}
#pbandeau1b {
	background:#C6F1FD url("bord.gif") repeat-x top left;
	width:100%;
	float:left;
	height:20px ;
}

#pbandeau2b {
	background: url("bas.JPG") repeat-x top left;
	width:100%;
	height:70px;
	float:left;
}

#pembbandeaub {
	
	background:#C6F1FD ;
	width:100%;
	float:left;
	margin-bottom:8px ;
	height:110;
}
#contenu {
/*height: 900px;*/
width:80%;
background : url("IET.gif") repeat;
margin-bottom:10px ;
padding: 2px;
float : right ;
}
/* formulaire
-------------------------------------------------------- */
#contenuf {
/*height: 700px;*/
width:100%;
background : url("IET.gif") repeat;
margin-bottom:10px ;
padding: 2px;
float : right ;
}
#formu {
position:relative ;
left :300px ;
width:33%;
}
.titre {

width:33%;
}
p.titre {
  background:#DED983;
  color:#345071;
  padding:.2em .3em;
  font-size:1.2em;
  border:2px outset #DED983;
  position:relative;
  margin-bottom:-1em;
  width:10em;
  margin-left:1em;
  margin-top:1em;
}
fieldset {
  border:none;
  margin-bottom:1em;
  width:30em;
  padding-top:1.5em;
}
select {
  margin-left:9em;
  margin-bottom:0;
}
/* fieldset coordonnees */
fieldset#coordonnees {
  background:#A4D8EE;
  border:outset #A4D8EE;
}
#coordonnees label {
  position:relative;
  font-size:90%;
  padding-top:.2em;
  left:10px;
}
#coordonnees input {
  margin-left:10em;
  line-height:1.4em;
  margin-bottom:.2em;
}
/* fieldset message */
fieldset#message {
  background:#9DF2CE;
  border:outset #9DF2CE;
}
#civilite {
  font-size:90%;
}
#civilite input {
  margin-left:5em;
}
#civilite input + input {
  margin-left:1em;
}
/* cases a cocher des centres d'interet */
#interets {
  font-size:90%;
}
#interets input {
  margin-left:8em;
}
#interets input +input {
  margin-left:1em;
}
#interets br+input {
  margin-left:7em;
}
/* zone de texte du message */
textarea {
  font:.8em "Trebuchet MS", Verdana, sans-serif;
  width:29em;
  padding:.2em;
}
/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#DED983;
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}
p#buttons {
  text-align:center;
}