/* ---- IMPORT FEUILLES EXTERNES ---- */
    @import url(reset.css);


html, body {
    height:100%;
    width:100%;
}
body {
    background: #24749D url('../images/commun/bg_global_blue.jpg') no-repeat top center;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
}
p {
	padding: 5px 0 5px 0;
}		body.pink {
			background: #990066 url('../images/commun/bg_global_pink.jpg') no-repeat top center;
		}
		body.purple {
			background: #911BE1 url('../images/commun/bg_global_purple.jpg') no-repeat top center;
		}
		body.orange {
			background: #FF6600 url('../images/commun/bg_global_orange.jpg') no-repeat top center;
		}
		body.green {
			background: #26C200 url('../images/commun/bg_global_green.jpg') no-repeat top center;
		}
		body.blue {
			background: #25749D url('../images/commun/bg_global_blue.jpg') no-repeat top center;
		}
		
		.site {
			position: absolute;
			width: 100%;
			height: auto !important;
			height: 100%;
			min-height: 100%;
		}


/********************************************************
    Zones du document
    *****************************************************/
#page {
    width: 980px;
    margin: 0 auto;
    position:relative;
    z-index: 100;
}
    #contenu {
		float: left;
		width: 840px;
		position:relative;
		z-index: 100;
    }
	#header {
		height: 110px;
		width: 840px;
		position:relative;
		z-index: 100;
    }
	#zoneFlash {
        /*height:100%;*/
        left:0px;
        position:absolute;
        top:0px;
        width:100%;
        z-index:1 !important;
    }
	
	/*.inner-page {
        display: none;
    }*/
   
/********************************************************
    Header
    *****************************************************/
    h1.logo {
        padding: 6px 0 0 0;
        float: left;
		position: relative;
		z-index: 100;
        
    }
        /* ----> Nav Presta */
        .navHeaderTags {
            padding: 20px 0 0 10px;
			width: 250px;
			position: absolute;
			top: 0px;
			left: 0px;
        }
            .navHeaderTags ul {
                border-left: 1px dotted #FFF;
            }
            .navHeaderTags li {
                color: #333;
                /*text-transform: uppercase;*/
                padding: 1px 0 0 20px;
                font-size: 11px;
            }
            .navHeaderTags li a {
                color: #333;
            }
        
        .moduleLang {
            position: absolute;
            right: 2px;
            top: 15px;
        }
            .moduleLang .flag {
                padding: 0 0 0 3px;
            }

/********************************************************
    Contenu
    *****************************************************/
    .top-page {
        display: block;
        height: 10px;
        background: url('../images/commun/bg-content-top.png') no-repeat top center;
    }
	.inner-inner {
        padding: 0 0 0 10px;
        background: url('../images/commun/bg-content.png') repeat-y top center;
    }
    .bottom-page {
        display: block;
        height: 10px;
        background: url('../images/commun/bg-content-bottom.png') no-repeat top center;
    }
	
			/********************************************************
			    HomePage
			    *****************************************************/
				.home {
					padding: 10px;
				}
				.description {
					padding: 10px 0 10px 0;
				}
				.tags {
					color: #4CDE1F;
				}
				.liste-tags a {
					color: #4CDE1F !important;
				}
				.edito {
					padding: 25px 0 10px 0;
				}
				.lastReleases {
					padding: 35px 0 10px 0;
				}
					/* Pad articles --> */
						.pad-info,
						.pad-info-first {
							float: left;
							width: 350px;
						}
						.pad-info-first {
							margin: 0 50px 0 0;
						}
						.pad-info .mediasList,
						.pad-info-first .mediasList {
							float: left;
							margin: 0 10px 0 0;
						}
            .pad-info-first .artContent,
            .pad-info .artContent{
                font-size: 11px;
            }
						em.dateArt {
							color: #990066;
							font-size: 9px;
							font-style: italic;
						}
						h3 {
							color: #0098E8;
							margin: 5px 0 5px 0;
							text-transform: uppercase;
						}
						h3 a {
							color: #0098E8;
							text-decoration: none;
						}
						
