/***********************************************/

/* emx_nav_left.css                            */

/* Use with template Halo_leftNav.html         */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

	font-family: Arial, sans-serif;

	color: #666666;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

	background: #cccccc url(images/bg_grad.jpg) fixed;

	z-index: 1;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

	font: bold 100% Arial, sans-serif;

	color: #FF6600;

	margin: 0px 0px 10px 30px;

	padding: 5px 0px 5px 10px;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #FF6600;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}





/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell1{

	position:absolute;

	top: 122px;

	left: 2%;

	right: 2%;

	/* 

	left: expression(document.documentElement.clientWidth > 1000 ? "2%" : "20" );

	right: expression(document.documentElement.clientWidth > 1000 ? "2%" : "20" );

	width:95.6%; */

	width:expression(document.documentElement.clientWidth > 1000 ? "95.6%" : "956" );

	min-width: 956px;

	background-color: #ffffff;

}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#masthead{

	position: absolute;

	top: 0px;

	left: 2%;

	right: 2%;

	/* 

	left: expression(document.documentElement.clientWidth > 1000 ? "2%" : "20" );

	right: expression(document.documentElement.clientWidth > 1000 ? "2%" : "20" );

	width:95.6%; */

	width:expression(document.documentElement.clientWidth > 1000 ? "95.6%" : "956" );

	min-width: 956px;

}



#pageNav{

	float: left;

	width:178px;

	padding: 0px;

	background-color: #FFFFCC;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	font: small Verdana,sans-serif;

}



#content{

	padding: 0px 10px 0px 0px;

	margin:0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}





/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

	margin: 0px;

	padding: 16px 0px 8px 0px;

	color: #ffffff;

	font-weight: normal;

}



/************** utility styles *****************/



#utility{

	text-align: center;

	position: absolute;

	top: 10px;

	right: 10px;

	width: 150px;

	border: 3px solid #FFFFFF;

}



.petit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	font-weight: bold;

	margin : 5px;

}



a.petit {

font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	font-weight: bold;

	margin : 5px;

}

/************** pageName styles ****************/



#pageName{

	padding: 0px 0px 17px 10px;

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

}



#pageName h2{

	font: bold 175% Arial,sans-serif;

	color: #FFCC33;

	margin:10px;

	padding: 0px;

}



#logos{

	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;

}



/************* globalNav styles ****************/



#globalNav{

position: relative;

width: 100%;

min-width: 640px;

height: 32px;

top: 10px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image:   url(images/glbnav_background.gif);

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {

	position: absolute;

	top: 0px;

	left:0px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{

	position: absolute;

	top: 6px;

	height: 22px;

	width: 100%;

	min-width: 640px;

	padding: 0px;

	margin: 0px;

	left: 10px;

	z-index: 100;

}





a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 10px 4px 10px;

	border-right: 1px solid #E56B45;

}



a.glink:hover{

  	background-image:   url(images/glblnav_selected.gif);

	text-decoration: none;

}



.skipLinks {display: none;}



/************ subglobalNav styles **************/



.subglobalNav{

	position: absolute;

	top: 94px;

	left: 0px;

	/*width: 100%;*/

	min-width: 640px;

	height: 20px;

	padding: 0px 0px 0px 10px;

	visibility: hidden;

	color: #ffffff;

	z-index: 2;

}



.subglobalNav a:link, .subglobalNav a:visited {

	font-size: 80%;

	color: #ffffff;

}



.subglobalNav a:hover{

	color: #cccccc;

}



/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#search input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 80%;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}

#searchbox_007206830167213384034:9d3f00ffj2o{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#searchbox_007206830167213384034:9d3f00ffj2o input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#searchbox_007206830167213384034:9d3f00ffj2o a:link, #searchbox_007206830167213384034:9d3f00ffj2o a:visited {

	font-size: 80%;

	font-weight: bold;

	

}



#searchbox_007206830167213384034:9d3f00ffj2o a:hover{

	margin: 0px;

}



/************** feature styles *****************/



.accueil{

	font: 95% Arial,sans-serif;

	color: #333333;

 	margin: 0px;

 	padding: 6px;

}



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 80%;

	min-height: 200px;

	height: auto; /* vitam : 200px */

}



html>body .feature {height: auto;}



/* hack pour corriger le bug de min-height : http://www.greywyvern.com/code/min-height-hack.html */

.featureprop{

  	height:200px;

    float:right;

    width:1px;

}



.featureclear{

    clear:both;

    height:1px;

    overflow:hidden;

}

/* fin du hack */



.feature h3{

	font: bold 175% Arial,sans-serif;

	color: #FFCC33;

	padding: 30px 0px 5px 0px;

}



#choix {

	padding: 10px 0px 10px 0px;

	text-align: center;

	border: 8px solid #FFD0B0;

	background-color: #FFFCF0;

	margin:30px 10px 10px 20px;

	width:250px;

}



.fichiers_ftp {

	background-color: #FFFFE6;

	width:expression(document.documentElement.clientWidth > 1000 ? "500": "400" );



}





.fichiers_ftp h4{

	font: bold 100% Arial, sans-serif;

	color: #FF6600;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #FF6600;

}



.liens_texte {

	background-color: #FFFFE6;

}



.info {

border: thin solid #339999;

	padding: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color : #339999;

	background-color: #EAFFFF;

}



.mesinfos {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #003399;

	padding: 10px 10px 10px 10px;

	margin:5px 10px 5px 10px;

	border-left: 1px solid #003399;

	border-bottom: 1px solid #003399;

	font-weight: bold;

}



/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;



}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image:   url(images/bg_nav.jpg);

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #FFFFCC;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}





/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 10px;

}

#titre_advert{

	background-color: #FFCC33;

	font-weight: 900;	

padding: 5px;

}



#advert img{

	display: block;

}



#news {

	padding: 10px 10px 10px 10px;

	border-left: 1px solid #ccd2d2;

	border-right: 1px solid #ccd2d2;

	border-bottom: 1px solid #ccd2d2;



}



#titre_news {

	font-weight: 400;

	text-align: center;

	padding: 0px 0px 10px;

	text-decoration: underline;

}

#image{

	text-align: center;

	padding: 0px 0px 10px;

}

.affichage1 {

	background-color: #FEFFE1;

	border: 1px solid #FF6600;

}

.affichage0 {

	background-color: #FFE6E1;

}



.text_petit {

	font-size: xx-small;

	font-family: Arial, Helvetica, sans-serif;

}

.athletes {

	

	padding: 5px 0px 5px 0px;

	

}

.petitbleu {

   font-size : 10px;

   font-family : Verdana;

   color : #1B6CA9;

   text-decoration : none;

}



.petitbleu_transp {

   font-size : 10px;

   font-family : Verdana;

   color : #1B6CA9;

}



.justify {

   align : justify;

}





/********************* end **********************/