@charset "UTF-8";
/**
	By Xilion © 2010.
**/

.main {
	background-color: #000;
	color: #000;
	text-align: center;
	font-family: Georgia;
	background-position: top center;
	background-repeat:no-repeat;
}


.main #container {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	padding:  10px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	
		
}


.main #container .banner728x90 {
	width: 728px;
	height: 90px;
	z-index: 299;
	position: absolute;
	background-color: #000;
}
.main #container .banner728x90 iframe {
	
}

/********** SEARCH ***********/
.main #container #search {
	background-image:url(../images/search-bkg.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 265px;
	height: 90px;
	float: right;
}
.main #container #search h3 {
	text-align: left;
	margin: 5px auto 0px 10px;
}
.main #container #search form {
	padding: 0;
	margin: 5px auto 0 auto;
}
.main #container #search form input.field {
	margin-left: 10px;
	background-image:url(../images/zoom.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	width: 120px; 
}
.main #container #search form input.button {
	margin-left: 10px;
	padding: 0;
	border: 1px solid #4aafb8;
}
.main #container #search form .scope {
	margin-top: 10px;
}
.main #container #search form label {
	display: inline;
	color: #fff;
	font-weight: normal;
	font-size: 0.8em;
	margin-right: 3px;
}
.main #container #search form img {
	border: 0;
	margin-right: 0px;
	margin-top: -3px;
	vertical-align:middle;
}
/********** END SEARCH ***********/


/********** HEADER ***********/
.main #container #header {
	background-image: url(../images/header.png);
	background-position:  top left;
	background-repeat: no-repeat;
	width: 1000px;
	height: 80px;
	margin:  0 auto;
	margin-top: 10px;
}

.main #container #header #logo {
	display: block;
	width: 212px;
	height: 49px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.main #container #header #logo img {
	border: 0;
}
.main #container #header .fbconnect {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
}
.main #container #header .rss {
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	background-image:url(../images/rss.png);
	background-position: top lft;
	background-repeat: no-repeat;
}
.main #container #header #shortcuts {
	list-style: none;
	padding: 0;
	margin: 10px 30px 0px 0px;
	float: right;
}
.main #container #header #shortcuts li {
	display: inline;
	color: #fff;
	padding-right: 5px;
}
.main #container #header #shortcuts li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: normal;
}
.main #container #header #shortcuts li a:hover {
	color: #000;
}
.main #container #header form {
	float: right;
	margin: 10px 60px 0px 0px
}
.main #container #header form .text {
	padding: 0;
	font-size: 0.9em;
	margin: -2px 3px 0px 3px;
}
.main #container #header #menu {
	float: right;
	position: relative;
	margin-top: 20px;
	width: 750px;
	text-align: right;
	z-index:300;	/* IE7 hack */
}
.main #container #header #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.main #container #header #menu ul li {
	color: #fff;
}
.main #container #header #menu ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.main #container #header #menu ul.level1 {
	float: right;
}
.main #container #header #menu ul.level1 li:hover {
	background-color: #000;
}
.main #container #header #menu ul.level1 li.separator:hover {
	background: none;
}
.main #container #header #menu ul.level1 li {
	float: left;
	margin-right: 5px;
	position: relative;
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
	
}

.main #container #header #menu ul.level1 li ul.level2 {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 700;
	padding: 5px;
	padding-top: 10px;
	background-color: #00618a;
	/*background-image: url(../images/menu-sel.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
}
.main #container #header #menu ul.level1 li ul.level2 li {
	width: 100%;
	line-height: 30px;
	padding: 0px;
}
.main #container #header #menu ul.level1 li ul.level2 li a {
	display: block;
	text-align: left;
	color: #fff;
	width:100%;
	white-space: nowrap;
}
.main #container #header #menu ul.level1 li:hover ul.level2 li:hover,
.main #container #header #menu ul.level1 li ul.level2 li a:hover {
	background: none;
	color: #000;
}
.main #container #header #menu ul.level1 li:hover ul.level2 {
	display: block;
	-moz-box-shadow: 3px 3px 15px #333;
	-webkit-box-shadow: 3px 3px 15px #333;
}
.main #container #header #menu ul.level2 {
	display: none;
	
}
/********** END HEADER ***********/






/********** ROW1 ***********/
.main #container #row1 {
	margin-top: 10px;
	width: 1000px;
	background-color: #fff;
}



.main #container #row1 #banner300x250 {
	width: 300px;
	height: 250px;
	float: left;
}

.main #container #row1 #top-agencies {
	float: right;
	width: 190px;
	background-color: #fff;	
	text-align: center;
}
.main #container #row1 #top-agencies #member-agencies {
	background-image: url(../images/bg-espace-presta.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 159px;
	height: 51px;	
	padding-top: 1px;
	float: right;
	margin-bottom: 5px;
	line-height: 70px;
	color: #fff;
}
.main #container #row1 #top-agencies #member-agencies a {
	text-decoration: none;
	color: #fff;
	padding: 0 5spx;
}
.main #container #row1 #top-agencies #member-agencies span {
	color: #54d2e6 ;
}

