* {
	margin : 0;
	padding : 0;
}

html {
	text-align : center;
}

body {
	font : 62.5% Arial,sans-serif;
}

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}
.row {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.row2 {
  width: 640px;
  margin: 0 auto;
  overflow: hidden;
}

.corps
{
	width : 980px;
	margin : 10px auto 0 auto;
	text-align : left;
	background : transparent url(980_02.png) repeat-y top left;
}

.header {
	background : transparent url(980_01.png) no-repeat top left;
	height : 40px;
	text-indent : -9999px;
}

h1 {
	text-indent : -9999px;
	font-size : 10%;
}

.footer {
	background : transparent url(980_03.png) no-repeat bottom left;
	text-align : center;
	letter-spacing : 4px;
	padding-bottom : 20px;
	margin-top : 10px ;
	color : #ccc;
}

.navigation {
	margin : 0 20px 20px 40px;
	float : left;
}

.navigation li {
	list-style-type : none;
	width : 40px;
	height : 40px;
	float : left;
}

.navigation li a {
	text-indent : -9999px;
	width :40px;
	height :40px;
	display : block;
	outline : 0;
}

#navigationlegend {
	margin : 6px 0 10px 180px;
	font-size : 180%;
	color : #999;
}


hr {
	visibility : hidden;
	clear : both;
}

#menu {
	height : 110px;
	width : 110px;
	float : left;
	list-style-type : none;
}

.portfolio #menu {
	background : transparent url(menuportfolio.png) no-repeat top left;
	padding : 203px 116px 143px 15px;
	margin-top : -70px;
	margin-left : 30px;
}

.contacts #menu {
	background : transparent url(menucontacts.png) no-repeat top left;
	padding : 140px 81px 206px 50px;
	margin-top : -70px;
	margin-left : 30px;
}

.services #menu {
	background : transparent url(menuservices.png) no-repeat top left;
	padding : 90px 51px 285px 80px;
	margin-top : -70px;
	margin-left : 30px;
}

.portfolio h2 {
	color : #ccc;
	padding : 0 15px;
	margin : 0 0 5px 0;
}

.services h2 {
	color : #C00;
	border-bottom : 1px solid #c00;
	padding : 2px 5px;
	margin : 0 0 5px 0;
}
.contacts h2 {
	color : #369;
	border-bottom : 1px solid #369;
	padding : 2px 5px;
	margin : 0 0 5px 0;
}
.services h3 {
	color : #C00;
	border-bottom : 1px solid #C00;
	padding : 2px 5px;
	margin : 5px 0;
	font-size : 130%;
	font-weight : normal;
	letter-spacing : 1px;
}

.contacts h3 {
	color : #369;
	border-bottom : 1px solid #369;
	padding : 2px 5px;
	margin : 5px 0;
	font-size : 130%;
	font-weight : normal;
	letter-spacing : 1px;
}

.services h4 {
	border-bottom : 1px solid #C99;
}

.services h4 a {
	text-decoration : none;
	color : #C99;
	font-size : 120%;
	font-weight : bold;
}

.services h4 a:hover {
	color : #C00;
}

.services #contenu p,.contacts #contenu p {
	color : #333;
	margin : 10px 0;
	font-size : 120%;
	line-height : 1.5;
	letter-spacing : 1px;
	text-align  : justify;
}

#menu li {
	margin : 3px 2px;
}

#menu li a {
	font-size : 12px;
	color : #fff;
	text-decoration : none;
}

#menu li a:hover {
	color : #000;
}

#contenu {
	margin : 55px 35px 0 285px;
}

.services #contenu {
	margin-right : 50px;
}

h2 {
	text-align : right;
	font-weight : normal;
	letter-spacing : 3px;
	font-size : 140%;
}


#entete {
	position : absolute;
	top : 23px;
	left: 50%;
	margin-left : 157px;
}

.portfolio .galerie {
	margin-left : 10px !important;
	margin-left : 5px;
}

.portfolio .galerie img {
	border : 1px solid #C2E400;
	padding : 6px;
	margin : 7px;
}

