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

body {
	padding:0;
	margin:0;
	text-align: center;
	background: #DCDCD8 url(img/fd-illustration-01.jpg) no-repeat top left;
	font:Verdana, Geneva, sans-serif small;
	color:#7B7C7E;
}

div#conteneur {
	display:block;
	margin:0 auto;
	margin:150px auto;
	width:70%;
	text-align:left;	
}

div#conteneurpopup {
	display:block;
	margin:0 auto;
	width: 720px;
	text-align:left;
	margin:0;
}

div#conteneurpopup img {
	margin-bottom:15px;
	border:solid 1px #E6E6E6;
}

div#presentationcontenu {
	display:block;
	float:right;
	background:url(img/pres-fond1.jpg) no-repeat top left;
	background-color:#ededeb;
	width:538px;
	height:900px;
	padding-left:47px;
	padding-bottom:45px;
	margin-bottom:7px;
}

div#presentationcontenu2 {
	display:block;
	float:right;
	background:url(img/pres-fond2.jpg) no-repeat top left;
	background-color:#fff;
	width:538px;
	padding-left:47px;
	padding-bottom:45px;
	margin-bottom:7px;
}

.presparagraphe {
	display:block;
	width:350px;
	padding-left:160px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#7B7C7E;
	padding-top:20px;
}

.presparagraphe a {
	color:#62237F;
	text-decoration:none;
	outline:none;
	border:none;
}

.presparagraphe a:hover {
	color:#F30;
	border:none;
}

.stitrepres {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:lighter;
	color:#62237F;
	display:block;
	margin-top:35px;
	margin-bottom:3px;
	padding:3px;
	background-color:#ebeced;
}

.presstitre {
	color:#000;
}

.presintro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height:1.3em;
	color:#62237F;
	display:block;
	padding-top:10px;
}

div#infopopup {
	width:200px;
	height:150px;
	float:left;
	background-color:#4E1D68;
	color:#FFF;
	margin:15px 0 0 15px;
}

div#infopopup p {
	padding-left: 15px;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:10px;
}

div#infopopup a {
	color:#FFF;
	text-decoration:none;
	font-size:0.70em;
	line-height:14px;
	outline:none;
}

div#infopopup a:hover {
	text-decoration:none;
	color:#FFF;
	outline:none;
}

a.fleche {
	text-decoration:none;
	padding-left:18px;
	background:url(img/lien-fleche.png) left bottom no-repeat;
	outline:none;
	border:none;
}

a.fleche:hover {
	background:url(img/lien-fleche-over.png) left bottom no-repeat;
	text-decoration:none;
	outline:none;
	border: none;
}

.legendeportfolio {
	font-size:0.70em;
	font-style:italic;
}

.millesime {
	vertical-align:bottom;
	font-size:0.70em;
}

.italicportfolio {
	font-style:italic;
	font-size:0.70em;
}

.titre {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	vertical-align:top;
}

.titreillu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	vertical-align:top;
}

.bodyblanc {
	font-size:0.70em;
}


div#contenu {
	display:block;
	width: 850px;
	height: 650px;
	text-align:left;
	border:none;
}

h1#header, h1#header a {
	height:125px;
	width: 250px;
	display:block;
	position:relative;
	margin:0;
	text-indent: -5000px ;
	background:url(img/logo-ultraviolette-hp.png) no-repeat top center;
	outline:none;
}

div#zoneinfo {
	width:250px;
	height:480px;
	float:left;
	background:url(img/wip.jpg) no-repeat center 123px #FFF;
}

div#zonenavig {
	width:250px;
	height:480px;
	float:left;
	background-color:#FFF;
}

div#zonenavig2 {
	width:250px;
	height:480px;
	float:left;
	background-color:#FFF;
	margin:0;
	padding:0;
}
	

div#diaporama {
	display:block;
	text-align:right;
	float:right;
}

div#cartepostale {
	display:block;
	text-align:right;
	float:right;
}

div#portfolioblock {
	display:block;
	text-align:right;
	float:right;
	background-color:#FFF;
	width:585px;
	height:480px;
}

div#portfoliocontenu {
	display:block;
	float:right;
	background-color:#FFF;
	width:538px;
	padding-left:47px;
	padding-bottom:45px;
	margin-bottom:7px;
}

.biglogos {
	display:block;
	float:right;
	position:relative;
	width:585px;
	height:480px;
	margin-left:7px;
}

