/* general */
body { margin:0; padding:0; background:#4c4c4c url(images/bg.gif) repeat-x left top; font:12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#666; }
#tabs { display:block; }
#main { width:980px; min-height: 540px; margin:0 auto; background: url(images/index_bgmiddle2.png) repeat-y;}
#mainpopup { width:730px; margin:5px auto; background: url(images/index_bgmiddle2.png) repeat-y;}
a { color:#6695b6; text-decoration:none; }
div.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }
.pochette {border: 1px solid #000; margin-right: 2px;}
.users {text-align:center; font:12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#000; font-weight: bold;}


/* header */
#header { background: url(images/bg_header.png) no-repeat; width:980px; height:58px; margin:10px auto 0; }
a:hover { text-decoration:underline; }

/* promos */
#promos { background: url(images/index_bgpromos.jpg) repeat-x; width:980px; height:133px; padding:4px 0 0 0; margin:0 auto;}
#promos img { margin:0 0 0 4px; padding:0; float:left; border:1px solid #000; }
#promos a img { margin:0 0 0 4px; padding:0; float:left; border:1px solid #000; }
#promos a:hover img { border:1px solid #888; }

/* sidebar */
#sidebar { margin:0 5px 0 12px; padding:0 0 20px 0; width:540px; float:right; background:transparent url(images/bg_gauche.gif) repeat-x scroll left top; }
#sidebar #devresources { text-indent:-999999px; background:url(/images_index/text_h2_devres.gif) no-repeat; width:176px; height:17px; margin-bottom:20px; }
#sidebar div { border:none; }
#sidebar h2 { margin-left:5px; margin-top:0px; }
#sidebar #gettingstarted { background:url(/main/images/arrow_orange.gif) no-repeat left 1px; padding-left:17px; display:block; margin:0 0 10px 25px; }
#sidebar ul { list-style-type:none; margin:0; padding:0; }
#sidebar #ql { margin-bottom:15px; }
#sidebar #ql li { margin:0 0 5px 0; }
#sidebar #ql li a { display:block; color:#1b4486; background:url(images/arrow.gif) no-repeat left 1px; padding-left:17px; }
#sidebar #ql li a:hover { text-decoration:underline; }
#sidebar ul { list-style-type:none; margin:0; padding-left:25px; }
#sidebar ul li { margin-bottom:3px; }
#sidebar a { color:#6a6a6b; }
#sidebar a:hover { text-decoration:underline;  }
#sidebar h3 { margin-left:20px; margin-bottom:5px; font-size:14px; color:#000; }
#sidebar h3 a { font-size:11px; color:#000; }
#sidebar h3.first { margin-top:0; }
#sidebar a.rss { background:transparent url(/main/images/icon_rss.gif) no-repeat scroll left top; color:#000000; display:block; float:right; font-size:11px; font-weight:bold; height:11px; margin:17px 20px 0pt; text-indent:-99999px; width:32px; }
#sidebar .column.last { margin-right:20px; width:45% }

/* content */
#content { margin: 8px 29px 0 5px; width:377px; float:right; }
#content #featcontent { text-indent:-999999px; background:url(/main/images/text_h2_featured.gif) no-repeat; width:127px; height:13px; margin-bottom:20px; }
#content img { position: relative; bottom:0px; }  
#content #featuredcontent li a { color:#000; font-weight:bold; }
#content #featuredcontent li a:hover { color:#1b4486; }
#content #featuredcontent p.indent { margin:5px 0 15px; }
#content a.more { color:#1b4486; font-weight:bold; display:block; margin:0 0 20px; }
#content a.more:hover { text-decoration:underline; }
#content .separator { background:#fbb357; width:100%; height:1px; }

#content h2#quicklinks { text-indent:-999999px; background:url(/main/images/quicklinks.gif) no-repeat; width:114px; height:24px; margin:15px 0; }
#content h2#adcitunes { text-indent:-999999px; background:url(/main/images/adcitunes.gif) no-repeat; width:140px; height:24px; margin:15px 0; }
#content h2#whatsnew { text-indent:-999999px; background:url(/main/images/whatsnew.gif) no-repeat; width:86px; height:13px; margin:15px 0; }

#adc_index #content .grid2col .column.last { margin:0; }
#adc_index #content .grid2col .column.first { margin:0; }
#content #itunes { margin-bottom:15px; }
#content #itunes li { margin:0 0 5px 0; }
#content #itunes li a { display:block; color:#1b4486; background:url(/main/images/icon_monitor.gif) no-repeat left 2px; padding-left:20px; }
#content #itunes li a:hover { text-decoration:underline; }
#content #itunes a.more.videos { font-weight:normal; margin:10px 0; background:none; padding-left:0; display:block; }

#content #news ul li { border-bottom:1px solid #eaebed; padding:3px 0 4px; }
#content #news ul li.last { border-bottom:none; margin-bottom:15px; }
#content #news ul li a { margin-left:10px; color:#1b4486; }
#content #news ul li a:hover { text-decoration:underline; }
#content #news span.left { float:left; clear:none; color:#999; }
#content #news span.right { float:right; clear:none; color:#666; padding:1px 0pt 1px 20px; display:block; display:block; width:74px; height:15px; }
#content #news span.right.news { background:url(/main/images/iconmini_news.gif) no-repeat left 1px; }
#content #news span.right.guide { background:url(/main/images/iconmini_guide.gif) no-repeat left 1px; }
#content #news span.right.samplecode { background:url(/main/images/iconmini_samplecode.gif) no-repeat left 1px; }

/* footer */
.bottomcorners { background:url(/main/images/index_bgbottom.jpg) no-repeat; }
#sosumifooter { width:750px; margin:0 auto; min-height: 580px;  font-size:10px; color:#c2c2c2; }

/* signup */
#signup { width:450px; margin:0 auto;}

.red {color: #d32645; }
#disclaimer {text-align: center; font-weight: bold; color: #d32645; margin-bottom: 8px;}



/* globalnav */
#globalnav { float:right; color:#000; margin:15px 24px 0 0; font-size:10px; }
#globalnav a { color:#d7e2ec; }

/* search */
#search { clear:right; float:right; margin:15px 24px 0 0; width:255px; margin-bottom:-6px; font-size:10px; }
#search a { float:right; margin:3px 2px 0 0; color:#fff; }

/* pretty search */
input.prettysearch { width:190px; height: 16px; background: url(/main/images/searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font:11px "Lucida Grande", Geneva, Arial, sans-serif; }
.search-wrapper { position: relative; width: 190px; }
.search-wrapper input.prettysearch { width: 161px; margin-left: 20px; margin-top:-1px; margin-right:-2px; margin-left:10px; }
.search-wrapper .left, 
.search-wrapper .right { behavior:url(/global/scripts/lib/iepngfix.htc); }
.search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(/main/images/searchfield_leftcap.png) left top no-repeat; }
.search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(/main/images/searchfield_rightcap.png) right top no-repeat; }
.search-wrapper.empty.blurred input { color: #7E7E7E; }
.search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(/main/images/close.gif); display: block; cursor: pointer; _cursor:hand; }
.search-wrapper.empty .reset { display: none; }

/* localnav */
#localnav { width:620px; padding-left: 108px; margin:10px auto 5px;}
#localnav img { display:block; float:left; margin:11px 12px 0 0; }
#localnav ul, #localnav li { display:block; float:left; padding:0; }
#localnav li a { display:block; float:left; margin-right:12px; margin-left:12px; height:13px !important; text-indent:-99999px; }
/*\*/ *html #localnav ul { margin-left:-12px; } *html #localnav li a { margin-right:0; } /**/
#localnav li#zh a { background:url(/main/images/localzh.gif) no-repeat left top; width:48px; }
#localnav li#fr a { background:url(/main/images/localfr.gif) no-repeat left top; width:41px; }
#localnav li#de a { background:url(/main/images/localde.gif) no-repeat left top; width:41px; }
#localnav li#ja a { background:url(/main/images/localja.gif) no-repeat left top; width:34px; }
#localnav li#ko a { background:url(/main/images/localko.gif) no-repeat left top; width:31px; }
#localnav li#zhtw a { background:url(/main/images/localzhtw.gif) no-repeat left top; width:47px; }
#localnav li#en a { background:url(/main/images/localen.gif) no-repeat left top; width:36px; }
#localnav li a:hover, #localnav li#zh a:hover, #localnav li#fr a:hover, #localnav li#de a:hover, #localnav li#ja a:hover, #localnav li#ko a:hover, #localnav li#zhtw a:hover, #localnav li#en a:hover { background-position:left bottom; }


/* grid */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

/* slide */
#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}
Ê
#coordonnees #personal #admin {
	margin: 0 auto;
	height: auto;
}
#test2 {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}

/* NEW GLOBALFOOTER */
#globalfooter.gf-800 { color: #959595; font-size: 10px; margin: 9px auto; padding-bottom: 36px; text-align: left; }
#globalfooter.gf-800 a { text-decoration: none; color:#D6D6D6; }
#globalfooter.gf-800 a:hover { text-decoration: underline; }
#globalfooter.gf-800 .gf-buy { float: left; width: 60%; margin: 18px 0 9px; }
#globalfooter.gf-800 .gf-links { float: right; text-align: right; margin: 15px 0 9px; }
#globalfooter.gf-800 .gf-links a { padding: 0 6px; }
#globalfooter.gf-800 .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #5D5D5D; padding-top: 9px; }
#globalfooter.gf-800 .gf-sosumi a { padding: 0 10px; }
#globalfooter.gf-800 { width: 800px; }
#globalfooter #appleicon2 { padding:0 0 0 5px; margin-right:-5px; }

/* @group My Group */

/* Ajoute par moi */
/* Sajax Signup */
#available {
		display: none;
		color: green;
	}
#not_available {
		display: none;
		color: red;
	}
	
