* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
  	margin: 0px;
	padding: 0px;
	border: 0px;
}

.category {
	color: #555555; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px;
}

.category a {
	color: #990000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; text-decoration: none;
}

.titlesmain {
	color: #cccccc; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; font-weight: bolder
}

.bigred {
	color: #aa0000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 12px; font-weight: bold
}

.biggrey {
	color: #666666; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 12px; font-weight: bolder
}

.biggrey a {
	color: #990000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 12px; font-weight: bolder; text-decoration: none
}

.titlesbody {
	color: #fc0; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; background-color: #000000; 
}

.titlesbody a {
	color: #fc0; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; text-decoration: none
}

.titlesbody a:visited {
        color: #c90; font-weight: normal; text-decoration: none
}

.titlesbody a:active {
        color: #fff; text-decoration: none
}

.titlesbody a:hover {
        text-decoration:underline
}

.New { font: 8px Verdana, Arial, Helvetica, sans-serif; color: #000000; background: #FFE28A; padding: 1px; vertical-align: middle; }

.Highlight {  background-color: #FFFBC2; /* background-color: #000; color: #fff; font-weight: bold; padding: 1px; */ }
.HighlightNew {background-color: #000;color: #fff;padding: 1px 4px;font-weight: bold;}
.Focus { padding: 10px; text-align: left; font-size: 13px; color: #003366; background: #f3f3f3; }
.ToolTip { background-color: #ffffdd; color: #000000; padding: 8px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 2px solid #333; border-right: 2px solid #333; position: absolute; font-size: 12px; text-align: left; cursor: default; }
.ToolTipSmall { background-color: #ffffdd; color: #000000; padding: 2px 4px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #333; border-right: 1px solid #333; position: absolute; font-size: 11px; text-align: left; cursor: default; }

.Grey:link { color: #c9c9c9; text-decoration: none; font-size: 11px;}
.Grey:visited { color: #c9c9c9; text-decoration: none; }
.Grey:hover { color: #0063DC; background: #fff; text-decoration: none; }
.Grey:active { color: #FF0084; background: #fff; text-decoration: none; }

.Dark_grey:link { color: #868686; text-decoration: none; font-size: 11px;}
.Dark_grey:visited { color: #868686; text-decoration: none; }
.Dark_grey:hover { color: #0063DC; background: #fff; text-decoration: none; }
.Dark_grey:active { color: #FF0084; background: #fff; text-decoration: none; }


.bodycontent {
	color: #222222; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px
}

.bodycontent a {
	color: #990000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; text-decoration: none
}

.bottnav {
	color: #222222; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; text-decoration: none
}

.smaller {
	color: #ffffff; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; text-decoration: none
}

.copyright {
	color: #000000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 10px; text-decoration: none
}

.redtext {
	color: #aa0000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 12px; font-weight: bold
}

.black {
	color: #000000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px
}

.GlobalNavBlack {
        color: #666; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-size: 11px
}

.GlobalNavBlack a:link {
        color: #fc0; 
	font-weight: normal; 
	text-decoration: none;
}

.GlobalNavBlack a:visited {
        color: #c90; 
	font-weight: normal; 
	text-decoration: none
}

.GlobalNavBlack a:active {
        color: #fff; 
	text-decoration: none
}

.GlobalNavBlack a:hover {
        text-decoration: underline
}

.blackbox {       
	background-color: #6699CC 
}


body {
       		background-color: #000000;
		color: #FFFFFF; 
 		margin: 0;
 		padding:0;
 		font-size: 12px;
		font-weight: normal;
		font: 80% verdana, arial, sans-serif;
}
.titre {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
        font-size: 16px;
	text-decoration: none;
	text-align: center;
	color:#CCCCCC;
}
.boxtext    {  
	color: #FFFFFF; 
	text-align: left; 
	vertical-align: top; 
	background-color: #000000;
	font-weight: normal;
	text-decoration: none;
       	font-size: 12px;
	font-family:  arial, helvetica, sans-serif;
	padding-left:4px;
	padding-right:4px;
	
    	margin-top:8px;
    	margin-left:4px;
    	margin-right:4px;
}

.boxtext ul {
	padding-left:8px;
	margin-left:8px;
	font-size: 12px; 
	text-align: left; 
}

.boxtext li {
    display: list-item;
}

.boxtext a:link {
        color: #fc0; 
	font-weight: normal; 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: normal;
}

.boxtext a:visited {
        color: #c90; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 12px; 
	font-weight: normal;
}

.boxtext a:active {
        color: #fff; 
	text-decoration: underline;
	font-size: 12px; 
	font-weight: normal;
}

.boxtext a:hover {
        text-decoration: underline;
	font-size: 12px; 
	font-weight: normal;
}
.pos_list    {  
		color: #FFFFFF; 
		text-align: left; 
		vertical-align: top; 
		font-weight: normal;
		text-decoration: none;
       		font-size: 10px;
		font-family:  arial, helvetica, sans-serif;
		padding:14px 0px 0px 0px;
}

.pos_list a:link {
        color: #fc0; font-weight: normal; text-decoration: none
}

.pos_list a:visited {
        color: #c90; font-weight: normal; text-decoration: none
}

.pos_list a:hover {
        color: #fc0; font-weight: normal; text-decoration: underline
}

.boxlist    {  
		color: #FFFFFF; 
		text-align: left; 
		vertical-align: top; 
		background-color: #000000;
		font-weight: normal;
		text-decoration: none;
        	font-size: 12px;
		font-family:  arial, helvetica, sans-serif;
		padding-left:4px;
		padding-right:4px;
    		margin-left:2px;
    		margin-right:2px;
}

.boxlist ul {
	padding-left:4px;
	margin-left:4px;
	font-size: 11px; 
	text-align: left; 
}

.boxlist li {
    display: list-item;
}


.boxlist a:link {
        color: #fc0; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 12px; 
	font-weight: normal;
}

.boxlist a:visited {
        color: #c90; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 12px; 
	font-weight: normal;
}

.boxlist a:active {
        color: #fff; 
	text-decoration: underline;
	font-size: 12px; 
	font-weight: normal;
}

.boxlist a:hover {
        text-decoration: underline;font-size: 12px; font-weight: normal;
}

.divboxtext    {  
		color: #FFFFFF; 
		text-decoration: none;
		text-align: left; 
		vertical-align: top; 
		background-color: #000000;
        font-size: 12px;
		font-weight: normal;
		font-family:  arial, helvetica, sans-serif;
		padding-left:4px;
		padding-right:4px;
    	margin-left: 4px;
    	margin-right:4px;
}

.divboxtext h1 {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #cccccc;
	font-size: 18px;
	font-family: Georgia, Times New Roman, Times, serif;
	border: 1px solid steelblue;
	width: 260px;
	padding: 20px;	
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.divboxtext h2 {
		text-align: center;
		font-size: 14px ;
		font-weight: bold;
		border: 1px solid steelblue;
		color: #cccccc;
		padding: 10px;
		margin: 0px;
		margin-right: 0px;
        	margin-bottom: 10px;
	        margin-top: 10px;
		display:block;
}

.divboxtext ul {
	padding-left:8px;
    margin-left:8px;
	font-size: 12px; 
	text-align: left; 
}

.divboxtext li {
    display: list-item;
}



.divboxtext a:link {
        color: #fc0; font-weight: normal; text-decoration: none;font-size: 12px; font-weight: normal;
}

.divboxtext a:visited {
        color: #c90; font-weight: normal; text-decoration: none;font-size: 12px; font-weight: normal;
}

.divboxtext a:active {
        color: #fff; text-decoration: underline;font-size: 12px; font-weight: normal;
}

.divboxtext a:hover {
        text-decoration: underline;font-size: 12px; font-weight: normal;
}


.boxheader  {  
		font-family: Helvetica, Verdana, sans-serif; 
		font-size: 12px;
		font-weight: 600; 
		color: #CCCCCC; 
		background-color: #000000; 
		text-decoration: none;
}

.boxheader a {
	color: #97B8E5;
	font-family: Georgia,Times New Roman,Times,Times NR,Palatino,serif; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal; 
	font-size: 14px; 
	line-height: normal; 
	font-size-adjust: none; 
	font-stretch: normal;
	text-decoration: none;
	text-align: center
}

.boxheader h1 {
	color: #97B8E5;
	font-size: 14px;
	font-family: Georgia,Times New Roman,Times,Times NR,Palatino,serif;
	background-color: transparent;
	background-image: url("/img/header_icon.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 3px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	line-height: 1.3;
	padding-left: 13px;
	padding-top: 0pt;
	text-align: left;
	clear: both;
}
.boxheader a:hover {
	text-decoration:underline;
}
.boxheader a:visited {
        text-decoration:none;
}
.boxheader a:active {
        text-decoration:underline;
}

#hdr{
		 height:70px;
		 width:100%;
		 background:#000000;
		 color: #ffffff;
		 margin:2px;
		 margin-top: 10px;
		 margin-left: 8px;
		 font-size: 12px;
		 font-weight: normal;
		 font-family:  arial, helvetica, sans-serif;
}



#lh-col2{
		 position:absolute;
		 top:0px;
		 left:0;
		 width:180px;
		 z-index:2;
		 background:#000000;
		 color: #ffffff;
		 font-size: 12px;
		 font-weight: normal;
}

#c-col2{	 /*top:100px;*/
		 margin:0 0px 0 182px;
		 position:relative;
		 background:#000000;
		 color: #ffffff;
		 z-index:2;
}

#ftr {
	width:1040px;
	width:100%;
	height:35px;
	color: #ffffff;
	margin:0px;
	padding-bottom:0px;	
	background-color: #000;	
}
#siteinfo {
	font-size: 85%;
	color: #f5f5f5;
	text-align: center;
	padding: 10px 10px 10px 10px;
	border-top: solid #CCC 1px;
	line-height: 125%;
	background-color:#000000;
	width: 98%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ffcc00;
}
#siteinfo a {
	color: #ffcc00; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; text-decoration: none
}

#siteinfo a:visited {
        color: #cc9900; font-weight: normal; text-decoration: none;
}

#siteinfo a:active {
        color: #fff; text-decoration: none
}

#siteinfo a:hover {
        text-decoration:underline
}
#masthead2 {
	padding-bottom:0px;	
	padding-top:5px;
	background-color: #000;	
	margin:0px;
	position:absolute;
	height:104px;
	width:100%;
}
#pagecell2 {
	position:absolute;
	top:105px;
	margin:0 auto 0 auto;
	background-color: #000000;
	padding: 0px;
	border: 0px;	
}	
#content-one {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	padding: 60px 15px 0px 18px;
	z-index: 2;
}
#content-one2 {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	padding: 5px 15px 0px 18px;
	z-index: 2;
}


/*search*/
.search {
	height:22px;
	/*padding-right:30px;*/
	position:relative;
	right:4px;
	width:150px;
	top:15px;
	}
#s {
	background-color:#97B8E5;
	border-color:#222222;
	border-style:solid;
	border-width:1px;
	color:#4b5698; 
	/*padding-right:3px;*/
	height: 18px;
	width:110px;
	right:30px;
	}
#btnSearch {
	background-color:#666666;
	border-top-color:#999999;
	border-bottom-color:#222222;
	border-left-color:#999999;
	border-right-color:#222222;
	border-style:solid;
	border-width:1px;
	color:#CCCCCC;
	background: #000 url('/img/thicon_search.gif') no-repeat center center;
	border:0 none;
	cursor:pointer;
	height:18px;
	width:18px;
	right:2px;
}

/* illustration*/
/**** ATOME ILLUSTRATION ***/
.illustration {max-width: 540px; margin: 0 auto 10px; position: relative; overflow: hidden; cursor: pointer}
.illustration p   {margin: 0}
.illustration img.ill_image {border: 0; margin: 0}
.illustration .ill_caption,  p.ill_caption {position: absolute; left: 0; bottom: -120px; width: 100%; margin: 0;  font-size: 15px !important; color: #fff !important; cursor: pointer; background: url(../img/transparent_noir_47.png) repeat; text-align:left;}
.illustration:hover p.ill_caption {position: absolute; left: 0; bottom: 5px;}
.illustration .ill_caption a {color: #fff !important; margin: 0}
.illustration .ill_caption strong {padding: 5px 8px; display: inline-block; line-height: 16px}
.illustration .ill_caption span {font-size: 9px; margin-left: 5px}
.illustration .ill_caption, .contenu .contenu_article p.ill_caption, p.ill_image  {margin: 0}
/**** FIN ATOME ILLUSTRATION ***/

#masthead {
	padding-bottom:0px;	
	padding-top:5px;
	background-color: #000;	
	margin:0px;
}

#header {margin-left:auto;margin-right:auto;text-align:left;display:block;}
#header .pageheader{height:55px;position:relative;}
#header .logo{float:left;margin:5px 0 0 0;padding:0;width:200px;}

#header .pageheader .socialHeader{position:absolute;right:170px;top:20px;height:23px;z-index:99;}
#header .pageheader .socialHeader a{margin-right:5px;display:inline-block;height:22px;width:32px;background-image:url('/img/socialico2.png'); background-repeat:no-repeat;} 
#header .pageheader .socialHeader a:hover{height:30px;margin-top:-14px;} 
#header .pageheader .socialHeader a.newsletter{background-position:-32px 0;}
#header .pageheader .socialHeader a.facebook{background-position:-64px 0;}
#header .pageheader .socialHeader a.twitter{background-position:-96px 0;}
#header .pageheader .socialHeader a.rss{background-position:-128px 0;}
#header .pageheader .socialHeader a.gplus{background-position:-0px 0;}
#header .pageheader .socialHeader a.blogger{background-position:-224px 0;}
#header .pageheader .socialHeader a.pin{background-position:-192px 0;}

#pagecell {
	top: 0px;
	margin:0 auto 0 auto;
	background-color: #000000;
	padding: 0px;
	border: 0px;	
}	
#lh-col{
		 position:absolute;
		 top:84px;
		 left:0;
		 width:180px;
		 z-index:2;
		 background:#000000;
		 color: #ffffff;
		 font-size: 12px;
		 font-weight: normal;
}

#c-col{
		 margin:0 0px 0 182px;
		 position:relative;
		 background:#000000;
		 color: #ffffff;
		 z-index:2;
}
#container .connect_r a img
{
border-top-width: medium;
border-right-width-value: medium;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: medium;
border-left-width-value: medium;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: none;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}