/*ORGANISATION DE LA FEUILLE DE STYLE PHOTO.CSS
I. Style commun ý toute les pages html
1. Body
2. Menu de navigation
3. Conteneur (largeur et centrage)

II. Style propre a chaque page html en particulier
1. Page Accueil
2. Page Reportages
3. Page Liens
4. Page Samuto

III. Style hýritý et modifiý
1. MiniGal2 - Ardamis (Portfolio et Galeries)
2. Livre d'or

*/

/****** I.1 BODY ******/
body {
background-color:black;
}

/****** I.2 MENU ******/
#navcontainer{
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-family:Arial,Sans-Serif;
	margin:0 auto;
	width:70%;
	border-bottom:1px solid #ddd;
}
#navlist{
	width:72%;
	text-align:center;
	margin:0 auto;
	padding:0;
	text-indent:0;
	list-style-type:none;
}
#navlist li{
	padding:0;
	margin:0;
	text-indent:0;
	display:inline;
}
#navlist li a{
	letter-spacing:-1px;
	text-decoration:none;
	color:#ccc;
	font-size:1em;
	padding:0 2px;
}
#navlist li a:hover,#navlist  a#current{
	color:#333;
	border-top:none;			
	font-size:1.5em;			
}
#navlist  a#current{
	color:#FFA500;
}

/****** I.3 CONTENEUR ******/
.conteneur{
width:800px;
height:auto;
position:absolute;
left: 50%;
margin-left: -400px;
margin-top:40px;
}
.description { 
text-align:justify;
font-family: Arial;
font-size:12px;
padding-top:4px;
padding-right:20px;
padding-left:20px;
color:#5F5D5D;
}
.nom {
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size:13px;
font-weight: bold;
text-align:left;
padding-left:10px;
padding-right:20px;
color: white;
}
.objet {
min-height:81px;
height:auto;
}
.titre_col {
font-family: verdana, lucida, arial, helvetica, sans-serif;
letter-spacing: 3px;
font-size: 15px;
color:#FFA500;
text-align:right;
padding-right:30px;
}
.vignette {
margin: 0 auto;
padding-left:6px;
padding-right:6px;
float:left;
}
.vignette a img{
border:none;
}

/****** II.1 ACCUEIL ******/
#accueil {
width:800px;
position:absolute;
left: 50%;
margin-left: -400px;
margin-top:40px;
display:block;
text-align:center;
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:white;
}
.mentions{
border-top:1px solid #dddddd;
clear: both;
font-family: arial ! important;
color:#5f5d5d;
font-size:10px;
text-align:center;
width:800px;
margin-top:50px;
}
.mentions a:link{
text-decoration:none;
color: #FFFFFF;
}
.mentions a:hover{
text-decoration:none;
color: #FFFFFF;
}
.mentions a:visited {
text-decoration:none;
color: #FFFFFF;
}

/****** II.2 REPORTAGES ******/
table {
border-width:1px; 
border-style:solid; 
border-color:black;
width:80%;
}
a:link, a:hover, a:visited {
text-decoration: none;
color: black;
}
a img {
border: none;
}
.bloc_année{
width:800px;
border: 1px solid #0F0F0F;
border-left: 1px solid #FFA500;
margin-bottom: 20px;
}

/****** II.3 LIENS ******/
.col_amis{
float:left;
width:390px;
border: 1px solid #0F0F0F;
border-left: 1px solid #FFA500;
margin-right: 8px;
margin-bottom: 20px;
}  
.col_portails{
float:left;
width:390px;
border: 1px solid #0F0F0F;
border-left: 1px solid #FFA500;
margin-left: 8px;
margin-bottom: 20px;
}

/****** II.4 SAMUTO ******/
.materiel{
float:left;
width:260px;
border: 1px solid #0F0F0F;
border-left: 1px solid #FFA500;
margin-right: 8px;
margin-bottom: 20px;
}  
.contact{
float:left;
width:518px;
border: 1px solid #0F0F0F;
border-left: 1px solid #FFA500;
margin-left: 8px;
margin-bottom: 20px;
}
#formail{
font-family:arial;
font-size:12px;
text-align:center;
color:white;
}
.titre {
font-family: arial;
font-weight: bold;
font-size: 20px;
color:#FFA500;
text-align:left;
padding-left:30px;
}
#image a img{
border:none;
padding-left:20px;}