* {margin:0; padding:0;}
a{outline: none;}
a img {border:0;}
:focus{-moz-outline-style: none;}
.invisible {visibility:hidden;}
.absent {display:none;}
.clear {clear:both;}
.height30 {height:30px;}
.alignBottom {vertical-align:bottom;}

body
{
	background-color: #E9E9E9;
	color: #333333;
	font-family: arial;
	overflow-y:scroll;
}

body.admin {overflow-x:hidden;}

#global
{
	width:1023px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
}

#colonneGauche
{
	width:223px;
	border-right:1px solid #CECECE;
}

a#logo
{
	display:block;
	padding-top:50px;
	margin-left:13px;
	margin-bottom:41px;
}

ul#menu {list-style:none; border-top:1px solid #CCCCCC;}

ul#menu li a
{
	display:block;
	border-bottom:1px solid #CCCCCC;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	font-size:10px;
	padding-left:23px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:13px;
	color:#333333;
}

ul#menu li a:hover, ul#menu li a.selected {color:red; background-color:#F2F2F2;}

img#tampon
{
	margin-top:102px;
	margin-left:55px;
}

img#photoHeader
{
	position:absolute;
	z-index:0;
	margin-top:0;
	margin-left:224px;
}

h1#titreDuSite b
{
	font-size:16px;
}

h1#titreDuSite
{
	position:absolute;
	z-index:0;
	margin-top:369px;
	margin-left:224px;
	width:760px;
	height:33px;
	padding:9px;
	padding-left:30px;
	color:white;
	font-size:13px;
	line-height:17px;
	font-weight:normal;
	background-image:url(../img/fond-noir.png);
}

#zoneDeContenu
{
	position:absolute;
	z-index:0;
	margin-left:254px;
	top:440px;
	font-size:12px;
	color:#333333;
	width:710px;
}

#zoneDeContenu.zoneDeContenuAdmin
{
	margin-left:15px;
	top:15px;
}

#zoneDeContenu h2
{
	font-size:16px;
	color:#848484;
	margin-bottom:18px;
}

#zoneDeContenu p {margin-bottom:10px;}
#zoneDeContenu a {color:#336699;}


#zoneDeContenu div.bloc
{
	margin-bottom:30px;
}

#zoneDeContenu form
{
	background-color: #FAFAFA;
    border: 1px solid #ADC2C6;
    color: #336699;
    padding: 7px;
}

#zoneDeContenu form.etroit {width: 383px;}
#zoneDeContenu form.large {width: 700px;}

#zoneDeContenu input[type=text]
{
	color:black;
	border: 1px solid #CCCCCC;
	vertical-align:middle;
	width:100%;
}

#zoneDeContenu form fieldset
{
	float:left;
	margin:10px;
	border:1px solid #C0C0C0;
	padding:0px 10px 0px 10px;
	
}

#zoneDeContenu form fieldset.entier {width:655px;}
#zoneDeContenu form fieldset.demi {width:305px;}
#zoneDeContenu form fieldset.tiers {width:185px;}
#zoneDeContenu form fieldset.quart {width:138px;}

#zoneDeContenu form fieldset legend {color:#303030;}

#zoneDeContenu form input[type=checkbox] 
{
	margin-right:5px;
}

#zoneDeContenu input#numeroDossier
{
	text-transform:uppercase;
	text-align:center;
	width:360px;
}

input#btnOkNumeroDossier
{
	cursor:pointer;
	border:0 none;
	position:relative;
	top:5px;
}

#zoneDeContenu input.iban {width:40px; text-transform:uppercase;}
#zoneDeContenu input#BIC {width:200px; text-transform:uppercase;}
#zoneDeContenu input.tiers {width:20%; text-transform:uppercase;}

#zoneDeContenu div.blocFilRouge h2
{
	color:#8E0614;
	font-size:12px;
	margin-bottom:4px;
}

div.blocFilRouge
{
	border-top:1px solid #8E0614;
	border-bottom:1px solid #8E0614;
	background-color:#F5F5F5;
	padding-bottom: 1px;
    padding-top: 9px;
    padding-left: 13px;
	width: 722px;
}

#zoneDeContenu div.rubrique
{
	clear:both;
	width:716px;
	margin-bottom:30px;
}

#zoneDeContenu div.rubrique h2
{
	color:#303030;
	font-size:16px;
	margin-bottom:20px;
}

#zoneDeContenu div.rubrique h1
{
	color:#848484;
	font-size:18px;
	margin-bottom:20px;
}

input.btnSaveFormulaire, input#btnEnregistrerBdc, input#btnPayerAcompte, input#btnPayerSolde, input#btnAcompteEtapeSuivante, input#btnDossierEtapeSuivante, input#btnSigner, input#btnSignerNext, input#btnImprimer
{
	float:right;
	margin-right:12px;
	border:1px solid black;
	background-color:white;
	font-weight:bold;
	color:#303030;
	padding:0 7px 0 7px;
	cursor:pointer;
}

