/*General*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #edf1f4;
	
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2b2b2b;
	
	
	
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2b2b2b;
}

a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	font-size: 11px;
	color: #45aeef;
}

a img {
	border : none;
}

p {
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #2b2b2b;
}

h1 {
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	font-weight: bold;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

h4 {
	margin: 0px;
	padding: 0px;
}
#conteneur {
position: relative;
text-align: left; 
width: 975px;
margin-left: auto;
margin-right: auto; 
background-color:#2b6caf;
border:none;
border: 1px solid #FFFFFF;
margin-top: 5px;
}
#bannierelogo {
position: absolute;
left:0;
top: 0;
height: 75px;
width: 975px;
margin:0;
padding:0;
}
#bannierelogo img {
display: block;
}
#logopub {
position: absolute;
left:265px;
top: 3px;
height: 60px;
width: 468px;
margin:0;
padding:0;
}
.pdgB7 {
	padding-bottom: 7px;
}

.pdgH7 {
	padding-top: 7px;

}
.bgmenu {
		background-image:url(http://www.7-dragons.com/images/bgmenu.jpg);
	background-repeat: repeat-x;
	
}
#centre {
background-color:#FFFFFF;


margin-top: 110px;
padding: 10px;
padding-top:5px;
font-size: 0.8em;
}
#centre  li{
list-style-type:circle;
}
#gauche {
position: absolute;
left:0;
top: 107px;
width: 175px;
padding-left: 5px;
padding-top: 5px;
}
#droite {
position: absolute;
right:0;
top: 110px;
width: 175px;
padding-left: 5px;
padding-top: 5px;
}
.footer {
	clear:both;
	
	border: 1px solid #a7c7dc;
padding: 10px;
	background-color: #FFFFFF;
  margin-bottom: 15px;
  margin-top: 15px !important;
  margin-top: 0;
  
}
#bas {
	clear:both;
	text-align:center;
	border: 1px solid #a7c7dc;
	background-image:url(images/bgmenu.jpg);
	background-repeat: repeat-x;

  margin-bottom: 1px;
  margin-top: 1px !important;

  
}
#bas   a{
color:#FFFFFF;
text-decoration: none;
font-weight: bold;

}
#bas   a:hover {
color:#000000;
text-decoration: underline;
}
#bas   li{
display:inline;
margin:0;
padding:0;
}
#search	{
position: absolute;
width: 150px;
margin-left: auto;
margin-right: auto; 
top: 1px;
right: 90px;
}
#imgcol	{
margin: 0;
padding: 0;
text-align: center;
}
.menugauche {
list-style-type: none;
margin: 0;
padding: 0;
}
.menugauche li {
margin:0;
margin-bottom: 5px;
padding:0;
}
.menugauche  a{
font-size: 0.8em;
margin: 0 2px;
color:#FFFFFF;
text-decoration: none;
}
.menugauche  a:hover {
color:#FFFFFF;
text-decoration: underline;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
padding-left: 5px;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #FFFFFF;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
}
.menudroit a:hover {
text-decoration: underline;
}
.titrecol	{
padding:3px;
color:#FFFFFF;
margin-bottom: 10px;
margin-right:5px;
background-color: #8C0000;
border: 1px solid #000000;
text-align:center;
}
p {
margin: 0 0 10px 0;
}
.principale_serveur .ap_p2 {
  height: 100px;
  padding: 35px 10px !important;
  padding-bottom:32px;
}
.ap_p1 {
	background-color: #a7c7dc;
}

.ap_p2 {
  background-color: #d1e7f5;
  float:left;
  width:100px;
  height:100px;
  padding:10px !important;
  padding-bottom:7px;
  text-align:center;
}

td.ap_p2 {
  float:none;
}

.contentap_p2 {
  background-color: #d1e7f5;
  padding:10px;
  text-align:center;
  border: 1px solid #a7c7dc;
  margin-bottom: 15px;
}
.categorystyle {
width:420px;float:left;margin-right:10px;
}
.category2style {
width:420px;float:left;margin-right:0px;
}
.principale_referencement .category .contentap_p2 {
  height: 100px;
}
.principale_referencement .category2 .contentap_p2 {
  height: 100px;
}
.category {
  margin-bottom: 15px;
  width:420px;
  float:left;
  background-color:#FFFFFF;
  margin-right:10px;
}
.category2 {
  margin-bottom: 15px;
  width:450px;float:left;margin-right:0px;background-color:#FFFFFF;
}

.principale_serveur .category {
  height: 197px;
}
.principale_serveur .category2 {
  height: 197px;
}
.partiedroite {
height:auto; 
float:right;
width:451px;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
background-color:#FFFFFF;
}
.partiegauche {
height:auto; 
float:left; 
width:428px;
background-color:#FFFFFF;
}
.partiedg {
height:auto;
}
.rubrique {
		background-image:url(images/bgmenu.jpg);
	background-repeat: repeat-x;
	height:18px;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 2px;
	font-size: 14px;
	color:#fff;
	text-align: left;
}
/*Taille polices*/
.XS {
	font-size: 10px;
	font-weight: normal;
}

