body { 
		 border: 0px;
		 padding: 0px; 
		 margin: 0px;
		 height: 100%;
		 width:100%;
		 font-family: Arial, Helvetica, sans-serif;
		 color : #313131;
		 background: #ffffff ;
		 position:relative;
}
.all {
		 position: relative;
		 padding: 0 0px 0 0px; 
		 
}


.Normal {	 font-size: 11px;
		 font-family: arial;
}
.TitreVert {	 font-size: 16px;
		 font-family: arial;
		color:#198a23;
		font-weight:bold;
		font-variant:small-caps;
		background-image:url('puce.gif');
		background-position: 0 2px;
		background-repeat:no-repeat;
		padding-left:20px;}
.TitreOrange {	 font-size: 16px;
		 font-family: arial;
		color:#d35714;
		font-weight:bold;
		
		background-image:url('puce_orange.gif');
		background-position: 0 2px;
		background-repeat:no-repeat;
		padding-left:20px;}
.Vert {		 font-size: 14px;
		 font-family: arial;
		color:#198a23;
		font-weight:bold;}
.Pomme {	font-size: 14px;
		 font-family: arial;
		color:#bbd239;
		font-weight:bold;}
.Orange {	 font-size: 14px;
		 font-family: arial;
		color:#d35714;
		font-weight:bold;}
.Bleu          {	 font-size: 14px;
		 font-family: arial;
		color:#006666;
		font-weight:bold;}

.Style6 {font-size: 13px; font-family: arial; }

.Style7 {color: #666666}
.Style8 {font-size: 11px}
.Style9 {font-family: arial}
.Style10 {font-size: 11px}
a:link {
		 text-decoration: none;
font-size:11px;
}
a:visited {
		 text-decoration: none;
 color: #c13126; 

}
a:hover {
		 text-decoration: underline; color:#FF6600;
}
a:active {
		 text-decoration: none; color: #c13126;
}

 img {
border: none;
}
.titreglobal{
font-size:30px;
color:#c74803;
padding-right: 15px;
padding-left: 15px;
width:700px;
}
 a.extern:hover
{
background-image:url(fleche_orange.gif);
background-repeat: no-repeat;
background-position:left;
padding-right: 15px;
padding-left: 15px;
}
 img {
border: none;
} 
td {
vertical-align: top;
}
#menuhorizontal{
margin-top:0px;
margin-left:20px;
maximum-width:1100px;
height:111px;
text-align:center;
}
 .forgroundcontent
 {
 position:absolute;
 z-index:1;
 margin:100px 10% 0 10%;
 /*design preference*/ 
}
#picto
 {
 position:relative;
left:364px;
top:15px;
 z-index:1;
}
#pictoAccueil
 {
 position:relative;
left:301px;
top:5px;
 z-index:1;
}
 .backgroundcontent 
{
 position:fixed; top:0px;
 left:2px; /* width, height and left adjusted as image */ 
width:101.5%; /* canvas is slightly padded to work in IE */ 
height:101.5%; 
}
 .titre 
{
 color: #133b76;
 font-size: 11px;
 font-family: tahoma;
 font-weight: bold;
 }
 #backmenu
{
 background-repeat:no-repeat; 
}
 #menu 
{
position:relative;
top:-60px;
left: 25px;
 background-color:transparent;
 height: 300px;
 width:203px;
 padding-top:85px;
 margin:0px;
 }
#plan
{position:absolu;
left:600px;
top: 160px;
}
 #img 
{
 padding-top:0px; padding-left:0px;
 } 
 .elt_listmenu 
{
 width:203px;
 padding:5px 0 0 0px;
 list-style-type:none;
 }
 
 .elt_menu
 {
 width: 203px;
 color:#ede6a6;
 text-decoration:none;
 font-size:11px;
 list-style-type:none;
 padding:0 0 0 5px;
 margin:0px;
 }
 .listemenu
 {
 list-style-type:none;
 padding: 0px;
 margin:0px;
 }
a.bouton, li.elt_listmenu a.bouton
{
 display:block;
 font-size:15px;
 height:28px;
 width:200px; 
margin:0px 0;
 font-family:  arial;
font-variant:small-caps;
 text-align:center;
 color:#e9fbc3;
 font-weight:bold;
 text-decoration:none;
 padding:0px 0 0 0;
}
 a:hover.bouton, li.elt_listmenu a:hover.bouton, 
{
 color:#000000;
}
 a:link.menu, a:visited.menu, a:active.menu 
{
color: #000000;
 font-size:11px;
 text-decoration: none;
 background-color: transparent;
 margin:0px;
 }
 a:link.definition, a:visited.definition, a:active.definition
{
color: #000000;
 font-size:13px;
 text-decoration: none;
 background-color: transparent;
 margin:0px;
 }
 a:link.on,a:visited.on,  a:active.on
{
color:#c43228;
 font-size:11px;
 text-decoration: none;
 background-color: transparent;
 margin:0px;
 } 
a:hover.on, a:hover.menu
{
color: rgb(255,102,0);
 font-size:11px;
text-decoration:underline;
 background-color: transparent;
 margin:0px;
 } 
 a:hover.definition
{
color: rgb(255,102,0);
 font-size:13px;
text-decoration:underline;
 background-color: transparent;
 margin:0px;
 } 
 a.white, a.white:hover, a.white:visited
{
color: #000000;
text-decoration: none;
}


 a.petitecap, a:visited.petitecap
{font-size: 15px; 
font-weight: bold;
font-variant:small-caps;
text-decoration:none;
color:#ffffff;
}
a.petitecap11,a.petitecap61,a:visited.petitecap11,a:visited.petitecap61
{font-size: 15px; 
font-weight: bold;
font-variant:small-caps;
text-decoration:none;
color:#c74803;
}
 a.petitecap21,a:visited.petitecap21
{
font-size: 15px; 
font-weight: bold;
font-variant:small-caps;
text-decoration:none;
color:#f67f1f;
}
 
a.petitecap51,a:visited.petitecap51
{font-size: 15px; 
font-weight: bold;
font-variant:small-caps;
text-decoration:none;
color:#084242;
}
 a.petitecap31,a:visited.petitecap31
{font-size: 15px; 
font-weight: bold;
font-variant:small-caps;
text-decoration:none;
color:#ffffff;
}
 a.petitecap41,a:visited.petitecap41
{font-size: 15px; 
font-weight: bold;
font-variant:small-caps;
text-decoration:none;
color:#f8b10b;
}