.main #container #row1 #top-agencies #agencies-list {
	background-image: url(../images/bg-lastmaj.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 159px;
	height: 56px;	
	padding-top: 30px;
	float: right;
	color: #fff;
	margin-bottom: 5px;
}
.main #container #row1 #top-agencies #agencies-list a {
	display: block;
	text-align: left;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0;
	padding: 0;
}
.main #container #row1 #top-agencies #agencies-list a span {
	color: #54d2e6 ;
	padding-right: 5px;
}
.main #container #row1 #top-agencies #agencies-serch {
	float: right;
}

.main #container #row1 #headlines {
	margin: 0 auto 0 10px;
	padding: 0;
	width: 500px;
	overflow: hidden;
	position:relative;
	float: left;
}
.main #container #row1 #headlines h2 {
	text-align: left;
	color: #0081a4;
	margin: 5px;
	padding: 0;
	font-weight: bold;
}
.main #container #row1 #headlines ul {
	padding: 0;
	margin: 0 auto;
	width: 500px; 
	height: 200px;	 
	list-style: none;
	left: 0;
	margin-left: 0;
	
	/*left:-32px; /* important (this should be negative number of list items width(including margin) */
	width:9999px; 
}
.main #container #row1 #headlines ul li {
	width: 500px;
	position: relative;
	float: left;
	padding: 0;
	line-height: 0;	/* for correcting a weird (wrong height) bug in FF */
}
.main #container #row1 #headlines div.overlay {
	width: 500px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left:0;
	background-color:#ff0066;
	filter:alpha(opacity=70);    /* ie  */  
	-moz-opacity:0.7;    		/* old mozilla browser like netscape  */  
	-khtml-opacity: 0.7;    	/* for really really old safari */    
	opacity: 0.7;				/* standard */
	z-index: 50;
}
.main #container #row1 #headlines ul li h4,
.main #container #row1 #headlines h3 {
	padding: 0;
	margin: 0;
	margin-left: 10px;
	position: absolute;
	left: 0;
	bottom: 5px;
	text-align: left;
	color: #fff;
	z-index: 55;
}
.main #container #row1 #headlines h3 a {
	color: #fff;
	text-decoration: none;
}

.main #container #row1 #headlines #positions {
	padding: 0;
	margin: 5px 0 10px auto ;	
	text-align: right;
}
.main #container #row1 #headlines #positions div {
	float: right;
	padding: 0;
	margin-bottom: 2px;
	width: 60px;
}
.main #container #row1 #headlines #positions a {
	background-image: url(../images/top-news.png);
	background-repeat: no-repeat;
	display: block;
	width: 10px;
	height: 9px;
	font-size: 0px;
	float: left;
	margin-left: 2px;
}
.main #container #row1 #headlines #positions a:hover,
.main #container #row1 #headlines #positions a.on {
	background-position: 0 0;
}
.main #container #row1 #headlines #positions a.off {
	background-position: 0 -9px;
}

/********** END ROW1 ***********/






/********** ROW2 ***********/
.main #container #row2 {
	margin-top: 10px;
	float: left;
	width: 830px;
	background-color: #fff;
}


.main #container #row2 #filter {
	widows: 375px;
	height: 178px;
	padding-top: 1px;
	margin-bottom: 10px;
	background-image: url(../images/filter-bkg.png);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}
.main #container #row2 #filter h2 {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
}
.main #container #row2 #filter a.type {
	display: block;
	width: 56px;
	height: 64px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-left: 30px;
	padding: 2px;
}

.main #container #row2 #filter a.a1:hover,
.main #container #row2 #filter a.a2:hover,
.main #container #row2 #filter a.a3:hover,
.main #container #row2 #filter a.a4:hover,
.main #container #row2 #filter a.a5:hover,
.main #container #row2 #filter a.a6:hover {
	background-color: #fff ;
}

.main #container #row2 #filter a.a1 {
	background-image: url(../images/ico-affichage.png);
}
.main #container #row2 #filter a.a1:hover,
.main #container #row2 #filter a.a1-selected {
	background-image: url(../images/ico-affichage-on.png);
	background-color: #fff ;
}

.main #container #row2 #filter a.a2 {
	background-image: url(../images/ico-presse.png);
}
.main #container #row2 #filter a.a2:hover,
.main #container #row2 #filter a.a2-selected {
	background-image: url(../images/ico-presse-on.png);
	background-color: #fff ;
}

.main #container #row2 #filter a.a3 {
	background-image: url(../images/ico-tv.png);
}
.main #container #row2 #filter a.a3:hover,
.main #container #row2 #filter a.a3-selected {
	background-image: url(../images/ico-tv-on.png);
	background-color: #fff ;
}

.main #container #row2 #filter a.a4 {
	background-image: url(../images/ico-radio.png);
}
.main #container #row2 #filter a.a4:hover,
.main #container #row2 #filter a.a4-selected {
	background-image: url(../images/ico-radio-on.png);
	background-color: #fff ;
}