.legendebig {
	float: left;
	display:block;
	position:absolute;
	bottom:0;
	background: #FFF;
	height: 40px;
	width:575px;
	opacity: .8;
	/*For IE 5-7*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*for IE 8*/
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#888;
	padding-left:10px;
	padding-top:10px;
}

.legendebig a.galerie {
	text-decoration:none;
	padding-left:18px;
	background:url(img/lien-fleche.png) left bottom no-repeat;
	outline:none;
	border:none;
}
.legendebig a.galerie:hover {
	text-decoration:none;
	background:url(img/lien-fleche-over.png) left bottom no-repeat;
	outline:none;
	border:none;
}

.legendebig a.reference {
	text-decoration:none;
	padding:0;
	outline:none;
	border:none;
	color:#333;
}

.legendebig a.reference:hover {
	text-decoration:none;
	outline:none;
	border:none;
}

.viggalerie {
	display:block;
	float:right;
	position:relative;
	width:590px;
	margin-left:10px;
}


div#portfoliologo {
	display:block;
	float:right;
	background-color:none;
	width:585px;
	padding:0;
	margin-bottom:7px;
}


div#portfoliopopup {
	display:block;
	text-align:right;
	float:right;
	width:490px;
	margin-top:15px;
}

div#contact {
	display:block;
	width: 220px;
	height:105px;
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-size: x-small;
	color:#7B7C7E;
	background:url(img/contact-ciseaux.png) no-repeat top left;
	text-align:left;
	padding: 35px 0 0 30px;
	position:relative;
	top:230px;
	text-decoration: none;
	vertical-align: middle;
}

.boldviolet {
	color:#62237F;
	font-weight:bold;
}

p.contact {
	line-height: 1.1em;
	padding-top:31px;
}

p#footer {
	font-family:Verdana, Geneva, sans-serif;
	font-size:x-small;
	color:#4E1D68;
	padding: 5px 0 0 270px;
}

p#footer2 {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:x-small;
	color:#4E1D68;
	padding: 5px 0 0 270px;
}

p#footer_portfolio {
	display:block;
	position:relative;
	width:390px;
	height:17px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:x-small;
	color:#4E1D68;
	padding:0 0 45px 0;
	margin:0;
	clear:right;
	float:left;
	left:305px;
}

p#footer_portfolio a {
	border:none;
	text-decoration:none;
	color:#4E1D68;
	outline:none;
}

p#footer_portfolio a:hover {
	border:none;
	text-decoration:none;
	color:#000;
	outline:none;
}

.ancre_top a {
	display:block;
	float:right;
	width:61px;
	height:20px;
	text-indent:-6000px;
	background:url(img/btn_top.png) no-repeat left top;
	margin:0;
	padding:0;
	left:100px;
	outline:none;
}

.ancre_top a:hover {
	background:url(img/btn_top-over.png) no-repeat left top;
	outline:none;
}

.vcredit {
	border:none;
	text-decoration:none;
	float:left;
}

.titre_illustration {
	display:block;
	width:400px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:1em;
	color:#62237F;
	padding-top:30px;
	float:left;
}


.back a {
	display:block;
	width:105px;
	position:relative;
	float:right;
	border:none;
	text-decoration:none;
	color:#7C7D7E;
	background:url(img/btn_back.png) no-repeat left bottom;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em;
	text-indent:20px;
	padding-top:30px;
	outline:none;
}

.back a:hover {
	border:none;
	text-decoration:none;
	color:#000;
    background:url(img/btn_back-over.png) no-repeat left bottom;
	outline:none;

}

.stitre_illustration {
	display:block;
	width:490px;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:0.9em;
	color:#7B7C7E;
	padding-top:35px;
	border-bottom:solid 1px #CCC;
	margin-bottom:10px;
}

.legende {
	display:block;
	clear:both;
	font-size:0.75em;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:10px;
}

.legende a {
	display:block;
	color:#4E1D68;
	font-size:0.90em;
	text-decoration:none;
	text-indent:15px;
	background:url(img/btn_next-url.png) no-repeat left center;
	outline:none;
}

.legende a:hover {
	display:block;
	color:#000;
	font-size:0.90em;
	background:url(img/btn_next-url-over.png) no-repeat left center;
	outline:none;
	text-indent:15px;
}

.legende_credit {
	display:block;
	width:490px;
	height:105px;
	font-size:0.75em;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	border-bottom:solid 1px #CCC;
	padding-bottom:3px;
	margin-top:15px;
}

.legende_credit img {
	padding-right:15px;
}