input#btnPayerAcompte, input#btnPayerSolde {position:relative; top:-31px;}
input#btnDossierEtapeSuivante {position:relative; top:-22px;}
input#btnAcompteEtapeSuivante {position:relative; top:-22px;}
input#btnImprimer {position:relative; top:-18px;}

input.btnSaveFormulaire:hover, input#btnEnregistrerBdc:hover, input#btnSigner:hover, input#btnPayerAcompte:hover, input#btnPayerSolde:hover, input#btnSignerNext:hover, input#btnImprimer:hover
{
	background-color:#F0F0F0;
	color:black;
}

div#blocReferenceDossier
{
	float:right;
	border:1px solid #848484;
	text-align:center;
	position:relative;
	left:20px;
	margin-top:7px;
	margin-bottom:30px;
}

div#blocReferenceDossier b
{
	display:block;
	font-size:16px;
	background-color:#848484;
	color:white;
	padding:4px 10px;
}

div#blocReferenceDossier span
{
	display:block;
	font-size:20px;
	padding:4px;
	letter-spacing:1px;
}

#blocReferenceDossier a
{
	color:black;
	font-size:10px;
	line-height:16px;
}

span.lienAfficher, span.lienMasquer
{
	float:right;
	text-decoration:underline;
	color:white;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
}

.rubrique.enroule span.lienAfficher {display:block;}
.rubrique.deroule span.lienAfficher {display:none;}
.rubrique.enroule span.lienMasquer {display:none;}
.rubrique.deroule span.lienMasquer {display:block;}

.rubrique.enroule form {display:none;}
.rubrique.deroule form {display:block;}

#bonDeCommande table {width:100%; border-collapse:collapse; color:#303030}
#bonDeCommande table thead {text-align:right; font-weight:bold; font-size:14px;}

#bonDeCommande table td {border-bottom:2px solid white;}
#bonDeCommande table thead td.caseUtile {background-color:#F0F0F0; padding:8px; white-space:nowrap;}
#bonDeCommande table tbody td {background-color:#F0F0F0; padding:5px;}

#bonDeCommande table tbody tr {cursor:pointer;}

#bonDeCommande table tbody tr:hover td {background-color:#E5E5E5;}
#bonDeCommande table tbody tr:hover td.colDroite {background-color:#C5C5C5;}

td p.bdcTitre {font-weight:bold; font-size:14px;}
td.bdcPrix {text-align:right; font-weight:bold; font-size:14px;}

#bonDeCommande table td.colDroite {background-color:#D0D0D0; padding:8px; white-space:nowrap; text-align:right; font-weight:bold; font-size:14px;}

#bonDeCommande table tbody tr.bdcLigneTexte td {padding-top:15px; padding-bottom:15px;}
#bonDeCommande table tbody tr.bdcLigneTotal td {font-weight:bold; font-size:16px; }



#bonDeCommande table tbody select.bdcSelectChoix
{
	float:right;
	padding:2px 0 2px 5px;
	text-align:center;
}

#wrapperOnglets {height:56px;}

ul#onglets
{
	clear:right;
	margin-top:25px;
	padding-left:5px;
	border-bottom:1px solid black;
	width:100%;
	list-style:none;
	height:31px;
}

ul#onglets li 
{
	float:left;
	background-color:#303030;
	color:white;
	padding:8px 8px 5px 8px;
	margin-right:7px;
	cursor:pointer;
}

ul#onglets li span {font-weight:bold; font-size:15px;}

ul#onglets li:hover, ul#onglets li.selected
{
	background-color:#CC0000;
	color:white;
	padding-top:20px;
	position:relative;
	top:-12px;
}

#bonDeCommande table tbody tr.bdcLigneRemise td,
#bonDeCommande table tbody tr.bdcLigneRemise:hover td.colDroite
{
	background-color:#B0B0B0; 
	font-weight:bold; 
	font-size:14px;
}

div.messageContact 
{
	display:none;
	border:1px solid #C0C0C0;
	background-color:#F0F0F0;
	padding:5px;
	padding-top:13px;
}

#zoneDeContenu select.error, #zoneDeContenu input.error {border:1px solid red;}

a#lienPDF
{
	font-size:12px;
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}

a#lienPDF img
{
	position:relative;
	top:7px;
}

td.bdcDesignation ul {list-style:square inside;}
td.bdcDesignation ul li {margin-top:8px;}


#zoneDeContenu ul.diapos {list-style:square outside; margin:0;}
#zoneDeContenu ul.diapos li {margin-left:20px; font-size:14px; line-height:14px; margin-bottom:10px;}
#zoneDeContenu ul.diapos li a {text-decoration:none; color:#303030;}
#zoneDeContenu ul.diapos li a:hover {color:#CC0000;}


#overlay {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:white;}
#overlay .close {cursor:pointer; background:url(../img/close.png); width:38px; height:38px; display:block; position:absolute; right:2px; top:2px;}
#overlay .wrap {position:absolute; top:0; left:0; right:40px; bottom:0;}
#overlay iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0; background:black;}

.hidden-frame {display:none;}