.main #container #row2 #filter a.a5 {
	background-image: url(../images/ico-internet.png);
}
.main #container #row2 #filter a.a5:hover,
.main #container #row2 #filter a.a5-selected {
	background-image: url(../images/ico-internet-on.png);
	background-color: #fff ;
}


.main #container #row2 #filter a.a6 {
	background-image: url(../images/ico-design.png);
}
.main #container #row2 #filter a.a6:hover,
.main #container #row2 #filter a.a6-selected {
	background-image: url(../images/ico-design-on.png);
	background-color: #fff ;
}

.main #container #row2 #filter a.flag {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	right: 10px;
}

.main #container #row2 #filter a.tn {
	background-image: url(../images/flag-tn.png);
	top: 20px;
}
.main #container #row2 #filter a.dz {
	background-image: url(../images/flag-dz.png);
	top: 55px;
}
.main #container #row2 #filter a.ma {
	background-image: url(../images/flag-ma.png);
	top: 90px;
}
.main #container #row2 #filter a.ly {
	background-image: url(../images/flag-ly.png);
	top: 125px;
}


.main #container #row2 #campaigns {
	widows: 375px;
	margin-bottom: 20px;
	/*
	height: 178px;
	padding-top: 1px;
	background-image: url(../images/filter-bkg.png);
	background-repeat: no-repeat;
	background-position: top left;*/
}
.main #container #row2 #campaigns h2 {
	margin-left: 10px;
	margin-top: 10px;
	text-align: left;
}
.main #container #row2 #campaigns .up,
.main #container #row2 #campaigns .down,
.main #container #row2 #campaigns .mid {
	width: 375px;
}
.main #container #row2 #campaigns .up,
.main #container #row2 #campaigns .down {
	background-repeat: no-repeat;
}
.main #container #row2 #campaigns .up {
	background-image: url(../images/camp-up.png);
	background-position: top left;
	padding-top: 8px;
}
.main #container #row2 #campaigns .down {
	background-image: url(../images/camp-down.png);
	background-position: bottom left;
	padding-bottom: 8px;
	
}
.main #container #row2 #campaigns .mid {
	background-color: #e3e3e3;
	margin-bottom: -1px;
	margin-bottom: 10px;
	padding-top: 1px;
}

.main #container #row2 #campaigns .mid .item {
	background-image: url(../images/camp.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 169px;
	height: 168px;
	padding-top: 1px;
	margin-left: 12px;
	margin-top: 12px;
}
.main #container #row2 #campaigns .mid .item a {
	display: block;
	margin: 10px auto;
	text-align: center;
	width: 150px;	
	height: 150px;
	position: relative;
}
.main #container #row2 #campaigns .mid .item a img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
	
.main #container #row2 #campaigns .nav {
	margin-top: 0px;
}
.main #container #row2 #campaigns .nav a {
	text-decoration: none;
	font-weight: bold;
	color: #006194;
	padding: 0 10px ;
	margin-top: 1px;
}
/********** END ROW2 ***********/




/********** COL1 ***********/
.main #container #col1 {
	margin-top: 10px;
	width: 375px;
	float: left;
	background-color: #fff;
}
.main #container #col1 #top-news #sub-col1 {
	width: 150px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	text-align: left;
}
.main #container #col1 #top-news #sub-col2 {
	width: 150px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	text-align: left;
}
.main #container #col1 #top-news #sub-col1,
.main #container #col1 #top-news #sub-col2 {
	line-height:  1.4em;
}

.main #container #col1 #top-news #sub-col1 h3,
.main #container #col1 #top-news #sub-col2 h3 {
	font-size: 1.2em;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.main #container #col1 #top-news #sub-col1 h5,
.main #container #col1 #top-news #sub-col2 h5 {
	font-size: 1em;
	margin-bottom: 0px;
	font-weight: bold;
}
.main #container #col1 #top-news #sub-col1 h4,
.main #container #col1 #top-news #sub-col2 h4 {
	font-size: 1em;
	margin-bottom: 3px;
	font-weight: bold;
	color: #006194;
}
.main #container #col1 #top-news #sub-col1 h4 a,
.main #container #col1 #top-news #sub-col2 h4 a {
	color: #006194;
	text-decoration: none;
}
.main #container #col1 #top-news #sub-col1 h4 a:hover,
.main #container #col1 #top-news #sub-col2 h4 a:hover {
	text-decoration: underline;
}
.main #container #col1 #top-news #sub-col1 div.content,
.main #container #col1 #top-news #sub-col2 div.content {
	text-align: left;
	margin-top: 10px;
}
.main #container #col1 #top-news #sub-col3 {
	width: 180px;
	margin-top: 10px;
	margin-left: 15px;
	float: left;
}
.main #container #col1 #top-news #sub-col3 h3 {
	color: #006194;
	text-align: left;
	margin-bottom: 10px;
}
.main #container #col1 #top-news #sub-col3 a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #000066;
	margin-bottom: 0px;
	padding: 5px 0;
	border-top: 1px solid #c7c7c7;
}
.main #container #col1 #top-news #sub-col3 a span {
	color: #666;
	font-size: 0.8em;
	text-transform: uppercase;
}
.main #container #col1 #top-news #sub-col3 strong {
	font-weight: bold;
	font-size: 0.9em;
}
.main #container #col2 #articles {
	margin-top: 20px;
}
.main #container #col2 #articles h2 {
	text-align: left;
}
.main #container #articles .article {
	padding: 15px 5px;;
	border-bottom: 1px dotted #acacac;
}
.main #container #articles .article .thumbnail {
    display: block;
    overflow: hidden;
    width: 150px;
    height: 150px;
}

