.article_table {
	width:620px;
}

.article_table .top{
	padding:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	width:620px;
}

.article_table .footer{
	padding:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:620px;
}

.article_table .margin{
	width:200px;
	padding:0px 0px 0px 0px;
}

.article_table .main_frame{
	padding:0px 30px 0px 0px;
	vertical-align:top;
	width:390px;
}



/* ----------------------
	BASIC ELEMENTS 
	----------------------*/

.article{
	font:12px/1.5 verdana, arial, helvetica, sans-serif;
	padding:0px 0px 20px 0px;
	margin:5px 0px 30px 0px;
/*	overflow:hidden;*/ /* commenté par manu pour corriger un bug d'affichage sous FX */
	display:inline-block;
	}

.article h1, .article h2, .article h3, .article h4{ 
	font-family:'trebuchet MS';
	color:#1F5F94;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	padding:7px 0px 2px 0px;
	margin:20px 0px 5px 0px;
	}

.article h1,
.article h2{ 
	font-family:'Arial';
	font-weight:bold;
	color:#2786C0;
	font-size:13px;
	line-height:18px;
	text-align:left;
	}

.article h2 { 
	font-size:16px;
	font-weight:normal;
	padding:0px 0px 6px 0px;
	margin-bottom:10px;
	color:#1F7AB8;
	border:1px #4D4D4D solid;
	border-style:none none dotted none;
	}

.article h3,
.article h4{ 
	color:#FFFFFF;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	
	padding:6px 6px 6px 6px;
	background:url('../../media/group_title_bg.gif') repeat-x 0px 0px #3399CC;
	}

.article h4 { 
	background:#0078AA;
	}


.article .title{
	font-family:'Arial';
	color:#404040;
	color:#202020;
	font-size:20px;
	line-height:27px;
	text-align:left;
	font-weight:normal;
	padding:0px 0px 4px 0px;
	}

.article .subtitle{
	font-family:'Arial';
	color:#888888;
	font-weight:normal;
	font-size:15px;
	text-align:left;
	padding:0px 0px 5px 0px;
	}

.article .content{
	float:left;
	color:#4D4D4D;
	padding:5px 0px 0px 0px;
	}

.article .content .txt, .article .txt{
	text-align:justify;
	font-size:11px;
	line-height:16px;
	}

.article .content .txt p, .article .txt p {
	text-align:justify;
	font-size:11px;
	margin:0px 0px 10px 0px;
	}

.article .content .error{
	color:#E50606;
	margin-top:15px;
	font-size:11px;
	}

.article .txt b, .article .txt strong{
	color:#4D4D4D;
	font-weight:bold;
	font-size:11px;
	}

.article a{
	color:#1F7AB8;
	text-align:left;
	font-weight:normal;
	font-size:11px;
	}

.article a:link{
	color:#1F7AB8;
	}

.article a:visited{
	color:#1F7AB8;
	}

.article a:hover{
	color:#1F7AB8;
	text-decoration:none;
	}


/* GESTION DES IMAGES */
.article .image{
	width:150px;
	float:right;
	background:#FFFFFF;
	}

.article .image .img{
	width:150px;
	margin:4px 0px 8px 0px;
	}

.article .image_XL{
	width:620px;
	float:left;
	margin:5px 0px 15px 0px;
	}

.article .image_XL .img{
	width:620px;
	}

.article  .image_XL .img img{
	width:620px;
	}



.article .comment,
.article .rl_comment{
	float:left;
	color:#B3B3B3;
	text-align:right;
	font-weight:normal;
	font-size:10px;
	line-height:13px;
	padding:5px 10px 6px 0px;
	border:1px #DDDDDD solid;
	border-style:none none solid none;
	width:452px;

	}

.article .rl_comment{
	width:146px;
	}


/* Articles "haut de page"  ou "bas de page"*/
.top .article .image,
.top .article .image .img,
.footer .article .image,
.footer .article .image .img{
	width:150px;
	}

.top .article .image_XL,
.top .article .image_XL .img,
.top .article  .image_XL .img img,
.footer .article .image_XL,
.footer .article .image_XL .img,
.footer .article  .image_XL .img img{
	width:620px;
	}

.top .article .comment,
.footer .article .comment{
	width:610px;
	}

.top .article .rl_comment,
.footer .article .rl_comment{
	width:146px;
	}


.article .comment b,
.article .rl_comment b{
	color:#808080;
	text-align:left;
	font-weight:normal;
	font-size:10.5px;
	}

.resources{
	margin:15px 0px 0px 0px;
	padding:6px 20px 12px 0px;
	display:table;
	float:left;
	width:620px;
	border:1px #DCDCDC solid;
	border-style:solid none solid none;
	}