.S {
	font-size: 13px;
	font-weight: normal;
}

.M {
	font-size: 20px;
	font-weight: normal;
}

.L {
	font-size: 30px;
	font-weight: normal;
}

.XL {
	font-size: 40px;
	font-weight: normal;
}

.n9 {
	font-size: 9px;
	font-weight: normal;
}

.n10 {
	font-size: 10px;
	font-weight: normal;
}

.n11 {
	font-size: 11px;
	font-weight: normal;
}

.n12 {
	font-size: 12px;
	font-weight: normal;
}

.n13 {
	font-size: 13px;
	font-weight: normal;
}

.n14 {
	font-size: 14px;
	font-weight: normal;
}

.n15 {
	font-size: 15px;
	font-weight: normal;
}

.n16 {
	font-size: 16px;
	font-weight: normal;
}

.n17 {
	font-size: 17px;
	font-weight: normal;
}

.n18 {
	font-size: 18px;
	font-weight: normal;
}

.n19 {
	font-size: 19px;
	font-weight: normal;
}

.n20 {
	font-size: 20px;
	font-weight: normal;
}

.n21 {
	font-size: 21px;
	font-weight: normal;
}

.n22 {
	font-size: 22px;
	font-weight: normal;
}

.n23 {
	font-size: 23px;
	font-weight: normal;
}

.n24 {
	font-size: 24px;
	font-weight: normal;
}

.n25 {
	font-size: 25px;
	font-weight: normal;
}

.n26 {
	font-size: 26px;
	font-weight: normal;
}

.n27 {
	font-size: 27px;
	font-weight: normal;
}

.n28 {
	font-size: 28px;
	font-weight: normal;
}

.n29 {
	font-size: 29px;
	font-weight: normal;
}

.n30 {
	font-size: 30px;
	font-weight: normal;
}

.n31 {
	font-size: 31px;
	font-weight: normal;
}

.n32 {
	font-size: 32px;
	font-weight: normal;
}

.n33 {
	font-size: 33px;
	font-weight: normal;
}

.n34 {
	font-size: 34px;
	font-weight: normal;
}

.n35 {
	font-size: 35px;
	font-weight: normal;
}

.n36 {
	font-size: 36px;
	font-weight: normal;
}

.n37 {
	font-size: 37px;
	font-weight: normal;
}

.n38 {
	font-size: 38px;
	font-weight: normal;
}

.n39 {
	font-size: 39px;
	font-weight: normal;
}

.n40 {
	font-size: 40px;
	font-weight: normal;
}

.n41 {
	font-size: 41px;
	font-weight: normal;
}

.n42 {
	font-size: 42px;
	font-weight: normal;
}

.n43 {
	font-size: 43px;
	font-weight: normal;
}

.n44 {
	font-size: 44px;
	font-weight: normal;
}

.n45 {
	font-size: 45px;
	font-weight: normal;
}

.n50 {
	font-size: 50px;
	font-weight: normal;
}

.n55 {
	font-size: 55px;
	font-weight: normal;
}

/*Marges*/
.mrgB1 {
	margin-bottom: 1px;
}

.mrgH1 {
	margin-top: 1px;
}

.mrgG1 {
	margin-left: 1px;
}

.mrgD1 {
	margin-right: 1px;
}

.mrgB2 {
	margin-bottom: 2px;
}

.mrgH2 {
	margin-top: 2px;
}

.mrgG2 {
	margin-left: 2px;
}

.mrgD2 {
	margin-right: 2px;
}

.mrgB3 {
	margin-bottom: 3px;
}

.mrgH3 {
	margin-top: 3px;
}

.mrgG3 {
	margin-left: 3px;
}

.mrgD3 {
	margin-right: 3px;
}

.mrgB4 {
	margin-bottom: 4px;
}