.main #container #articles .article .thumbnail img {
	border: 0;
}


.main #container #articles .article div.left,
.main #container #articles .article div.fltlt {
	margin-right: 10px;
	margin-bottom: 10px;
}
.main #container #articles .article div.right,
.main #container #articles .article div.fltrt {
	margin-left: 10px;
	margin-bottom: 10px;
}
.main #container #articles .article div.center {
	width: auto;
	text-align:  center;
} 
.main #container #articles .article h2, 
.main #container #articles .article h3 {
	text-align: left;
	margin-bottom: 2px;
}
.main #container #articles .article h3 a {
	text-decoration: none;
	font-size: 0.9em;
}
.main #container #articles .article h2 a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	line-height: 1.1em;
}
.main #container #articles .article div.assets,
.main #container #articles .article div.comments {
	text-align: left;
	color: #888;
	margin-top:  5px;
}
.main #container #articles .article div.assets a,
.main #container #articles .article div.comments a {
	color: #888;
	text-decoration:  none;
}
.main #container #articles .article div.assets img,
.main #container #articles .article div.comments img {
	margin-right: 5px;
	vertical-align: middle;
}
.main #container #articles .article .abstract,
.main #container #articles .article .content {
	text-align: justify;
	font-size: 1.2em;
	margin-top: 10px;
	line-height: 1.6em;
	overflow: hidden;
}
.main #container #articles .article .abstract {
    font-weight: bold;
    font-style: italic;
    color: #666;
    margin-top: 0px;
    margin-bottom:  20px;
}
.main #container #articles .article .content a, 
.main #container #articles .article .abstract a {
	color: #006194;
	text-decoration:  none;
}
.main #container #articles .article .content a:hover, 
.main #container #articles .article .abstract a:hover {
	text-decoration: underline;
}

.main #container #articles .article .content h2 {
	color: #333;	
}

.main #container #articles .article #article_comments {
	margin-top:  20px;
}
.main #container #articles .article #article_comments a {
	color:  #666;
	text-decoration:  none;
}
.main #container #articles .article #article_comments a:hover {
	text-decoration:  underline;
}

.main #container #articles div.next {
    text-align: right;
}
.main #container #articles div.next a {
    text-decoration: none;
    padding: 3px;
    font-weight: bold;   
    color: #000;
}
.main #container #articles div.next a:hover {
    background-color: #000;
    color: #fff;
}
.main #container #articles.single {
    margin-top: 0;
    padding-top: 0;
}

.main #container #articles.single .article {
	padding-top:  0;
} /*
.main #container #articles .article h4 {
    text-align: left;
    font-size: 1.2em;
    color: #006194;
    font-weight: bold;
    margin-bottom:  5px;
} */
.main #container #articles .article div.top h4 {
    text-align: left;
    font-size: 1.2em;
    color: #fff;
    background-color: #006194;
    font-weight: bold;
    padding: 5px;
    margin-bottom:  5px;
}
.main #container #articles .article h6 {
    text-align: left;
    font-size: 0.9em;
    color: #a6a6a6;
    margin-bottom:  10px;
}

.main #container #articles .article h4 {
	text-align	: left;
	margin-top: 5px;
	color: #006194;
} 

.main #container #articles .article h4 a {
	color: #006194;
	text-decoration: none;
} 

.main #container #articles .article .other {
	margin-bottom: 10px;
}

.main #container #articles .article #rating {
	margin-top:  30px;
}
.main #container #articles .article #rating #stars {
	padding:  0;
	margin: 0;
}
.main #container #articles .article #rating h3 {
	padding: 0;
	margin:  0;
}
.main #container #articles #linked_articles {
    margin-top: 20px;
    border-top: 1px dotted #aaa;
    padding-top: 20px;
        
}
.main #container #articles .article .author {
    text-align: right;
    padding: 5px;
    font-style: italic;
    font-weight: bold;
}

.main #container #articles .article .source {
    text-align: right;
    padding: 5px;
    font-style: italic;
    font-weight: bold;
}
.main #container #articles .article .source a {
	color: #3c3c3c;
	text-decoration: none;
}

