/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background:#214c97 url(../images/ete/bg.jpg) no-repeat top center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	}
/*fixing firefox outline*/

a:active{
	outline:none;
	}

:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
img a{
	border:none;
	}
	
	
	
	
	
	
/*TEXT STYLES
================================================================================*/

h1{
	padding:0 0 7px 0;
	margin:0;
	line-height:100%;
	}
	
h2{
	padding:0 0 20px 0;
	margin:0;
	line-height:100%;
	}
h3.spip{font-size:12px; color:#29467C;}

.ete_fdj{
	font-size:38px;
	color:#fdc609;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/ete/h2.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
}

.ete_fdj2{
	font-size:26px;
	color:#fdc609;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/ete/h2.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
}
	




/* NAVIGATION STYLES
================================================================================*/

#nav{
	width:793px;
	height:35px;
	padding:0 0 0 83px;
	}
	
#nav ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#nav ul li{
	padding:0;
	margin:0;
	float:left;
	}
	
.divider{
	float:left;
	background:url(../images/ete/nav_divider.jpg) no-repeat 0 0;
	width:2px;
	height:35px;
	}
	
#accueil a:link, #accueil a:visited{
	background:url(../images/ete/accueil.jpg) no-repeat 0 0;
	width:77px;
	height:35px;
	display:block;
	}
	
#accueil a:hover{
	background:url(../images/ete/accueil_hover.jpg) no-repeat 0 0;
	width:77px;
	height:35px;
	}

/*highlighting current page*/	
#accueilpage #accueil a{
	background:url(../images/ete/accueil_hover.jpg) no-repeat 0 0;
	width:77px;
	height:35px;
	}
	
#actualites a:link, #actualites a:visited{
	background:url(../images/ete/actualites.jpg) no-repeat 0 0;
	width:84px;
	height:35px;
	display:block;
	}
	
#actualites a:hover{
	background:url(../images/ete/actualites_hover.jpg) no-repeat 0 0;
	width:84px;
	height:35px;
	}
	
/*highlighting current page*/
#actualitespage #actualites a{
	background:url(../images/ete/actualites_hover.jpg) no-repeat 0 0;
	width:84px;
	height:35px;
	}
	
#programme a:link, #programme a:visited{
	background:url(../images/ete/programme.jpg) no-repeat 0 0;
	width:98px;
	height:35px;
	display:block;
	}
	
#programme a:hover{
	background:url(../images/ete/programme_hover.jpg) no-repeat 0 0;
	width:98px;
	height:35px;
	}
	
/*highlighting current page*/
#programmepage #programme a{
	background:url(../images/ete/programme_hover.jpg) no-repeat 0 0;
	width:98px;
	height:35px;
	}
	
#concours a:link, #concours a:visited{
	background:url(../images/ete/concours.jpg) no-repeat 0 0;
	width:84px;
	height:35px;
	display:block;
	}
	
#concours a:hover{
	background:url(../images/ete/concours_hover.jpg) no-repeat 0 0;
	width:84px;
	height:35px;
	}
	
/*highlighting current page*/
#concourspage #concours a{
	background:url(../images/ete/concours_hover.jpg) no-repeat 0 0;
	width:84px;
	height:35px;
	}
	
#vos a:link, #vos a:visited{
	background:url(../images/ete/vos.jpg) no-repeat 0 0;
	width:148px;
	height:35px;
	display:block;
	}
	
#vos a:hover{
	background:url(../images/ete/vos_hover.jpg) no-repeat 0 0;
	width:148px;
	height:35px;
	}
	
/*highlighting current page*/
#vospage #vos a{
	background:url(../images/ete/vos_hover.jpg) no-repeat 0 0;
	width:148px;
	height:35px;
	}
	
#partenaires a:link, #partenaires a:visited{
	background:url(../images/ete/partenaires.jpg) no-repeat 0 0;
	width:99px;
	height:35px;
	display:block;
	}
	
#partenaires a:hover{
	background:url(../images/ete/partenaires_hover.jpg) no-repeat 0 0;
	width:99px;
	height:35px;
	}
	
/*highlighting current page*/
#partenairespage #partenaires a{
	background:url(../images/ete/partenaires_hover.jpg) no-repeat 0 0;
	width:99px;
	height:35px;
	}






/* LAYOUT STYLES
================================================================================*/
	
