@charset "UTF-8";
/* CSS Document */

<style type="text/css">

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(/assets/img/fond.jpg);
background-repeat:repeat;
background-color: #FFF;
}

#site {
	width:1024px;
	margin:auto;
	
}

#header {
	height:400px;
	margin-top: 20px;
	-moz-box-shadow:    1px 1px 1px 1px #CBCBCB;
    -webkit-box-shadow: 1px 1px 1px 1px #CBCBCB;
    box-shadow:         1px 1px 1px 1px #CBCBCB;
}

#footer {
	height: 220px;
	clear: both;
}

#nav {
	height:20px;
	margin-top:20px;
	padding-top: 10px;
	background-color:#f3f3f3;
	-moz-box-shadow:    1px 1px 1px 1px #CBCBCB;
    -webkit-box-shadow: 1px 1px 1px 1px #CBCBCB;
    box-shadow:         1px 1px 1px 1px #CBCBCB;
}
#logo {
	z-index:100;
	position:absolute;
	margin-left:650px;
	margin-top:210px;
}

/* DROPDOWN OUTER TPL   ________________ */
#revNav{ margin:0; padding:0; height:15px; list-style: none; position:relative; z-index: 98;}
#revNav li{ margin-right:79px; padding:0px 0px 0px 0px; height:13px; float: left; font-size:12px; color:#E61A00; zoom: 1 }
#revNav li.first{background:none; margin-left:15px;}
#revNav li.last{background:none; margin-right:0px;}
#revNav li.self {color:#E61A00; border-bottom:#E61A00 1px dotted}
#revNav li a{ text-transform: uppercase; font-size:12px; color:#E61A00; text-decoration:none; font-family : Helvetica; font-weight:bold;}
#revNav li a:hover{ color:#E61A00; border-bottom:#E61A00 1px dotted}

#revNav li.hover,#revNav li:hover { position: relative; z-index: 99; cursor: default;}

/* DROPDOWN INNER TPL   ________________ */
#revNavInner{ visibility: hidden; margin:0; padding:10px 0px 0px 0px; width:85px; position: absolute; top: 100%; left: 0; z-index:100; list-style: none; text-align:left; background-color:#222222; text-decoration:none; color:#fff;}
#revNavInner li{display: inline; text-decoration:none;}
#revNavInner li a{ text-transform: uppercase; font-size:9px; color:#C5D100; text-decoration:none; font-family : "FuturaStdMedium", Arial, Verdana; padding-right: 0px;  }
#revNavInner li a:hover{ text-decoration:undeline; color:#C5D100;}

#revNav li:hover > ul {
 visibility: visible;
}

#gauche {
	width: 700px;
	float: left;
	background-color:#f3f3f3;
	-moz-box-shadow:    1px 1px 1px 1px #CBCBCB;
    -webkit-box-shadow: 1px 1px 1px 1px #CBCBCB;
    box-shadow:         1px 1px 1px 1px #CBCBCB;
    margin-top: 23px;
    font-size:12px; 
	color:#555; 
	text-decoration:none; 
	font-family : Helvetica; 
	padding: 15px;
	line-height: 14px;
	text-align: justify;
}

#droite {
	width: 245px;
	float: right;
	background-color:#f3f3f3;
	-moz-box-shadow:    1px 1px 1px 1px #CBCBCB;
    -webkit-box-shadow: 1px 1px 1px 1px #CBCBCB;
    box-shadow:         1px 1px 1px 1px #CBCBCB;
    margin-top: 20px;
    padding-top: 15px;
    height: 220px;

}

.adresse {
	width: 140px;
	font-size:12px; 
	color:#555; 
	text-decoration:none; 
	font-family : Helvetica; 
	padding: 15px 0 15px 15px;
	line-height: 14px;
	float: left;


}

.adresse:a,.adresse a,.adresse a:active,.adresse a:visited, {
	color:#E61A00; 


}

a {color:#E61A00;
	text-decoration: none;

}

.adresse a:hover {
	font-size:12px; 
	color:#E61A00; 
	border-bottom:#E61A00 1px dotted 

}

red {color:#E61A00; font-weight:bold;}

.red {color:#E61A00; font-weight:bold; margin-top: 0px}

.formulaire { width:700px; float:left; margin-top:0px;}

input,textarea {
 border:1px solid #CBCBCB;
 background-color:#fff;
 margin-bottom: 15px;
 }

 
 input { width:270px;}
 
 textarea { width:396px; height:156px; margin-top: 2px; margin-bottom: 0px;}
 
 label {
 display:block;
 }
 
 label.inline {
 display:inline;
 padding-right:10px;
  padding-left:20px;
  
 }
 
 .collgauche {float:left; margin-bottom:20px;}
 
 .gauchecat {float:left; margin-top:0px; margin-bottom:20px;}
 
 .colldroite {float:right; margin-bottom:10px;}
 
 .form-buttons {float:right; clear:both; margin-bottom:0px; margin-top: -20px;}
 
input[type=submit] {
 cursor:pointer;
 width:60px;
 }
input[type=submit]:hover {
 color:#fff;
  background-color:#E61A00;
 }
input[type=submit]:active {
 background-color:#E61A00;
 color:#fff;

 } 
 
.error {color:#E60000;}

var3 {font-size:8px;}

var1 {
	font-family: sans-serif, Helvetica;
	color:#ACDA38;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold

}

.imgHover .hover2,.imgHover .hover4 { 
    display: none;
    position: absolute;
    z-index: 2;
}

.vignette {
font-size:12px; 
	color:#555; 
	text-decoration:none; 
	font-family : Helvetica; 
	background-color: #fff;
	margin-top: 30px;
	margin-left: -40px;
	padding: 5px;
	width: 150px;
	

}

.info {
	width: 75px;
}

.touche {
	width: 75px;
	border: 0px solid black;
}

  

</style>