/* -------------------- */
/* = Version : 1.0 */
/* = Date de la version : 22/07/2011 */
/* = Auteur : Patrick Joly */
/* = Contact : patrickjoly@free.fr */
/* -------------------- */

/* Général */
body {
	background: #ffffff;
	border: 0;
	color: #000000;
	font-family: Arial;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: justify;
}

/* Structure de la page */
#wrapper {
	margin: 20px auto;
	padding: 10px;
	width: 960px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#header { 
	background: #275275;
	margin: 0 auto;
	padding: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
}

#main {
	background: #ffffff;
	color: #275275;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	text-align: justify;
}

.mur-img {
	display : table;
    height: 200px;
  	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
  	table-layout: fixed;
	width: 960px;
}
.mur-img li {
    display: table-cell;
    width: 50px;
    min-width: 50px;
    border-left: 1px solid #fff;
    background: url(img1.jpg) left top no-repeat;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}

.mur-img li a {
    display: block;
    height: 100%;
}   

.mur-img li:hover {
  	width: 100px;
}      

.mur-img #lien1 {
    background-image: url(img1.jpg);
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 	
}

.mur-img #lien2 {
    background-image: url(img2.jpg);
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;	
}

.mur-img #lien3 {
    background-image: url(img3.jpg);
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;	
}

.mur-img #lien4 {
    background-image: url(img4.jpg);
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;	
}

.mur-img #lien5 {
    background-image: url(img5.jpg);
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;	
}

.mur-img a {
	font-size: 2em;
	color: #ffffff;
	opacity: 0.5;
	padding: 10px;
	text-decoration: none;
}

.mur-img a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer {
	background: #275275;
	color: #ffffff;
	font-size: 0.8em;
	letter-spacing: 10px;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
}

/* Titres */
h1 { 
	color: #ffffff;
	font-size: 2.5em;
	letter-spacing: 40px;
	margin: 0;
	padding: 10px;
	text-align: center;	
}

h2 {
	color: #275275;
	font-size: 1.5em;
	margin: 0;
	padding: 0;	
}

h2  + p { 
	font-weight: normal;
	font-style : italic; 	
}

h3 {
	background: #275275;
	color: #ffffff;
	margin: 0;
	padding: 5px;
	text-align: center;
	width: 32%;
	border-radius: 20px;  
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 	
}

h3 + p {
	margin: 0;
	color: #275275;
	padding-top: 5px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-moz-column-rule: 1px solid #275275;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-webkit-column-rule: 1px solid #275275;
	column-count: 3;
	column-gap: 20px; 
  	column-rule: 1px solid #275275;
}

/* Liens */
a {
	color: #275275;
	text-decoration: underline;
}

a:hover {
	color: #275275;
	text-decoration: none;
}