/* Style CSS of forS60.com. Don't copy, don't modify.
** by Raphaël Servant
*/

/*579400 : vert
00708b : bleu
cc0066 : rose
f0f3d9 : vert clair
e1ecf6 : bleu clair
fbe5f0 : rose clair
767b83 : gris
e8e8e8 : gris clair (fond)*/

pre {
	margin: 0 auto;
	width: 500px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #ccc;
}
.tip {
	padding: 5px 5px 5px 50px;
	border: 1px solid #c66;
	background: url(img/tip.png) 5px 5px no-repeat;
}





/* ----- PAGE STRUCTURE ----- */

html {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 90% "Trebuchet MS", sans-serif;
	background: #e8e8e8;
}
#global {
	width: 100%;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	padding-bottom:200px;/*pour eviter que le footer touche le reste*/
}
/*
#header {
	color: #000000;
	height: 160px;
	position: relative;
	padding: 0 20px;
}*/
#header {
	height: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.promo_adv{
	height:248px;
	width:300px;
	background:url(promo_adv.png) repeat-x top left;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	cursor: pointer;
}
.promo_adv_accueil{
	height:250px;
	width:300px;
	background:url(promo_adv_accueil.png) repeat-x top left;
	cursor: pointer;
}
#contenu_header{
	position:relative;
	z-index:2;
}
#header_applications{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(menu/applicationsheader.png) repeat-x top left;
	height:260px;
}
#header_themes{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(menu/themesheader.png) repeat-x top left;
	height:260px;
}
#header_blog{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(menu/blogheader.png) repeat-x top left;
	height:260px;
}
#header_autres{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(menu/autresheader.png) repeat-x top left;
	height:260px;
}
#middle_page{
}
#middle{
	width: 950px;
	text-align:left;
}
#footer {
	position: absolute;
	bottom: 0;
	text-align:center;
	color: #ffffff;
	width:100%;
	background:url(menu/footer.png) repeat-x top left;
	padding-top:15px;
}
#footer_newsletter {
	color: #aaaaaa;
	font-size: 0.8em;
	padding:5px 5px 5px 5px;
}
#center {
	width:950px;
	overflow: auto;
	margin-bottom:10px;
}
#top {
	width: 950px;
}
#right {
	float: left;
}
#left {
	float: left;
}
#left, #right{
	overflow:hidden;
	width: 450px;
	margin:0px 10px 0px 10px;
}
#top, #left, #right{
	color:#000000;
	position:relative;
}
.leftorright_top{
	background:url(leftorright_top.png) no-repeat top left;
	height:15px;
	width:450px;
}
.leftorright_middle{
	background:url(leftorright_middle.png) repeat-y top left;
	width:450px;
}
.leftorright_bottom{
	background:url(leftorright_bottom.png) no-repeat top left;
	height:25px;
	width:450px;
}
.leftorright_text{
	width:425px;
	margin-left:15px;
}


.center_top{
	background:url(center_top.png) no-repeat top left;
	height:15px;
	width:950px;
}
.center_middle{
	background:url(center_middle.png) repeat-y top left;
	width:950px;
}
.center_bottom{
	background:url(center_bottom.png) no-repeat top left;
	height:25px;
	width:950px;
}
.center_text{
	width:920px;
	margin-left:15px;
}

#register_you{
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	width:200px;
	padding:5px 5px 5px 5px;
	font-size:0.8em;
}
#help_format_text, #help_versions_symbian, #help_free_applications, #help_installation_application{
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	width:300px;
	padding:5px 5px 5px 5px;
	font-size:0.8em;
}

.small_help{
	background-color: #cc0066;
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	width:300px;
	padding:5px 5px 5px 5px;
	font-size:0.8em;
}

.application_image{
	/*background:url(unknow_image_application.png) no-repeat top left;*/
	overflow:hidden;
	border:#e8e8e8 4px solid;/*cc0066*/
}

.application_image:hover{
	/*background:url(unknow_image_application.png) no-repeat top left;*/
	overflow:hidden;
	width:100px;
	height:100px;
	border:#579400 4px solid;
}
.application_image_sans_lien{
	/*background:url(unknow_image_application.png) no-repeat top left;*/
	overflow:hidden;
	border:#ffffff 4px solid;/*cc0066*/
}

.theme_image{
	background:url(unknow_image_application.png) no-repeat top left;
	overflow:hidden;
	width:100px;
	height:100px;
	border:#e8e8e8 4px solid;/*cc0066*/
}

.theme_image:hover{
	background:url(unknow_image_application.png) no-repeat top left;
	overflow:hidden;
	width:100px;
	height:100px;
	border:#579400 4px solid;
}

/* ------ Hx ------ */

