html,body,form {
	padding: 0px;
	margin: 0px;
	height: 100%;
}

body,td, input,textarea,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e5e5e;
}

.divBody {
	background-image: url(img/header/background_mini.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.accueil {
	background-image: url(img/header/background_full.gif);
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

td {
	padding: 0px;
	vertical-align: top;
}

h1, div.divContentHP h2 {
	font-size: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #a1aa3c;
	padding: 0px;
	margin: 0px;
}

.dark {
	color: #5e5e5e;
}

h2, div.divContentHP h3 {
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #ababab;
	padding: 0px;
	margin: 0px;
}


img {
	border: 0px;
}

.center {
	text-align: center !important;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

blockquote, ul {
    margin-left: 20px;
}

.sep {
	margin-top: 40px;
	margin-bottom: 40px;
}


/* Message info */
.yellowTop {
	color: #414040;
	font-weight: normal;
	font-size: 11px;
	height: 17px;
	width: 100%;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	background-image: url(img/content/top/yellow_bg.gif);
	background-position: top;
	background-repeat: repeat-x;	
}

.yellowTop a {
	color: #414040;
	text-decoration: none;
}

.yellowTop a:hover {
	color: #414040;
	text-decoration: underline;
}

/* Frame Table */
table.tblFull {
	width: 100%;
	height: 100%;
}

td.top {
	vertical-align: top;
}

td.bottom {
	vertical-align: bottom;
	background-image: url(img/footer/background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


/* Header */
div.divHeader {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: 90px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top;
}

.default {
	background-image: url(img/header/bee.jpg);
}

.agence {
	background-image: url(img/header/abbaye.jpg);
}

.competences {
	background-image: url(img/header/butterfly_red_flower.jpg);
}

.portfolio {
	background-image: url(img/header/allium.jpg);
}

.contact {
	background-image: url(img/header/orange_leaf.jpg);
}

.legales,.plan_site {
	background-image: url(img/header/wood.jpg);
}

div.divMask {
	background-image: url(img/header/mask.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 90px;
}

* html div.divMask {
	background-image: none;
}

div.divMenu {
	text-align: right;
	margin-top: -20px;
	padding-right: 10px;
}

div.divMenu img {
	margin-right: 15px;
}



/* HP */
div.divHPTop {
	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: 184px;
}

* html div.divHPTop {
	margin-top: 14px;
}

div.divHPTopLeft {
	height: 155px;
	width: 476px;
	margin-left: 10px;
	padding: 7px;
	background-image: url(img/content/top/background_left.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

div.divHPTopLeft img {
	float: left;
}

div.divHPTopLeft h1 {
	margin-left: 240px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 35px;
}

div.divHPTopLeft p {
	margin-left: 240px;
	margin-right: 0px;
	margin-top: 7px;
	margin-bottom: 0px;
}

div.divHPTopLeft a {
	text-decoration: none;
	color: #5e5e5e;
}

div.divHPTopLeft p.puce {
	padding-left: 13px;
	line-height: 14px;
	color: #a1aa3c;
	text-decoration: none;
	background-image: url(img/pictos/puce_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.divHPTopLeftHover h1 {
	color: #ee8027;
}

div.divHPTopLeftHover p {
	color: #a1aa3c;
}

div.divHPTopLeftHover p.puce {
	color: #ee8027;
	background-image: url(img/pictos/puce_on.gif);
}



div.divHPTopRight {
	height: 155px;
	width: 236px;
	margin-top: -169px;
	margin-left: 510px;
	padding: 7px;
	background-image: url(img/content/top/background_right.png);
	background-repeat: no-repeat;
	background-color: #f8f8f4;
	background-position: top;
}

div.divHPTopRight div.rssFeed {
	margin-top: -21px;
	margin-left: 80px;
	margin-bottom: 3px;
	overflow: hidden;
	height: 18px;
	width: 18px;
}

img.imgDeco {
	display: block !important;
	overflow: hidden !important;
}

div.divHPTopRight div {
	/*overflow-y: scroll;
	overflow: auto;*/
	height: 136px;
	width: 236px;
}

div.divHPTopRight p.date {
	font-size: 10px;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


div.divHPTopRight p {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 15px;
}



div.divHPMain, div.divContentMain {
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 17px;
	padding-bottom: 30px;
	width: 760px;
}

div.divHPMain {
	background-image: url(img/content/middle/bg_flower.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

div.divHPMainLeft, div.divHPMainMiddle, div.divHPMainRight {
	margin-left: 5px;
	margin-right: 5px;
	width: 220px;
	min-height: 90px;
	padding: 10px;
	background-image: url(img/content/middle/background.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div.divHPMain div.divHPMainLeft {
	background-image: url(img/content/middle/background_left.jpg);
}

div.divHPMain div.divHPMainMiddle {
	background-image: url(img/content/middle/background_middle.jpg);
}

div.divHPMain div.divHPMainRight {
	background-image: url(img/content/middle/background_right.jpg);
}

* html div.divHPMainLeft, * html div.divHPMainMiddle, * html div.divHPMainRight {
    height: 110px;
}

.divHPMainLeftHover p {
	color: #ee8027 !important;
}

.divHPMainLeftHover h2, .divHPMainLeftHover h3 {
	color: #5e5e5e !important;
}

div.divHPMainLeftNone {
    margin-bottom: 19px;
}

* html div.divHPMainLeftNone {
    width: 220px;
}



div.divHPMainLeft h1, div.divHPMainMiddle h1, div.divHPMainRight h1, div.divContentHP h2 {
	margin-bottom: 20px;
}

div.divHPMainLeft a, div.divHPMainMiddle a, div.divHPMainRight a {
	text-decoration: none;
	color: #5e5e5e;
}

div.divHPMainLeft p, div.divHPMainMiddle p, div.divHPMainRight p {
	margin-top: 5px;
	line-height: 15px;
}

div.divHPMainBottom {
	margin-left: 5px;
	margin-right: 5px;
	width: 470px;
	height: 52px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	background-image: url(img/content/bottom/background.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div.divHPMainBottomHover {
	background-image: url(img/content/bottom/background_on.png);
}


div.divHPMainBottom p {
	margin: 0px;
	line-height: 20px;
}

div.divHPMainBottom a {
	color: #5e5e5e;
	text-decoration: none;
}

div.divHPMainBottomHover a {
	color: #a1aa3c;
}

div.divContentHP div.divHPMainMiddle, div.divContentHP div.divHPMainRight {
    padding-bottom: 30px;
}

* html div.divContentHP div.divHPMainMiddle, * html div.divContentHP div.divHPMainRight {
    padding-bottom: 11px;
}


/* Content */
div.divContentMain h1 {
	font-size: 26px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

div.divContentText h2 {
	font-size: 18px;
	margin: 0px;
	color: #a1aa3c;
	font-variant: normal;
}

div.divContentText h3 {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 0px;
	color: #ababab;
	font-variant: normal;
	font-weight: normal;
	padding-bottom: 5px;
	background-image: url(img/pictos/hr.gif);
	background-position: bottom	left;
	background-repeat: no-repeat;
}

div.divContentText h4 {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #ababab;
	font-variant: normal;
	font-weight: normal;
	padding-bottom: 5px;
}

.bigH3 {
	font-size: 17px;
	color: #a1aa3c;
}

.bigH34 {
	font-size: 12px !important;
	color: #a1aa3c;
}

.bigH4 {
	font-size: 13px !important;
	color: #5e5e5e;
}

div.divContentText p {
	color: #5e5e5e;
	margin-top: 10px;
	text-align: justify;
	line-height: 15px;
}

div.divContentText cite, div.divContentText q {
	color: #7e874c;
	font-size: 14px;
	font-style: italic;
}

div.divContentText ul 
{
    list-style-image: url(img/pictos/puce.gif);
    list-style-position: outside;
    line-height: 15px;
}

div.divContentText ul.sub
{
    list-style-image: url(img/pictos/pucesub.gif);
}

div.divContentText li {
    padding-bottom: 10px;
}

div.divContentText img {
	padding: 7px;
	background-color: White;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #b9b9b9;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dcdcdc;
}

div.divContentText img.noborder {
	padding: 0px;
	background-color: inherit;
	border: none;
}

div.divContentText img.left {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
}

div.divContentText img.right {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
}

* html div.divContentText img.right {
    margin-top: 10px;
}

div.divContentText a {
    color: #ee8027;
    text-decoration: none;
}

div.divContentText a:hover {
    color: #a1aa3c;
    text-decoration: underline;
}


/* Formulaire */
td.tdFormInput {
    width: 300px;
    padding: 5px;
    text-align: left;
}

td.tdFormLabel {
    padding: 5px;
    text-align: left;
}

td.tdFormInput input, td.tdFormInput select {
    width: 80%;
    height: 17px;
}

* html td.tdFormInput select 
{
    height: 12px;
}

td.tdFormTextArea {
    padding: 5px;
    text-align: center;
}

td.tdFormTextArea textarea {
    width: 90%;
    height: 200px;
}

td.tdFormButton {
    padding-top: 20px;
    text-align: center;
}

.formError {
    padding: 10px;
    text-align: center;
}

.tbNoMatch {
    border: 1px solid Gray;
    background-color: #cccccc; 
    color: Black;
    font-weight: bold;
}

.tbNeeded,.tbBadExpression {
    border: 1px solid Red;
    background-color: #ffcc99; 
    color: Black;
    font-weight: bold;
}

.success {
    border: 1px solid #e8ead0;
    padding: 10px;
    background-color: White;
    background-image: url(img/boutons/success_bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}



/* Mini formulaire */
.mailMainLeft {
    width: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #9f1f37;
}

.mailMainRight {
    width: 50%;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    color: #a1aa3c;
}

.mailLeft {
    width: 6px;
    height: 23px;
    background-image: url(img/boitemail/left.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.mailRight {
    width: 6px;
    height: 23px;
    background-image: url(img/boitemail/right.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.mailButton, .mailMid {
    height: 19px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url(img/boitemail/bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    vertical-align: middle;
}


.mailMid input {
    height: 15px;
    border: none !important;
    border-color: White;
}

.mailMid .tbBadExpression {
	font-style: normal;
	width: 200px;
}

.mailMid input.unwatermarked, .mailMid .tbNeeded {
	color: #5e5e5e;
	font-style: normal;
	width: 200px;
}

.mailMainRight .success {
    font-size: 12px;
}

.watermarked {
	color:gray;
	font-style: italic;
	width: 200px;
}



/* Menu gauche */
div.divMenuLeft {
	font-size: 13px;
	width: 250px;
	padding-bottom: 180px;
	background-image: url(img/content/left/pink_gerbera.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.divSubMenuLeft {
	margin-left: 15px;
	background-image: url(img/pictos/hr_menu.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.divMenuLeft .note {
	font-size: 11px;
	margin-top: 30px;
	padding-right: 120px;
	text-align: left;
}

div.divMenuLeft .devis_box {
	text-align: left;
	margin-top: 50px;
}

div.divMenuLeft a {
	color: #a1aa3c;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-top: 10px;
	display: block !important;
	text-decoration: none;
	background-image: url(img/pictos/puce_menu_off.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div.divMenuLeft a.activ  {
	background-image: url(img/pictos/puce_menu_on.gif);
}

div.divMenuLeft a.nopuce {
	background-image: none;
	padding: 0px !important;
	margin: 0px !important;
}

div.divSubMenuLeft a {
	color: #5e5e5e;
	font-size: 11px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	display: block !important;
	text-decoration: none;
	background-image: url(img/pictos/hr_menu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.divSubMenuLeft a:hover, div.divSubMenuLeft a.subactiv {
	color: #ee8027;
	font-weight: bold;
}

div.divContentText {
	width: 480px;
	padding: 10px;
	background-image: url(img/content/middle/background.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}


/* PortFolio */
div.divPortFolioNone {
    height: 75px;
}

* html div.divPortFolioNone {
    width: 100%;
    margin-bottom: 19px;
}

div.divPortFolioNone a {
    text-decoration: none;
    color: #5e5e5e;
}

div.divPortFolioNone a:hover {
    text-decoration: none;
}

div.divPortFolioHover p {
    color: #ee8027 !important;
}

p.right {
    text-align: right !important;
}


/* Footer */
div.divFooter {
	text-align: left;
	vertical-align: middle;
	color: #f5f4ef;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	height: 17px;
}

div.divFooter a {
	color: #f5f4ef;
	text-decoration: none;
}

div.divFooter a:hover {
	color: #f5f4ef;
	text-decoration: underline;
}


div.divCopyright {
	text-align: right;
	vertical-align: middle;
	color: #f5f4ef;
	font-size: 9px;
	font-weight: normal;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 15px;
	margin-top: -15px;
}