.portfolio .galerie img:hover {
	border : 1px solid #ccc;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

.portfolio .pagination{
	margin : 2px 0 0  17px;
}

.portfolio .pagination li{
	color : #999;
	display : inline;
	margin-right : 2px;
	font-size : 120%;
}

.portfolio h3.detailsportfolio {
	text-align : right;
	margin : 3px 17px 3px 0;
	font-size : 120%;
	font-weight : normal;
	color : #ccc;
	letter-spacing : 1px;
}

.portfolio .pagination li a{
	color : #999;
	text-decoration : none;
}

.portfolio .pagination li a:hover{
	color : #000;
}
.portfolio .pagination .pageactive {
	border-bottom : 1px solid #C2E400;
	color : #C2E400;
}

.services a {
	color :#C00;
}
.services a:hover {
	color :#ccc;
}

.services .liensite{
	float : left;
	width : 120px;
}

.services .imagesite img{
	width : 100px;
	padding : 5px;
	border : 1px solid #C00;
}
.services .imagesite2 img{
	width : 285px;
	padding : 5px;
	border : 1px solid #C00;
}

.services .imagesite p {
	margin-left : 120px;
}

.contacts label {
	font-weight : bold;
	font-size : 120%;
	color : #036;
	display : block;
	padding : 2px;
	margin : 10px 2px 0px 2px;
}

.contacts input, .contacts textarea {
	display : block;
	font : sans-serif 12px;
	margin : 3px 10px;
	width : 600px;
	padding : 5px;
	border : 1px solid #ddd;
}

.contacts li {
	list-style-type : none;
	font-size : 130%;
	margin-bottom : 5px;
	margin-left : 10px;
}

.contacts li li {
	font-size : 90%;
	margin-bottom : 0px;
}

.contacts a {
	color : #69C;
}

.contacts a:hover {
	color : #ccc;
	text-decoration : none;
}

.accueil {
	width : 900px;
	text-align : center;
	margin : 0 30px;
}

#intro_cornelius_div {
	padding-top : 90px;
}


.accueil #navigationlegend {
	text-align: center;
	font-size : 180%;
	color : #999;
	height : 40px;
	float : none;
	margin-left : 65px;
	padding : 0;
	width : 100%;
	clear : both;
}

.accueil .navigation {
	text-align: center;
	float : none;
	padding : 0 0 0 380px;
	margin : 0;
}

.accueil h2 {
	color : #a3a3a3;
	text-align: center;
	font-size : 13px;
	margin-bottom : 35px;
}

.accueil h3 {
	text-align: center;
	color : #b3b3b3;
	font-size : 130%;
	font-weight : normal;
	margin-top : 5px;
	letter-spacing : 1px;

}

.accueil #imgintro {
	position : absolute;
	top : 150px;
	left : 50%;
	margin-left : -165px;
}

#footer {
	font-size : 120%;
	color : #ccc;
	line-height : 1.5;
}

#footer a{
	padding : 3px;
	color : #b0b0b0;
	text-decoration : none;
}

#footer a img {
	border : 0;
	opacity: 0.3;  /* Modern Browsers, eg: Firefox, Safari, Opera, Chrome */
	filter: alpha(opacity = 30);  /* IE */
	-moz-opacity: 0.3;  /* Old Mozilla, eg: Netscape */
	-khtml-opacity: 0.3;  /* Old Safari */
}

#footer a:hover img {
	opacity: 1;  /* Modern Browsers, eg: Firefox, Safari, Opera, Chrome */
	filter: alpha(opacity = 100);  /* IE */
	-moz-opacity: 1;  /* Old Mozilla, eg: Netscape */
	-khtml-opacity: 1;  /* Old Safari */
}

#footer a:hover{
	color : #333;
	text-decoration : underline;
}

.detailsportfolio2{
	margin-top:15px;
}

.detailsportfolio2 li{
	margin-left : 15px;
	list-style-type : circle;
	padding : 5px;
}

.detailsportfolio2 li a{
	color : #999;
	font-size : 120%;
}

#produitshome {
	float : left;
	text-align: left;
	margin-left:10px;
}

#produitshome li {
	list-style-type : none;
	margin-left : 10px;
	margin-top : 10px;
}

#produitshome li li{
	margin-top : 3px;
}

#produitshome li a {
	color : #999;
	text-decoration : none;
	font-size : 120%;
}

#produitshome li a:hover {
	text-decoration : underline;
}

.listesites a {
	margin-right : 9px;
	margin-bottom : 9px;
}

.listesites a img, .minimage a img {
	width : 100px;
	border : 1px solid #c33;
	padding : 5px;
}