/*
COULEUR

vert: #a1ce29
orange: #ffa61e
rouge: #e71647
violet: #825bf4
bleu: #00a1e9
noir: #171b1e
gris: #656565
gris clair: #d1d1d2
fond beige: #fdfdf5


*/

body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #656565;
}

#site{
	width: 755px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#logo {
	width: 231px;
	height: 115px;
	background-image: url(http://www.nettela.fr/public/images/background_logo.jpg);
	background-repeat: no-repeat;
	float: left;
}

#menu{
	width: 524px;
	height: 115px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(http://www.nettela.fr/public/images/background_menu.jpg);
	background-repeat: no-repeat;
	float: right;
}

#menu ul{
	margin: 0;
	padding: 0;
	padding-top: 20px;
	border: 0;
}

#menu ul li {
	width: 84px;
	margin: 0;
	margin-right: 3px;
	padding: 0;
	border: 0;
	text-align: center;
	list-style-type: none;
	display: block;
	float: left;
	font-family: Garamond, Georgia, serif;
	font-size: 14px;
}

#menu ul li a{
	text-decoration : none;
	color: #d1d1d2;
}

#menu ul li a:hover{
	text-decoration : none;
	color: #656565;
}

#div-H1{
	width: 755px;
	height: 27px;
}

H1{
	font-family: Garamond, Georgia, serif;
	font-size: 16px;
	text-align: left;
	text-indent: 60px;
	margin: 0;
	padding :0;
	padding-top: 5px;
	border: 0;
}

#div-H1-gauche{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_agence.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_agence.jpg);
	background-repeat: no-repeat;
	float: right;
}

#div-H1-gauche-agence{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_agence.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite-agence{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_agence.jpg);
	background-repeat: no-repeat;
	float: right;
}

#div-H1-gauche-siteWeb{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_siteWeb.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite-siteWeb{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_siteWeb.jpg);
	background-repeat: no-repeat;
	float: right;
}

#div-H1-gauche-design{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_design.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite-design{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_design.jpg);
	background-repeat: no-repeat;
	float: right;
}

#div-H1-gauche-referencement{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_referencement.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite-referencement{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_referencement.jpg);
	background-repeat: no-repeat;
	float: right;
}

#div-H1-gauche-portfolio{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_portfolio.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite-portfolio{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_portfolio.jpg);
	background-repeat: no-repeat;
	float: right;
}

#div-H1-gauche-contact{
	width: 231px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_gauche_h1_contact.jpg);
	background-repeat: no-repeat;
	float: left;
}

#div-H1-droite-contact{
	width: 524px;
	height: 27px;
	background-image: url(http://www.nettela.fr/public/images/background_droite_h1_contact.jpg);
	background-repeat: no-repeat;
	float: right;
}

#sous-menu{
	width: 755px;
	height: 20px;
	background-image: url(http://www.nettela.fr/public/images/background_sousMenu.jpg);
	background-repeat: no-repeat;
	float:left;
	color: #d1d1d2;
}

#sous-menu div {
	height: 15px;
	float: right;
	margin: 0;
	margin-top: 2px;
	margin-right: 15px;
	padding :0;
	border: 0;
}

#sous-menu div a {
	text-decoration: none;
	color: #d1d1d2;
	margin: 0;
	padding :0;
	border: 0;
}

#sous-menu div a:hover {
	text-decoration: none;
	color: #656565;
	margin: 0;
	padding :0;
	border: 0;
}

#contenu{
	width: 755px;
	background-color: #fdfdf5;
	margin: 0;
	padding :0;
	padding-bottom: 10px;
	border: 0;
	background-image: url(http://www.nettela.fr/public/images/background_contenu.jpg);
	background-repeat: repeat-y;
}

h2{
	font-family: Garamond, Georgia, serif;
	font-size: 14px;
	text-align: justify;
	color: #656565;
	margin: 0;
	margin-top: 1em;
	margin-right: 16px;
	margin-left: 11px;
	margin-bottom: 1em;
	padding :0;
	border: 0;
}

p{
	margin: 0;
	margin-right: 16px;
	margin-left: 21px;
	margin-bottom: 1em;
	padding :0;
	border: 0;
}

#footer{
	width: 755px;
	height: 35px;
	background-image: url(http://www.nettela.fr/public/images/background_footer.jpg);
	background-repeat: no-repeat;
}

a#footerPortfolio {
	float: left;
	text-decoration: none;
	font-family: Garamond, Georgia, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	padding :0;
	padding-top: 5px;
	padding-left: 9px;
	border: 0;
}

a#footerPortfolio:hover{
	float: left;
	text-decoration: underline;
	font-family: Garamond, Georgia, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	padding :0;
	padding-top: 5px;
	padding-left: 9px;
	border: 0;
}

