@charset "iso-8859-1";
body {
	background-color: #ffffff; 
	color: #000000;
	border: 0px solid #000000;
	font:12px Arial, Helvetica, sans-serif, Serif;
}

A:link		{color:#000000;	text-decoration:none;}
A:visited	{color:#000000;	text-decoration:none;}
A:active	{color:#000000; text-decoration:underline;}
A:hover		{color:#000000;	text-decoration:underline;}

A:link img		{color:#000000;	text-decoration:none; 	border: 0px solid #000000;}
A:visited img	{color:#000000;	text-decoration:none; 	border: 0px solid #000000;}
A:active img	{color:#000000; text-decoration: underline; 	border: 0px solid #000000;}
A:hover img		{color:#000000;	text-decoration: underline; 	border: 0px solid #000000;}


#spaceTop{ 
	width:100%;
	background:url(imgs/rop_bg.gif) repeat-x top left;
	height:38px;
 
}

#spaceBottom{
	height:12px;
	width:900px;
	margin:auto;
}
#preheader{
	background: black url(images/top-bg.png) repeat-x right bottom;;
	height:0px;
	vertical-align:middle;
	color: #EEE; 
	margin:auto;
	border:1px solid #000000;
	border-color:black;

	-moz-border-radius-topleft: 10px; -moz-border-radius-topright:  10px;
	border-top-left-radius: 10px; border-top-right-radius: 10px;


}
 
#header {
	margin:auto;
	border:1px solid #000000;
	border-color:black;
	border-bottom:0px;
	background: #e5eefa url(header.gif) repeat-x ; 
   	overflow: hidden;
	padding-top:10px;
	font-size: 12px;
	height:193px;
	font-family:Arial, Helvetica, sans-serif, Serif;



}

#header-in {
	margin:auto;
width:900px;
}
#headerLeft {
	position:relative;   width:770px; 
}
#headerRight {
	position:relative; 
	float:right;
padding-right:40px;
}


#bottomPanel { 
	padding-top:10px;
	margin:auto;
	width:100%;
	background:url(imgs/rop2_bg.gif) repeat-x top left;
	height:160px; ¨
}

#bottomPanel-in {
	margin:auto;
width:900px;
}
#status {
	position:relative; float:left; 
	width:700px;
}

#status_border {
}


#status_in {

font-size:13px;


}

#identities { 
	width:455px;
	border:1px solid #a8a7b1;	margin:0px;
	margin-left:510px;
	background-color: #c5d6ed; 
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#identities_border {
	position:relative; 
	margin:3px;
	background-color: #ffffff;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


#identities_in {
	 border:4px solid #d6e6f8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	top:0;
/*background-image: url('imgs/box_bg.png');*/
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;


  background: -moz-radial-gradient(#acc7ed, #d6e6f8);  
  background-image: -webkit-gradient(radial,center center,10,center center,480,from(#acc7ed),to(#d6e6f8));

}


#websites {
	position:relative; float:left; width:605px; 
	background-color: #c5d6ed; 
	width:455px;
	border:1px solid #a8a7b1;	margin:0px;
	margin-left:15px; margin-top:5px ;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#websites_border {
	position:relative; 
	margin:3px;
	background-color: #ffffff;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.background{
	position:absolute; z-index:1; width:100%; height:100%;
}


#websites_in {
	 border:4px solid #d6e6f8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	 z-index:10; 
	position:relative;
	top:0;
/*background-image: url('imgs/box_bg.png');*/
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;

  background: -moz-radial-gradient(#acc7ed, #d6e6f8);  
  background-image: -webkit-gradient(radial,center center,10,center center,480,from(#acc7ed),to(#d6e6f8));

}

.citation{
	font-size: 14px;
	font-style: italic;
	width:600px;
	border: 1px solid #000000;
	/*border-style:dashed;	background-color: #eef4ff; */
	/*background-color: #e5eefa; border-style:dotted;*/
	border-style: thin solid; border-color:#a8a7b1;
	 padding: 20px ;	 padding-top: 5px ; padding-bottom: 5px ;
	-moz-border-radius: 10px;
	border-radius: 10px;
position:relative; top:-15px;
background:#fff;
}

#content-in{
	width:1024px;
	margin:auto;
	padding-top:20px;
 }
#content{
	border: 1px solid #000000;
	border-top:0px;	background-color: #e5eefa; 
	min-height:330px; ;margin-left: auto; margin-right: auto;
	margin:auto;
}


.aImage{
	background: url(images/webpage_mini.gif) no-repeat left center;
	padding: 0px 0px 0px 20px;
}


h1{
font:14px Arial, Helvetica, sans-serif, Serif;
font-weight:bold; }

h2{
font:12px Arial, Helvetica, sans-serif, Serif;
text-decoration:underline;font-weight:bold; 
}


.apparent
{
   /* attributs obligatoires */
   visibility: visible;
   display: block;
}

.cache
{
   /* uniques attributs de cette classe */
   visibility: hidden;
   display: none;
}

.menu{
font-size:18px;
   margin-left: 30px;
   vertical-align: middle; display: inline;


}