/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: url(/images/bg.jpg) repeat left top black;
	font-family: Arial;
	color: black;
	font-size: 12px;
}

img {
	border: none;
}


p {
	margin: 0 0 10px;
	line-height: 15px;
}

h1 {
font-size: 30px;
margin: 0 0 15px;
}

h2 {
font-size: 22px;
margin: 0 0 5px;
}

h4 {
font-size: 14px;
margin: 0 0 3px;
}

h3 {
font-size: 14px;
margin: 5px 0 10px;
}

h5 {
font-size: 14px;
margin: 0 0 3px;
font-weight: normal;
}

h6 {
font-size: 15px;
margin: 0 0 5px;
color: #660000;
}

.red {
color: #BA1800;
}

.clear {
	clear: both;
	height: 0 !important;
}

div.border .clear {
	clear: none;
	clear: left !important;
}

#texte a:link, #texte a:visited, #footer2 a:link, #footer2 a:visited {
	color: black;
	text-decoration: none;
}


#texte a:hover {
	background: #BA1800;
	color: white !important;
	padding: 0 2px;
}

#footer2 a:hover {
	background: #BA1800;
	color: white !important;
}


a.pdf{
background: url(../images/pdf.gif) no-repeat left top !important;
padding-left: 20px;
height: 15px;
line-height: 15px;
float: right;
}

a#enveloppe:link, a#enveloppe:visited {
background: url(/images/enveloppe.gif) no-repeat left bottom;
width: 44px;
height: 46px;
position: absolute;
bottom: 15px;
right: 20px;
z-index: 100;
}


a#enveloppe img {
visibility: hidden;
}

a#enveloppe:hover {
padding: 0 !important;
background: url(/images/enveloppe3.gif) no-repeat left bottom;
}

#page.photo a#enveloppe, #page.edition a#enveloppe, #page.cnt a#enveloppe {
bottom: 130px;
right: 150px;
}

ul, ul li {
	list-style: none;
}

ul.bullet, #texte ul {
	list-style: disc;
	margin: 0 0 15px 15px;
}

ul.bullet li, #texte ul li {
	list-style: disc;
	margin-bottom: 5px;
}

ul.bullet li li, #texte ul li li {
	margin: 0 !important;
	list-style: none;
}

#page {
width: 1002px; 
margin: 0 auto;
text-align: left;
position: relative;
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid white;
}

.map {
float: right;
margin: 5px 66px 0 0;
width: 114px;
font-size: 11px;
}

.map a.pj:hover{
padding: 0 !important;
background: white !important;
}

div.map a#carte {
background: white !important;
padding: 0 !important;
}

* html .map {
margin-right: 34px;
}

.map img {
margin-bottom: 5px;
}

.latentzoom {
cursor: url(/images/zoom/zoomin.cur), pointer; 
outline: none;
}

.latentzoom-caption {
display: none; 
border: 2px solid white;
border-top: none;  
padding: 5px; 
background-color: white;  
}

.latentzoom-display-block {
display: block;}

.latentzoom-display-none {
display: none;}

.latentzoom-loading {
display: block; 
color: white; 
font-size: 9px; 
font-weight: bold; 
text-transform: uppercase; 
text-decoration: none; 
padding: 3px; 
border-top: 1px solid white; 
border-bottom: 1px solid white; 
background-color: black; 
padding-left: 22px; 
background-image: url(/images/zoom/loader.gif); 
background-repeat: no-repeat; 
background-position: 3px 1px;
}

.latentzoom-move {cursor: move;}


dl.tel {
width: 180px;
margin-bottom: 10px;
}

dl.tel dt {
font-size: 14px;
float: left;
height: 18px;
line-height: 18px;
}

dl.tel dd {
text-align: right !important;
font-size: 14px;
height: 18px;
line-height: 18px;
}

dl.tel .fax{
font-size: 12px !important;
}

div.photodispo {
border-top: 1px solid black;
border-bottom: 1px solid black;
margin: 15px 0;
padding: 15px 0;
font-weight: bold;
width: 398px;
}

div.photodispo img {
float: right;
margin-top: -6px;
}


/* Corps  =================================================================*/
#corps {
border: 1px solid black;
background: url(/images/bg_noir.gif) no-repeat right bottom white;
text-align: center;
}

