/*Commun à toutes les pages*/
body { 
	background-color: #333; 
	background-image: url(../images/fond-bg.gif);
	margin-left: auto; 
	margin-right: auto; 
	font-family: georgia;
	font-size: 10pt;
	color: #ded3b0;
	}
image {
	border: none 0px;}
a {
	text-decoration: none;
	font-style: italic; 
	font-weight: bold;
	color: #ded3b0;}

	
#container {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	height: 850px; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	
#container-profil {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	height: 1750px; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	
#container-index {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	height: 875px; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	
#container-contact {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	height:  auto; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	
#container-port {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	height: auto; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	
#container-port-mg {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	height: 500px; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	

#container2 {
	margin-top: -130px;
	margin-left: auto; 
	margin-right: auto; 	
	marging-top: -130px; 
	width : 928px; 
	background-color: #333;
	background-image: url(../images/container-bg.png);}
	
#header {
	background-image : url(../images/header-bg.gif);
	width: 100%; 
	height: 130px;}

#logo {
	width: 928px;
	padding-left:1px;
	background-image : url(../images/header-bg.gif);}

#nav {
	display: block;
	float: right; 
	margin-right: 20px;
	margin-top: -61px;}

.legende {
	background-color: #ded3b0;
	color: #333;
	padding: 5px;}
.date {
	font-style: italic;}
#footer {
	display:block;
	height: 44px;
	width: 1000px;}
	
/* Home */
#col-gauche {
	padding: 10px;
	float: right;
	margin-right: 40px;
	margin-top: 20px;
	width : 250px;
	border: 1px;
	border-color: #52504b;
	background-color: #3b3b3b;
	text-align : justify;}
	
#col-droite {

	float: left;
	margin-left: 40px;
	margin-top: 20px;
	width: 526px;}
	
#arthur {
	display:inline;
	float:left;
	width: 170px;}
#iouifm {
	display: inline;
	float:left;
	padding-left: 8px;
	width : 170px;	}
#mg-rub {
	display: inline;
	float:left;
	padding-left: 8px;
	width : 170px;	}
#voirplus {
	float: right;
	margin-top: 20px;}
	
/*Menu portfolio*/

#menu {
	width: 789px;
	height: 89px;
	margin:auto;
 	text-align: center;
	padding-top:9px;
	border: 1px;
	border-color: #52504b;
	background-color: #3b3b3b;}
#cat-port {
	margin: auto;
	width: 800px;
	height: auto;}
	
#flechedroite{
	display:inline; 
	float: right;
	margin-right: 70px;}
#tableau {
	margin: auto;
	width: 710px;}