.main #container #articles .article .top {
    padding: 3px;
    text-align: right;
} 
.main #container #col2 #articles #linked_articles a {
    display: block;
    text-decoration: none;
    margin-bottom: 3px;    text-align: left;
}
.main #container #col2 #articles #gallery {
    margin-top: 30px;    
}
.main #container #col2 #articles #gallery #gallery-nav {
    text-align: center;
}
.main #container #col2 #articles #gallery a {
    text-decoration: none;
    font-weight: bold;    
}
.main #container #col2 #articles #gallery #others {
    text-align: left;
    margin-top: 20px;
}
.main #container #col2 #articles #gallery .current_photo {
    padding: 10px 0;
    border-top: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
}
.main #container #col2 #articles #videos {
    margin-top: 30px;    
}
.main #container #col2 #articles #videos #player {
    margin-top: 10px;    
}
.main #container #col2 #articles #videos .video {
	margin-bottom:  10px;
}
.main #container #col2 #articles #dates {
    text-align: left;  
    font-weight: bold; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    padding: 15px 10px 0px 10px;   
    margin-top: 10px; 
}
.main #container #col2 #articles #dates h4 {
    margin-bottom: 10px;
}
.main #container #col2 #articles #dates p {
	padding:  0;    
}

.main #container #col2 #articles .nav-links {
	text-align: center;
	font-weight: bold;
	color: #333;
}
.main #container #col2 #articles .nav-links .prev-page {
	float: left;
	text-decoration: none;
	color: #006194;
}
.main #container #col2 #articles .nav-links .next-page {
	float: right;
	text-decoration	: none;
	color: #006194;
}

.main form#fSendToFriend {
	border:  7px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin:  15px auto;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	display: none;
	background-color: #fff;
	background-image: url(../images/gradient.png);
	background-position:  top left;
	background-repeat: repeat-x;
}
.main form#fSendToFriend.visible {
	display:  block;
}
.main form#fSendToFriend h4 {
	margin:  10px auto;
}
.main form#fSendToFriend .row {
	text-align:  left;
	width:  60%;
	margin:  10px auto;
}
.main form#fSendToFriend .text {
	width:  250px;
}
.main form#fSendToFriend .button {
	padding:  10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:  5px;
}

.main #container #col4 #results {
	background-color: #eaeaea;
}
.main #container #col4 #results h2 {
	text-align:  left;
	padding:  5px;
	margin-bottom:  3px;
}
.main #container #col4 #results .block {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	height:  30px;
	overflow:  hidden;
}
.main #container #col4 #results .block h3 {
	height: 30px;
	line-height: 30px;
	background-color: #e3e3e3;
	color: #0081a4;
}
.main #container #col4 #results .block h3 a {
	text-decoration:  none;
	color: #0081a4;
}
.main #container #col4 #results .block .result-list {
	
	overflow:  hidden;
	padding:  0;
	margin:  0;
}
.main #container #col4 #results .block .nav {
	margin:  10px auto 30px auto;
	border-bottom:  1px dotted #ddd;
}
.main #container #col4 #results .block .nav .next,
.main #container #col4 #results .block .nav .prev {
	text-decoration:  none;
	padding:  5px;
	margin:  5px;
	color:  #000;
}

.main #container #col4 #results .block .next-articles {
	display:  none;
}
.main #container #col4 #results .block .result-list .item {
	height:  90px;
}
.main #container #col4 #results .block .result-list .item a.thumbnail {
	float:  left;
	margin-right:  10px;
	display:  block;
	width:  80px;
	height:  80px;
	overflow:  hidden;
}
.main #container #col4 #results .block .result-list .item a.thumbnail img {
	/*width:  80px;
	height:  80px;*/
}
.main #container #col4 #results .block .result-list .item h4 {
	text-align:  left;
	margin: 0 0 3px 0;
}
.main #container #col4 #results .block .result-list .item h4 a {
	text-decoration:  none;
	color: #333;
	font-weight:  bold;
}
.main #container #col4 #results .block .result-list .item h5 {
	text-align:  left;
	font-size:  0.9em;
	margin: 0 0 3px 0;
}
.main #container #col4 #results .block .result-list .item h6 {
	text-align:  left;
	margin: 0;
}
.main #container #col4 #results .block .result-list .item h6 a {
	text-decoration:  none;
	color: #999;
	font-size:  0.9em;
}

.main #container #col4 #articles #gallery #others {
    text-align: left;
    margin-top: 20px;
}
.main #container #col4 #articles #gallery .current_photo {
    padding: 10px 0;
    border-top: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
}


.main #container #col4 #works h3 {
	margin-bottom: 5px;
	padding: 5px;
	background-color: #006194;
	color: #fff;
	font-size: 1.2em;
	text-align: left;
}
.main #container #col4 #works .other {
	float: left;
	border: 1px solid #777;
	padding: 1px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.main #container #signup,
.main #container #contact {
	text-align:  left;
}

.main #container #signup form,
.main #container #contact form {
	margin-bottom:  50px;
}

.main #container #signup form .row,
.main #container #contact form .row {
	padding:  3px;
}

.main #container #signup form .row .text,
.main #container #contact form .row .text {
	width:  80%;
}

.main #container #signup form .row textarea,
.main #container #contact form .row textarea {
	width:  90%;
	height:  100px;
}

.main #container #signup form .actions,
.main #container #contact form .actions {
	text-align:  center;
}

.main #container #signup form .actions .button,
.main #container #contact form .actions .button {
	padding:  7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.main #container #signup form .row input.required,