a#footerContact {
	float: right;
	text-decoration: none;
	font-family: Garamond, Georgia, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	padding :0;
	padding-top: 5px;
	padding-right: 15px;
	border: 0;
}

a#footerContact:hover {
	float: right;
	text-decoration: underline;
	font-family: Garamond, Georgia, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-right: 15px;
	border: 0;
}

#footerReflet{
	width: 755px;
	height: 56px;
	background-image: url(http://www.nettela.fr/public/images/background_footerReflet.jpg);
	background-repeat: no-repeat;
}

a {
	color: #a1ce29;
	text-decoration: none;
}

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


/* FORMULAIRE */


#formulaire {
	margin: 0 auto;
	padding: 0;
	border:0;
}

#formulaire table{
	width: 700px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#formulaire table .tdContact {
	width: 200px;
	text-align: right;
}

#formulaire table .tdChamp {
	width: 300px;
}

#formulaire table .tdVide {
	width: 200px;
}

#formulaire table .tdChampSubmit {
	width: 300px;
	margin-left:auto;
    margin-right:auto;
	padding: 0;
	border: 0;
}


/* PORTFOLIO */

#menuPortfolio{
	width: 138px;
	height: 100%;
	margin: 0;
	margin-left: 1px;
	padding: 0;
	border: 0;
	font-size: 16px;
	font-family: Garamond, Georgia, serif;
}

#menuPortfolio ul{
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: 10px;
	list-style-type: none;
}

#menuPortfolio ul li a{
	text-decoration: none;
	color: #656565;
}

#menuPortfolio ul li a:hover{
	text-decoration: underline;
	color: #656565;
}

#menuPortfolioSiteWeb {
	background-image: url(http://www.nettela.fr/public/images/background_menuPortfolioSiteWeb.jpg);
	background-repeat: no-repeat;
}

#menuPortfolioLogo {
	background-image: url(http://www.nettela.fr/public/images/background_menuPortfolioLogo.jpg);
	background-repeat: no-repeat;
}

#menuPortfolioDesign {
	background-image: url(http://www.nettela.fr/public/images/background_menuPortfolioDesign.jpg);
	background-repeat: no-repeat;
}

#menuPortfolioCarteDeVisite {
	background-image: url(http://www.nettela.fr/public/images/background_menuPortfolioCarte.jpg);
	background-repeat: no-repeat;
}

#menuPortfolioReferencement {
	background-image: url(http://www.nettela.fr/public/images/background_menuPortfolioReferencement.jpg);
	background-repeat: no-repeat;
}

#menuPortfolioTous {
	background-image: url(http://www.nettela.fr/public/images/background_menuPortfolioTous.jpg);
	background-repeat: no-repeat;
}

table#projets {
	position: relative;
	width: 595px;
	left: 138px;
	top: -110px;
	margin: 0;
	padding: 0;
	border-style:none;
	border-collapse: collapse;

}

table#projets tr {
	width: 593px;
	height: 130px;
	margin: 0;
	padding: 0;
	vertical-align: center;
	background-image: url(http://www.nettela.fr/public/images/background_encartPortfolio.jpg);
	background-repeat: x-repeat;
}

table#projets tr.empty {
	width: 593px;
	height: 10px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fdfdf5;
	border-collapse: collapse;
	vertical-align: center;
}

table#projets tr td.encartType {
	width: 24px;
	height: 0%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	border-collapse: collapse;
	border-left: #a1ce29 1px solid;
	border-top: #a1ce29 1px solid;
	border-bottom: #a1ce29 1px solid;
}

table#projets tr td.encartPhoto {
	width: 110px;
	height: 0%;
	margin: 0;
	padding: 0;
	padding-top: 8px;
	vertical-align: top;
	border-collapse: collapse;
	border-top: #a1ce29 1px solid;
	border-bottom: #a1ce29 1px solid;
}

table#projets tr td.encartPhoto img{
	margin: 0;
	padding: 0;
	border: #d1d1d2 1px solid;
}



table#projets tr td.encartContenu {
	width: 457px;
	height: 126px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	border-collapse: collapse;
	border-top: #a1ce29 1px solid;
	border-bottom: #a1ce29 1px solid;
	border-right: #a1ce29 1px solid;
}

table#projets tr td.encartContenu h4{
	margin: 0;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1em;
	padding: 0;
	border: 0;
	text-align: left;
	font-family: Garamond, Georgia, serif;
	font-size: 16px;
}

table#projets tr td.encartContenu p{
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1em;
	padding: 0;
	border: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	text-align: justify;
}


/* CONTACT */

.erreur {
	color: #e71647;
}