#page.texte #corps {
background: url(/images/hollograme.jpg) no-repeat right bottom white !important;
}

#page.home #corps{
padding-top: 7px;
background: url(/images/hollograme.jpg) no-repeat right bottom white !important;
}

* html #corps.engagement {
padding-top: 7px;
}

#main {
width: 862px;
text-align: center;
margin: 0 0 0 7px !important;
}

#main.magazines, #page.client #main, #page.cnt #main {
padding-top: 7px !important;
}

* html #main {
margin: 0 0 0 3px !important;
}

*+html #main {
	margin: 0 0 0 1px !important;
}

div.legende {
padding-top: 5px;
}


#main.prestation {
margin: 5px 0 !important;
width: 986px;
}

div.presta {
border: 1px solid #AC1500;
padding: 20px;
margin: 0 5px 5px;
clear: left;
}

div.presta a.bouton {
float: right;
}

div.acces a.bouton {
position: absolute;
bottom: 140px;
right: 95px;
z-index: 80px;
}

a.retouraccesclient {
position: absolute;
bottom: 140px;
left: 400px;
z-index: 80px;
width:105px;
}

a.zone7 {
position: absolute;
bottom: 140px;
left: 400px;
display: block;
width: 70px;
height: 70px;
}

a.zone7:hover {
	background: #FFFFFF !important;
	color: white !important;
	padding:0 !important;
}


#page.home #main, #page.texte #main {
margin: 0 auto !important;
}

#page.photo .main, #page.edition #main, #page.texte .main {
margin-top: 7px;
}


div.border {
border: 6px solid #ccc;
margin: 7px 0 10px 0 !important;
text-align: left;
position: relative;
}

* html div.border {
height: 550px;
}

div.copy {
padding: 20px;
}

#main img.main {
border: 6px solid #ccc !important;
margin-bottom: 5px;
}

div.border img.gauche {
margin: 7px 30px 7px 7px;
float: left;
}

div.border div.gauche {
margin: 7px 30px 0 7px;
float: left;
}

div.border div.gauche img {
margin-bottom: 7px;
}

#texte {
margin: 0 50px 0 325px; 
padding-bottom: 20px;
}

#page.equipe #texte {
padding-top: 7px;
}

#main.prestation #texte {
padding-bottom: 0;
}


img.titre  {
margin: 50px 0 25px;
}

#entete {
	height: 136px;
	background: url(/images/header.gif) no-repeat left top black;
}

#logo {
	padding: 13px 35px 0;
	float: left;

}

/* Nav  =================================================================*/ 

#nav2 {
	height: 31px;
	position: absolute;
	z-index: 600;
	top: 11px;
	left: 0;
	width: 100%;
}	


#nav2 li {
	float: left;
}

#nav2 li.lang {
	float: right !important;
}

#nav2 li a {
	height: 31px;
	display: block;
	width: 99px;
}

#nav2 li a span {
	display: none;
}

#nav2 a.lang:link, #nav2 a.lang:visited  {
background: url(/images/boutons/english.jpg) no-repeat left top;
}

#nav2 a.lang:hover  {
background: url(/images/boutons/english_on.jpg) no-repeat left top;
}

#nav2 a.cct:link, #nav2 a.cct:visited {
background: url(/images/boutons/contact.jpg) no-repeat left top;
}

#nav2 a.cct:hover {
background: url(/images/boutons/contact_on.jpg) no-repeat left top;
}

#nav_droite {
	text-align: center;
	float: right;
	width: 122px;
	padding-bottom: 100px;
}

#nav_themes {
	margin: 0 auto;
	width: 57px;
	height: 567px;
}

#nav_droite h1 {
	color: #BA1800 !important;
	font-size: 16px !important;
}

#nav_themes li {
	margin: 0 0 7px;
}

* html #nav_themes li {
	margin: 0 0 4px;
}

*+html #nav_themes li {
	margin: 0 0 4px;
}

#nav_photos a:link, #nav_photos a:visited, #nav_themes a:link, #nav_themes a:visited  {
	border: 1px solid white;
	display: block;
	height: 57px;
	width: 57px;
}

#nav_photos a:link, #nav_photos a:visited  {
	border: 1px solid #ccc;
}