.article_table .main_frame .resources {
	width:360px;
}

.resources .document, 
.resources .link,
.resources .register{
	margin:4px 15px 0px 15px;
	text-align:left;
	font-size:10px;
	color:#888888;
	padding:5px 0px 3px 17px;
	line-height:16px;
	float:left;
	clear:both;
	white-space:nowrap;
	}

.resources .document .link_comment, 
.resources .link .link_comment{
	padding:1px 0px 0px 0px;
	}


.resources .register {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url('../../media/inscription_frame_bg.gif') no-repeat 0px 0px;
}

.resources .register img{
	margin:0px 0px 3px 0px;
}

.resources .register div{
	float:left;
	background:url('../../media/inscription_frame_right.gif') no-repeat right 0px;
	padding:11px 15px 10px 15px;
	text-align:center;
}

.resources .link {
	background:url('../../media/blue_link.gif') no-repeat 0px 6px;
	padding:5px 0px 3px 20px;

}

.resources .document {
	background:url('../../media/blue_link.gif') no-repeat 0px 6px;
	padding:5px 0px 3px 20px;

}

.resources .link a, 
.resources .document a{
	font-weight:normal;
	color:#454545;
	text-align:left;
	font-size:11px;
	line-height:16px;
	text-decoration:underline;

}

.resources .link a:hover,
.resources .document a:hover{
	font-weight:normal;
	color:#757575;
	font-size:11px;
	text-decoration:none;
}

.resources .application_pdf .document {
	background-image:url('../../media/pdf_icon.gif');
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:20px;
	}


/* --------------------
	LIST (ul - li - ol)
	-------------------------*/

/* Default */
ol {
	padding-left: 0px; 
	padding:0px; 
	margin:6px 0px 8px 0px;
	font-size:11px;
	text-align:left;
	list-style-position:outside;
	}

ol li {
	list-style-type:decimal;
	font-size:11px;
	text-align:left;
	margin:3px 0px 3px 0px;

	}

.right_frame ol {
	color:#4D4D4D;
	font-size:11px;
	}

.right_frame ol li{
	font-size:11px;
	}


ul {
	list-style-type:none;
	padding:7px 10px 3px 10px; 
	margin:10px 0px 15px 0px;
	font-size:11px;
	text-align:left;
	color:#4D4D4D
	/*
	background:#F9F9F9;

	background:#F2F2F2;

	float:left;
	display:block;
	clear:right;
	*/
	}

ul ul{
	margin:6px 0px 0px 0px;
	}

ul li {	
	vertical-align:middle;	
	font-size:11px;
	text-align:left;
	margin:4px 0px 4px 0px;
	line-height:16px
	}

ul ul li {	
	margin:0px 0px 0px 0px;
	}

/* Compatibility IE6 */
ul li .liste_li_ie {
	width:100%; 
	padding-left:15px; 
	background-image:url('../../media/li_icon.gif');
	background-repeat:no-repeat;
	background-position:2px 7px;
	text-align:left;
	padding-bottom:6px;
	}


ul li .liste_li_ie ul li .liste_li_ie{
	background-image: url('../../media/li_icon_02.gif');
	background-repeat:no-repeat;
	background-position:2px 6px;
	}

ol li .liste_li_ie {
	width:100%; 
	padding-left: 0px; 
	background-image: none; 
	text-align: left;
	}

/* Compatibility IE7 */
ul li .liste_li_ie7 {
	padding-left:15px; 
	background: url('../../media/li_icon.gif') no-repeat 2px 7px;
	text-align:left;
	display:block;
	padding-bottom:6px;
	/* width:410px; */
	}

ul li .liste_li_ie7 ul li .liste_li_ie7{
	background-image: url('../../media/li_icon_02.gif');
	background-repeat:no-repeat;
	background-position:2px 7px;
	}

ol li .liste_li_ie7 {
	margin-left:10px;
	text-align:left;
	}

/* Compatibility FIREFOX */
ul .liste_li_firefox {
	padding-left:15px; 
	background-image:url('../../media/li_icon.gif');
	background-repeat:no-repeat;
	background-position:2px 6px;
	text-align:left;
	}

ul li .liste_li_firefox ul li .liste_li_firefox{
	background-image: url('../../media/li_icon_02.gif');
	background-repeat:no-repeat;
	background-position:2px 6px;
	}

ol .liste_li_firefox {
	padding-left:0px; 
	background-image:none;
	margin-left:20px;
	text-align:left;
	}


/* EXTRANET */

.ressources_table {
	width:100%;
	margin:20px 0px 20px 0px;
	border:1px #CCCCCC solid;
	border-style:none none none none;
}

