/* 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;
}
li {
list-style:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* ------------------------------------ */
/*            Généralités               */
/* ------------------------------------ */

body{
padding:0;
margin:0;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
background:#b6b8ba;
color:#808285;
line-height:17px;
}
body a, body a:visited {
color:#808285;
text-decoration:none;
}
body a:hover {
color:#906e36;
text-decoration:underline;
}
h1 {
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#7e7f80;
background: url(../media/interface/h1-bg.gif) top left repeat-x;
height:16px;
padding:4px 0 2px 16px;
margin:0 0 20px 0;
letter-spacing:1px;
}
h2 {
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#7e7f80;
padding:12px 0 6px 0;
}
.small {
	font-size:10px;
	line-height:12px;
}
.spacer{
clear:both;
}
input.textfield, textarea {
	background:#f4f4f4;
	border: #8b8373 solid 1px;
}
input.textfield:focus, textarea:focus {
	background:#f4f4f4;
	border: #000000 solid 1px ;
}

hr {
width:100%;
height:1px;
background:#dcdedf;
border:none;
border-bottom:1px solid #b6b8ba;
line-height:1px;
font-size:1px;
margin:10px 0;
}

ul {
margin:5px 0;
}
li {
list-style-type:none;
margin:0 0 0 10px;
padding:0 0 0 10px;
background:url(../media/interface/puce.gif) center left no-repeat;
}
input.connaitre {
font-size:10px;
color:#999;
background:url(../media/images/contact/fond_champ.gif) top left repeat-x;
border:1px solid #ccc;
margin:0 10px 0 0;
}
input.connaitreok {
width: 40px;
height: 18px;
border-top: 1px solid #ECECEC;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #ECECEC;
background-color: #ccc;
font-size: 9px;
color: #fff;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* ------------------------------- */
/*             Header              */
/* ------------------------------- */
#header{
margin: 0 auto;
width:831px;
height:321px;
background:url(../media/interface/header-bg-1.jpg) top left no-repeat;
}
a#home{
float:left;
margin:80px 0 0 20px;
width:550px;
height:200px;
}

/* ------------------------------- */
/*             Page                */
/* ------------------------------- */
#page{
margin:0 auto;
width:831px;
background:url(../media/interface/page-bg.jpg) top left repeat-y;
}
#menu{
position:relative;
margin:0 auto;
width:801px;
height:23px;
background:#fff;
border:none;
}
#banniere{
position:relative;
margin:0 auto;
width:805px;
/*padding:0 0 27px 0;*/
/*background:url(../media/images/accueil/banniere-accueil.gif) top left no-repeat;*/
}
#banniere p{
padding:54px 0 0 230px;
}
#contenu{
position:relative;
margin:0 auto;
width:801px;
}
#contenu-gauche{
float:left;
width:400px;
margin-left:1px;
}
#contenu-txt{
float:left;
padding:0 0 10px 15px;
text-align:justify;
}
#contenu-txt .colonne {
float:left;
}
#contenu-txt p {
margin:0 20px 10px 0;
}
#contenu-droite{
float:right;
}
#contenu-droite img{
border:1px solid #b6b8ba;
}
#contenu-1colonne{
float:left;
padding:20px 15px 10px 15px;
text-align:justify;
}
#footer{
position:relative;
margin: 0 auto;
width:805px;
height:53px;
background:url(../media/interface/footer-bg.jpg) bottom left no-repeat;
color:#969696;
}
#footer p{
float:right;
margin:35px 20px 0 0;
}
#footer a, #footer a:visited {
color:#b6b8ba;
font-size:10px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
text-decoration:none;
}
#footer a:hover {
color:#777;
font-size:10px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
text-decoration:underline;
}
a#aw{
float:right;
margin:30px 5px 0 0;
width:70px;
height:22px;
}
#page-bottom{
margin:0 auto;
width:831px;
height:27px;
background:url(../media/interface/page-bottom-bg.jpg) top left no-repeat;
}
#connaitre{
position:relative;
margin:0px 0 0 100px;
height:25px;
}

/* ------------------------------- */
/*            Contact              */
/* ------------------------------- */

div.error {
	margin-top:10px;
	margin-bottom:10px;
  color: #906e36;    
  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;
}

/* INPUT TEXT FIELD */

div.input-text div.designation {
	font-size:11px;
}
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/images/contact/fond_champ.gif) top left repeat-x;
	background-color: #FFFFFF;
	padding: 2px 0px  0px 2px;
	font-size: 10px;
	color: #6C6A6A;
}

div.input-text-all {
	text-align: left;
}
div.input-text-all input {
	margin: 0px;
	height: 15px;
	background: url(../media/images/contact/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;
}
/* INPUT TEXTAREA	 */

div.input-textarea textarea {
	margin: 0px;
	width: 342px;
	height: 100px;
	border: 1px solid #CCCCCC;
	background: url(../media/images/contact/fond_champ.gif) top left repeat-x;
	background-color: #FFFFFF;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	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: #898A8B;
font-size: 10px;
color: #FFFFFF;
font-family:"Tahoma", 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;
}
#chapeau{
float:left;
margin:0; padding:0;
background:#F3F2F1 url(../media/interface/chapeau_top.jpg) top left no-repeat;
width:800px;
}
#chapeau #illustration{
float:left;
}
#chapeau #texte{
float:left;
width:760px;
padding:4px 10px 0;
}
#chapeau #texte p{
margin-top:0.5em;
}
#chapeau #texte #title{
color:#663300;
font-weight:bold;
}
#chapeau #texte p.chapeau{
color:#663300;
font-weight:bold;
}
#chapeau #texte p.chapeau a {
color:#663300;
text-decoration: none;
font-weight:bold;
}
#chapeau #texte p.chapeau a:hover {
color:#663300;
text-decoration: underline;
font-weight:bold;
}
#chapeau_bottom{
clear:both;
margin:0; 
padding:0;
width:805px;
height:4px;
background:url(../media/interface/chapeau_bottom.jpg) top left no-repeat;
overflow:hidden;
margin-bottom:10px;
}
/* Parragraphe */
#parragraphe{
width:805px;
clear:both;
margin:0 auto; padding:0;
background: url(../media/interface/p_fond.jpg) top left repeat-y;
}
#parragraphe #top{
margin:0 auto; padding:0;
width:805px; height:6px;
background:url(../media/interface/p_top.jpg) top left no-repeat;
overflow:hidden;
}
#parragraphe #middle{
width:800px;
margin:0; padding:0 10px;
background: url(../media/interface/p_fond.jpg) top left repeat-y;
}
#parragraphe #bottom{
clear:both;
width:805px;height:6px;
background:url(../media/interface/p_bottom.jpg) top left no-repeat;
overflow:hidden;
}
/* references */
#references {
float: left;
width:790px;
}
#references ul{
padding-top:10px;
float:left;
width:260px;
line-height:normal;
background:none;
}
#references li {
padding:0; padding-right:10px;
font-weight:normal;
width:122px;
line-height:normal;
background:none;
}
#references li#view{
float: left;
width: 107px; 
height: 113px;
text-align:center;     
vertical-align:middle;
line-height:107px;
margin:0px 3px 0 0;
background: url(../media/interface/thumb_fond.jpg) left 5px no-repeat;
}         
#references li#view img{
vertical-align:middle;
}
#references li#title{
font-weight:bold;
margin-top:5px;
padding-bottom:3px;
color:#8CA524;
}
#references li#title a {
color:#663300;
text-decoration: none;
font-weight:bold;
}
#references li#title a:hover {
color:#663300;
text-decoration: underline;
font-weight:bold;
}