body {
	background: #fff url("../images/interface/fond_page.gif") repeat-x top left;
	font: normal 11px Verdana, Arial, Helvetica, Sans-serif;
	color: #606060;
	margin: 0;
	padding: 0;
}

/* éléments par défaut -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
a:link, a:visited {	
	text-decoration: none;
	color: #4891dc; /* gris foncé */
	border-bottom: 1px dotted #4891dc;
}

a:hover {	
	color: #5f5f5f; /* Bleu Pantone */
	border-bottom: 1px dotted #5f5f5f;
}

img {	
	border: 0;
}

h2 {
	font: bold 18px Verdana, Arial, Helvetica, Sans-serif;
}

h3 {
	font: bold italic 12px Verdana, Arial, Helvetica, Sans-serif;
	clear: both;
	margin: 30px 0 0 0;
	text-indent: 20px;
}

a.vide:link, a.link:visited, a.vide:hover {
	border: none;
}

/* Cadre de contenu -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#cadreTop {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 773px;
	height: 20px;
	background: url("../images/interface/ombre_top.gif") no-repeat bottom center;
}

#container {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0 0 5px 0;
	width: 773px;
	background: transparent url("../images/interface/fond_contenu.gif") repeat-y;
}

#cadreBottom {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 773px;
	height: 20px;
	background: transparent url("../images/interface/ombre_bottom.gif") no-repeat top center;
}

/* logo du haut -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#logoTop h1 {
	position: relative;
	top: 5px;
	text-indent: -5000px;
	margin: 0;
	width: 773px;
	height: 134px;
	background: transparent url("../images/interface/logo_top.gif") no-repeat top left;
}

/* Menu -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#menu {
	position: relative;
	width: 450px;
	margin: 20px auto;
	text-align: center;
}

#menu ul, #menu li {
	display: inline;
	list-style-type: none;
	background-color: transparent;
	color: #5f5f5f;
}

#menu li {
	height: 20px;
	float: left;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

#menu li a:link, #menu li a:visited {
	display: block;
	width: 90px;
	margin: 0;
	padding: 5px 0;
	background-color: transparent;
	text-decoration: none;
	color: #5f5f5f; /* gris foncé */
	font: normal 10px Verdana, Arial, Helvetica, Sans-serif;
	border-bottom: 1px dashed #fff;
}

#menu li a:hover {
	color: #4891dc; /* Bleu Pantone */
	border-bottom: 1px dashed #4891dc;
}

#menu li a.cettepage:link, #menu li a.cettepage:visited {
	display: block;
	width: 90px;
	margin: 0;
	padding: 5px 0;
	background-color: transparent;
	text-decoration: none;
	color: #4891dc; /* bleu */
	font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
}

#menu li a.cettepage:hover {
	color: #4891dc; /* Bleu Pantone */
	border-bottom: 1px dashed #4891dc;
}

hr.separation {
	clear: both;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	width: 1px;
}

p.piedDePage {
	clear: both;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
	font: normal 9px Verdana, Arial, Helvetica, Sans-serif;
}

p.ValidationsPiedDePage {
	clear: both;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
	font: normal 9px Verdana, Arial, Helvetica, Sans-serif;
}

/* Contenu -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#contenu {
	clear: both;
	background-color: transparent;
	margin: 80px 40px 0 40px;
	text-align: justify;
	line-height: 20px;
}

.mosaique_projets {
	float: left;
	width: 122px;
	height: 122px;
	margin: 5px;
	padding: 0;
	border: 1px solid #ededff;
	text-align: center;
}

.mosaique_projets:hover {
	background-color: #fafaff;
	border: 1px solid #ffd580;
}

p.mosaique {
	margin: 5px;
	padding: 0;
	height: 110px;
}

p.mosaique a {
	border: none;
}

.mosaique_projets img {
	border: none;
	margin: 0;
	padding: 0;
}

/* last project */
.lastProject {
	float: right;
	width: 120px;
	height: 120px;
	margin: 5px;
	padding: 0;
	border: 1px solid #ededff;
	text-align: center;
}

.lastProject:hover {
	background-color: #fafaff;
	border: 1px solid #ffd580;
}

.lastProject img {
	border: none;
	margin: 0;
	padding: 0;
}

.ligneLastProject {
	margin: 0 0 15px 0;
	padding: 0;
	height: 130px;
	background-color: #fafaff;
	border-top: 1px dotted #4891dc;
	border-bottom: 1px dotted  #4891dc;
}

div.texteLastProject {
	float: left;
	margin: 5px 20px;
	padding: 0;
	width: 500px;
	text-align: left;
}

p.lienMoreLastProject {
	margin: -10px 0 0 0;
	padding: 0;
	text-align: right;
}

p.urlSiteLastProject {
	margin: -10px 0 0 0;
	padding: 0;
	text-align: right;
}

/* End last project */

#colG {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

#colD {
	float: right;
	width: 385px;
	margin: 0;
	padding: 0;
}

.bigIMG {
	float: left;
	margin: 0 20px 0 0;
}

.infoslien {
	clear: both;
	margin: 0;
	padding: 0 20px 0 0;
	border-top: 1px dotted #4891dc;
	border-bottom: 1px dotted  #4891dc;
	background-color: #fafaff;
	height: 35px;
	line-height: 35px;
	text-align: right;
}

h2.catweb {
	/* titre catégorie Web */
	height: 25px;
	line-height: 25px;
	font: normal normal 16px Verdana, Arial, Helvetica, Sans-serif;
	background: transparent url("../images/projets/titreWeb.gif") no-repeat bottom right;
	text-indent: 30px;
	margin: 0 0 30px 0;
}

h2.catprint {
	/* titre catégorie Print */
	height: 25px;
	line-height: 25px;
	font: normal normal 16px Verdana, Arial, Helvetica, Sans-serif;
	background: transparent url("../images/projets/titrePrint.gif") no-repeat bottom right;
	text-indent: 30px;
	margin: 0 0 30px 0;
}

h2.catvideo {
	/* titre catégorie Video */
	height: 25px;
	line-height: 25px;
	font: normal normal 16px Verdana, Arial, Helvetica, Sans-serif;
	background: transparent url("../images/projets/titreVideo.gif") no-repeat bottom right;
	text-indent: 30px;
	margin: 0 0 30px 0;
}

.erreur404 {
	text-align: center;
	margin: 0;
	padding: 0;
}

.contact {
	display: block;
	margin: 20px auto 0 auto;
	width: 425px;
}

a.bouton {	
	display: block;
	width: 150px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	border: 1px solid #5f5f5f;
	background-color: white;
	color: #5f5f5f;
	margin: 0 auto;
}

a.bouton:hover {
	display: block;
	width: 150px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	border: 1px solid #4891dc;
	background-color: #fafaff;
	color: #4891dc;
	margin: 0 auto;
}

.indicligne {
	font-weight: bold;
	color: #4891dc;
	width: 120px;
}

.inputContact {
	margin: 3px 0 3px auto;
	padding: 0;
	width: 295px;
	border: 1px solid #5f5f5f;
}

.texteContact {
	margin: 3px auto;
	padding: 0;
	width: 415px;
	height: 250px;
	border: 1px solid #5f5f5f;
}

.logiciels {
	display: table;
	table-layout: auto;
	width: 693px;
	border: none;
	margin: 0;
	padding: 0;
	empty-cells: hide;
}

.soft {
	display: table-cell;
	width: 33%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	border-collapse: separate;
	border-spacing: 5px;
	border: 1px solid #ededff;
}