#nav_photos a:hover, #nav_themes a:hover, #nav_photos a.sel, #nav_themes a.sel {
	border: 1px solid #9D0000 !important;
}

#nav_photos li.fleches {
	padding: 20px 10px 0;
}

#nav_themes li.fleches {
	padding: 0 18px;
}

#nav_photos li.fleches a:link, 
#nav_photos li.fleches a:visited, 
#nav_photos li.fleches a:hover{
	height: 20px !important;
	width: 18px !important;
	border: 0 !important;	
}

#nav_themes li.fleches a:link, 
#nav_themes li.fleches a:visited, 
#nav_themes li.fleches a:hover{
	height: 21px !important;
	width: 22px !important;
	border: 0 !important;	
}

li.fleches a:hover{
	filter: alpha(opacity=80);
	opacity: .8;
}

#nav_photos ul {
	height: 57px;
	margin: 0 0 10px 152px;
}

* html #nav_photos ul {
	margin-left: 145px;
}

#nav_photos ul li {
	margin-left: 5px; 
	float: left;
}

/* Pied  =================================================================*/

.clearer {
	height: 0;
	clear: both;
}

#footer {
	border: 1px solid black;
	position: relative;
	background: url(/images/footer.gif) repeat-x left top white;
	padding-top: 10px;
}

* html #footer {
	padding-top: 9px;
}

*+html #footer {
	background: url(/images/footer.gif) repeat-x 0 1px white;
}

ul#contact {
	margin-left: 220px;
	height: 31px;
	line-height: 31px;
}


#contact li {
	float: left;
	background: url(/images/etoile2.gif) no-repeat 0 8px;
	padding-left: 18px;
	margin-right: 45px;
	line-height: 31px;
}

#contact li.last {
	margin-right: 0 !important;
}

#footer2 {
	background: url(/images/bg_footer2.jpg) repeat-x left top;
	text-align:center !important;
	padding: 18px 0 5px;
}


#gens {
	margin: 10px 0;
}

#main.prestation #gens {
	margin: 30px 0 10px;
}

.copyright, .copyright_blanc {
	position: absolute !important;
	display: block;
	width: 64px;
	height: 61px;
	z-index: 1000 !important;
	top: -76px;
	right: 30px;
	background-image: url(/images/trans.gif);
}


#page.home div.copyright, #page.texte div.copyright {
display: none !important;
}

#page.home a.copyright_blanc, #page.texte a.copyright_blanc {
display: block;
}

a.copyright_blanc, #page.ftpclient .copyright {
display: none;
}

a.bouton {
	padding: 5px 8px;
	color: white !important;
	text-decoration: none;
}

a.bouton:hover {
	padding: 5px 8px !important;
}

a.bouton.rouge {
	background: #BA1800;
}

a.bouton.vert {
	background: #77D100;
}

ul.prestation  {
	height: 37px;
	width: 232px;
	list-style: none !important;
	padding: 0 0 20px 50px;
}

ul.prestation li  {
	float: left;
	list-style: none !important;
}

ul.prestation a  {
	height: 37px;
	width: 116px;
	display: block;
}

ul.prestation a span {
	display: none;
}

ul.prestation a:hover {
	padding: 0 !important;
	background-color: #fff !important;
}

ul.prestation a.photo  {
	background: url(/images/titres/photo.gif) no-repeat left top;
}

ul.prestation a.photo:hover  {
	background: url(/images/titres/photo_on.gif) no-repeat left top !important;
}

ul.prestation a.edition  {
	background: url(/images/titres/edition.gif) no-repeat left top;
}

ul.prestation a.edition:hover  {
	background: url(/images/titres/edition_on.gif) no-repeat left top !important;
}

/* Formu  =================================================================*/

dl.formu {
	width: 395px;
	padding: 10px 0;
	background: #F8EAEA;
	border: 1px solid #C02F1C;
	margin-top: 20px;
	clear: right;
}

#page.acces dl.formu {
	border: 0;
	background: white;
	margin-top: 0;
	padding: 0;
	width: 450px;
line-height: 22px;
}

#page.acces dl.formu input {
	width: 140px;
}

dl.formu input.sub {
	width: 80px !important;
	margin-left: 5px;
	margin-right: 0 !important;
}

