/*
                   \\"""//
                    (0 0)
    +-------oOO-----`(_)´---------------+
    |      Base screen style sheet      |
    |                                   |
    |   -----------------------------   |
    |      Ioan Sameli                  |
    +-------------------------oOO-------+
                   |__|__|
                    || ||
                   ooO Ooo
*/

  /*******************************/
 /******   YUI CSS RESET   ******/
/*******************************/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	ol,ul{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;}
	a{text-decoration: none;}

	.clear{height:1;clear:both;}
	.hidden{display:none;}
	
	


  /***************************************/
 /******   PAGE STRUCTURE STYLES   ******/
/***************************************/

	body{
		font-family: helvetica, arial, verdana;
		font-size: 12px;
		letter-spacing: 0.02em;
		background: #FFF;
		margin: 0;
		}

  /************************/
 /******   HEADER   ******/
/************************/

	#sdg-header{
		height:262px;
		width:950px;
		margin:0 auto;
		background:url(/graphics_2009/header-img.jpg) bottom right no-repeat;
		}
		
	#sdg-header.index{
		height:402px;
		background:url(/graphics_2009/header-hp-img.jpg) right 25px no-repeat;
		}

	#sdg-header ul{
		position:absolute;
		width:290px;
		margin:15px 0 0 0;
		}
	#sdg-header il{float:right}
	#sdg-header ul a{
		display:block;
		width:16px;
		height:10px;
		padding:6px;
		float:right;
		text-align:center;
		color:#8a1d20;
		font-size:10px;
		font-weight:bold;
		}
	#sdg-header ul a.cur{background:#8a1d20;color:white;}
	#sdg-header ul a:hover{background:#Aa3d50;color:white;}


	#sdg-header h2{
		width:290px;
		padding-top:37px;
		background:url(/graphics_2009/logo.png) top left no-repeat;
		}
	#sdg-header h2 a{
		display:block;
		height:203px;
		text-indent:-999px;
		overflow:hidden;
		}
		
	/* On homepage, display more stuff */
	#sdg-header h2 .more{display:none;}
	#sdg-header.index h2 .more{
		display:block;
		text-align:center;
		color:white;
		font-weight:bold;
		line-height:145%;
		}
	#sdg-header.index h2 .more img{display:block;margin:15px auto;}
	#sdg-header.index h2{height:343px;}
		
  /********************************/
 /******   PAGE STRUCTURE   ******/
/********************************/

	#sdg-page{
		width:950px;
		margin:0 auto;
		background:url(/graphics_2009/page-bg-cols.png) 84px 0 repeat-y;
		}

	.sdg-col{
		float:left;
		overflow:hidden;
		margin-left:1px;
		}

	#sdg-sponsoring{
		width:93px;
		}

	#sdg-metanav{
		width:194px !important;
		width:193px; /* IE6 */
		min-height:300px;
		/* background:url(/graphics_2009/gradient-gray-vertical.png) 0 32px repeat-x; */
		background:url(/graphics_2009/gradient-gray-vertical.png) 0 0 repeat-x;
		}

	#sdg-nav{
		width:660px;
		background:white;
		border-bottom:1px solid #8a1d20;
		}

	#sdg-content{
		width:438px;
		}

	#sdg-context{
		width:221px;
		}

	#sdg-footer{
		clear:both;
		border-top:1px solid #8a1d20;
		padding:15px;
		background:url(/graphics_2009/gradient-gray-vertical.png) top;
		color:#8a1d20;
		font-weight;bold;
		}


  /*******************************/
 /******   PAGE ELEMENTS   ******/