/********************************************************
    articles BLOG
    *****************************************************/
	.blog {
		padding: 15px 10px;
		font-size: 13px;
    line-height: 14px;
	}
		.blog .pad-info {
			margin: 20px 0 0 0;
			width: 400px;
			font-size: 12px;
		}
		.blog .pad-info .artContent {
			float: left;
			width: 220px;
		}
		.blog .pad-info .mediasList {
			
		}
		
			/* ----- Cas particuliers ----- */
			.alantenne {
				padding: 0 0 40px 0;
			}
			
			.generique h2 {
				padding: 0 0 10px 0;
			}
			.generique ul {
				list-style: disc outside;
				color: #0098E8;
				padding: 12px 0 12px 2px;
				margin: 0 0 0 22px;
			}
			.generique ul li {
				padding: 8px 0 8px 0;
			}
			.generique ul li .dateArt{
				font-size: 12px;
				font-style: normal;
				font-weight: bold;
				color: #0098E8;
			}
			.generique ul li span {
				color: #000;
			}
			.generique ul li strong {
				color: #4CDE1F;
				font-weight: bold;
			}
			.generique ul li em.hour {
				font-size: 12px;
				color: #FF3366;
			}
			.generique a.moreDetails {
				
			}
			
			.etencoreendiffusionsur {
				padding: 0 0 30px 0;
			}
			.etencoreendiffusionsur h2 img {
				vertical-align: bottom;
				border-bottom: 11px solid #FFF;
			}
			.etencoreendiffusionsur .arte {
				border: none;
			}
			.etencoreendiffusionsur ul {
				padding: 11px 0 0 0;
				margin: 0 0 0 22px;
			}
			.etencoreendiffusionsur li.artContent {
				background: url(../images/pictos/plus-arte.png) no-repeat center left;
				line-height: 16px;
				padding: 2px 0 3px 15px;
			}
			.etencoreendiffusionsur li.artContent em,
			.etencoreendiffusionsur li.artContent em a {
				color: #FF6600;
				font-size: 12px;
			}
			
	.article {
		padding: 15px 10px;
		font-size: 13px;
		line-height: 120%;
	}
	.list {
		padding: 15px 10px;
		font-size: 13px;
		line-height: 120%;
	}
			
			
#tab-contact {
	font-size: 11px;
	padding: 15px 10px;
}
	#tab-contact td td {
		padding: 3px 5px 3px 0;
	}
		#tab-contact td td.labelMsg {
			vertical-align: top;
		}
		#tab-contact .text-field {
			width: 250px;
			font-family:'Trebuchet MS',Helvetica,sans-serif;
			font-size:11px;
			color: #666;
		}
		#tab-contact .text-area {
			width: 250px;
			font-family:'Trebuchet MS',Helvetica,sans-serif;
			font-size:11px;
			color: #666;
			overflow: auto;
		}
		#tab-contact .send-contact {
			padding: 3px 5px;
			border: 0;
			color: #fff;
			font-size: 12px;
			text-transform: uppercase;
			background: #0098E8;
			cursor: pointer;
		}
		
		#tab-contact .coord {
			font-size: 12px;
			line-height: 120%;
			padding: 15px 0 0 0;
		}
			#tab-contact .map {
				float: right;
				padding: 0 10px 0 0;
			}
				#tab-contact .map iframe {
					border: 0;
					width: 440px;
					height: 375px;
				}
		
table.tab-logos td {
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}
table.tab-team {
	margin: 20px 0 0 0;
}
table.tab-team td {
	width: 20%;
	vertical-align: top;
	padding: 0 20px 20px 0;
	font-size: 12px;
	line-height: 130%;
}
table.tab-team .photos td {
	padding-bottom: 5px;
}
	table.tab-team td strong {
		font-size: 12px;
		font-weight: bold;
	}

