/****** created by Johnny May/8/2008 *****/
*{
	margin:0;
	padding:0;
	border:0;}



body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;	
	background:#34002A url(../../images/bg_main.jpg) repeat-y;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

ul{
list-style:none;
}


a img{
	border:none;
}

a{
	text-decoration:none;
}

/*img{
   behavior:url("../js/win_png.htc");
}*/

img, div, input{
   behavior:url("../js/iepngfix.htc");
}


#wrap{
	width:960px;
	margin:3px auto;
	background:#D2DEF2;
}

#wrap.index{
	width:960px;
	margin:3px auto;
	background:#FFF;
}

#wrap_corner{
	padding-bottom:20px;
}

.clear{
	clear:both;
}

.container{
width:1024px;
}

/*========index========*/
/*.top{
background:url(../../images/bg_entete.jpg) no-repeat left top;
width:100%;
height:112px;}

.top .logo{
margin:8px;
float:left;
width:169px;}

.top .slogan{
margin-left:10px;
float:left;
width:500px;
padding-top:30px;
}

.top .slogan h1{
line-height:30px;
color:#F2AD35;
font-size:30px;
font-weight:bold;}

.top .slogan h2{
padding-left:5px;
line-height:20px;
color:#FFF;
font-size:18px;
font-weight:bold;}

.menu_top{
	position:absolute;
	top:111px;
	left:0px;
	background:url(../../images/bg_nav_haut.gif) no-repeat left top;
	width:100%;
	clear:both;

}*/


/*.menu_top ul{
clear:both;
margin-left:70px;
padding-top:8px;
}

.menu_top li{
margin-right:30px;
float:left;
}

.menu_top li a{
font-weight:bold;
text-decoration:none;
color:#FFF;}*/


/*****************header top*********************/

#page {
   width:1024px;
   color:#ffffff;
}

#page .navigation_haut {
  	margin-top:0px;_margin-top:0px;
	margin-bottom:20px;
	background-image: url(../../images/bg_nav_haut.gif);
	background-repeat: no-repeat;
	height: 32px;
	font-size:12px;;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#page .header {
	background-image: url(../../images/bg_entete.jpg);
	background-repeat: no-repeat;
	height: 112px;
}
#page .header .position_logo {
   width:170px;
   float:left;
   margin: 10px 20px 0px 20px;
  _margin: 10px 20px 0px 10px;
}
h1.header_titre_jaune {
	font-size: 20px;;
	color: #F2AD35; 
	margin-bottom:0px; 
	padding-top:27px;
	_padding-top:28px;
}
.header_txt_blanc {
	font-size:16px;;
	padding-left:10px;
}


.main{
margin:0px auto 20px 0;
/*margin:36px auto 20px 0;*/
width:950px;}

.main .left{
padding-left:60px;
width:290px;
float:left;
background:url(../../images/bg_news.jpg) no-repeat;
height:414px;}

.main .left .contentpaneopen{
width:230px;
color:#000;
}


.main .left .news_items{
height:390px;}

.main .left p{
clear:both;
line-height:12px;
margin-top:10px;}

.main .left .logo{
margin-top:20px;
margin-bottom:10px;}

.main .left h2{
clear:both;
color:#FFF;
font-size:14px;
font-weight:bold;
display:block;
padding-bottom:5px;
}

.main .left h3{
clear:both;
color:#000;
font-size:12px;
font-weight:bold;
display:block;
margin-top:10px;}

.main .left p.date{
margin:0;
display:block;
font-size:12px;
color:#000;
}

.main .left .more{
width:80px;
float:right;
clear:both;
padding-left:14px;
background: url(../../images/icon_white3.gif) no-repeat left;}

.main .left .more a{
color:#FFF;
text-decoration:none;}

.main .right{
float:right;
width:580px;}

.main .right .articles{
background:url(../../images/bg_mainrit.jpg) no-repeat;
height:284px;
width:580px;
clear:both;}

.main .right .articles h2{
padding-top:12px;
padding-left:20px;
display:block;
height:18px;
line-height:18px;
width:95%;
clear:both;
color:#E89E2D;
font-size:28px;
font-weight:bold;}

.main .right .articles .text{
width:414px;
/*remarked by David on May 26,200
height:284px;
*/
height:244px;
overflow:hidden;
float:left;}