/*******************************/

	/* Quicksearch */
	#quicksearch{
		height:16px;
		padding:8px 16px;
		color:#8a1d20;
		background;
		border-bottom:1px solid #8a1d20;
		}
		
	#sdg-metanav a{
		display:block;
		padding:4px 4px 4px 26px;
		color:#777;
		font-weight:bold;
		}
	#sdg-metanav a:hover,
	#sdg-metanav a.cur{color:#8a1d20;background:url(/graphics_2009/salade.png) left no-repeat;}
	
	a.external span{
		background:url(/graphics_2009/sm-arr.png) left no-repeat;
		padding-left:16px;
		}
	
	#sdg-metanav li li a{font-size:10px;padding:4px 4px 4px 36px;}
	#sdg-metanav li li a:hover{background-position:10px 0;}

	/* Main navigation */
	#sdg-nav li{
		float:left;
		}
	#sdg-nav a{
		display:block;
		height:16px;
		padding:8px 19px;
		float:left;
		font-size:14px;
		font-weight:bold;
		color:#8a1d20;
		background:url(/graphics_2009/nav-link-sep.png) right no-repeat;
		}
	#sdg-nav a.last{background:none;}
	#sdg-nav a:hover, #sdg-nav a.cur{color:white;background:#8a1d20;margin-left:-1px;padding-left:20px;}
	
	/* In german, less padding because words are longer */
	#sdg-nav.de a{padding:8px 11px;}
	#sdg-nav.de a:hover, #sdg-nav.de a.cur{;margin-left:-1px;padding-left:12px;}
	

	/* Main content styles */
	#sdg-content h1{
		width:240px;
		padding:10px;
		font-size:13px;
		line-height: 16px;
		font-weight:bold;
		color:white;
		background:#8a1d20;
		}
	#sdg-content h1 a{color:white;}
	hr{border:1px solid #8a1d20;border-width:0 0 1px 0;height:1px;margin:0;}
		
	.content{
		font-size:11px;
		line-height: 15px;
		color:#555;
		padding:10px;
		}
	.content p{
		padding:10px;
		}
		
	.content a{color:#8a1d20;font-weight:bold;text-decoration:none}
	.content a:hover{background:#8a1d20;color:white;}
	
	.content h2{font-weight:bold;font-size:12px;color:#8a1d20;padding:10px 0;}
	
	.content h3{font-weight:bold;font-size:10px;color:#555;padding:10px 0;}
	
	.content ul{padding:10px 0;}
	.content li{
		padding:6px 6px 6px 25px;
		background:url(/graphics_2009/bullet.png) 12px 10px no-repeat;		
		}
	.content .salade li, .content li.salade{
		background:url(/graphics_2009/salade.png) 0 6px no-repeat;		
		}
	
	.content li.pdf{background-image:url(/graphics_2009/icon-pdf.gif);}
	
	
	#sdg-context{
		background:url(/graphics_2009/gradient-gray-vertical.png) top repeat-x;
		padding-bottom:30px;
		}
		
	#sdg-context .c2{
		min-height:250px;
		padding-bottom:220px;
		background:url(imgs_2009/random-5.jpg) bottom left no-repeat;
		}
		
	#sdg-context h2{
		padding:10px;
		font-size:13px;
		line-height: 16px;
		font-weight:bold;
		color:white;
		background:#999;
		}

  /*********************************/
 /******   SPONSORS SCROLL   ******/
/*********************************/

	#sponsors-top{height:60px;width:660px;margin:0 0 -38px 290px;overflow:hidden;background:white;}
	#sponsors-top div{width:9999px;}
	#sponsors-top a{display:block;float:left;}

  /********************************/
 /******   Comité qualité   ******/
/********************************/

	.comite-item{
		float:left;
		padding:5px 0;
		width:100%;
		color:#333;
		line-height:200%;
		}
	.comite-item.odd{
		background:#EEE;
		}
	
	.comite-item .name{
		width:130px;
		padding:0 0 0 10px;
		float:left;
		}
	.comite-item .name strong{display:block;}
	.comite-item .location{
		width:170px;
		float:left;
		}
	.comite-item .location a{
		display:block;
		font-weight:bold;
		color:#8A1D20;
		padding:0 0 0 18px;
		background:url(/graphics_2009/sm-arr.png) left no-repeat;
		}
	.comite-item .location a:hover{text-decoration:underline;}
	.comite-item .img{
		width:120px;
		float:left;
		text-align:right;
		}
	.comite-item .img img{border:1px solid #333;}