.main #container #signup form .row textarea.required,
.main #container #contact form .row input.required,
.main #container #contact form .row textarea.required {
	border:  2px solid #cc0000;
}

.main #container#signup form span.required,
.main #container#contact form span.required {
	color: #006194;
}


.main #container .social {
	margin: 5px auto;
	background-color: #fff;
	padding:  3px;
}

.main #container .social #fb-share {
	margin-left: 5px;
	margin-right: 5px;
}
/********** END COL1 ***********/





/********** COL2 ***********/
.main #container #col2 {
	margin-top: 10px;
	margin-right: 0px;
	width: 435px;
	float: right;
}


.main #container #col2 #top-video,
.main #container #col2 #web-tv {
	margin-top: 10px;
	background-color: #fff;
}
.main #container #col2 #top-video {
	background-color: #fff;
}
.main #container #col2 #top-video h3,
.main #container #col2 #web-tv h3 {
	padding: 7px;
	margin-bottom: 5px;
	text-align: left;
}
.main #container #col2 #top-video h3 a,
.main #container #col2 #web-tv h3 a {
	text-decoration: none;
}
.main #container #col2 #top-video h3 a img, 
.main #container #col2 #web-tv h3 a img {
	border: 0;
}
.main #container #col2 #top-video h4,
.main #container #col2 #web-tv h4 {
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
	padding: 5px;
}


.main #container #col2 #top-video h4 a,
.main #container #col2 #web-tv h4 a {
	color: #000;
	text-decoration: none;
} 
.main #container #col2 #web-tv .thumbnail {
	float: left;
	margin-left: 5px;
	display: block;
	width: 170px;
	height: 102px;
	overflow: hidden;
}
.main #container #col2 #top-video .thumbnail_big {
	margin: 5px auto;
	display: block;
	width: 290px;
	height: 140px;
	overflow: hidden;
}
.main #container #col2 #top-video .dotted,
.main #container #col2 #web-tv .dotted {
	border-bottom: 1px dotted #aaa;
	padding-bottom: 5px;
} 

.main #container #col2 #web-tv div.views {
	color: #b5a59a;
} 
.main #container #col2 #web-tv div.views strong {
	color: #776d61;
}
.main #container #col2 #web-tv div.published {
	padding-top: 5px;
	color: #b6a694;
	font-size: 0.8em;
}
.main #container #col2 #web-tv div#more-videos {
	margin-top: 1px;
	text-align: left;
	padding: 5px;
}
.main #container #col2 #web-tv div#more-videos a {
	display: block;
	width: 90px;
	height: 54px;
	overflow: hidden;
	background-color:#000000;
	float: left;
	margin-right: 6px;
}
.main #container #col2 #web-tv div#more-videos a img {
	border: 0;
	width: 90px;
	height: 54px;
}	

.main #container #col1 #top-video,
.main #container #col1 #web-tv {
	margin: 20px auto;
}
.main #container #col1 #top-video h3,
.main #container #col1 #web-tv h3 {
	text-align: left;
	padding: 5px;
}
.main #container #col1 #top-video h4 {
	text-align: left;
	padding: 3px;
}
.main #container #col1 #top-video h4 a {
	text-align: left;
	text-decoration: none;
	color: #006194;
}
.main #container #col1 #web-tv .item {
	float: left;
	text-align: left;
	margin-right: 5px;
	width: 48%;
	padding: 0;
}
.main #container #col1 #web-tv .item h4 a {
	text-decoration: none;
	color: #000;
}




.main #container #col2 #guide {
	margin-top: 10px;
	background-color: #006194;
}
.main #container #col2 #guide h3 {
	padding: 7px;
	margin-bottom: 5px;
	text-align: left;
}
.main #container #col2 #guide #top-pics {
	margin-top: 10px;
}
.main #container #col2 #guide #top-pics a img {
	border: 1px solid #666;
	padding: 0px;
}

.main #container #col2 #guide #day-events {
	margin-top: 5px;
	padding: 0px;
	background-color: #000;
}
.main #container #col2 #guide #day-events h4 {
	margin: 5px;
	text-align: center;
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	background-image:url(../images/event-arrow.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #efefef;
}
.main #container #col2 #guide #day-events h4 em {
	font-style: normal;
}
.main #container #col2 #guide #day-events #events {
	height: 200px;
	overflow: auto;
	margin-top: 0;
}
.main #container #col2 #guide #day-events #events div.event {
	margin-bottom: 5px;
	padding: 5px;
}
.main #container #col2 #guide #day-events #events div.event a.thumbnail {
	float: left;
	margin-right: 10px;
}
.main #container #col2 #guide #day-events #events div.event a.thumbnail img {
	border: 1px solid #ccc;
	width:  43px;
	height: 43px;
}
.main #container #col2 #guide #day-events #events div.event a.title {
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
.main #container #col2 #guide #day-events #events div.event a.category {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #fff;
}
.main #container #col2 #guide #day-events #week {
	background-color: #000;
	width: 300px;
	overflow: hidden;
}