.main .right .articles .text li{
height:67px;
clear:both;
width:414px;
padding-top:3px;}

.main .right .articles .text .logo{
float:left;
margin-left:5px !important;
margin-left:6px;
margin-right:6px;
padding-top:10px;
width:54px;}

#page .right .articles .text .rit{
float:left;
padding-left:10px;
width:400px;
color:#000;}

#page .right .articles .text .rit h3 a{
color:#FFF;
font-size:14px;
font-weight:bold;
}


.main .right .articles .text .rit p{
font-weight:bold;
color:#000;
font-size:12px;
line-height:12px;}

.main .right .articles .static_pic{
margin-top:0;
width:166px;
float:right;}

.flash_footer{
clear:both;
width:100%;}

.menu_footer{
background:url(../../images/bg_btm.jpg) no-repeat;
width:100%;
height:30px;
clear:both;}

.menu_footer ul{
margin:0 auto;
width:90%;}

.menu_footer li{
margin-left:20px;
float:left;}

.menu_footer li a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
font-weight:bold;
display:block;
padding-top:7px;
width:120px;
height:23px;
color:#000;
background:url(../../images/icon_black3.gif) no-repeat left;
padding-left:14px;}

.menu_footer li.copyright{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
font-weight:bold;
display:block;
padding-top:7px;
width:120px;
height:23px;
color:#000;
background:url(../../images/icon_black3.gif) no-repeat left;
padding-left:14px;
white-space:nowrap; }

.menu_footer li.home{
margin-left:0;}

.menu_footer li.copyright a{
width:196px;}

.menu_footer li.home a{
padding-top:9px;
text-decoration:none;
color:#FFF;
font-weight:bold;
height:21px;
background: url(../../images/logo_btm.jpg) no-repeat left;
padding-left:60px;
display:block;
width:160px;}

/*=============page2==============*/
.main2{
margin:36px auto 20px 0;
width:1050px;}

.main2 .left{
padding-left:20px;
width:290px;
float:left;
}

.main2 .left ul.l1 li{
/*background:#34002A;*/
display:block;
clear:both;
width:260px;
}


.current{background:#34002A;}
.14 li{ background:#A88294;}



#download ul li{
width:230px;
font-size:12px;
}

.main2 .left ul.l1 li a{
margin-left:10px;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
color:#FFF;
text-decoration:none;
display:block;
padding:10px 0;
line-height:16px;
}

.main2 .left ul.l1 li li a,.main2 .left ul.l1 li li li a{
padding:0;
line-height:30px;}


.main2 .left ul.l1 .art_titre_list{
margin-left:10px;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
color:#FFF;
text-decoration:none;
display:block;
padding-top:10px;
line-height:10px;
}

.main2 .left ul.l1 ul.l2 li a,.main2 .left ul.l1 ul.l3 li a,.main2 .left ul.l1 ul.l4 li a,#download ul li a{
margin:0;
padding:0;}

.main2 .left ul.l1 li{
background:#34002A;
}

.main2 .left ul.l1 li li,.main2 .left ul.l1 li li{
background:none;}

.main2 .left ul.l1 li.current a{
background:url(../../images/icon_nav1.jpg) no-repeat 220px 12px;
}

.art_titre_list{
background:url(../../images/icon_nav1.jpg) no-repeat 230px 12px;
font-weight:bold;
padding-top:10px;
padding-left:7px;
padding-bottom:10px;
}

.main2 .left ul.l1 li.current li a{
margin:0;
background:none;}

.main2 .left ul.l1 ul.l2 li{
background:#A88294;
display:block;
clear:both;
>margin-top:-3px;
font-size:14px;
width:260px;
border-bottom:1px solid #FFF;
}

.main2 .left ul.l1 ul.l2 ul.l3 li,.main2 .left ul.l1 ul.l3 li{
padding-left:10px;
width:245px;
background:none;
border:0;}


.main2 .left ul.l1 ul.l2 ul.l3 li.current2 a{
background:url(../../images/icon_black6.gif) no-repeat 3px 6px;
font-weight:bold;
}

.main2 .left  ul.l1 ul.l3 li.current2 a{
background:url(../../images/icon_black6.gif) no-repeat 3px 6px;
color:#000000;
font-weight:bold;
line-height:14px;
}