.flash-iframe {
	position: absolute;
	background: #fff;
	width: 0px;
	height: 0px;
	z-index: 0;
}
/*============ Error ==============*/
.errorLog, .successLog  {
	width:400px;
	position:absolute;
	background: #333;
	top: 50px;
	left: 50%;
	margin-left: -200px;
	z-index: 1000000000;
	font-size: 11px;
	padding: 10px 20px;
	color: #fff;
	border: 10px solid #666;
}
.errorLog {
	color: #fff;
}
.successLog {
	color: #fff;
}
.errorLog h1, .successLog h1 {
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	margin: 20px 0 20px 0;
}
.errorLog h1 {
	color: #FE1722;
}
.successLog h1 {
	color: #009900;
}
.errorList, .successList  {

}
.error_show, .success_show {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 100000000;
	width : 100%;
	height: 100%;
	background: #fff;
	opacity: .70;
	filter: alpha(opacity=70);
}
.error_hide, .success_hide{
	display:none;
}

.error {
	margin: 10px 0 0 0;
	font-size: 11px;
}
	.error b {
		color: #FE1722;
	}
	.error ul {
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.errorLog u, .successLog u {
		cursor: pointer;
	}

/********************************************************
    Videos
    *****************************************************/
	.download {
    font-size: 13px;
    line-height: 14px;
		padding: 20px 3px 0 3px;
	}
		.download h2 {
			padding: 0 0 0 10px;
		}
		.wrapper {
			display: block;
			background: url(../images/commun/bg-dotted.png) repeat-y top right;
		}
	
	table.choiceSelection {
		margin: 20px 0 0 0;
		float: left;
	}
	table.choiceSelection td.choiceLeft {
		width: 100px;
		/*width: 128px;*/
	}
	table.choiceSelection td ul {
		margin: 0 0 0 0;
	}
	table.choiceSelection a {
		font-size: 11px;
		padding: 0 0 0 5px;
		line-height: 16px;
		display: block;
		width: 105px;
	}
	.choiceSelection h4 {
		padding: 0 0 8px 10px;
		margin: 0;
	}
		ul.yearSelect {
			padding: 0 0 46px 0;
		}
		ul.clientSelect a {
			width: 140px;
		}
		ul.yearSelect li a,
		ul.clientSelect li a {
			color: #666;
		}
		ul.yearSelect li a.actif,
		ul.clientSelect li a.actif {
			background: #0098E8;
			color: #FFF;
			background: #0098E8 url(../images/pictos/cross-choice.png) no-repeat center right;
		}
		
		ul.tagSelect li a {
			color: #4CDE1F;
		}
		ul.tagSelect li a.actif {
			color: #FFF;
			background: #4CDE1F url(../images/pictos/cross-choice.png) no-repeat center right;
		}
		.download .listeDocs {
			float: left;
			width: 550px;
			padding: 0 0 40px 0;
		}
		
		.download .listeDocs .oneDoc {
			position: relative;
			float: left;
			width: 120px;
			height: 136px;
			padding: 10px 0 0 17px;
			text-transform: uppercase;
		}
		.download .listeDocs .oneDoc .date {
			line-height: 19px;
			font-style: italic;
			color: #0098E8;
			font-size: 9px;
		}
		.mediasList {
			padding: 0 0 20px 0;
		}
		.listeDocs .docLinkVideo,
		.mediasList .docLinkVideo {
			position: absolute;
			display: block;
			width: 120px;
			height: 91px;
			z-index: 1000;
			background: #fff;
			opacity: 0;
			filter: alpha(opacity=0);
		}
		/*.daVimeo {
			float: left;
		}*/
		.download .listeDocs .oneDoc .daVimeo,
		.download .listeDocs .oneDoc .daVimeo {
			
		}
		.download .listeDocs .oneDoc .docTitle {
			color: #000;
		}
		
		.blackLink {
			color: #000;
			background: url(../images/pictos/cross-all-choice.png) no-repeat center left;
		}
		.dataVideo {
			position: relative;
			z-index: 1000;
      font-size: 10px;
		}
		.cacheVideo {
			position: absolute;
			width: 120px;
			height: 146px;
			background: #FFF url(../images/commun/cache-vide.png);
			opacity: .75;
			filter: alpha(opacity=75);
		}
		.front {
			z-index: 2000;
		}
		
		.oneDocVideo {
			padding: 0 0 0 19px;
		}
		
		.tagList {
			padding: 10px 0 10px 0;
		}
		.tagList,
		.tagList a {
			color: #919039;
		}
		.tagList em {
			color: #000;
		}
		.tagList span {
			color: #0098E8;
		}
		
		.oneDocVideo .introArt {
			/*font-weight: bold;*/
			padding: 0 0 32px 0;
		}
		.oneDocVideo .contenuArt {
			padding: 0 0 20px 0;
		}
		.oneDocVideo .article {
			float: left;
			width:  340px;
		}
		
		.docsRelated {
			float: left;
			padding:  0 0 0 20px;
			border-left:  1px dotted #999;
			width:  145px;
		}
		.vidRelated {
			position: relative;
		}
		.vidRelated a.relatedLink {
			position: absolute;
			z-index:  1000;
			width:  145px;
			height:  100px;
		}
		.vidRelated a {
			text-decoration: none;
			color: #000;
			font-size: 11px;
		}
		.docsRelated h2 {
			color: #000;
			padding:  0;
			margin: 0;
		}
		.docsRelated h2 em {
			font-size: 9px;
		}
	
/********************************************************
    Navigation
    *****************************************************/
	.main-menu {
		position: absolute;
		bottom: 16px;
		right: 5px;
	}
		.main-menu li {
			font-size: 14px;
			display: inline;
			margin: 0 0 0 20px;
		}
		.main-menu li a {
			color: #000;
			text-transform: uppercase;
			padding: 5px 10px;
		}
		.main-menu li a:hover,
		.main-menu li a.actif {
			color: #FFF;
			background: #000;
			text-decoration: none;
		}


/********************************************************
    Footer
    *****************************************************/
	#footer {
		width: 840px;
		margin: 0 0 50px 0;
		z-index: 100;
		padding: 0;
		position: relative;
	}
		.inner-footer {
			/*width: 830px;
			float: right;*/
			padding: 0 230px 0 0;
        
    }
		#footer ul {
			text-align: right;
			float: right;
			position: relative;
			z-index: 10;
      /*margin-right: 200px;*/
		}
		#footer ul li {
			display: block;
			float: left;
			text-align: right;
			padding: 0 10px 2px 30px;
			text-transform: uppercase;
			border: none;
		}
		#footer ul li div {
			float: none;
			text-align: right;
		}
		#footer ul li.sub {
			border-right: 1px dotted #FFF;
		}
		#footer ul li a {
			color: #333;
			font-size: 10px;
		}
		#footer ul li li {
			float: none;
			text-transform: none;
			padding: 10px 0 0 0;
		}
		
