* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #838383;
}
/*
a:hover {
	text-decoration: none;
	color: #fddb00;
}*/

a.rose{
	text-decoration: none;
	color: #f3c113;
}
a.rose:hover {
	text-decoration: none;
	color: #838383;
}

a.noir{
	text-decoration: none;
	color: #000000;
}
a.noir:hover {
	text-decoration: none;
	color: #000000;
}

@font-face {
    font-family: 'Lucida Handwriting';
    src: url('../font/lucida-handwriting.eot');
    src: url('../font/lucida-handwriting.eot?#iefix') format('embedded-opentype'),
         url('../font/lucida-handwriting.woff') format('woff'),
         url('../font/lucida-handwriting.ttf') format('truetype'),
         url('../font/lucida-handwriting.svg#Lucida HandwritingRegular') format('svg');
}

#previsualiser{
	margin: 0 auto;
	width: 698px;	
}


#previsualiser .titre{
	color: #949598;
	font-weight:bolder;
	font-size:12px;
}

#carte{
	height: 780px;
	background: url(../images/fond_previsualisez.jpg) no-repeat;
	text-align:center;
	padding-top: 30px;
	padding-left:35px;
	padding-right:35px;
	color:#333132;
	line-height:24px;
	/*font:20px "Lucida Handwriting"; */
	font:18px Tahoma, sans-serif; 
}

small.slogan{
	font:11px Tahoma, sans-serif; 
	color:#A7A9AC;
}

small.signature{
	font:12px Arial, sans-serif; 
	margin-bottom: 0px; 
	line-height:-10px !important;
}

#carte .detail-carte{
	/*height: 400px;*/
	
}

#carte .texte{
	height: 260px;
	text-align:center;
}

#carte .logo{
	height: 80px;
	text-align:center;
}

/*
#content {
padding: 0 20px 20px 20px;
}


#footer {
	height: 20px;
	line-height: 30px;
	text-align: center;
	font-size: 10px;
	margin-bottom: 20px;
	margin-top:20px;
	clear:both;
	color: #656565;
}

#footer a{
	color: #656565;
	text-decoration: none;
}

#footer a:Hover{
	color: #8a1217;
	text-decoration: none;
}

input{
	color:#656565;
	border:#ACACAC solid 1px;
	height: 20px;
}

textarea{
	color:#656565;
	border:#ACACAC solid 1px;
}

select{
	color:#656565;
	border:#ACACAC solid 1px;
}
*/

/***************************** POP UP SUR LES IMAGES  ***********************/
.thumbnail{
position: relative;
z-index: 0;
}

a.thumbnail{
	color:#000000;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 2px solid #fddb00;
	visibility: hidden;
	color: black;
	text-decoration: none;
	/*margin-top:20px;*/
	width:300px;
	text-align:left;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}

#divMessage{
	margin:0;
	padding:0;
}
	
#divLangEn{
	display:none;
}
	
	
/*On Mouse Over sur boutton*/
span.dropt:hover {
		text-decoration: none; 
		background: #ffffff; 
		z-index: 6; 
}

span.dropt span {
	position: absolute; 
	left: -9999px;
	margin: 4px 0 0 0px; 
	padding: 3px 3px 3px 3px; 
	border: 2px solid #fddb00;
	width:300px;
	z-index: 6;
}

span.dropt:hover span {
	margin: 20px; 
	background: lightyellow; 
	z-index:6;
	width:300px;
	left: auto; 
}