/* style css du background général */
body{
	background : #ffffff;	
	width : 910px;
	margin : 20px auto;
	font-family : helvetica;
}

/* début des styles css concernant les pubs */

#pub1{
	border : solid black 2px;
	width : 728px;
	height : 90px;
	margin-left : 16px;
}

#skyscrapper{
	float : right;	
}

#skyscrapper div{
	border : solid black 2px;

	margin : 5px;	
	width : 120px;
	height : 600px;
}

#skyscrapper a{
	text-decoration : none;	
}

#skyscrapper a img{
	border : none;
}

div #pub2{/* la petite pub de droite */
	width : 120px;
	height : 240px;
	
	margin-top : 0px;
	
	background-color : white;
}
/* fin des styles css concernant les pubs */

/* style css du site */
div#wrapper{
	width : 760px;
	margin-top : 5px;
}

/* debut des styles css de logo*/
#logo{	
	width :  240px;
	height : 240px;
}

#logo a{
	text-decoration : none;
}
#logo a img{
	border : none;	
}
/* fin des styles css de logo*/

/* debut des styles css de la barre de navigation*/
#nav_bar{
	background : white;
	float : right;	
	width : 530px;
	margin-right : 5px;
	margin-top : 5px;
}

div#nav{
	background : white;
	margin : 3px 0;
	height : 240px;	
}

#nav_bar div:first-child{
	text-align : right;	
	margin-top : 10px;
	height : 35px;
}

#nav_bar div ul{
	display : inline;
	padding : 0;
}

#nav_bar div li{
	height : 25px;
}

#nav_bar div li.menu{
	height : 31px;
}

#nav_bar a{
	text-decoration : none;
	color : black;
}

#nav_bar a img{
	width : 35px;
	height : 35px;	
	border : none;
}

#nav_bar ul{
	list-style-type : none;		
}

#submenu{
	float:left;
	border-right : solid 4px #00ccff;
	margin-right : 10px;
	margin-top : 20px;
	padding-right : 10px;
	height : 151px;
}

#submenu a img{
	width : 150px;
	height : 25px;	
	border : none;
}
/* fin des styles css de la barre de navigation*/

/* debut des styles css de contenu*/
div#content{
	background : black;
	padding : 5px;
	color : white;
	margin-bottom : 10px;
}

table#page_contenu td{
	border-left : 3px double black;	
}

table#page_contenu td:first-child{
	border:none;	
}

div#section #mini{
	
	float : left;
	margin : 10px;	
}

span#bigmini{
	width : 350px;
	float : left;
	margin-right : 5px;
	margin-top : 1em;	
	font-size : .8em;	
}

div#section{
	width : 713px;
	
	margin : 10px;
	
	background : white;
	color : black;	
	
	padding : 10px;
	
	min-height : 150px;
}

div#section.larger{
	min-height : 200px;	
	
	color : white;
	background : black;	
}

div#section.larger:first-child{
	min-height : 220px;	
}

div#une{
	overflow : auto;
}

div#une div{
	width : 148px;
	float : right;
}

div#une div p{
	height : 30em;	
}

div#une div:last-child{
	float : none;
}

div#plus{
	width : inherit;
}

div#plus img{
	margin-left : 85%;
	width : 22px;
	height : 23px;
	border:none;
}

div#plus img:hover{
	background : url('images/+_survol.png');	
}

div#opinion{
	width : 346px;
	height : 200px;
	
	padding : 1px 0;
	
	color: black;
	background : white; 
}

#opinion:first-child{
	float : right;
}

#opinion h3, #opinion p{
	margin-left : 10px;	
}

#opinion p{
	height : 6em;	
}

#opinion_titre{
	width : 713px;
	background : white;
	
	margin : 10px 10px 0 10px;
	padding : 0 10px;
}

h2, h3{
	color: #00ccff;	
}

div#article{
	width : 713px;
	
	margin : 10px;
}

#article div:first-child{
	text-align:right;
}

#article div#page_contenu{
	text-align:left;
}

#article div{
	background : white;
	color : black;	
	
	margin: 10px 0;
	padding : 10px;
	
	width : 100%;	
}

#comment{
	width : 100%;	
	
	border : solid black 1px;
}

a{
	color : #00ccff;	
	text-decoration : none;
}
/* fin des styles css de contenu*/

/* debut des styles css de pied de page*/
div#footer{
	margin-top : 1px;
	background : black;
	color : #848484;
	padding : 10px;
	font-size : 8pt;
	height :10em;
}

div#footer div:last-child div:first-child{
	width : 9em;
	float:left;
	
	margin-right : 2em;
	margin-top : -1em;
}

div#footer div:last-child div:last-child{
	border-left : solid #898989 3px;
	margin-left : 9em;
}

#footer ul{
	list-style-type : none;
	padding : 0px;
}

div#droite{
	text-align : right;	
	float : right;
}

div#footer a{
	text-decoration : none;	
	color : #848484;
}

#droite div a img{
	width : 28px;
	height : 28px;	
	border : none;
}
/* fin des styles css de pied de pages*/
/* fin style css du site */