.main2 .left ul.l1 ul.l2 li a{
font-size:14px;
font-weight:bold;
color:#FFF;
text-decoration:none;
display:block;
padding-top:3px;
line-height:30px;
padding:0 10px;
}

.main2 .left ul.l1 ul.l2 li a{
font-size:14px;
font-weight:bold;
color:#FFF;
text-decoration:none;
display:block;
padding-top:3px;
line-height:30px;
padding:0 10px;
}


.main2 .left ul.l1 ul.l2 ul.l3 li a,.main2 .left ul.l1 ul.l3 li a,#download ul li a{
padding:0; font-size:11px; font-weight:normal;}


.main2 .left ul.l1 ul.l2 li.current a{
border-bottom:1px solid #FFF;
background:#D3C0C9;
color:#000;
margin:0;
}

.main2 .left ul.l1 ul.l2 li.current li a{
border:0;}


.main2 .left ul.l1 ul.l2 ul.l3{
clear:both;
width:260px;
padding-top:10px;
padding-bottom:20px;
background:#D3C0C9 url(../../images/icon_nav2.jpg) no-repeat 230px 0;
}

.main2 .left ul.l1 ul.l3{
clear:both;
width:260px;
padding-top:10px;
padding-bottom:20px;
background:#D3C0C9;
color:#333;
}


.main2 .left ul.l1 ul.l2 ul.l3 li a,.main2 .left  ul.l1 ul.l3 li a{
line-height:14px;
padding-left:14px;
font-size:11px;
color:#333;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;

}


.main2 .left ul.l1 ul.l2 ul.l3 li a:hover,.main2 .left  ul.l1 ul.l3 li a:hover{

background:url(../../images/icon_black6.gif) no-repeat 3px 6px;}

.main2 .left ul.l1 ul.l4{
margin-top:-4px;
>margin-top:0;
}

.main2 .left ul.l1 ul.l2{
margin-bottom:0;
>margin-bottom:-3px;
}


.main2 .left ul.l1 ul.l4 li{
display:block;
clear:both;
width:260px;
border-bottom:1px solid #FFF;
}



.main2 .left ul.l1 ul.l4 li a{
background:url(../../images/icon_whiteli.gif) no-repeat 5px 5px;
font-size:11px;
/*
color:#333;
*/
color:#fff;
text-decoration:none;
display:block;
padding-top:5px;
padding-bottom:5px;
line-height:14px;
padding-left:20px;
padding-right:5px;
font-weight:normal;
}

.main2 .left ul.l1 ul.l4 li a:hover{
color:#000;
background:url(../../images/icon_black5.gif) no-repeat 5px 5px;}

/* add by sam */
.main2 .left ul.l1 ul.l4 li a.hightline{
color:#000;
background:url(../../images/icon_black5.gif) no-repeat 5px 8px;}

.nav_path{
color:#FFFFFF;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
margin-left:20px;
margin-top:5px;
width:965px;
}

.nav_path a:hover{
text-decoration:underline;

}





.main2 .left ul.l1 ul.l2 .sub_article_next{
	height:25px;
	width:240px;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	
}

.main2 .left ul.l1 ul.l2 .sub_article_next a:hover{
	text-decoration:underline;
}

.main2 .left ul.l1 ul.l4 li.article_next{
	border:0;
	height:20px;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	width:260px;
	list-style:none;
}

.main2 .left ul.l1 ul.l4 li.article_next .article_next_inner{
margin-top:-8px;
float:right;
padding-right:20px;
}

.main2 .left ul.l1 ul.l4 li.article_next a{
background: none;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	float:left;
}

.main2 .left ul.l1 ul.l4 li.article_next a:hover{
	text-decoration:underline;
	background:none;
}

.main2 .left ul.l1 ul.l4 li.article_next span{
display:block;
color:#FFF;
padding:5px;
width:5px;
float:left;}

.main2 .left  ul.l1 ul.l3 li.article_next{
	height:20px;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	width:240px;
}

.main2 .left  ul.l1 ul.l3 li.article_next .article_next_inner{
float:right;}


.main2 .left  ul.l1 ul.l3 li.article_next a{
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	float:left;
}
.main2 .left  ul.l1 ul.l3 li.article_next a:hover{
	text-decoration:underline;
	background:none;
}