#wrapper{
	margin:0 auto 0 auto;
	width:914px;
	}
	
#container{
	padding:0 0 0 35px;
	width:879px;
	}
	
#header{
	width:876px;
	height:82px;
	padding:43px 3px 13px 0;
	}
	
#logo{
	background:url(../images/ete/logo.png) no-repeat 0 0;
	width:158px;
	height:166px;
	position:absolute;
	top:0;
	}

#header_top{
	width:876px;
	height:47px;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	}

/*for ie6*/	
.cleardiv2{
	clear:both;
	font-size:0;
	height:0;
	}
	
#header_top_left{
	float:left;
	width:705px;
	padding:7px 0 0 83px;
	}
	
#header_top_inner{
	background:url(../images/ete/header_top.jpg) no-repeat 0 0;
	width:256px;
	height:35px;
	padding:5px 0 0 449px;
	}
	
.txtbox{
	background:url(../images/ete/search_txtbox.jpg) no-repeat 0 0;
	width:155px;
	height:18px;
	border:none;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding:6px 2px 2px 16px;
	}
	
.search_btn{
	float:left;
	}
	
#header_top_right{
	float:left;
	width:88px;
	}
	
#top_content{
	background:url(../images/ete/home_toparea_bg.jpg) no-repeat 0 0;
	width:830px;
	height:226px;
	padding:19px 28px 20px 21px;
	margin:0 0 5px 0;
	}
	
#banner{
	float:left;
	width:547px;
	border:2px solid #fff;
	}
	
#banner_right{
	float:right;
	width:254px;
	padding:16px 0 0 0;
	}

#banner_heading{
	padding:0 0 10px 0;
	margin:0;
	line-height:100%;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	}
	
.heading_bold{
	padding:0 0 7px 0;
	margin:0;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fdc609;
	line-height:120%;
	}
	
.heading_text{
	padding:0;
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:120%;
	}

.heading_btn{
	padding:10px 0 0 0;
	margin:0;
	line-height:100%;
	text-align:right;
	}

#bottom_content{
	width:879px;
	}
	
#leftcol{
	float:left;
	background:url(../images/ete/leftcol_bg.jpg) no-repeat 0 0;
	width:400px;
	height:234px;
	padding:0 2px 0 6px;
	margin:0 8px 0 0;
	}
	
#video_holder{
	width:400px;
	padding:0 0 10px 0;
	}
	
#video_left{
	float:left;
	width:317px;
	padding:7px 0 0 0;
	margin:0 5px 0 0;
	}
	
#video_right{
	float:left;
	width:74px;
	}
	
.small_video{
	padding:4px 0 0 0;
	text-align:center;
	}

.btn_holder{
	text-align:center;
	z-index:10000;
	}
	
#middlecol{
	float:left;
	background:url(../images/ete/middlecol_bg.jpg) no-repeat 0 0;
	width:205px;
	height:225px;
	padding:9px 14px 0 14px;
	margin:0 9px 0 0;
	}
	
#concours_heading{
	padding:0 0 5px 0;
	text-align:right;
	}
	
#concours_text{
	padding:0 0 3px 0;
	height:156px;
	}
	
#concours_pic{
	padding:0 0 12px 0;
	}
	
#rightcol{
	float:left;
	width:221px;
	}
	
#rightcol_top{
	background:url(../images/ete/rightcol_top_bg.jpg) no-repeat 0 0;
	width:221px;
	height:139px;
	padding:3px 0 3px 0;
	margin:0 0 11px 0;
	}
	
.rightcol_logo{
	text-align:center;
	padding:0 0 10px 0;
	}
	
#rightcol_bottom{
	background:url(../images/ete/rightcol_bottom_bg.jpg) no-repeat 0 0;
	width:205px;
	height:72px;
	padding:4px 8px 0 8px;
	}	
	
#press_heading{
	padding:0 0 4px 0;
	text-align:right;
	}
	
#press_content{
	width:205px;
	height:42px;
	}	
	
#footer1{
	padding:10px 8px 30px 0;
	float:left;
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#fff;
	}	
#footer2{
	padding:10px 8px 30px 0;
	float:right;
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#fff;
	}	
	
#footer2 a:link, #footer2 a:visited{
	text-decoration:none;
	color:#fff;
	}
	
