/**Author Name:Gen 
   Developed in Vin Labs 
   Copyright at gendesigns.blogspot.com 
   ProjectName:Computer Zone **/
@import url(menu.css);
*{ margin: 0px; padding: 0px; }*
body
{ 
  /*background:#244458 center top;*/
  color: #dcdcdc;
  font: .9em normal small "Verdana",Tahoma, verdana, helvetica, sans-serif;
  line-height: 1.6em;
}
/**Common**/
p
{
	font-family:verdana;
	font-size:1em;
}
/**Wrapper **/
#wrapper 
{
	width:900px;
	margin:5px auto;
	/*background:#244458;*/
}
#top,#footer,#main,#content,#container
{
	width:850px;
	margin:0px auto;
}
#top
{
	position:relative;
	background:url(../images/headerBan.jpg) top center no-repeat;
	height:70px;
}
#logo h1
{
	font-family:Verdana;
    font-size:2.4em;
    font-weight:500;
    margin:0px ;
    padding-left:50px;
	padding-top:20px;
	color:#eee;
}
#logo p
{
	 padding-left:60px;
}
#logo
{
float:left;
margin: 0 0 0 15px;
}
#content li a
{
text-align:center;
color:#9ab2be;
float: left;
height: 25px;
margin-right: 1px;
text-decoration: none;
font-size: 1.1em;
padding: 20px 10px 13px 10px;
}
#main
{
	background:/*#244458*/ url(../images/pic.gif) no-repeat ;
	height:200px;
}
#content
{
	height:300px;
	background: #1e2543 url(../images/coinGauche.jpg) no-repeat top left;
}
#left
{
	width:275px;
    height:184px;
	padding-top:5px;
    float:left;
}
#right
{
	width:275px;
    height:184px;
	padding:5px 20px 0 0;
    float:right;
}
#center
{
	margin:0px 275px 0px 275px;
	height:184px;
	width:280px;
    padding-top:5px;
	
}
#left h1,#right h1,#center h1
{
font-size:1.5em;
padding:10px 0 0 50px;
font-family:verdana;
}
#left p,#right p,#center p
{
padding:10px 15px 0px 20px;
}
#left h2,#right h2,#center h2
{
	padding-left:170px;
	font-family:verdana,verdana,sans-serif,tahoma;
	font-size:0.9em;
}
#left a,#right a,#center a
{
	color:#fff;
	text-decoration:none;
}
#container
{
	height:200px;
	background:#eeeeee;
	margin-top:5px;
	margin-bottom:5px;
}
#lcontain
{
	width:260px;
	background:#eeeeee;
	float:left;
	margin-left:5px;
	height:190px;
	margin-top:7px;

}
#rcontain
{
	background:#eeeeee;
	float:right;
	width:575px;
    height:190px;
	margin-right:5px;
    margin-top:7px;
 	color:#1e2543;
}
#lcontain p
{
color:#2f2f2f;
padding-left:15px;
}
/** Image flottant à droite **/
img.flotteDroite{
float:right;
margin: 5px 20px 0 0;
}
img.flotteDroiteLiens{
float:right;
margin: 5px 20px 0 0;
}
/** Footer ***/
#footer {
	background: #1e2543 url(../images/fondFooter.jpg) no-repeat bottom left;
	margin: 0 auto;
	text-align: center;
	clear:both;
	height:30px;
}
h1.titreFooterRouge{
color:#244458;
font-size:1.8em;
margin:5px 0 0 0;
padding: 5px 0 0 20px;
}
h2.titreFooterBleu{
font-size:1.2em;
color:#d63229;
margin:0;
padding: 5px 0 0 20px;
line-height:15px;
}

img#logoPSL{
margin:0 0 0 25px;
padding:0;
}
div#marqueurEstat{
margin:10px 0 0 50px;
}

/*** Liste avec puces carrées **/
ul.listeCarre{
margin: 0 0 0 60px;
}
ul.listeCarre li{
list-style-type:square;
}
/*** Liste avec puces carrées **/
ul.listeCarreFooter{
margin: 0 0 0 60px;
padding : 0 0 0 0px;
}
ul.listeCarreFooter li{
list-style-type:square;
}
/* Index */
div#rcontain h2{
margin: 0 0 10px 0;
}
div#rcontain p{
color:#244458;
font-size:1.4em;
font-style:italic;
margin:0;
}
div#rcontain em.rouge{
color:#d63229;
font-size:1.3em;
font-weight:bold;
}
h2#partenaire{
font-size:10px;
margin:0;
padding:0 0 0 50px;
width:190px;
text-align:left;
}
h1.topTitle{
text-align:center;
color:white;
font-size:11px;
letter-spacing:3px;
padding-top:3px;
}