body {
font-family:Verdana;
font-size: 0.7em;
margin: auto;
padding: 0;
background: url() no-repeat 50% 50%;
background-attachment: fixed;
background-color: #ffffff;
}

fieldset
{
   margin-bottom: 15px; 
   margin-left: 20px;
   margin-right: 20px;
   padding: 7px;
  
}

.center
{
   text-align: center;
}

legend 
{
  
   color: #FF9933;
   font-weight: bold;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

p {margin-top:2px; 
margin-right:7px; 
margin-bottom:5px; 
margin-left:7px; 
text-decoration: none; 
padding-top: 2px; 
padding-left: 7px;
font-size: 11px;
text-align:left; }

H1{font-size: 16px; 
font-weight: bold; 
color: #ff9933; 
text-align:center; 
font-family: Trebuchet MS; 
border-left: 2px dotted #ff9933;
border-right: 2px dotted #ff9933;
padding: 3px 3px 3px 3px;


}

H2 {font-size: 13px; 
font-style: normal; 
font-weight: bold; 
color: #5C86CD; 
text-align:center; 
font-family: Arial;
font-size: 13px; 
padding: 9px;}

H3 {font-size: 14px; 
font-weight: bold; 
color: #800080; 
padding: 9px;
font-family: Trebuchet MS;
text-align: left;
padding-bottom: 2px;
 }

H4 {font-size: 14px; 
color: #008040; 
font-weight: bold; 
font-family: Trebuchet MS; 
text-decoration: none; 
padding: 9px;
text-align: center;
}

H5 {font-size: 13px; 
color: #5C1987; 
font-style: italic; 
font-weight: bold; 
font-family: Trebuchet MS; 
text-decoration: none; 
padding: 9px;}

abbr, acronym, .help {
border-bottom:1px dotted #FFFFFF;
cursor:help;
   }
   
a img {
border:none; }


#colgauche {
  border-left-width:1cm;
  border-left-style:solid;
  border-color:red;
  padding-left:1cm;
  text-align:justify; }
  
#gauchedroite {
  border-left-width:1cm;
  border-left-style:solid;
  border-left-color:red;
  padding-left:1cm;
  border-right-width:1cm;
  border-right-style:solid;
  border-right-color:green;
  padding-right:1cm;
  text-align:justify; }
  
.toutautour {
  border-width:1px;
  border-style:solid;
  border-color:#7d0055;
  padding: 1px 1px 1px 1px;
  padding-bottom: 7px;
  text-align:justify; }
  
.toutautourd {
  border-width:1px;
  border-style:solid;
  border-color:#7d0055;
  padding: 1px 1px 1px 1px;
  padding-bottom: 7px;
  text-align:justify; }  

#header {
height: 110px;
background:url(img/bandeau.jpg) top left repeat ; 
position:relative;
margin: 0;

 }

#entree {
text-align:center; 
}




#bandeau {
  margin:0px 0px 0px 0px;
   
   width:1024px;
   height:138px;
   position:absolute;
   }
   

#ligne2 { 
margin:0px 0px 0px 0px;
   background:url(barre.png) right top no-repeat;
   width:3px;
   height:700px;
   position:absolute;
}
   
  
#ligne3 { 
margin:0px 0px 0px 0px;
   background:url(ligne2.gif) center center no-repeat;
      width:3px;
   height:530px;
   position:absolute;
   }
  

#conteneur {
position: absolute;
width: 100%;


}


#titre {
position: absolute;
padding-left:9px;
margin-left: 12px;
width: 150px;
color: #ffffff;
}

#table {
margin-left: 170px;
margin-right: 170px;
text-align: center;
padding: 9px;
display: inline;

}

#centre {
margin-left: 170px;
margin-right: 170px;
padding: 9px;
padding-top: 7px;
position: relative;




}

#gauche {

float: left;
width: 170px;
padding-top: 0px;
padding-left: 3px;



}

#droite {

float: right;
width: 170px;
padding-top: 0px;
padding-right: 3px;


}

#pied {
height: 110px;
background: #7d0055;
background:url(img/bandeaucol2.jpg) top repeat ; 
border-top: 1px solid #7d0055;

color: #ffffff;
text-align:center;
width: 100%;
clear: both;


}

#bas {clear:both;
padding-bottom:7px;
}

#haut {
background: url() repeat; 
text-align:center;
padding: 5px;
position: relative;
margin-left: auto;
margin-right: auto;
Border-bottom: 1px solid #7d0055;
border-top: 1px solid #7d0055;

}

#text { 
position : absolute; 
top : 5px; 
left : 85%;
font-family : Verdana, arial, Helvetica, sans-serif; 
font-size : 1.2em;
font-weight: bold;
color: #ff0000;
text-align: center;
}	




#cadre{
float:left;
width:100%;}



.hr1 {
	border: none;
  background: url('barre1.png'); 
  background-repeat: no-repeat;               
  height: 2px;
  margin-left: 7px;
  margin-right: 7px;
  padding-top: 7px;
	}

.hr2 {
	margin:-0.5em 7;
	color: #5C86CD;
background-color: #5C86CD;
height: 1px;
border: 0;

	}	
	
.hr3 {
	margin:-0.5em 7;
	color: #ff9933;
background-color: #ff9933;
height: 1px;
border: 0;

	}		
	

