/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Commentaires 
7/ Pied de page (#footer)
=================== */



/* ---------------------
Html et body
--------------------- */
html {
	font : 75%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #eee;
	background-color : #535961;
	background-image : none;
	margin : 0; padding : 0;
	}

body {
	margin : 0; padding : 0;
	}

#page {
    background : #fff8f0;
	color: #333;
	width : 480px;
	margin : 0 auto; padding: 15px 5px 0px 20px;
	clear : both;
	}

#top { background:#383736 url(../images/bg_head--.gif); /* 6C9253 */ }

#header {
	display: block;
	width: 480px;
	color: #ccc;
	margin: 0 auto; padding: 40px 0px 15px 20px;
	background: transparent url(../images/logo-domsweb-440.gif) no-repeat scroll left center;
	}

#top.ecolo #header {
	width: 480px;
	color: #ccc;
	margin: 0 auto; padding: 40px 0px 15px 20px;
	background: transparent url(../images/logo-domsweb-440.gif) no-repeat scroll left center;
	}

.initial #page { width: 480px; }
.screen_iphone #page { width: 480px; }

.initial #menu {
	background: none;
	height: 20px;
	font-family:"Lucida Sans Unicode",Lucida,Tahoma,sans-serif;
	}
.screen_iphone #menu {
	background: none;
	height: 20px;
	font-family:"Lucida Sans Unicode",Lucida,Tahoma,sans-serif;
	}

#content { /* Bloc */
	float : left;
	width : 460px;
	}

.initial #content, .screen_wide #content {
	float: left;
	width: 460px;
	text-align: justify;
	}

.screen_iphone #contenulargeurpleine, .screen_iphone #content.liens {
	float: left;
	width: 460px;
	text-align: justify;
}

#page #sidebar {
	display: none;
	}
#sidebar {
	display: none;
	}

#menu ul {
	margin: 0 auto; padding: 0;
	width: 480px;
	list-style-type: none;
	}
#menu li {
	float: left;
	font-size: 1.4em;
    font-weight:bold;
	}
#menu li a {
	display: block;
	padding: 2px 2px 2px 2px; margin: 2px 0px 0px 15px;
	color:  #fff;
	text-decoration: none;
	/*border-bottom: 4px solid #;*/
	letter-spacing: 1px;
	}
#menu li a:hover {
	color: #000;
	border-bottom: 4px solid #7AAD42;
	}


/* ---------------------
Styles généraux
--------------------- */
h1 {font-size: 2.7em;}
h2 {font-size: 2em; color: #33CC66;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
p {margin: 0; padding: 3px 0;}

#content a {color: #0000D9; text-decoration: none;}
#content a:hover {color: #669900;}
hr, .clearer {clear: both; visibility: hidden; margin: 0; padding: 0;}
.exposant { vertical-align:  4px; font-size: 70% }
.indice   { vertical-align: -3px; font-size: 70% }

.post-info { font-size: .8em; color: gray; margin-bottom: -30px; }


table { font-size:.7em }
/* Tableau de comparaison des cartes graphiques */


/* ---------------------
  Posts blog
--------------------- */
h2.articletitle {
	padding: 0; margin: 0;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: #7AAD42 solid 1px;
    line-height: 1.5em;
    font-size: 1.5em;
	}




#footer {
	width: 480px;
	margin: 0 auto;
	background: #1a1a1a url(../images/bg_footer.gif) repeat-x;
	clear: both;
	color: #666;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
.initial #footer {
	width: 480px;
}
.screen_iphone #footer {
	width: 480px;
}