.btn_www a {
	display:block;
	width:100px;
	position:relative;
	border:none;
	text-decoration:none;
	text-indent: -5000px;
	background-image: url(img/btn_www-off.png);
	background-repeat: no-repeat;
	background-position: left center;
	left: 120px;
	top:-10px;
	outline:none;
}

.btn_www a:hover {
	border:none;
	text-decoration:none;
	background:url(img/btn_www-over.png) no-repeat left center;
	outline:none;
}

.boxgrid { 
	width: 250px; 
	height: 141px; 
	margin:0; 
	background:#FFF; 
	border: none; 
	overflow: hidden; 
	position: relative;
	top:86px;
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
				
.boxgrid p { 
	padding-left: 30px; 
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:x-small;
	text-decoration:none;
}
				
.boxgrid a {
	text-decoration:none;
	color:#FFF;
	outline:none;
}
				
.boxgrid a:hover {
	color:#FC0;
	outline:none;
}
				
.contactezmoi {
	margin-top:37px;
}
				
.coordonnees {
	margin-top: 10px;
}

				
.boxcaption{
	float:left;
	position: absolute; 
	background: url(img/contact-fond.png) no-repeat top left; 
	height: 141px; 
	width: 100%;
}
			
.captionfull .boxcaption {
 	top: 87px;
 	left: 0;
}
				
.caption .boxcaption {
 	top: 87px;
 	left: 0;
}
				
.bodybold {
	font-weight:bold;
	letter-spacing: 0.05em;
}

div#identite {
	display:block;
	width:146px;
	height:480px;
	float:left;
	position:relative;
	background:url(img/fond-identite.jpg) repeat-y scroll;
}

div#print {
	display:block;
	width:146px;
	height:480px;
	float:left;
	position:relative;
	background:url(img/fond-impression.jpg) repeat-y scroll;
}

div#web {
	display:block;
	width:146px;
	height:480px;
	float:left;
	position:relative;
	background:url(img/fond-web.jpg) repeat-y scroll;
}

div#illustration {
	display:block;
	width:146px;
	height:480px;
	float:left;
	position:relative;
	background:url(img/fond-illustration.jpg) repeat-y scroll;
}

.boxportfolio { 
	float: left; 
	position: absolute; 
	width: 100%;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	text-align:left;
}

.boxportfolio p {
	margin: 0;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:small;
	color:#FFF;
	padding-top:10px;
	display:block;
	width:136px;
	height:100px;
	background-color:#4E1D68;
	text-decoration:none;
	opacity: .8;  
	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxportfolio a {
	display:block;
	width:136px;
	height:100px;
	background-color:#4E1D68;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:small;
	color:#FFF;
	text-decoration:none;
	opacity: .9;  
	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	outline:none;
}

.boxportfolio a:hover {
	color:#FFF;
	background-color:#4E1D68;
	opacity: 1;  
	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  
	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	outline:none;
}


div#services {
	display:block;
	width:585px;
	height:480px;
	float:left;
	position:relative;
	background: url(img/scroll-construction.jpg) repeat-y scroll;
}

.boxcarte { 
	float: left; 
	position: absolute; 
	width: 100%;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	text-align:left;
}

.boxcarte p {
display:block;
	width:575px;
	height:100px;
	background-color:#4E1D68;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:small;
	color:#FFF;
	text-decoration:none;
	opacity: .9;  
	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.boxcarte a {
	text-decoration:none;
	color:#FFF;
	outline:none;
}

.boxcarte a:hover {
	text-decoration:none;
	color:#FC0;
	outline:none;
}

/* css pour le menu principal*/

ul#sliding-navigation {  
	list-style: none;  
	font-size: 0.75em;
	font-weight:normal;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
}  
 
ul#sliding-navigation li.sliding-element h3,  
ul#sliding-navigation li.sliding-element a  {  
	display: block;  
	width: 150px;  
	padding: 8px 10px;  
	margin: 0;
	margin-left: -20px;
	outline:none;
}  

ul#sliding-navigation li.sliding-element h3 {  
	color: #7B7C7E;  
	background: #F9F7F4;  
	border: none;  
	font-weight: normal;
	margin-left:0;
}  

ul#sliding-navigation li.sliding-element a  {  
	color: #7B7C7E;  
	background: #FFF url(img/menu-bg.jpg) no-repeat top left;  
	border: none;  
	text-decoration: none;
	outline:none;
}  

ul#sliding-navigation li.sliding-element a:hover { color: #62237F; background: #FFF url(img/menu-bg-over.jpg) no-repeat top left;outline:none; }

#navigation-block {
	position:relative;
	top:40px;
	left:0;
}