@charset "iso-8859-1";
/** general **************************************************************/

body {
	margin:			10;
	padding:		0;
	font-family:	arial, helvetica, sans-serif;
	font-size:		8pt;
	text-align:		center;
}

h1 {
}

h2 {
}

h3 {
}


/** container ************************************************************/

#container {
    position:       relative;
	margin:			0 auto;
	padding:		0;
	width:			780px;
	text-align:		left;
}

/** header ***************************************************************/

#header {
	position:		relative;
	margin:			0;
	padding:		0;
	width:			780px;
	height:			106px;
	font-size:		11px;
	color:			#999999;
	background:		#FFFFFF url(images/header_background.jpg) no-repeat;
}

body.groupe1 #header,
body.groupe2 #header {
	background:		#FFFFFF url(images/header_background_client.jpg) no-repeat;
}

#header h1 {
	width:			780px;
	height:			106px;
	margin:         0;
	padding:        0;
	text-indent:    -100em;
	/*display:		none;*/
}

#header #menu {
	position:		absolute;
	z-index:        100;
	padding-right:	2px;
	right:			5px;
	bottom:			3px;
}

#header a {
	color:			#ffffff;
	text-decoration:none;
}

#header a:hover {
	color:			#fcc0be;
}

/** title ****************************************************************/

#title {
	margin:			0;
	padding:		0;
	width:			780px;
	height:			20px;
	background:		#fff url(images/background-title.gif) no-repeat;
}

#title h2 {
	margin:			  0;
	padding:		  2px 5px 0 0;
	color:			  #fff;/*#C2F625;*/
	font-size:		14px;
	text-align:		right;
	font-style:		italic;
}

#title h2 span {
	background:		transparent url(images/bullet-title.gif) no-repeat 0 4px;
	padding-left:	13px;
}

/** navigation ***********************************************************/

#navigation {
	float:			left;
	margin:			0;
	margin-bottom:	20px;
	padding:		0;
	padding-bottom:	1px;
	width:			200px;
	background:		transparent url(images/background-navli1.gif) no-repeat bottom left;
}

#navigation ul {
	margin:			0;
	padding:		0;
	list-style-type:none;
	background-color:#004D9A;
}

#navigation ul li {
	padding-top:	1px;
	background:		transparent url(images/background-navli1.gif) no-repeat top left;
	line-height:	1.8em;
}

#navigation ul li.selected {
	background-color:#0066CC;
	
	
}

#navigation ul li a {
	padding-left:	15px;
	background:		transparent url(images/bullet-title.gif) no-repeat 3px 3px;
	color:			#ffffff;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#navigation ul li ul {
}

#navigation ul li ul li {
}

#navigation ul li ul li.selected {
	background-color:#007BF5;
}

#navigation ul li ul li ul li.selected {
	background-color:#42A1FF;
}

#navigation ul li ul li a {
	padding-left:	23px;
	background:		transparent url(images/bullet-menu1-1.gif) no-repeat 9px 4px;
	font-weight:	normal;
	font-size:		12px;
	font-weight:	normal;
}

#navigation ul li ul li ul a {
	padding-left:	32px;
	background:		transparent url(images/bullet-menu1-2.gif) no-repeat 25px 6px;
	font-weight:	normal;
	font-size:		11px;
}

#navigation #esp_pro {
	margin:			0;
	margin-left:	0;
	padding:		0;
	list-style-type:none;
	background-color:#51A8FF;
}

#navigation #esp_pro li {
	padding-top:	0px;
	background:		transparent url(images/background-navli1.gif) no-repeat top left;
	line-height:	1.8em;
}

#navigation #esp_pro li a {
	padding-left:	15px;
	background:		transparent;
	color:			#ffffff;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

/** content **************************************************************/

#content {
	margin-left:	205px;
	padding:		0 10px 0 10px;
	font-size:		10pt;
	color:			#004080;
	min-height:     	400px;
	height:         	400px;
}

body.groupe1 #content, 
body.groupe2 #content {
    background:     #ffffff url(images/content_pro_background.jpg) no-repeat;
}

div[id] #content {
	height:        	auto;
}