h1{
	color: #00708b;/*#cccccc;*/
	font-size:18pt;
	padding: 0px 0px 0px 0px;/*top right buttom left*/
	margin: 0px 0px 0px 0px;/*top right buttom left*/
}
#header h1 {
	margin: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 10px;
	left: 30px;
	font: 3em Georgia, serif;
}
h2, #left h2, #right h2, #top h2 {
	padding-left: 15px;
	/*background: #00708b; /*url(img/titre.png) left center no-repeat;*/
	background: url(traih.png) no-repeat bottom left;
	color: #00708b;/*#cccccc;*/
	margin: 0px 0px 15px -12px;/*top right buttom left*/
	padding: 0px 0px 5px 10px;/*top right buttom left*/
}
h3, #left h3, #right h3, #top h3 {
	color: #00708b;
	font-variant: small-caps;
	margin: 0px 0px 0px 0px;
}
h4, #left h4, #right h4, #top h4 {
	color: #444444;
	font-variant: small-caps;
	margin: 0px 0px 0px 0px;
}
#left ul, #right ul, #top ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}





/* ----- LINKS ----- */

a, a:link, a:visited{
	color:#cc0066;
	text-decoration:none;
}
a:hover, a:focus{
	color:#579400;
	text-decoration:none;
}
a:active{
	color:#579400;
	text-decoration:none;
}


a#h2_green:link, a#h2_green:visited{
	color:#00708b;
	text-decoration:none;
}
a#h2_green:hover, a#h2_green:focus{
	color:#cc0066;
	text-decoration:none;
}
a#h2_green:active{
	color:#cc0066;
	text-decoration:none;
}


a#link_no_style:link, a#link_no_style:visited{
	color:#000000;
	text-decoration:none;
	border:0px;
}
a#link_no_style:hover, a#link_no_style:focus{
	color:#000000;
	text-decoration:none;
	border:0px;
}
a#link_no_style:active{
	color:#000000;
	text-decoration:none;
	border:0px;
}


/*#footer a:link, #footer a:visited{
	color:#ffffff;
	background-color:#cc0066;
	text-decoration:underline;
	border:0px;
}
#footer a:hover, #footer a:focus{
	color:#cc0066;
	background-color:#ffffff;
	text-decoration:none;
	border:0px;
}
#footer a:active{
	color:#cc0066;
	background-color:#ffffff;
	text-decoration:none;
	border:0px;
}*/


a:link img, a:visited img{
	color:#000000;
	text-decoration:none;
	border:0px;
}
a:hover img, a:focus img{
	color:#ffffff;
	text-decoration:none;
	border:0px;
}
a:active img{
	color:#000000;
	text-decoration:none;
	border:0px;
}





/* ----- BUTTON LARGE ----- */

#button_large_div, #button_large_div:link, #button_large_div:visited{
	font-weight: bold;
	height: 75px;
	width: 200px;
	background: url(buttons/button_200_75_normal.png) center center no-repeat;
	/*padding: 20px 4px 4px 4px;*/
	margin:10px 10px 10px 10px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
}
#button_large_div:hover, #button_large_div:focus{
	font-weight: bold;
	height: 75px;
	width: 200px;
	background: url(buttons/button_200_75_hover.png) center center no-repeat;
	/*padding: 20px 4px 4px 4px;*/
	margin:10px 10px 10px 10px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
	cursor: pointer;
}
#button_large_div:active{
	font-weight: bold;
	height: 75px;
	width: 200px;
	background: url(buttons/button_200_75_active.png) center center no-repeat;
	/*padding: 20px 4px 4px 4px;*/
	margin:10px 10px 10px 10px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
	cursor: pointer;
}/*
#button_large_a, #button_large_a:link, #button_large_a:visited{
	font-weight: bold;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
}
#button_large_a:hover, #button_large_a:focus{
	font-weight: bold;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
}
#button_large_a:active{
	font-weight: bold;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
}
#button_large_div_in_a, #button_large_div_in_a:link, #button_large_div_in_a:visited{
	height: 75px;
	width: 200px;
	font-weight: bold;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
	cursor : pointer;
}
#button_large_div_in_a:hover, #button_large_div_in_a:focus{
	height: 75px;
	width: 200px;
	font-weight: bold;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
	cursor : pointer;
}
#button_large_div_in_a:active{
	height: 75px;
	width: 200px;
	font-weight: bold;
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
	cursor : pointer;
}
*/




/* ----- BUTTON SMALL ----- */

#button_small_div, #button_small_div:link, #button_small_div:visited{
	font-weight: bold;
	height: 45px;
	width: 200px;
	background: url(buttons/button_200_45_normal.png) left center no-repeat;
	padding: 20px 2px 0px 2px;
	margin:-10px 0px -10px 0px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
}
#button_small_div:hover, #button_small_div:focus{
	font-weight: bold;
	height: 45px;
	width: 200px;
	background: url(buttons/button_200_45_hover.png) left center no-repeat;
	padding: 20px 2px 0px 2px;
	margin:-10px 0px -10px 0px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
	cursor: pointer;
}
#button_small_div:active{
	font-weight: bold;
	height: 45px;
	width: 200px;
	background: url(buttons/button_200_45_active.png) left center no-repeat;
	padding: 20px 2px 0px 2px;
	margin:-10px 0px -10px 0px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
	cursor: pointer;
}
#button_small_a, #button_small_a:link, #button_small_a:visited{
	font-weight: bold;
	color:#545659;
	font-size:12pt;
	text-decoration:none;
}
#button_small_a:hover, #button_small_a:focus{
	font-weight: bold;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
}
#button_small_a:active{
	font-weight: bold;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
}
#button_small_div_in_a{
	height: 45px;
	width: 120px;
	cursor : pointer;
}