#footer2 a:hover{
	text-decoration:underline;
	}
	
	
	
/*for inner pages*/	
	
#content_inner{
	padding:0 1px 0 1px;
	width:877px;
	}
	
#content_inner_top{
	background:url(../images/ete/inner_content_top.jpg) no-repeat 0 0;
	width:877px;
	height:19px;
	font-size:0;
	}
	
#content_inner_middle{
	background:url(../images/ete/inner_content_bg.jpg) repeat-y 0 0;
	width:817px;
	padding:0 30px 0 30px;
	}
	
#content_inner_bottom{
	background:url(../images/ete/inner_content_bottom.png) no-repeat 0 0;
	width:877px;
	height:51px;
	font-size:0;
	}	
	
#toplink_inner{
	text-align:right;
	padding:0px 10px 8px 0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#29467c;
	}
	
#toplink_inner a:link, #toplink_inner a:visited{
	text-decoration:none;
	color:#29467c;
	}
	
#toplink_inner a:hover{
	text-decoration:underline;
	}
	
#toplink_active{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fdc609;
	}	
	
.inner_heading{
	padding:0 0 8px 0;
	margin:0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#29467c;
	line-height:100%;
	}	
.inner_heading a{
	color:#29467c;
	text-decoration:none;
	}	
.inner_heading a:hover{
	text-decoration:underline;
	}	
	
.inner_row{
	width:817px;
	padding:0 0 20px 0;
	}
	
.inner_pic{
	float:left;
	/*background:url(../images/ete/inner_pic.jpg) no-repeat 0 0;*/
	/*width:156px;
	height:103px;*/
	padding:6px 0 0 6px;
	margin:0 12px 0 0;
}	
		
.inner_pic2{
	float:left;
	/*background:url(../images/ete/background-image.jpg) no-repeat 0 0;*/
	/*width:265px;
	height:153px;*/
	padding:6px 0 0 6px;
	margin:0 12px 0 0;
}	
.inner_pic3{
	float:left;
	padding:0px 0 6px 0px;
	margin:0 12px 0 0;
}

.inner_text{
	float:left;
	/*width:642px;*/
	width:817px;
	text-align:justify;
	padding:3px 0 0 0;
}	

.inner_text p IMG{
	padding:5px 0 0 6px;
	margin:0 12px 0 0;
	float:left;
}	
/* MODIF FAB POUR LI UL puce */
.inner_text p.spip IMG{
	padding:5px 0 0 0px;
	margin:0 3px 0 0;
	float:left;
}
.inner_text p IMG.lire_suite{
	padding:0px;
	margin:0;
}	

.inner_row p{
	padding:0 0 3px 0;
	margin:0;
	line-height:130%;
	}
	
.inner_row p a:link, .inner_row p a:visited{
	text-decoration:none;
	color:#333;
	}
	
.inner_row p a:hover{
	text-decoration:underline;
	}	
	
	
.inner_text p.spip a{
	color:#0073bb;
	text-decoration:underline;
}
	
	
.inner_text a{
	color:#0073bb;
	text-decoration:underline;
}
		
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

	
.titre_portfolio	{font-size:18px; color:#29467c;}
.trait_portfolio	{width:817px;margin-left:0px; margin-top:5px; border-top:1px dashed #666;}
.content_portfolio	{margin-top:5px;}
.img_portfolio		{margin-right:5px; margin-top:15px;}

.conteneur_ressource{margin-top:15px;}
.surtitre_ressource	{font-size:18px; color:#29467c;}
.trait_ressource	{width:817px;margin-left:0px; margin-top:5px; border-top:1px dashed #666;}
.content_ressource	{float:left; width:365px;}
.logo_ressource		{float:left; padding-top:8px;}
.texte_ressource	{float:left; padding-top:8px; padding-right:50px;font-size:10px; }
.titre_ressource	{font-weight:bold; color:#29467c}
.titre_ressource a	{color:#29467c; text-decoration:underline;}

	
.form_cell_left{float:left; width:150px; height:25px; text-align:right; padding:5px;}
.form_cell_left3{float:left; width:90px; height:22px; text-align:right; padding:5px;}
.form_cell_left2{float:left; width:150px; height:25px; text-align:right; padding: 0px 5px 15px 5px;}
.form_cell_right{float:left; padding:5px;}
	
.txtbox3{width:50px;}