/*************************** BALISES *********************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: repeat-x #969696 url('../img/bg.jpg');
}
h1{
	color:#000;
	font-size: 120%;
	font-weight: bold;
	padding:10px 15px 10px 15px;
}
h2{
	color:#333333;
	font-size: 100%;
	font-weight: bold;
	padding:5px 10px 5px 10px;
}


label {
color: #DC0109;
}
p, li {
	margin: 0.6em 0;
	line-height: 110%;
	color: #666666;
}
#right ul {
	list-style:disc;
	list-style-position:inside;
	padding:0;
	margin:0;}
strong {
	font-weight: bold;
	font-size:130%;
}
input[type=text], textarea {
	background: #fff url('../img/bg-input.gif') repeat-x;
	width: 200px;
}
textarea {
	height: 120px;
}
input[type=submit], a.button:link, a.button:visited, a.button:hover {
padding: 5px 5px 5px 30px;
background: /*#630203*/ #fff url('../img/ico/loupe.png') no-repeat 6px 3px;
border: 1px solid #630203;
cursor: pointer;
color: #dd0009;
}

a:link, a:visited, a:hover {
color: #fff;
text-decoration: none;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#wrapper {
	top: 10px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background: url('../img/bg-wrapper.jpg');
}
#header{
	background: url('../img/header.jpg');
	height:145px;
}


#main {
	float: left;
	width: 950px;
	height:579px;
	color: #EFEFEF;
	background-image:url(../img/bgwrapper.jpg);
}
#breadcrumb {
	text-align: right;
	color: #fff;
	margin-right: 20px;
	font-size: 85%;
}
#left{
	width:504px;
	height:525px;
	float:left;
	margin-left:23px;
	margin-top:20px;
	border: 1px solid #999999;
}
	
#right{
	height:525px;
	width:322px;
	float:left;
	margin-left:42px;
	margin-top:20px;
	overflow:auto;
	}
	
.imgright{
	float:right;
	margin:15px;
	border:2px solid #c1022c;}

.imgleft{
	float:left;
	margin:15px;
	border:2px solid #c1022c;}

#bigPicWrapper {
margin-bottom: 100px;
}
#gallery {
text-align: center;
padding: 0 30px;
}
#gallery .thumb {
margin: 1px 2px;
}
#plan{
	width:382px;
	height:280px;
	float:right;
	margin-right:20px;}
/**************************** LAYOUT END ***********************************/

/*********************************  NAV  ***********************************************/
#nav {
	width: 864px;
	height: 21px;
	margin-left: 83px;
	padding-top:117px;
	font: 12px 'Verdana', 'Sans Serif', sans;
}
#nav li {
	width:106px;
	float: left;
	padding: 0 1px;
	margin: 0;
}

#nav a:link, #nav a:visited {
	display: block;
	padding: 0.7em 0.8em;
	color:#65443a;
	text-decoration: none;
	text-align: center;
	background: url('../img/bg-nav.jpg') no-repeat left;
}
#nav a:hover, #nav a:link.active, #nav a:visited.active, #nav a:hover.active {
	background: url('../img/bg-nav-over.jpg') no-repeat left;
	color:#fff1c3;
}
/*********************************  NAV END  ***********************************************/

/*********************** CONTENT *********************************/
#contact #main #formulaire{
	height:520px;
	background:url('../img/plan.jpg') no-repeat bottom right;}

#contact fieldset {  
float: left; 
margin: 30px 0 1em 1.3em;  
padding: 0; 
}
#contact legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
#contact fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
#contact fieldset li {  
float: left;  
clear: left;  
width: 100%;  
}
#contact fieldset.submit {
clear: both;
width: auto;  
border: 0;
}
#contact label {  
display: block;
float: left;  
width: 5em;  
margin-right: 1em; 
text-align: right; 
}
/*********************** CONTENT END *********************************/

.galleria{ margin-top:100px; margin-left:10px; list-style:none;width:504px;}
.galleria li{display:block;width:80px;height:46px;overflow:hidden;float:left;margin:0 20px 20px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/*********************** TOOLTIPS *********************************/
.tool-tip {
	color: #000;
	width: 139px;
	z-index: 13000;
} 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #1F1B15;
	padding: 8px 8px 4px 8px;
	background: url(../img/bubble.png) top left;
} 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}
/*********************** TOOLTIPS END ***************************/

/*********************** FOOTER *********************************/
#footer {
	width:950px;
	height:129px;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	clear: both;
	text-align: center;
}
	
#footer p {
	margin: 5px 10px;
	padding: 5px 0;
	color: #644439;
	text-align: center;
}
#footer p span {
	font-weight: bold;
}
#footer p a {
	color: #a4705d;
}
/*********************** FOOTER END *********************************/


/*********************** CLASSES *********************************/
.pagination {
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	color: #2C347F;
}
.pagination span.disabled, .pagination span.current {
	color: #C1C1C1;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.aligne_centre {
	text-align: center;
}
.aligne_droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.nomargin {
	margin: 0;
}
.reset {
	clear: both;
}
.nofloat {
	float: none;
}
.curseur_lien {
	cursor: pointer;
}
.cache {
	display: none;
}
/*********************** CLASSES END *********************************/


/*********************** CONTACT *********************************/
#formcontact {
	margin: 20px 0 0 20px;
}
#champsobligatoires {
	margin: 2em 0;
}
input {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin: 2px 0;
}
select {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #EEEEEE
}
textarea {
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.txterror {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.txtform {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
blockquote {
	margin-left: 12px;
}
blockquote.contact { 
	background-color: #E7EAF3;
	border: 1px solid black;
	border-left: 10px solid #FFA051;
}
/*********************** CONTACT END *********************************/