/* Upload */
.photoupload-queue
{
	list-style:				none;
}
.photoupload-queue li
{
	background:				url(images/photo_upload.png) no-repeat 0 5px;
	padding:				5px 0 5px 22px;
}

.photoupload-queue .queue-file
{
	font-weight:			bold;
}

.photoupload-queue .queue-size
{
	color:					#aaa;
	margin-left:			1em;
	font-size:				0.9em;
}

.photoupload-queue .queue-loader
{
	position:				relative;
	margin:					3px 15px;
	font-size:				0.9em;
	background-color:		#ddd;
	color:					#fff;
	border:					1px inset #ddd;
}
.photoupload-queue .queue-subloader
{
	text-align:				center;
	position:				absolute;
	background-color:		#81B466;
	height:					100%;
	width:					0%;
	left:					0;
	top:					0;
}

.photoupload-queue .input-delete
{
	width:					16px;
	height:					16px;
	background:				url(images/delete.png) no-repeat 0 0;
	text-decoration:		none;
	border:					none;
	float:					right;
}

/* Zebra */
.highlight		{ background:#d5fcdc; }
.even			{ background:#fff; }
.mo			{ background:#e3f1fb; }
.odd			{ background:#eee; }
.zebra th		{ padding:5px; background:#ddd; border-bottom:1px solid #999; text-align:left; font-weight:bold; }
.zebra td		{ padding:5px 20px 5px 5px; border-bottom:1px solid #ddd; }

.btn {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/images/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 120%;
    color:#FFFFFF;
    padding:1px 3px;
    cursor:pointer;
    font-weight:bold;
    display:inline;
}
.btnl {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/images/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 90%;
    color:#FFFFFF;
    padding:1px 3px;
    cursor:pointer;
    font-weight:bold;
    display:inline;
}
.btns {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/images/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 120%;
    color:#000000;
    padding:1px 3px;
    cursor:pointer;
    font-weight:bold;
    display:inline;
}

/* @end */
