body {
background:#fff url(/media/images/layout/bg.jpg) repeat-x top;
font-size:12px;
font-family:"Trebuchet MS", Helvetica, Verdana;
line-height:1.3em;
color:#314648;
}


#general {
background:transparent url(/media/images/layout/bg-bords.jpg) no-repeat left top;
width:850px; 
margin:0 auto; 
padding-left:11px;
padding-right:11px;
}


/**** HEADER ****/

#header {
background:transparent url(/media/images/layout/bg-header.jpg) no-repeat top left;
width:850px;
}

#header #link {
height:15px;
padding-top:5px;
text-align:right;
color:#c7a043;
font-size:10px;
}

#header #link a {
color:#819c9f;
}

#header #link a:hover {
text-decoration:underline;
}

/**** HEADER > LOGO ****/

#logo {
margin-left:25px !important;
margin-left:10px;
position:relative;
margin-top:-326px;
float:left;
}


/**** HEROES ****/
#heroes {
width:850px;
height:220px;
}


/**** CORPS ****/

html>body #corps {
width:830px;
background:#fff;
height:auto;
min-height:400px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}

#corps {
width:830px;
background:#fff;
height:400px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}

h1 {
background:transparent url(/media/images/layout/bg-titre0.png) no-repeat top;
height:165px;
width:790px;
color:#ffffff;
font-size:15px;
padding:15px 20px 0 20px;
font-family:candarab,"Trebuchet MS", Helvetica, Verdana;
text-transform:uppercase;
}

#contenu {
width:790px;
margin-top:-130px;
margin-left:20px;
margin-right:10px;
}

#histo td{
padding-bottom:10px;
}

#histo {
border:0;
}

.date {
vertical-align:top;
width:50px;
text-align:right;
font-weight:bold;
}

/**** CONTENU > GAUCHE ****/

#contenu #gauche {
float:left;
width:244px;
border-right:1px solid #ccc;
}

#contenu #gauche h3 {
font-size:11px;
}

#contenu #gauche p {
width:229px;
font-size:14px;
text-align:justify;
color:#57787c;
}


/**** CONTENU > DROITE ****/

#contenu #droite {
float:right;
width:525px;
margin-left:10px;
margin-right:10px;
}

#contenu #droite h2 {
font-size:14px;
margin-bottom:15px;
font-family:candarab,"Trebuchet MS", Helvetica, Verdana;
text-transform:uppercase;
color:#5c8185;
}

#droite h3 {
font-size:14px;
margin-bottom:5px;
}


#contenu #droite ul.fleche{
float:left;
font-size:10px;
width:45%;
}

#contenu #droite ul.fleche li{
color:#09474f;
margin-bottom:3px;
}

#contenu #droite p.info {
color:#777;
font-size:10px;
}

.aRight {
float:right;
}

table#metier {
border-spacing:5px; 
color:#fff;
}

table#metier tr.title{
font-size:14px;
}

table#metier td {
border:2px solid  #5a7f83;
padding:8px;
background:#5c8185 url(/media/images/layout/bg-table.png) repeat-x top;
}

/**** CONTENU_INT ****/

#contenu_int {
width:810px;
margin-top:15px;
margin-left:10px;
margin-right:10px;
}

/**** CONTENU_INT > GAUCHE ****/

#contenu_int #gauche {
float:left;
width:245px;
}

#contenu_int #gauche p {
width:229px;
font-size:10px;
text-align:justify;
color:#57787c;
}

html>body #menu2 {
background:transparent url(/media/images/layout/bg-menu2.png) no-repeat top;
width:244px;
height:auto;
min-height:175px;
padding-left:6px;
padding-top:8px;
}

#contenu_int #menu2 {
background:transparent url(/media/images/layout/bg-menu2.png) no-repeat top;
width:244px;
height:167px;
padding-top:8px;
padding-left:6px;
}