/* ----- POPUP ----- */

.popup{
	font-weight: bold;
	height: 45px;
	width: 200px;
	background: url(buttons/button_200_45_active.png) left center no-repeat;
	padding: 20px 2px 2px 2px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
	position: absolute;
	left:50%;
	top:150px;
}





/* ----- DECORATION ----- */

.align_left{
	text-align:left;
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}
.align_justify{
	text-align:justify;
}

.float_left{
	float:left;
	margin:5px 5px 5px 5px;
}
.float_right{
	float:right;
	margin:5px 5px 5px 5px;
}

.text_green{
	color:#579400;
}
.text_blue{
	color:#00708b;
}
.text_pink{
	color:#cc0066;
}
.error{
	color:#e8e8e8;
	background-color:#767b83;
	padding:10px 10px 10px 10px;
	text-align:center;
}

.text_bold {
	font-weight : bold;
}
.text_italic {
	font-style: italic;
}
.text_underline {
	text-decoration: underline;
}

.text_small {
	font-size:0.7em;
}
.text_discreet {
	font-size:0.8em;
	color: #999999;
}
.text_big {
	font-size:1.3em;
}
.text_big_pink {
	font-size:1.5em;
	color:#cc0066;
}

.text_line {
	background: url(traih.png) no-repeat left;
	height:20px;
	margin-left:-12px;
}
.large_gray{
	font-size:2.7em;
	color:#6d7179;
	text-shadow:1px 1px 0 #FFFFFF;
}

/* copie :


#gauche {
background:url(fond_arrondi.png) no-repeat bottom left;
margin:0 0 0 0;
max-width:2007px;
width:96%;
}


#droite {
background:url(fond_arrondi.png) no-repeat bottom right;
margin-left:10px;
padding-bottom:20px;
}
#haut {
background:url(fond_arrondi.png) no-repeat top right;
margin-left:0px;
padding:0;
}
#haut div {
background:url(fond_arrondi.png) no-repeat top left;
height:10px;
width:10px;
margin-left:-10px;
}
#text{
	padding:5px 10px;
	margin:0;
}

à utiliser comme : 
<div id="gauche">
 <div id="droite">
  <div id="haut">
   <div></div>
  </div><!-- /haut -->
  <div id="text">
	  <h3>Lorem ipsum</h3>
	  <p>
	  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
	  Mauris vulputate laoreet urna. Integer magna. 
	  Donec facilisis lectus sed quam. 
	  Curabitur sit amet lacus id lacus facilisis venenatis.
	  </p>
	  <p>
	  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
	  Mauris vulputate laoreet urna. Integer magna. 
	  Donec facilisis lectus sed quam. 
	  Curabitur sit amet lacus id lacus facilisis venenatis.
	  </p>
  </div>
 </div><!-- /droite -->
</div><!-- /gauche -->

*/
/* ----- FORMS ----- */
/*
input[type="text"].hiddenfield{
	background: none;
	color:#000000;
	border:solid 0px;
	font: 90% "Trebuchet MS", sans-serif;
	margin: 1px 1px 1px 1px;
}
input[type="text"].hiddenfield:hover, input[type="text"].hiddenfield:focus, input[type="text"].hiddenfield:active{
	background: #eeeeee;
	color:#00708b;
	border:solid 1px #00708b;
	font: 90% "Trebuchet MS", sans-serif;
	margin: 0px 0px 0px 0px;
}


textarea.hiddenfield{
	background: none;
	color:#000000;
	border:solid 0px;
	font: 90% "Trebuchet MS", sans-serif;
	margin: 1px 1px 1px 1px;
	overflow:hidden;
}
textarea.hiddenfield:hover, textarea.hiddenfield:focus, textarea.hiddenfield:active{
	background: #eeeeee;
	color:#00708b;
	border:solid 1px #00708b;
	font: 90% "Trebuchet MS", sans-serif;
	margin: 0px 0px 0px 0px;
}*/





/* ----- INFORMATIONS ----- */

/*:link = pour les liens aux pages qui n'ont pas encore été visitées
:visited = pour les liens aux pages qui ont déjà été visitées
:hover = pour les liens sur lesquels l'utilisateur passe avec la souris
:active = pour les liens en train d'être cliqués
:focus = pour les liens qui deviennent actifs (focus) par exemple lors d'une "recherche" par tabulateur

# : id
. : class*/
/*
padding/margin : top right buttom left*/
/*input{
	color: #00708b;
	background: url(vide.png);
}*/
/*579400 : vert
00708b : bleu
cc0066 : rose*/