#page.acces dl.formu input.sub {
	margin-left: 26px;
}

#page.acces dl.formu input.sub.recup {
	margin-left: 33px;
}

#page.acces dd.connexion {
	font-size: 15px;
font-weight: bold;
color: #660000;
margin-left: 10px;
line-height: 15px;
}

#page.acces dd.connexion input.sub{
	margin-left: 10px !important;
}

* html dl.formu {
	width: 385px;
}

.formu dt {
	float: left;
	width: 120px;
	padding: 10px 0 0 10px;
}

.formu dt.titre {
	font-weight: bold;
	font-size: 20px;
	background: url(/images/enveloppe2.gif) no-repeat 10px 0;
	line-height: 26px;
	padding: 0 0 0 60px !important;
	height: 26px;
}

.formu dt.large {
	float: none !important;
	width: 85% !important;
}

.formu dt.vieprivee {
	font-size: 9px;
}

.formu dt.tel input {
	width: 40px;
	margin-right: 10px;
	
}

.formu .radiob input{
	width: 20px;
}

.formu dd {
	margin-left: 125px;
	padding-top: 10px;
}

.formu textarea {
	width: 367px;
}

.formu input {
	width: 245px;
}

.formu dt.submit {
	width: 375px;
	float: none;
	text-align: right;
}

#login dd.submit {
	float: none;
	text-align: right;
	padding-right: 4px;
}

.submit input {
	width: 90px;
	margin-bottom: 8px;
}

#login .submit input {
	margin-bottom: 8px;
}


/* Extranet  =================================================================*/
.dateacces {
	margin-top: -25px;
	font-style: italic;
}

#page.acces a.selac:link, #page.acces a.selac:visited {
	width: 94px;
	height: 93px;
	display: block;
	float: left;
	border: 1px solid white;
	margin: 2px 20px 20px 0;
}

* html #page.acces a.selac {
	margin-bottom: 0 !important;
}

#page.acces a.selac:hover, #page.acces a.sel.selac {
	border: 1px solid #660000;
	padding: 0 !important;
}

#page.acces a.selac span {
	visibility: hidden;
}

#page.acces a.galerie {
	background: url(/images/boutons/galerie.gif) no-repeat left top;
}

#page.acces a.z7 {
	background: url(/images/boutons/zone7.gif) no-repeat left top;
}

#page.acces a.espaced {
	background: url(/images/boutons/espaced.gif) no-repeat left top;
}

#page.acces a.prive7 {
	background: url(/images/boutons/7prive.gif) no-repeat left top;
}

#main #client {
	position: relative !important;
}

* html #main #client {
	height: 500px;
}

a.ajouter, #lnkbtnTelecharger, a.retirer, #lnkbtnConfirmer {
	position: absolute;
	z-index: 80;
	width: 94px !important;
	height: 36px !important;
	bottom: 25px;
	right: 370px;
}

#lnkbtnTelecharger:link, #lnkbtnTelecharger:visited {
	background: url(/images/boutons/telecharger.jpg) no-repeat left top;
}

#lnkbtnTelecharger:hover {
	background: url(/images/boutons/telecharger_over.jpg) no-repeat left top;
}


a.ajouter:link, a.ajouter:visited {
	background: url(/images/boutons/ajouter.jpg) no-repeat left top;
	width: 87px !important;
}

a.ajouter:hover {
	background: url(/images/boutons/ajouter_hover.jpg) no-repeat left top;
}

a.retirer:link, a.retirer:visited {
	background: url(/images/boutons/retirer.jpg) no-repeat left top;
}

a.retirer:hover {
	background: url(/images/boutons/retirer_over.jpg) no-repeat left top;
}

#lnkbtnConfirmer:link, #lnkbtnConfirmer:visited {
	background: url(/images/boutons/confirmer.jpg) no-repeat left top;
	bottom: 260px !important;
	right: 0 !important;
}

#lnkbtnConfirmer:hover {
	background: url(/images/boutons/confirmer_hover.jpg) no-repeat left top;
}

#deconnexion {
	bottom: 220px;
	right: 10px;
	position: absolute;
	z-index: 100;
}

/* FTP  =================================================================*/
#page.ftpclient #telecharger {
	background: url(/images/avantage.gif) no-repeat 580px 0 white;
}