/********************************************************
    Outils
    *****************************************************/
#jsDebugger {
    width: 250px;
    height: 50px;
    border: 1px solid #FFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:2 !important;
    color: #FFF;
}
.clear {
	clear: both;
}

td.left,
table.tab-logos td.left {
	text-align:  left;
}

.home a,
.textArticle a,
.contenu a {
	color: #1C7BAB;
}

.descriptionTXT {
    padding: 20px 20px 20px 10px;
}

.inner-footer .menu {
    padding: 5px 0 0 0;
    /*margin-right: 215px;*/
}
.footer-txt {
    color: #000;
    text-align: right;
    float: right;
    padding: 5px 0 0 15px;
    border-left: 1px dotted #FFF;
    position: absolute;
    top: 0px;
    right: 5px;
    width: 185px;
}
.footer-txt a {
    color: #000;
}
.toolLnkNext {
	float: right;
}

/**
*	PLAN DU SITE
**/
.block_plan_site {
	margin: 20px 0;
	
}
.block_plan_site ul {
	font-size: 12px;
	margin: 0 0 0 20px;
}
.block_plan_site ul li {
	line-height: 24px;
	float: left;
	width: 135px;
}
.block_plan_site ul ul {
	list-style-type: disc;
	
}
.block_plan_site ul ul li {
	color: #1C7BAB;
	float: none;
}
.block_plan_site ul ul li a {
	color: #000;
	font-size: 11px;
}


.home,
.contenu,
.description {
    font-size: 13px;
    line-height: 14px;
}