#content h3 {
	font-size:		16px;
	border-bottom:	1px solid #DDDDDD;
	background:     transparent url(images/fleche2.jpg) no-repeat 0 10px;
    padding-top:    10px;
    padding-left:   20px; 
    margin-top:		0px;
}

#content h4 {
	font-size:		13px;
	border-bottom:	1px solid #DDDDDD;
	/*background:     transparent url(images/fleche.jpg) no-repeat 0 8px;*/
	padding-top:    10px;
    padding-left:   0px; 
}

#content h5 {
	font-size:		13px;
	border-bottom:	1px solid #DDDDDD;
	background:     transparent url(images/fleche.jpg) no-repeat 0 8px;
	padding-top:    10px;
    padding-left:   30px; 
    margin:			0px;
    margin-bottom:	5px;
}

#content p {
	text-align:		justify;
}

#content a {
	color:			#014C8F;
}

#content a:hover {
	color:			#0471E8;
}

#content table {
}

#content th {
	font-size:		10pt;
	text-align:		left;
}

#content div.image {
	margin:			10px 0;
}

#content input	{ 
	font-family:	courier; 
	font-size: 8pt;
	border:	1px solid #004080;
}

#content input.check	{ 
	border:	0px;
}

#content table {
	font-size:		10pt;
}

#content .ok { 
	background-color:	#C1F32F; 
	font-family:	arial; 
	font-weight:bold; 
}

#content .cancel { 
	font-family:	arial; 
	font-weight:bold; 
}

#content #error {
	border: 1px solid #FF0000;
	font-weight: bold;
	padding: 10px;
}


#content #folder_list {
	position:	relative;
	padding:	5px;
	width: 		100%;
	float:		left;
}

/*#content #media_list {
	padding:	5px;
	float:		right;
}*/

#content #folder_list a {
	border-bottom:	1px solid #C0C0C0;
}

#content #folder {
	display:		block;
	height:			20px;
	padding-left:	0px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder1 {
	display:		block;
	height:			20px;
	padding-left:	20px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder2 {
	display:		block;
	height:			20px;
	padding-left:	40px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder3 {
	display:		block;
	height:			20px;
	padding-left:	60px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder4 {
	display:		block;
	height:			20px;
	padding-left:	80px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder5 {
	display:		block;
	height:			20px;
	padding-left:	100px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder6 {
	display:		block;
	height:			20px;
	padding-left:	120px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder7 {
	display:		block;
	height:			20px;
	padding-left:	140px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #folder8 {
	display:		block;
	height:			20px;
	padding-left:	160px;
	color:			#000000;
	font-size:		12px;
	font-weight:	bold;
	text-decoration:none;
}

#content #media0 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	20px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media1 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	40px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media2 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	60px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media3 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	80px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media4 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	100px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media5 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	120px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media6 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	140px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media7 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	160px;
	font-size:		12px;
	text-decoration:underline;
}

#content #media8 {
	display:		block;
	height:			25px;
	padding:		5px;
	padding-left:	180px;
	font-size:		12px;
	text-decoration:underline;
}

/** footer ***************************************************************/

#footer {
	clear:			both;
	margin:			0;
	margin-top:		20px;
	padding:		0;
	width:			780px;
	background:		#fff url(images/background-footer.gif) no-repeat;
	font-size:		10px;
	color:			#ffffff;
	text-align:		center;
}

/** sitemap **************************************************************/

#sitemap {
	margin:			0 5px;
	padding-left:	5px;
	border-left:	5px solid #CBFF2F;
}

#sitemap a {
	color:			#181D57;
	text-decoration:none;
	line-height:	2em;
}

#sitemap a:hover {
	color:			#007BF5;
}

#sitemap .depth0 {
	font-weight:	bold;
	border-bottom:	1px solid #D5D5D5;
}

#sitemap .depth1 {
	margin-left:	20px;
}

#french {
    z-index:  600;
    position:       absolute;
    top:            106px;
    left:           0;
    display:        block;
    width:          30px;
    height:         20px;
    text-indent:    -100em;
    overflow:       hidden;
    text-decoration:none;
    background:     url(images/trans_flag.gif) no-repeat;
}