.main2 .left  ul.l1 ul.l3 li.article_next span{
display:block;
color:#FFF;
padding:5px;
width:5px;
float:left;}


/* end add by sam */


.t3{
margin-top:35px;}


#download{
	width:250px;
	background:#A88294;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
}


#download ul li{
color:#fff;
/*background:url(../../images/icon_whiteli.gif) no-repeat -2px 8px;
padding-left:10px;*/
}

#download a{
	color:#fff;
	padding:0px;
	margin:0px;	
}

.main2 .right{
float:left;
position:relative;
}

.main2 .right h2{
color:#FFF;
font-size:18px;
font-weight:bold;}

.main2 .right .banner{
margin-top:10px;
margin-bottom:0;
>margin-bottom:-3px;}

.main2 .mainrit{
clear:both;
/*
background:#D3C0C9 url(../../images/bg_mainrit2.jpg) right top no-repeat;
*/
background-color:#D3C0C9;
width:660px;
padding:10px;
color:#000000;}

.main2 .mainrit .lft{
float:left;
width:360px;
padding-top:10px;
padding-bottom:5px;
}

.main2 .mainrit .lft .lft2{
float:left;
width:110px;}

.main2 .mainrit .lft ul{
clear:none;
float:right;
height:143px;
}

.main2 .mainrit .lft li{
background:url(../../images/icon_li.gif) no-repeat 0 6px;
padding-left:16px;
line-height:16px;}

.main2 .mainrit .rit {
float:left;}

.main2 .mainrit .rit  ul{
margin-top:13px;
width:250px;}

.main2 .mainrit .rit  li{
float:left;
margin-left:10px;
margin-bottom:10px;
border:1px solid #E96629;
background:#666;
width:68px;
height:47px;}

.main2 .mainbtm{
clear:both;}

.main2 .mainbtm .video{
float:left;
margin-right:10px;
margin-bottom:10px;}

.main2 .mainbtm p{
margin-bottom:10px}

.main2 .mainfooter{
clear:both;
width:680px;
background:#D3C0C9 url(../../images/cor2_mainrit2.jpg) no-repeat right top;
height:21px;}


/****** Johnny **********/

.flash_banner{
	background:url(../../images/flash_bg.jpg) no-repeat;
}

.rubrique_title{
	font-size:18px;
	color:#34002A;
	font-weight:bold;
	padding-right:10px;
	line-height:15px;
}

.rubrique_desc{
	color:#333333;
	font-size:13px;
	padding-right:10px;	
	line-height:15px;	
}

.left_space{
	height:27px;
	background:none;
}

/* add by sam */
.mainbtm a{
	color: #FE690B;
}

.mainbtm a:hover{
	text-decoration:underline;	
}

.mainbtm p.spip a{
	color: #FE690B;
}

.mainbtm p.spip a:hover{
	text-decoration:underline;	
}

.mainbtm ul{
	list-style: disc;
	padding-left:30px;	
}

/* end add by sam */

#galeries_outter{ height:130px;}

.b_bar{ width:261px; height:15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/b_bar.png');}
.b_bar[class]{ width:260px; height:15px; background:url(../../images/b_bar.png) no-repeat; >background:none!important;}

/*======screenInner.css======*/


img.png10 {
		background: url(../../images/image_frame.png) 0 0 no-repeat;
		>background : none!important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image_frame.png', sizingMethod='scale');
		width:54px;height:54px;border:none;
}

/*
img.png11 {
		background: url(../../images/image_framey1.png) 0 0 no-repeat;
		>backgrounde : none!important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image_framey1.png', sizingMethod='scale');
		width:54px;height:54px;border:none;
}
*/

img.png11 {
		background: url(../../images/image_framey1.png) 0 0 no-repeat!important;
		_background : none!important;
		_background : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image_framey1.png', sizingMethod='scale');
		width:54px;height:54px;border:none;
}


img.png12 {
		background: url(../../images/image_framey2.png) 0 0 no-repeat!important;
		_background : none!important;
		_background : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image_framey2.png', sizingMethod='scale');
		width:54px;height:54px;border:none;
}

img.png13 {
		background: url(../../images/image_framey3.png) 0 0 no-repeat!important;
		>background : none!important;
		_background : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image_framey3.png', sizingMethod='scale');
		width:54px;height:54px;border:none;
}
