/*  ------------------------------------------------------------
    Redifine Tags ---------------------------------------------- */

	body { margin: 0; padding: 0; }

	body, table, tr, td, p, div, ul, li, input, select, textarea {
		color: #003;
		font-family: Arial, Helvetica, Verdana;
		font-size: 11px;
		line-height: 14px;
	}
	
    h3 { font-family: Arial, Helvetica, Verdana; font-size: 13px; color: #283c9a; }
    
	img { border: 0; }
	.hr { clear: both; display: block; background: url(/images/hr.gif) center left repeat-x; height: 30px; }
	.hr hr { display: none; }
	
	p { margin: 2px 0 15px 0; }
	blockquote { margin: 0 0 0 10px; font-style: italic; }

	a { color: #6189b3; }
	a:hover { color: #003; }
	a:visited { color: #6189b3; }
	a:visited:hover { color: #003; }
	a:active { color: #6189b3; }
	a:active:hover { color: #003; }
		
	small {
		color: #666685;
		font-size: 9px;
	}

/*  -------------------------------------------------------------
    Shell ------------------------------------------------------- */

	#wrapper {
		background-color: #7179a6;
		padding-bottom: 20px;
		width: 770px;
	}	
	
	#top {
		position: relative;
		width: 770px; 
		height: 103px;
	}
		#top img { margin: 14px 69px; }
		#logo_print { display: none; }

		#menu{
			height: 30px;
			position: absolute;
			left: 185px;
			top: 82px;
		}

			#menu a { font-size:11px;color:#fff;font-weight:bold;text-decoration:none; margin: 0 15px;}
			#menu a:hover{color:#fc3;}
			#menu a:visited{font-size:11px;color:#fff;font-weight:bold;text-decoration:none;}
			#menu a:visited:hover{color:#fc3;}
			
			#menu a.selected { color: #fc3; }
			#menu a.selected:visited { color: #fc3; }
			
		#left {
			float: left;
			width: 160px;
			padding-top: 29px;
			background-color: #757da6;
		}
		#right {
			float: right;
			width: 610px;
			background: url(/images/right_back.gif) top left repeat-y;
		}
			#right_top {
				width: 610px;
				height: 68px;
			}
			#right_bottom {
				background: url(/images/right_bottom.gif) top left no-repeat;
				width: 610px;
				height: 37px;
			}
				
	.content {
		margin: 0 30px 0 50px;
		/*background: url(/course/4105/images/apple_index.gif) top left no-repeat;*/
	}
		.title { margin-left: 75px; margin-bottom: 20px; }
		
		.column_left {
			float: left;
			width: 250px;
		}
		
		.column_right {
			float: right;
			width: 255px;
		}
		
		.note {
			padding-top: 10px;
			clear:both;
		}

		#events {
			width: 245px;
			float: left;
		}
		#events h2 span { display: none; }
		#events h2 { 
		    background: url(/images/t_events.gif) top left no-repeat;
		    border-bottom: solid 1px #dfe7f0;
		    margin: 0 0 22px 0;
		    width: 100%; height: 26px;
		    }
		#events h2.fr { background: url(/images/t_evenements.gif) top left no-repeat; height: 32px;}
        #events h3 {
            line-height:16px;
            padding:0; margin: 0;
        }
        #events h3 a { font-size: 13px; color: #283c9a; text-decoration: none; }
             #events h3 a:hover { color: #6189b3 }
        #courses {
			width: 245px;
			float: right;
		}
		#courses h2 span { display: none; }
		#courses h2 { 
		    background: url(/images/t_courses.gif) top left no-repeat;
		    border-bottom: solid 1px #dfe7f0;
		    margin: 0 0 22px 0;
		    width: 100%; height: 26px;
		    }
		#courses h2.fr { background: url(/images/t_formations.gif) top left no-repeat; height: 32px;}
        #courses h3 {
            line-height:16px;
            padding:0; margin: 0;
        }
        #courses h3 a { font-size: 13px; color: #283c9a; text-decoration: none; }
             #courses h3 a:hover { color: #6189b3 }
        a:hover .sub { color: #777; }
        
        .sub { color: #000; font-size: 10px; line-height:12px; display:block; }
        .register { text-decoration: none; font-size: 10px; display:block; margin:5px 0 15px 0; }
        
        
        .icon { float: left;margin: 2px 0 0 0; }
        .icon_sold { float: right;margin: 0 -14px 0 0; }
        .icon_sold_fr { float: right;margin: 0 -37px 0 0; }
		.icon_events { background: url(/images/icon_events.gif) top left no-repeat; width: 42px; height: 57px; } 
		.icon_course { background: url(/images/icon_courses.gif) top left no-repeat; width: 42px; height: 57px; } 
		.icon_course2 { background: url(/images/icon_course2.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_course3 { background: url(/images/icon_search.jpg) top left no-repeat; width: 42px; height: 57px; }
		.icon_course4 { background: url(/images/icon_seo.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_course5 { background: url(/images/mobile_icon.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_events { background: url(/images/icon_golf.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_events2 { background: url(/images/icon_iab_event.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_events3 { background: url(/images/icon_trends.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_mixx { background: url(/images/icon_mixx.gif) top left no-repeat; width: 42px; height: 57px; }
		.icon_soldout { background: url(/images/iab_soldout.gif) top left no-repeat; width: 50px; height: 50px; }
		.icon_soldout_fr { background: url(/images/3084/iab_complet.gif) top left no-repeat; width: 50px; height: 50px;}
		.icon_events_video { background: url(/images/icon_video.gif) top left no-repeat; width: 42px; height: 57px; } 
		.icon_events_crossmedia { background: url(/images/icon_crossmedia.gif) top left no-repeat; width: 42px; height: 57px; } 
		
		
		.desc { float: right; width: 195px; }
		.details { font-size: 10px; font-family: Arial; font-weight: bold; margin:4px 0 0 0; }
		
    .item { margin: 0 0 20px 0; }
		
	
    a.elink { text-decoration:none; color:Black; font-size:12px; font-weight:bold; }
    a:link:hover.elink { color:#283C9A; }

    .new { color:Red; font-size:10px; font-weight:bold; }

	
	#footer {
		clear: both;
		text-align: right;
		padding: 10px 30px;
		color: #fff;
	}
		#footer a {
			color: #003;
			padding: 0 5px;
		}
		#footer a:hover { color:#fff;  }
		
	.date {
		border: 1px #dfe7f0 solid;
		width: 170px;
		float: left;
	}
		.date a {
			display: block;
			padding: 10px;
			text-decoration: none;
		}
		.date a:hover {
			background-color: #6189b3;
			color: #fff;
			text-decoration: none;
		}
		
		
		.date_selected {
			border: 1px #dfe7f0 solid;
			width: 170px;
			float: left;
			color: #fff;
		}
		.date_selected a, .date_selected a:hover, .date_selected a:visited, .date_selected a:active {
			display: block;
			padding: 10px;
			text-decoration: none;
			background-color: #6189b3;
			color: #fff;
		}


		
/*  -------------------------------------------------------------
    Call to Action ---------------------------------------------- */


	.container_call{
		display: block;
		padding: 10px 9px 10px 10px;
		margin-left: 10px;
		background: #fff url(/images/left_pattern.gif) top left repeat;
	}
	
	.call {
		background: #fff url(/images/call_top.gif) top left no-repeat;
		margin-bottom: 10px;
	}
		.call2 {			
			padding: 10px 12px 5px 12px;
		}

		.listing {			
			margin: 10px 0 15px 0;
			padding: 0px;
			list-style: none;
			display: block;
		}
			.listing li {
				padding: 7px 0;
				border-bottom: 1px #dfe7f0 solid;
			}
			.listing li a {
				text-decoration: none;
			}

		.call_bottom {
			background: url(/images/call_bottom.gif) bottom left no-repeat;
			width: 131px;
			height: 13px;
		}
		



/* -------------------------------------------------------------
Utilities ------------------------------------------------------ */
	
	#utilities {
		text-align: right;
		padding-right: 10px;
	}

	#utilities a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	#utilities a:hover {
		color: #fc3;
	}


/* -------------------------------------------------------------
Typo ----------------------------------------------------------- */


	h1 {
		font-size: 16px;
		line-height: 17px;
		color: #003;
		margin: 0 0 20px 0;
	}
	
	h2 {
		font-size: 18px;
		line-height: 14px;
		color: #283c9a;
		margin: 0;
		font-weight: normal;
	}
	

	.content ul {
		margin-top: 8px;
		margin-bottom: 0px;
	}
		.content ul li {
			padding: 1px 0 3px 0;
			list-style-image: url(/images/bullet.gif);
		}
	.content ul li ul {
		margin: 8px 25px 0px 25px;
	}
		.content ul li ul li {
			list-style-image: url(/images/bullet2.gif);
		}	


		.content .listing li {
			padding: 5px 0 5px 0;
			list-style-image: none;
		}
	.error { color: #f10000; }



/*  -------------------------------------------------------------
    Forms ------------------------------------------------------- */	

	input, select, textarea {
		border: #6189b3 1px solid;    
	    display:block;
	    line-height: 13px;
	    margin: 2px 0 5px 0;
	    padding-left: 2px;
	}
	
		input { 
		  width: 250px;
		  height: 18px;
		  voice-family: "\"}\""; 
		  voice-family:inherit;
		  width: 250px;
		  height: 18px;
		} 
		html>body input { width: 246px; height: 14px; }
	
	select { width: 253px; }
	
	.nobox {
		background-color: #fff;
		background: none;
		border: #fff 0px solid;
	    display: inline;
	    margin-bottom: 0px;
	    margin-top: 0px;
	    padding: 0px;
	    width: auto;
	    height: auto;
	}
	
	fieldset {
		border: 0px;
		clear: both;
		margin: 0;padding: 0;
	}
	
	legend {
		margin: 0; padding: 0;
	}
	
		legend .span1 { width: 102px; height: 16px; display:block;  }
		legend .span1 span { display: none; }	
		/*#shipping .span1 { background: url(/course/4105/images/st_billing.gif) top left no-repeat; width: 117px; height: 16px; }
		#contact .span1 { background: url(/course/4105/images/st_personal.gif) top left no-repeat; width: 114px; height: 16px; }*/
		
	#login legend, #search legend {
		display: none;
	}
	
	label {
		font-size: 11px;
		line-height: 14px;
		padding-left:1px;
	}


		
			
/* -------------------------------------------------------------
Hacks ---------------------------------------------------------- */	
		
		
	.hide {
		display: none;
	}	
		
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1px;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	
			
/* -------------------------------------------------------------
Send to a Friend ----------------------------------------------- */	

	#popin {
		position: absolute;
		left: 300px;
		top: 180px;
		background-color: #fff;		
		width: 290px;
		border: 1px #283c9a solid;
	}
	
	#popin input {
		width: 205px;
	}
	
/* ----------------------------------------------------------------------- 
Flash Detect --------------------------------------------------------- */
/*
	#flashversion {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		background-color:#fff;
		padding: 0 0 0 20px;
	}

		#flashversion span {
			margin: 0px;
			padding: 1px 0px;
			padding-left: 25px;
			font-size: 10px;
			background: url(course/4105/images/flashdetect_alert.gif) left top no-repeat;
		}*/

	#right_top_er {
		background: url(/images/top_right_er.gif) top left no-repeat;
		width:610px;
		height:68px;
	}