.main #container #col2 #guide #day-events #week ul li a {
	display: block;
	padding: 2px;
	margin:0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
	width: 26px;
	height: 26px;
	color: #fff;
}
.main #container #col2 #guide #day-events #week ul li a span {
	display: block;
	padding: 0;
	margin: 0;
}
.main #container #col2 #guide #day-events #week a {
	background-color: #006194;
	color: #fff;
}
.main #container #col2 #guide #day-events #week a:hover,
.main #container #col2 #guide #day-events #week a.selected {
	background-color: #006194;
}
.main #container #col2 #guide #day-events #week a.push {
	margin-right: 0px;
}
.main #container #col2 #guide .full-calendar {
	margin: 0;
	padding: 0;
}
.main #container #col2 #guide .full-calendar {
	background-image: url(../images/cal-off.png);
	background-position: top left;
	background-repeat:no-repeat;
	display: block;
	width: 300px;
	height: 43px;
	text-indent: -5000px;
	text-decoration: none;
	font-size: 0px;
	border: 0;
	margin: 0 0 0 0;  
	padding: 0;
}
.main #container #col2 #guide .full-calendar:hover {
	background-image: url(../images/cal.png);
}

.main #container #col2 #top-articles {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 200px;
}
.main #container #col2 #top-articles ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
}
.main #container #col2 #top-articles ul li {
	width: 150px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	
}
.main #container #col2 #top-articles ul li a {
	text-decoration: none;
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	text-transform:uppercase;
}
.main #container #col2 #top-articles ul li div.panel {
	padding: 10px;
	width: 280px;
	top: 30px;
	display: none;
	text-align: left;
	background-color: #fff;
}
.main #container #col2 #top-articles ul li.notSelected {
	background-color:#CC3366;
}
.main #container #col2 #top-articles ul li.selected div.panel {
	display: block;
}
.main #container #col2 #top-articles ul li div.panel ol {
	margin: 0;
	padding: 0;
	list-style-position:inside;	
}
.main #container #col2 #top-articles ul li div.panel ol li {
	width: auto;
	color: #000;
	height: auto;
	line-height: normal;
	margin-bottom: 5px;
	border-bottom: 1px dotted #777;
	padding-bottom: 5px;
	float: none;
	background: none;
}
.main #container #col2 #top-articles ul li div.panel ol li a {
	color: #000;
	text-decoration: none;
}
.main #container #col2 #top-articles ul li.selected div.tab2 {
	margin-left: -100px;
}
.main #container #col2 #top-articles ul li.selected div.tab3 {
	margin-left: -150px; /* devient -300 si 3 onglets*/
}

.main #container #col2 #chroniques {
	margin-top: 300px;
}
.main #container #col2 #chroniques h3 {
	padding: 7px;
	margin-bottom: 5px;
	text-align: left;
}
.main #container #col2 #chroniques a {
	display: block;
	margin-bottom: 5px;
}
.main #container #col2 #chroniques div.list {
	background-color: #f5f5f5;
	padding: 10px;
}
.main #container #col2 #chroniques div.list h4 {
	text-align: center;
	color: #000;
	padding: 3px;
	margin-bottom: 2px;
	font-weight: bold;
}
.main #container #col2 #chroniques div.list h4 a {
	color: #000;
	text-decoration: none;
}
.main #container #col2 #chroniques div.list a img {
	border: 1px solid #c3c3c3;
	padding: 1px;
}
/********** END COL2 ***********/




/********** COL3 ***********/
.main #container #col3 {
	margin-top: 10px;
	margin-left: 10px;
	width: 160px;
	float: right;
}
.main #container #col3 .banner160x600 {
	width: 160px;
	height: 600px;
}
.main #container #col3 #partners {
	margin-top: 20px;
	margin-bottom: 20px;
}
.main #container #col3 #partners h3 {
	padding: 7px;
	margin-bottom: 5px;
	text-align: left;
}
.main #container #col3 #partners .partner {
	display: block;
	width: 160px;
	margin-bottom: 5px;
}
.main #container #col3 #partners .partner img {
	border: 0;
}
/********** END COL3 ***********/






/********** COL4 ***********/
.main #container #col4 {
	margin-top: 10px;
	margin-right: 10px;
	width: 520px;
	float: left;
	background-color: #fff;
}
/********** END COL4 ***********/


/********** COL5 ***********/
.main #container #col5 {
	margin-top: 10px;
	margin-right: 0px;
	width: 300px;
	float: left;
	background-color: #fff;
}
/********** END COL5 ***********/



.main #container #fsignin .row input.text {
	width: 100%;
}
.main #container #fsignin {
	margin: 10px 90px;
}
.main #container #fsignin p {
	margin-top: 30px;
}
.main #container #fsignin p a {
	color: #888;
	text-decoration: none;
}


.main #container .profile hr {
	margin: 30px auto;
}

.main #container .profile h3 {
	margin-bottom: 0px;
	color: #888;
}

/********** RSS LINKS ***********/
.main #container #links {
	padding: 10px;
	background-color:#e6e6e6;
	margin-top: 10px;
	text-align:left;
}
.main #container #links div {
	margin: 10px 0;
	padding: 0;
}
.main #container #links h4 {
	padding:  0;
	margin:  0;
	font-size:  0.8em;
}
.main #container #links a {
	text-decoration: none;
	color: #333333;
}
.main #container #links a:hover {
	text-decoration: underline;
}