.fond {
	margin:5px 10px 10px 10px;
	margin-top: 50px;
	padding:5px;
	float: right;
	color:#9B1313;
	background:url(img/fondbandeau.jpg) top no-repeat; width: 1024px; height: 110px;
	}	
	
.cadre-gauche {
float: left;

	margin: 0px;
	position: relative;
	margin-top : 75px;
	padding:9px;
	color:#AE7887;
	border: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	}
	

	
.cadre-gauche a{
	text-align: left;
	color:#AE7887;
	border: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
}	

.cadre-droit {
float: right;

	
	position: relative;
	margin-top : 75px;
	padding:9px;
	color:#AE7887;
	border: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	}
	
.cadre-droit a{
	text-align: right;
	color:#AE7887;
	border: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
}			
	
.mini-titre {
	text-align: left;
	color:#5C86CD;
	border: none;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding: 7px;
}	
.mini-titre1 {
	text-align: center;
	color:#ff9933;
	border: none;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding: 7px;
}	
.mini-titre2 {
	text-align: center;
	color:#ff9933;
	border: none;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	padding: 7px;
}		

	
.menuhaut {
list-style-type: none;
margin: auto;
padding:10px 0;
text-align: center;
word-spacing: 13px;

}
.menuhaut li {
position:relative;
z-index:100;
margin: auto;

}
.menuhaut a {
margin: 0 2px;
color: #880088;
text-decoration: underline;
width: 230px;
height: 20px;
text-align: center;
font-size: 12px;
font-weight: bold;
}

.menuhaut a:hover {
background-color: #ffffff; 
color: #D4B3BD;
  text-decoration: none;
}
.menuhaut a:active { 
background-color: #800080; 
color: #ffffff;}







.menu {
list-style-type: none;
margin: 1px;
padding: 7px;
}

.menu a {
  display: block;
  width: 13em;
	height: 1.9em;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background:#ffffff;
	text-align: left;
	color: #800080;
  text-decoration: underline;
	margin: 2px 0;
	padding-left: 7px;
	
}



.menu a:hover {

  color: #FF5604;
  text-decoration: none;
}
.menu a:active {

  color: #800080;
  background-color: #D4B3BD;
}

.menu2 {
list-style-type: none;
margin: 1px;
padding: 7px;
}

.menu2 a {
  display: block;
  width: 14em;
	height: 1.9em;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: normal;
	text-align: left;
  text-decoration: none;
	margin: 2px 0;
	padding-left: 5px;
	line-height: 12px; 
	margin-top:7px; 
	margin-left:3px; 
	padding-top: 7px;
}



.menu2 a:hover {

  text-decoration: none;
  font-style: italic; 
  color: #008040;
}
.menu2 a:active {

  color: #008040;
  background-color: #D4B3BD;
}

.bouton a{

 
  text-decoration: none;
  width: 120px; 
  height: 20px;
  color: #FF5604;
  

  }
  
.button a{

 
  text-decoration: none;
  width: 120px; 
  height: 20px;
  color: #5C86CD;
  

  }  


a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}



.menugauche {
list-style-type: none;
margin: 5px;
margin-left: -35px;
padding:5px;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 2px 0;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

.menuavgauche {
list-style-type: none;
margin: 0;

padding:0;
}
.menuavgauche li {
margin-bottom: 5px;
}
.menuavgauche a {
margin: 2px 0;
color: #000000;
text-decoration: underline;
}
.menuavgauche a:hover {
text-decoration: none;
}


.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

.eclair{
padding-left: 5px; 
margin-top: 0px;
padding-bottom: 7px;
background: url("img/eclair.jpg") no-repeat; 
width: 170px;
height: 100px;
}

.eclair2{
padding-right: 0px; 
margin-top: 0px;
padding-bottom: 7px;
background: url("img/eclair2.jpg") no-repeat; 
width: 170px;
height: 100px;
}

.logo {margin-top :9px; margin-left: 7px; margin-top: 3px; width: 130px; height: 130px; background: url("img/logoscbmp2.jpg"); background-repeat: no-repeat;}
.get {padding :0px; margin-left: 15px;}


	


p.p1 {color: #000000; font-size: 9px; text-align: center; margin-top:7px; padding: 5px;}
.p1 a {color: #330066; text-decoration: underline;}
.p1 a:hover { background-color: #ffffff; color: #330066; text-decoration: underline;}
p.p2 { color: #000000; font-size: 9px; font-weight: bold; text-align: center; line-height: 5px; margin-top:3px; margin-left:3px; padding-top: 16px;}
.p2 a {color: #330066; text-decoration: underline;}
.p2 a:hover { background-color: #ffffff; color: #000000; text-decoration: underline;}

p.p3 a {color: #330066; text-align: right; text-decoration: underline; padding-top: 7px;}
.p4 a {color: #330066; text-align: right; text-decoration: none; padding-top: 7px; font-size: 11px;}
.p4 a:hover {font-style: italic; color: #008040;}
.p5 a {color: #000000; text-align: right; text-decoration: none; padding-top: 7px; font-size: 11px;}
.p6  {color: #2A4C0F; text-decoration: none; font-weight: bold; padding-top: 7px; font-size: 13px;text-align: center;}
.p7 {text-indent:7em;}
.p8 {font-size: 12px; font-weight: bold;}