.ressources_table thead th{
	color:#666666;
	font-size:10px;
	font-weight:normal;
	padding:4px 0px 4px 0px;
	background:#ECECEC;
	border:1px #CCCCCC solid;
	border-style:none none solid none;
}

.ressources_table td{
	color:#222222;
	font-size:12px;
	font-weight:normal;
	padding:6px 4px 6px 4px;
}

.ressources_table .icon{
	width:32px;
	text-align:center;
}

.ressources_table .btn{
	width:95px;
	text-align:center;
}


.ressources_table .rtitle{
	font-weight:bold;
	color:#222222;
	font-size:11px;
	text-align:left;
	border:1px #EEEEEE solid;
	border-style:none solid none none;
}

.ressources_table .rtitle a{
	font-weight:bold;
	color:#222222;
	font-size:11px;
	text-decoration:none
}

.ressources_table .rtitle a:hover{
	font-weight:bold;
	color:#D01919;
	font-size:11px;
	text-decoration:none
}

.ressources_table .rsubtitle{
	color:#333333;
	font-size:11px;
	text-align:center;
}

.ressources_table .date{
	color:#888888;
	font-size:10px;
	border:1px #EEEEEE solid;
	border-style:none solid none solid;
	text-align:center;
}

/* Specific */

.cadre {
	padding:5px 10px 5px 10px;
	background-color:#FFFFFF;
}

.commentaires {
	font-size:11px;
	color:#737373;
	padding-bottom:5px;
}

.map_container {
	float:left;
	clear:both; 
	width:390px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.map_container .map_border{
	padding:1px;
	float:left; 
	width:386px; 
	border:1px #CCCCCC solid;
}

.map_container_02 {
	float:left;
	clear:both; 
	width:630px; 
	margin:30px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.map_container_02 .map_border{
	padding:1px;
	float:left; 
	border:1px #CCCCCC solid;
}

.map_container_02 .address{
	float:left; 
	width:210px;
	text-align:left;
	margin:0px 0px 0px 15px;
	font-size:11px;
}

.map_container_02 .address p{
	padding-left:5px;
}

.conclusion {
	float:left;
	width:460px;
	clear:both;
}

.password_value {
	font-size:8pt;
	padding:2px 0px 0px 4px; 
	width:375px; 
	height:15px
}



/* MARGIN FRAME */

.margin .article {
	background:url('../../media/margin_bg.gif') no-repeat 0px bottom #F2F2F2;
	padding:10px 0px 20px 15px;
	width:185px;
/*	float:left;*/
	display:inline-block;
	}

.margin .article .title{
	color:#404040;
	font-size:16px;
	line-height:21px;
	border:1px #CCCCCC solid;
	border-style:none none solid none;
	padding-bottom:10px;
	margin-bottom:8px;
	}

.margin .article .subtitle{
	font-size:13px;
	padding:0px 0px 2px 0px;
	}

.margin .article .content{
	color:#555555;
	width:170px;
	}

.margin .article .content .txt, 
.margin .article .txt{
	text-align:left;
	}

.margin .article .content .txt p,
.margin .article .txt p {
	text-align:left;
	}

.margin ul {
	padding:0px; 
	margin:10px 0px 15px 0px;
	color:#555555;
	background:none;
	}

.margin ul li {	
	line-height:14px;
	}

.margin  ul li .liste_li_ie7 {
	width:150px;
	}

.margin .article .image{
	width:160px;
	padding:5px;
	float:left;
	margin:7px 0px 5px 0px;
	background:#FFFFFF;
	}

.margin .article .image .img{
	width:160px;
	margin:0px 0px 0px 0px;
	}


.margin .article .comment{
	float:left;
	color:#B3B3B3;
	text-align:right;
	font-weight:normal;
	font-size:10px;
	line-height:13px;
	padding:5px 4px 2px 0px;
	border-style:none;
	width:156px;

	}

.margin .resources{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	border-style:none;
	}

.margin .resources .document, 
.margin .resources .link{
	margin:4px 0px 0px 0px;
	width:155px;
	}



/* MAIN FRAME */

.main_frame  ul li .liste_li_ie7 {
	/* width:400px; */
	}

.main_frame  .article .image_XL,
.main_frame  .article .image_XL .img,
.main_frame  .article .image_XL .img img{
	width:400px;
	}

.main_frame  .article .comment{
	width:380px;
	}

.main_frame  .article .rl_comment{
	width:146px;
	}

.main_frame .resources{
	width:400px;
	}

.main_frame  ul li .liste_li_ie7 {
	/* width:180px; */
	}