/* ----------------------------------------------------------------------------------- */
/* -------------------------------------- RESET -------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, fieldset, table, th, tr, td {
margin:0;
padding:0;
} 

img {
border:0;
}

/* ----------------------------------------------------------------------------------- */
/* --------------------------- Ajout de style aux balises html ----------------------- */
/* ----------------------------------------------------------------------------------- */ 

body {
background:#7f7470 url('../images/bg-page.png') top center repeat-x;
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-size:14px; 
color:#f1f1f1;
}

p {
text-align:justify;
line-height:20px;
}

.mini-titre {
color:#bb0000;
font-size:14px;
}

h1, h2, h3 {
color:#f1f1f1;
font-weight:lighter;
}

h1 {
font-size:26px;
margin-bottom:10px;
font-weight:normal;
}

h2 {
font-size:20px;
}

h3 {
font-size:16px;
}

a {
color:#ccc;
}

a:hover {
color:#ccc;
}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------- NAVIGATION PRINCIPALE--------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
#navigation-principale {
position:relative;
left:0;
top:110px;
height:47px;
}

#navigation-principale ul {
list-style:none;
background: transparent url('../images/bg-menu.png') 0 0 repeat-x;
}

#navigation-principale li {
float:left;
display:block;
height:47px;
background: transparent url('../images/menu-sep.png') 0 0 no-repeat;
padding-left:2px;
}

#navigation-principale li a span.last {
background: transparent url('../images/menu-sep.png') right top no-repeat;
}

#navigation-principale ul li a span {
float:left;
display:block;
height:47px;
line-height:47px;
padding-left:15px;
padding-right:15px;
}

#navigation-principale ul li a {
float:left;
display:block;
color:#948989;
font-weight:900;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
}

#navigation-principale ul li a:hover {
color:#bb0000;
background: transparent url('../images/bg-hover.png') 0 0 repeat-x;
}

#navigation-principale div.left {
float:left;
background:transparent url('../images/bg-left.png') 0 0 no-repeat;
height:47px;
width:15px; 
}

#navigation-principale div.right {
float:right;
background:transparent url('../images/bg-right.png') 0 0 no-repeat;
height:47px;
width:15px; 
}

#navigation-principale div.bg {
background:transparent url('../images/bg-menu.png') 0 0 repeat-x;
width:950px;
height:47px;
float:left;
}
/* ----------------------------------------------------------------------------------- */
/* -------------------------------------- STRUCTURE ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#wrapper-page {
background:transparent url('../images/bg-wrapper.png') top center no-repeat ;
width:100%;
}

#wrapper-site {
margin-left:auto;
margin-right:auto;
width:980px;
min-height:900px;
}

#header {
position:relative;
height:190px;
}

#content {
padding:20px 0;
overflow:hidden;
}

#footer, #ours {
overflow:hidden;

}

#footer {
background:transparent url('../images/bg-footer.png') top left no-repeat ;
height:47px;
position:relative;
margin-bottom:20px;
}

#ours {

}

/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL HEADER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#header #logo {
position:absolute;
top:20px;
left:0px;
}

#header #info {
background: transparent url(../images/bg-tel.png) 0 0 no-repeat ;
position:absolute;
width:210px;
height:28px;
line-height:28px;
right:0;
top:50px;
text-align:center;
font-size:18px;
font-weight:bold;
color:#fff;
}


#header #addressTop {
background: transparent url(../images/bg-address.png) top right no-repeat ;
height:26px;
position:absolute;
top:157px;
width:100%;
}

#header #addressTop address {
font-style:normal;
text-align:right;
padding-right:5px;
line-height:26px;
color:#fff;
}

#header #addressTop address span {
padding-left:15px;
background: transparent url(../images/puce-address.png) 2px 6px no-repeat ; /**/
}


/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL CONTENT ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#c1 { 
float:left;
width:308px;
height:543px;
background: transparent url('../images/bg-anim.png') 0 0 no-repeat;
}

#c1 #animation {
width:296px;
height:409px;
margin:67px 6px;
}	

#c2 {
float:left;
margin-left:22px;
margin-right:20px;
width:630px;
}

/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL FOOTER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#ours {
color:#948989;
font-size:12px;
line-height:47px;
padding:0 5px;
}

#ours a{
color:#948989;
text-decoration:none;
}

#ours a:hover{
color:#bb0000;
text-decoration:none;
}
/**/
#ours #oursMenu {
float:left;
width:450px;
}

#ours #oursInfos {
float:right;
} 


/* ----------------------------------------------------------------------------------- */
/* ---------------------------------   FORMULAIRE   ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

.form label {
display:block;
width:120px;
float:left;
margin-right:20px;
text-align:right;
font-size:18px;
line-height:30px;
}

.form fieldset {
border:0;
}

.form div {
padding-bottom:10px;
}

.form textarea {
width:300px;
height:120px;
border:#ccc solid 1px;
border-top:#ccc solid 2px;
font-size:18px;
}

.form input[type="text"], .form input[type="email"] {
width:240px;
height:30px;
font-size:18px;
border:#ccc solid 1px;
border-top:#ccc solid 2px;
line-height:30px;
}

.form .submit {
margin-left:140px;
border:0;
height:30px;
line-height:30px;
font-size:18px;
background-color:#bb0000;
color:#fff;
cursor:pointer;
}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------  Navigation pagination ------------------------------- */
/* ----------------------------------------------------------------------------------- */ 



/* ----------------------------------------------------------------------------------- */
/* --------------------------------- TOOLS ------------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

.g1 {
background:transparent url('../images/g1.png') 0 0 no-repeat;
padding:3px 0 0 25px;
}

.g2 {
background:transparent url('../images/g2.png') 0 0 no-repeat;
width:23px;
height:23px;
float:right;
}

.sep {
height:20px;
font-size:0;
}

.clearFix {
clear:both;
}

.erreur {
border:red solid 2px;
padding:5px;
background-color:pink;
color:#000;
margin-bottom:15px;
}

.ok {
border:orange solid 2px;
padding:5px;
background-color:#f9e4b8;
color:#000;
margin-bottom:15px;
}

/*
Liste
*/
.liste {
margin:0 20px;
padding:0;
}

.liste li {
list-style-type:circle;
display:block;
padding:5px 0;
}

/*
adresse formulaire
*/
.adresse {
font-style:normal;
padding:10px;
border-left:#bb0000 solid 5px;
width:450px; 
}


/*
erreur j query tools
*/
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:33px;
	line-height:30px;
	background-color:pink;
	border:1px solid red;
	font-size:12px;
	color:#000;
	padding:0 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}