.mrgH4 {
	margin-top: 4px;
}

.mrgG4 {
	margin-left: 4px;
}

.mrgD4 {
	margin-right: 4px;
}

.mrgB5 {
	margin-bottom: 5px;
}

.mrgH5 {
	margin-top: 5px;
}

.mrgG5 {
	margin-left: 5px;
}

.mrgD5 {
	margin-right: 5px;
}

.mrgB6 {
	margin-bottom: 6px;
}

.mrgH6 {
	margin-top: 6px;
}

.mrgG6 {
	margin-left: 6px;
}

.mrgD6 {
	margin-right: 6px;
}

.mrgB7 {
	margin-bottom: 7px;
}

.mrgH7 {
	margin-top: 7px;
}

.mrgG7 {
	margin-left: 7px;
}

.mrgD7 {
	margin-right: 7px;
}

.mrgB8 {
	margin-bottom: 8px;
}

.mrgH8 {
	margin-top: 8px;
}

.mrgG8 {
	margin-left: 8px;
}

.mrgD8 {
	margin-right: 8px;
}

.mrgB9 {
	margin-bottom: 9px;
}

.mrgH9 {
	margin-top: 9px;
}

.mrgG9 {
	margin-left: 9px;
}

.mrgD9 {
	margin-right: 9px;
}

.mrgB10 {
	margin-bottom: 10px;
}

.mrgH10 {
	margin-top: 10px;
}

.mrgG10 {
	margin-left: 10px;
}

.mrgD10 {
	margin-right: 10px;
}

.mrgB15 {
	margin-bottom: 15px;
}

.mrgH15 {
	margin-top: 15px;
}

.mrgG15 {
	margin-left: 15px;
}

.mrgD15 {
	margin-right: 15px;
}

.mrgB20 {
	margin-bottom: 20px;
}

.mrgH20 {
	margin-top: 20px;
}

.mrgG20 {
	margin-left: 20px;
}

.mrgD20 {
	margin-right: 20px;
}

.mrgB25 {
	margin-bottom: 25px;
}

.mrgH25 {
	margin-top: 25px;
}

.mrgG25 {
	margin-left: 25px;
}

.mrgD25 {
	margin-right: 25px;
}

.mrgB30 {
	margin-bottom: 30px;
}

.mrgH30 {
	margin-top: 30px;
}

.mrgG30 {
	margin-left: 30px;
}

.mrgD30 {
	margin-right: 30px;
}

.mrgB35 {
	margin-bottom: 35px;
}

.mrgH35 {
	margin-top: 35px;
}

.mrgG35 {
	margin-left: 35px;
}

.mrgD35 {
	margin-right: 35px;
}

.mrgB40 {
	margin-bottom: 40px;
}

.mrgH40 {
	margin-top: 40px;
}

.mrgG40 {
	margin-left: 40px;
}

.mrgD40 {
	margin-right: 40px;
}

.mrgB45 {
	margin-bottom: 45px;
}

.mrgH45 {
	margin-top: 45px;
}

.mrgG45 {
	margin-left: 45px;
}

.mrgD45 {
	margin-right: 45px;
}

.mrgB50 {
	margin-bottom: 50px;
}

.mrgH50 {
	margin-top: 50px;
}

.mrgG50 {
	margin-left: 50px;
}

.mrgD50 {
	margin-right: 50px;
}

.mrgB70 {
	margin-bottom: 70px;
}

.mrgH70 {
	margin-top: 70px;
}

.mrgG70 {
	margin-left: 70px;
}

.mrgD70 {
	margin-right: 70px;
}

.mrgG120 {
  margin-left: 120px;
}

/*Padding*/
.pdgB1 {
	padding-bottom: 1px;
}

.pdgH1 {
	padding-top: 1px;
}

.pdgG1 {
	padding-left: 1px;
}

.pdgD1 {
	padding-right: 1px;
}

.pdgB2 {
	padding-bottom: 2px;
}

.pdgH2 {
	padding-top: 2px;
}

.pdgG2 {
	padding-left: 2px;
}

.pdgD2 {
	padding-right: 2px;
}

.pdgB3 {
	padding-bottom: 3px;
}

.pdgH3 {
	padding-top: 3px;
}

.pdgG3 {
	padding-left: 3px;
}

.pdgD3 {
	padding-right: 3px;
}

.pdgB4 {
	padding-bottom: 4px;
}

.pdgH4 {
	padding-top: 4px;
}

.pdgG4 {
	padding-left: 4px;
}

