/*********************/
/* 	    Reset	     */
/*********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background-image: transparent;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
ul,li {
list-style:none;
padding:0;
margin:0;
}
img {
border:none;
}
/*********************/
/* 	  Généralités    */
/*********************/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#DFE0DA;
color:#555;
}
body a, body a:visited {
color:#555;
text-decoration:none;
}
body a:hover, body a:focus {
color:#555;
text-decoration:underline;
}
h1 {
display:block;
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ab610a;
padding:10px 0 15px 0;

}
h2 {
font-size:11px;
font-weight:bold;
margin:5px 5px 7px 4px;
color:#91804C;
}
h3{
background:#e0e0e0;
color:#666;
font-weight:normal;
font-size:10px;
padding:2px;
}
h4 {
}
h5 {
}
p {
padding:2px 3px 5px 3px;
}
.small{
font-size:9px;
text-align:justify;
font-weight:normal;
}
.clear { 
clear: both;
font-size: 1px;
line-height: 1px;
height:1px;
margin:0;
padding:0;
}
.sep, hr {
font-size:1px;
line-height:1px;
height:1px;
padding:0;
margin:5px 8px 9px 4px;
border-top:1px solid #e0e0e0;
}
.sep-pointille {
font-size:1px;
line-height:1px;
height:1px;
padding:0;
margin:5px 10px 5px 0;
border-top:1px dotted #ccc;
}
.fl{
float:left;
}
.fr{
float:right;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
.l{
text-align:left;
}
.c{
text-align:center;
}                
.r{
text-align:right;
}
.justify{
text-align:justify;
} 
.gris {
color:#999;
}
a.lien-vert, a:visited.lien-vert, a:hover.lien-vert, a:focus.lien-vert {
color:#7D9B3D;
}

/*********************/
/* 	    Header	     */
/*********************/
#header {
position:relative;
margin:0 auto;
width:860px;
height:290px;
background:#fff;
}
/*********************/
/* 	    Content	     */
/*********************/

#content {
position:relative;
margin:0 auto;
width:780px;
padding:0 10px;
background:#fff;
}
.colonne {
float:left;
width:254px;
margin:10px 4px 10px 0;
}
.colonne-double {
float:left;
width:512px;
margin:10px 4px 10px 0;
}
.colonne-triple {
float:left;
width:770px;
margin:10px 4px 10px 0;
}
.colonne p, .colonne-double p {
margin:2px 2px 2px 0;
}
.colonne-haut{
float:left;
height:10px;
width:46px;
margin:10px 212px 0 0;
display:inline;
}
.colonne-bas {
float:left;
height:10px;
width:254px;
margin:0 4px 10px 0;
}
.vert {
background:#91804c;
}
.orange {
background:#f8931d;
}
.marron {
background:#ab610a;
}
#realisations, #pose1, #pose2, #pose3 {
width:420px;
height:300px;
margin:15px 0 0 50px;

}

/*********************/
/* 	    Footer	     */
/*********************/
#footer {
position:relative;
margin:0px auto;
padding:10px;
width:780px;
background:#fff;
height:22px;
}
#footer a#realisation {
float:right;
background:url(../media/interface/actweb.gif) top left no-repeat;
width:67px;
height:18px;
margin:3px 0px 0 10px;
}
#footer #footer-content {
float:left;
font-size:9px;
color:#999;
margin:8px 0 0 0;
}
#footer #footer-content a, #footer #footer-content a:visited, #footer #footer-content a:hover, #footer #footer-content a:focus {
color:#999;
}


/**********************/
/*       Contact      */
/**********************/
div.error {
	margin-top:10px;
	margin-bottom:10px;
  color: #ab610a;    
  background-color:#eeeeee;
}                    
div.error div.titre {
  padding: 5px 15px;
  font-size: 1.30em;
  line-height: 1.30em;
  font-weight: bolder;
}         
div.error div.titre img {
  float:left;
}        
div.error div.txt {
  padding: 5px 15px;
}

div.bloc2col {
	padding: 0;
	margin: 0;
	width: 100%;
	padding-top: 1px;
	color:: #7E7E7E;
	text-align: justify;
	font-size:0.7em;
}

div.input-text div.designation {
	font-size:10px;
}
div.input-text div.designation-error {
	font-weight:bold;
}

div.input-text div.field {
	text-align: left;
}

div.input-text div.field input {
	width:150px;
	height: 15px;
	border: 1px solid #CCCCCC;
	background:url(../media/interface/fond_champ.gif) top left repeat-x;
	background-color: #FFFFFF;
	padding: 2px 0px  0px 2px;
	font-size: 10px;
	color: #6C6A6A;
}
div.input-text div.field select {
	width:154px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	/*padding: 2px 0px  0px 2px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6A6A;
	/*text-transform:lowercase;*/
}


div.input-text-all {
	text-align: left;
}
div.input-text-all input {
	margin: 0px;
	height: 15px;
	background: url(../media/interface/fond_champ.gif) top left repeat-x;
	border: 1px solid #CCCCCC;
	padding: 2px 2px  0px 2px;
	font-size: 10px;
	color: #6C6A6A;
}

fieldset {
	margin: 0;
	padding: 0;
	position: relative;
	border: 0;
}

div.input-textarea textarea {
	margin: 0px;
	width: 397px;
	height: 100px;
	border: 1px solid #CCCCCC;
	background: url(../media/interface/fond_champ.gif) top left repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6C6A6A;
}


table.button {
width: 80%;
}
table.button input {
width: 100px;
height: 20px;
border-top: 1px solid #ECECEC;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #ECECEC;
background-color: #ab610a;
font-size: 10px;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
table.button td.space {
width: 50px;
}
table.button td.submit {
width: 120px;
text-align: left;
}
table.button td.reset {
text-align: left;
}