#page.ftpclient h2 .big {
	font-size: 20px;
}

#page.ftpclient input.telecharger {
	font-size: 18px;
}

#page.ftpclient #entete {
	background: url(/images/header2.gif) no-repeat left top black;
}

#page.ftpclient .nav_top {
text-align: right;
float: right;
width: 600px;
margin: 30px 25px;
color: white;
}

#page.ftpclient .nav_top a:link, #page.ftpclient .nav_top a:visited {
color: white;
text-transform: uppercase;
text-decoration: none;
}

#page.ftpclient .nav_top a.contact {
color: #C40A11;
}

#page.ftpclient #entete #contact {
	margin: 39px 0 0 0;
	float: right;
	height: 15px;
}

#page.ftpclient #entete #contact li {
	background: url(/images/etoile.gif) no-repeat 0 0;
	margin-right: 30px;
	line-height: 15px;
}

#page.ftpclient #corps {
background: url(/images/bg_ftp.jpg) repeat-y left top white;
clear: both;
}

#page.ftpclient #left {
	float: left;
	width: 184px;
}

#page.ftpclient #left .wrap {
	text-align: left;
	color: #C40A11;
	padding: 10px;
}

#page.ftpclient #left .nom {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 50px;
}

#page.ftpclient #left a:link, #page.ftpclient #left a:visited {
	color: #C40A11;
	text-decoration: none;
}

#page.ftpclient #left a.partage {
	background: url(/images/boutons/partage.gif) no-repeat left top;
	padding-left: 30px;
	display: block;
	height: 15px;
	line-height: 15px;
	margin-bottom: 20px;
}

#page.ftpclient #left a.profil {
	background: url(/images/boutons/profil.gif) no-repeat left top;
	padding-left: 30px;
	display: block;
	height: 20px;
	line-height: 20px;
}

#page.ftpclient #main {
	margin: 10px 0 0 200px!important;
	width: 790px;
	color: #57595F;
	text-align: left;
}

#page.ftpclient #main table{
	margin: 0 0 20px !important;
}

div.progress{
	position: absolute !important;
	top: 50% !important;
	left: 37% !important;
	z-index: 3000 !important;
}



table#fm_pathDataList a {
	font-size: 11px;
	text-decoration: none;
	line-height: 7px;
}

#page.ftpclient a.folderadd {
	float: right;
	margin-right: 5px;
	background: url(/images/espace-client/folder_add.gif) no-repeat left top;
	height: 11px;
	line-height: 11px;
	padding-left: 20px;
	font-size: 11px;
	text-decoration: none;
	
}

#page.ftpclient #main table td {
	padding: 3px;
	
}

#main table.filelist {
	width: 100%;
	}

#page.ftpclient #main table.filelist th {
	height: 29px;
	line-height: 29px;
	background: url(/images/bg_tableth.jpg) repeat-x left top;
	color: white;
	font-weight: bold;
	padding: 0 3px;
}

#page.ftpclient #main table.filelist td {
	border-bottom: 1px dotted #57595F;
	
}

#page.ftpclient h1 {
	font-size: 16px;
	color: #57595F;
	margin-bottom: 3px;
}

#page.ftpclient h1.title {
color: #C40A11;
font-size: 20px;
}

#page.ftpclient h2 {
	font-size: 13px;
	color: #57595F;
	padding-top: 10px;
	}
	
#page.ftpclient #main h2 {
	font-size: 12px;
	border-bottom: 1px solid #57595F;
	padding-bottom: 3px;
	width: 60%;
	margin-bottom: 5px;
	}

#profil {
	background: #f5f5f5;
	padding: 10px;
	margin: 15px 0;
	width: 350px;
	}
	
#profil label{
	width: 158px;
	display: block;
	float: left;
	font-weight: bold;
	}
	
	#profil input {
	width: 185px;
	}
	
	#profil .check input {
	width: 10px;
	}
	
	#profil input.button {
	width: 95px;
	}
	
#profil p.validation, #newFolder p {
	text-align: right;
	}
	
p.vide {
	font-weight: bold;
	color: #C40A11;
	display: block;
	padding: 5px;
	border: 1px dotted #C40A11;
	width: 150px;
	}