.pdgD4 {
	padding-right: 4px;
}

.pdgB5 {
	padding-bottom: 5px;
}

.pdgH5 {
	padding-top: 5px;
}

.pdgG5 {
	padding-left: 5px;
}

.pdgD5 {
	padding-right: 5px;
}

.pdgB6 {
	padding-bottom: 6px;
}

.pdgH6 {
	padding-top: 6px;
}

.pdgG6 {
	padding-left: 6px;
}

.pdgD6 {
	padding-right: 6px;
}

.pdgB7 {
	padding-bottom: 7px;
}

.pdgH7 {
	padding-top: 7px;
}

.pdgG7 {
	padding-left: 7px;
}

.pdgD7 {
	padding-right: 7px;
}

.pdgB8 {
	padding-bottom: 8px;
}

.pdgH8 {
	padding-top: 8px;
}

.pdgG8 {
	padding-left: 8px;
}

.pdgD8 {
	padding-right: 8px;
}

.pdgB9 {
	padding-bottom: 9px;
}

.pdgH9 {
	padding-top: 9px;
}

.pdgG9 {
	padding-left: 9px;
}

.pdgD9 {
	padding-right: 9px;
}

.pdgB10 {
	padding-bottom: 10px;
}

.pdgH10 {
	padding-top: 10px;
}

.pdgG10 {
	padding-left: 10px;
}

.pdgD10 {
	padding-right: 10px;
}

.pdgB15 {
	padding-bottom: 15px;
}

.pdgH15 {
	padding-top: 15px;
}

.pdgG15 {
	padding-left: 15px;
}

.pdgD15 {
	padding-right: 15px;
}

.pdgB20 {
	padding-bottom: 20px;
}

.pdgH20 {
	padding-top: 20px;
}

.pdgG20 {
	padding-left: 20px;
}

.pdgD20 {
	padding-right: 20px;
}

.pdgB25 {
	padding-bottom: 25px;
}

.pdgH25 {
	padding-top: 25px;
}

.pdgG25 {
	padding-left: 25px;
}

.pdgD25 {
	padding-right: 25px;
}

.pdgB30 {
	padding-bottom: 30px;
}

.pdgH30 {
	padding-top: 30px;
}

.pdgG30 {
	padding-left: 30px;
}

.pdgD30 {
	padding-right: 30px;
}

.pdgB35 {
	padding-bottom: 35px;
}

.pdgH35 {
	padding-top: 35px;
}

.pdgG35 {
	padding-left: 35px;
}

.pdgD35 {
	padding-right: 35px;
}

.pdgB40 {
	padding-bottom: 40px;
}

.pdgH40 {
	padding-top: 40px;
}

.pdgG40 {
	padding-left: 40px;
}

.pdgD40 {
	padding-right: 40px;
}

.pdgB45 {
	padding-bottom: 45px;
}

.pdgH45 {
	padding-top: 45px;
}

.pdgG45 {
	padding-left: 45px;
}

.pdgD45 {
	padding-right: 45px;
}

.pdgB50 {
	padding-bottom: 50px;
}

.pdgH50 {
	padding-top: 50px;
}

.pdgG50 {
	padding-left: 50px;
}

.pdgD50 {
	padding-right: 50px;
}

.pdgB70 {
	padding-bottom: 70px;
}

.pdgH70 {
	padding-top: 70px;
}

.pdgG70 {
	padding-left: 70px;
}

.pdgD70 {
	padding-right: 70px;
}
/*
 * Screenshot
 */
.screenshotMain {
  height:272px;
  border: 1px solid #a7c7dc;
  background-color: #FFFFFF;
  overflow:scroll;
  padding:5px;
}

.principale_realisations .screenshotMain {
  height:auto !important;
  height:272px;
  max-height:272px;
  overflow:auto;
}

.screenshotMain .screen {
	float:left;
	height:100px;
	padding:10px;
	text-align:center;
	width:100px;
}

.screenshotMain td {
  border:none;
  border-top:1px dotted #A7D7DC;
  border-left:1px dotted #A7D7DC;
}

.screenshotMain td.first {
  border-top:none;
}

.screenshotMain td.left {
  border-left:none;
}

.screenshotMain .content.left{
  float:left;
}

.screenshotMain .content.right{
  float:right;
}

.screenshotMain .content.clear{
  clear:both;
}

.screenshotMain h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:13px;
  margin-bottom:8px;
  text-align:left;
  height:16px;
  line-height:16px;
  overflow:hidden;
}