html>body div#menu2 {
background:transparent url(/media/images/layout/bg-menu2.png) no-repeat top;
width:230px;
height:auto;
min-height:161px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#contenu_int div#menu2 {
background:transparent url(/media/images/layout/bg-menu2.png) no-repeat top;
width:230px;
height:165px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}


#contenu_int ul#menu2 li a {
background:transparent url(/media/images/layout/bg-menu2-sel.png) no-repeat top;
width:228px;
height:24px;
display:block;
color:#fff;
padding-top:8px;
padding-left:10px;
}

#contenu_int ul#menu2 li a.selected, #contenu_int ul#menu2 li a.selected:hover {
background-position:bottom;
}

#contenu_int ul#menu2 li a:hover {
background-position:center;
}


/**** CONTENU_INT > DROITE ****/

#contenu_int #droite {
float:left;
width:555px;
margin-left:10px !important;
margin-left:5px;
}

#contenu_int #droite h2 {
background:transparent url(/media/images/layout/bg-titre1.png) no-repeat top;
height:163px;
width:515px;
color:#ffffff;
font-size:16px;
padding:12px 20px 0 20px;
font-family:candarab,"Trebuchet MS", Helvetica, Verdana;
}


#contenu_int #droite .text {

padding:10px 20px 0 20px;
margin-top:-130px;
}

div.text table {
margin-top:10px;
margin-bottom:10px;
border:1px solid #ccc;
width:515px;

} 

div.text table tr td{
text-align:right;
padding:5px;
vertical-align:top;
font-size:10px;}


div.text table tr td.titreTable{
text-align:left;
width:120px;
font-size:11px;}



/**** FOOTER ****/

#footer {
font-size:10px;
text-align:right;
margin-top:25px;
}

a {
text-decoration:none;
color:#57787c;
}

a:hover {
text-decoration:none;
color:#8ca7aa;
}

p {
margin-top:2px;
margin-bottom:5px;
}

.spacer {
clear:both;
visibility:hidden;
}

ul li {

}

a img {
border:0;
}

.left {
float:left;
}

.right {
float:right;
}

.mee {
color:#f4bd00;
}


.info {
color:#97b3b6;
margin-bottom:10px;
}

h3.news {
font-size:14px;
}

.adresse {
width:30%;
float:left;
margin:10px;
}

.adresse h3{
width:100%;
display:block;
border-bottom:1px dotted #57787c;
margin-bottom:10px;
}

.supportsListe{
width:95%;
margin:10px;
}

.supportsListe h3{
width:100%;
display:block;
border-bottom:1px dotted #57787c;
margin-bottom:10px;
}

.supportsListe ul{
margin-left:20px;
list-style-image:url(/media/images/layout/puce.png);
}

.supportsListe ul li{
margin-bottom:5px;
}


div.text ul {
margin-left:20px;
list-style-image:url(/media/images/layout/puce.png);
}

div.text ul li {
margin-bottom:5px;
}


div.text ul li ul {
margin-left:20px;
list-style-image:url(/media/images/layout/puce2.png);
}



 
/******domtabs*******/
div.domtab {

}

div.text ul.domtabs{
	float:left;
	width:100%;
	list-style-type:none;	
	border-bottom:1px solid #4a6568;
	text-align:left;
	margin-bottom:20px;
	margin-left:0;
}

div.text ul.domtabs li{
	list-style-image:none;
	margin:0;
	float:left;
	padding:0 5px 0 5px;
}

ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
	padding:5px 15px 5px 15px;
	display:block;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	background:#ddd;

}

ul.domtabs a:hover{
	background:#75989c;
	color:#fff;
}
div.domtab div{
	clear:both;
	width:auto;

}

ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
	background:#4a6568;
	color:#fff;
	margin-bottom:0;
}
#domtabprintview{
	float:right;
	padding-right:1em;
	text-align:right;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{
	color:#fff;
}

div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{

	
}
		