/*
.main #container #links {
	padding: 10px;
	background-color:#e6e6e6;
	margin-top: 10px;
	text-align:left;
}
.main #container #links ul {
	list-style:  none;
	margin: 0;
	padding: 0;
	height: 240px;
}
.main #container #links ul li {
	width: 22%;
	height: 100px;
	font-size: 0.8em;
	padding:10px;	
}
.main #container #links ul li.col2 {
	margin-left: 25%;
}
.main #container #links ul li.col3 {
	margin-left: 50%;
}
.main #container #links ul li.col4 {
	margin-left: 75%;
}
.main #container #links ul li.top {
	margin-top: -240px;
}
.main #container #links ul li a {
	text-decoration: none;
	color: #333333;
}
.main #container #links ul li a:hover {
	text-decoration: underline;
}
*/
/********** END RSS LINKS ***********/


			
/*************** PAGINATION ***************/

.main #container .pagination {
    text-align: center;
    padding: 20px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin-bottom: 20px;
}
.main #container .pagination a {
    margin: 0 5px 0 0;
    padding: 3px 6px;
    text-decoration: none;
    color: #777;
}

.main #container .pagination a.number {
    border: 1px solid #ddd;
}

.main #container .pagination a.current {
    background: #000 url('../images/bg-button-blue.gif') top left repeat-x !important;
    border-color: #333 !important;
    color: #fff !important;
}

.main #container .pagination a.current:hover {
    text-decoration: underline;
}
/********** END PAGINATION ***********/


/********** WEB TV HEADER ***********/
.main #container #web-tv-header {
	width:  100%;
	background-color: aqua;
	padding:  10px 0;
}
/********** END WEB TV HEADER ***********/


/********** BREADCRUMBS ***********/
.main #container #breadcrumb {
    font-sizz: 1em;
    background-image:url('../images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:99.99%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.main #container #breadcrumb li {
    list-style-type:none;
    float:left;
    padding-left:10px;
}
.main #container #breadcrumb a {
    height:30px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.main #container #breadcrumb .home {
    border:none;
    margin: 8px 0px;
}

.main #container #breadcrumb a:hover {
	color:#006194;
}

/********** END BREADCRUMBS ***********/	

.agency .agency-logo {
	float: left;
	margin-right: 20px;
}
.agency #agency-id {
	padding: 0;
	overflow: hidden;
	margin-left: 20px;
}
.agency #agency-id p {
	padding: 0;
	text-align: left;
}
.agency #dates {
	text-align: left;
	margin-top: 30px;
}
.agency .content h2 {
	font-size: 1.8em;
}

/********** INFOS PDLC ***********/
.main #container #infos-pdlc {
	text-align:  justify;
}

/********** END INFOS PDLC ***********/	

/********** FOOTER ***********/
.main #footer {
	padding: 10px;
	background-color:#000000;
	text-align: center;
	color: #fff;
	font-size: 0.9em;
}
.main #footer div.footer {
	width: 1000px;
	margin: 0 auto;
}
.main #footer div.footer div p {
	text-align: right;
	padding: 0;
	margin: 0;
}
.main #footer div.footer div p a {
	color: #fff;
	text-decoration: none;
}
.main #footer div.footer div p a:hover {
	text-decoration: underline;
}
/********** END FOOTER ***********/


/********** THEMES ***********/
.main .bkg-black {
	background-color: #000;
}
.main .bkg-blue {
	background-color: #006194;
}
.main .color-blue {
	color: #006194;
}
.main .color-red {
	color: #c3081b;
}
.main .bkg-red {
	background-color: #c3081b;
}
.main .color-yellow {
	color: #dfca3b;
}
.main .bkg-yellow {
	background-color: #dfca3b;
}
.main .color-purple {
	color: #994c82;
}
.main .bkg-purple {
	background-color: #994c82;
}
.main .color-orange {
	color: #ef5e1f;
}
.main .bkg-orange {
	background-color: #ef5e1f;
}
/********** END THEMES ***********/

.clearfloat {
	clear: both;
	font-size: 0px;
	height: 0px;
}
.left,
.fltlt {
	float: left;
}
.right,
.fltrt {
	float: right;
}



 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}



#slider {
	height: 200px;
	margin: 0 auto 30px auto;
	position:relative;
	background:#202834 url(../images/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	/*
	left:47%;
	bottom:-30px;
	*/
	right: 0;
	top: -20px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-caption {
	font-size: 1.1em;
}




ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #00618a;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, 
html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


.portfolio-list th {
	background-color: #006194;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

.portfolio-list .ref {
	margin-bottom: 10px;
	border-bottom: 1px solid #000 ;
	padding-bottom: 10px;
}


.main #container .fprofile {
	margin-top: 30px;
}
.main #container .fprofile h3 {
	margin-bottom: 5px;
}
.main #container .fprofile hr {
	margin: 5px auto;
}