.screenshotMain .description {
  height: 56px;
  line-height:14px;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow:hidden;
  color:#888;
}

.screenshotMain a {
	color: #45aeef;
}

/***********
****************************/
/********* Propiétées générales ********/
/***************************************/
RDF, channel, channel title, channel description, channel date, 
item, item title, item link, item description, item subject, item date { display: block; }
channel link, channel language, channel creator, channel rights, channel updatePeriod, 
channel updateFrequency, channel updateBase, channel items, item creator { display: none; }

.RDF {
/*	background-color: #C1E4FF;*/
	margin: 0;
	border-width: 0;
	padding: 0;
	float:left;
	margin-bottom:3px;
	padding-bottom: 3px;
	width:100%;
	/*text-align:left;*/
}

.channel {
	/*margin-bottom:100px;*/
	/*padding-bottom:30px;*/
	float:left;
	width:95%;
	border:1px solid;
	padding:1px 10px 1px 10px;
	margin:3px;
}

.channel .logo {
	float:left;
	margin:1px 1px 1px 0px;
	text-align:left;
	background-color:#FFFFFF;
}

.channel .title {
	/*float:left;*/
	text-align: center;
	border-width: 0 0 1px 0px;
	border-style: solid;
	border-color: #8EA3B4;
	padding:3px 3px 3px 3px;
	/*font-size: 1.00em;*/
	font-variant: small-caps;
	/*letter-spacing: 0.06em;*/
	font-weight: bold;
	color: black;
	float:left;
}

.channel .description {
	margin-top: 3px;
	margin-bottom: 5px;
	text-align: justify;
	width:100%;
	float:left;
}
channel date {
	text-align: center;
	margin-bottom: 25px;
}

.channel .stat {
	/*margin-bottom:100px;*/
	/*padding-bottom:30px;*/
	float:left;
	width:100%;
	/*border:1px solid;
	padding:1px 10px 1px 10px;
	margin:3px;*/
	
	vertical-align:bottom;
	text-align:center;
	background-color:#FFF7F7; /*#CCFF99;*/
	border-top:1px dashed #DD6900;
	border-bottom:1px dashed #DD6900;
	margin-top:1px;
}



/***************************************/
/************** Les items **************/
/***************************************/
.item {
	float:left;
	width:100%;
	/*border:1px solid;*/
}

.item .title {
	text-align: left;
	margin: 0px 0px 0px 0px;
	/*border-width: 0 0 1px 0px;
	border-style: solid;
	border-color: #8EA3B4;*/
	padding: 0px 5px ;
	/*font-size: 1.00em;*/
	/*font-variant: small-caps;*/
	/*letter-spacing: 0.06em;*/
	/*font-weight: bold;*/
	/*color: black;*/
	/*background-color:#00FF66;*/
}
item link {
	margin: 0px 25px 0px 25px;
	background-color: #F0EFEF; 
	text-align: left;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #8EA3B4;
	padding: 5px;
	font-size: 0.9em;
	color: black;
	background:url("images/page_back.png");
}
.item .description {
	/*background-color: #95C2EB;*/
		padding-left:10px;
		padding-right:10px;
		padding-top:8px;
		padding-bottom:8px;
		float:left;
	/*border-width: 0px 1px 0px 1px;
	border-color: #8EA3B4;
	border-style: solid;	*/
	/*font-family:georgia;*/
	/*font-size: 1em;*/
	/*padding: 10px;*/
	text-align: justify;
}
.item .description .actions {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 0.9em;
	/*padding-left:20px;*/
}
item subject {
	margin: 0px 25px 0px 25px;
	margin: 0.03em 0.1em 0.03em;
	text-align: right;
	font-size: 0.7em;
}
.date {
	/*color: #FF0000;*/
	/*float:left;
	padding:0px;*/
/*	border:1px solid #000000;*/
	/*text-align:left;*/
}


/* CSS du menu horizontal, bieler batiste */
.menu{
background-image:url(images/bgmenu.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #FFFFFF;
	
	
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px dotted #FFFFFF;
	
	
	

    }

.menu ul{
    position:absolute;
    display:block;
    width:134px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:134px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
	
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    
    
    color:#FFFFFF;
    display:block;
    width:130px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
	background-image:url(images/bgmenu.jpg);
	background-repeat: repeat-x;
	height:20px;
    }
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
	background-image:url(images/bgmenu2.jpg);
	
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }