@CHARSET "UTF-8";

/* -----------------------------------------
----------- PAGE ACCUEIL -------------------
----------------------------------------- */
.body {
	background-color: #FFFFFF;
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.corps {
	background-image: url(../images/fond_jack.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* -----------------------------------------
-----------    SURVOLS   -------------------
----------------------------------------- */
.carre{
	border:#000 solid 0px;
	width:200px;
	height:200px;
	position:relative;
}

.carre div{
	position:relative;
	overflow:hidden;
	width:200px;
	height:200px;
}
.carre div img{
	position:absolute;
	top:0;
	left:0;
}



/* -----------------------------------------
----------- BANDEAU SUPERIEUR --------------
----------------------------------------- */
.bandeauLiens {
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing:1px;
}
.bandeauLiens td {
	padding-top: 2px;
	border-left:#CCC solid 1px;
}
.bandeauLiens a { 
	color: #666666; 
	text-decoration: none; 
}
.bandeauLiens a:hover { 
	color: #FF3300; 
	text-decoration: none; 
}
.bandeauLiens span a {
	color: #F60;
	text-decoration: none;
}
.bandeauLiens span a:hover { 
	color: #000; 
	text-decoration: none; 
}

/* -----------------------------------------
----------- FACTURE-------------------------
----------------------------------------- */
.factureVisu {
	background-color:#FFF;
}
.factureVisu tr td{
	font-size:11px;
}
.factureVisu tr td span{ 
	font-size:11px;
	color:#FF6600; 
}
.tableauFactureVisu tr th{
	background-color:#CCC;
	font-size:12px;
	padding-left:5px;
	border-top:#CCC solid 1px;
}
.tableauFactureVisu tr td{
	border-top:#CCC solid 1px;
	padding:1px;
}

/* -----------------------------------------
--------------- PRESTATIONS ----------------
----------------------------------------- */
.prestation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-bottom:7px;
	margin-bottom:5px;
}
.prestation span a {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.prestation span a:hover {
	color: #FF6600;
	text-decoration: none;
}
.prestation a {
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
}
.prestation a:hover {
	color: #FF6600;
	text-decoration: none;
}
.prestationDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.prestationDetail a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	line-height:12px;
}
.prestationDetail a:hover {
	color: #000000;
	text-decoration: none;
}
.contenuPrestation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.contenuTableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
}
.contenuTableau a{
	color: #FF3300;
}

.contenuTableau a:hover{
	color: #FF6600;
}
.contenuChapeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF3300;
	text-decoration: none;
	font-weight: normal;
	font-style: oblique;
}
.contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.contenu a {
	color: #FF3300;
	text-decoration: none;
}
.contenu a:hover {
	color: #FF6600;
	text-decoration: none;
}
.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 100%;
	color: #666666;
}
.legende a {
	color: #666666;
	text-decoration: none;
}
.legende a:hover {
	color: #333333;
	text-decoration: none;
}
.encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	font-style: italic;
	text-align: justify;
}
.encart a {
	color: #333333;
	text-decoration: none;
}
.encart a:hover {
	color: #CC0000;
	text-decoration: none;
}
.cadreImage {
	padding: 3px;
}
/* ----------- Atouts --------------- */
.atouts span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.atouts p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	line-height: 12px;
}
.atouts p a {
	color: #333333;
	text-decoration: none;
}
.atouts p a:hover {
	color: #CC0000;
	text-decoration: none;
}
.atouts p a img {
	border: #333333 solid 1px;
}
.atouts p a:hover img {
	border: #CC0000 solid 1px;
}
/* ----------- Atouts --------------- */
.realisation a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
	text-decoration: none;
}
.realisation a:hover {
	color: #FF6600;
	text-decoration: none;
}
.realisation a img {
	border: #333333 solid 1px;
}
.realisation a:hover img {
	border: #CC0000 solid 1px;
}

/* ------------------------------------------------
----------- BULLES --------------------------------
------------------------------------------------ */
a.bulle{
    position:relative; 
    z-index: 99; 
    color:#333;
    text-decoration:none
}
a.bulle:hover{
	z-index:99; 
}
a.bulle span{
	display: none;
	z-index:99; 
}
a.bulle:hover span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	position:absolute;
	letter-spacing:0px;
	text-align:justify;
	left:-150px;
	bottom:15px;
	width:350px;
	background-image: url(../images/fond_blanc_opacity80.png);
	background-repeat: repeat;
	color: #333;
	padding:5px 5px 25px 5px;
	z-index:99;
	border: #999 solid 1px;
}

/* -----------------------------------------
-------------- FOND ------------------------
----------------------------------------- */
.fond {
	background-color: #aeaeae;
	background-image: url(../images/fond_pageGris.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* -----------------------------------------
-------------- FORMULAIRE ------------------
----------------------------------------- */
.formulaire {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
}
.formulaire th {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	text-align:right;
	font-weight:normal;
	font-style: normal;
}
textarea, select, input {
	color: #FF3300;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
}
.formulaire td {
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inputBtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background-color:#333;
	border:#FFF solid 1px;
	font-size: 11px;
	font-style: normal;
}

/* -----------------------------------------
-------------- LISTING ---------------------
----------------------------------------- */
.decalage10px {
	margin-left: 10px;
}
.listing {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
}
.listing span {
	color: #999;
	text-decoration: none;
}
.listing a {
	color: #666666;
	text-decoration: none;
}
.listing a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing0 {
	color: #333333;
	font-family: arial, geneva;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
}
.listing a {
	color: #333;
	text-decoration: none;
}
.listing a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing1 a {
	color: #009900;
	text-decoration: none;
}
.listing1 a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing2 a {
	color:#000000;
	text-decoration: none;
}
.listing2 a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing3 a {
	color: #FF6600;
	text-decoration: none;
}
.listing3a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing4 a {
	color: #CC0000;
	text-decoration: none;
}
.listing4 a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing5 a {
	color: #0066ff;
	text-decoration: none;
}
.listing5 a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing6 a {
	color: #666666;
	text-decoration: none;
}
.listing6 a:hover {
	color: #FF3300;
	text-decoration: none;
}

.listing7 a {
	color: #F60;
	text-decoration: none;
}
.listing6 a:hover {
	color: #FF3300;
	text-decoration: none;
}
.listing td {
	background-color:#FFF;
}
.listing th {
	background-color: #CCC;
}

/* -----------------------------------------
-------------- COMMENTAIRES ----------------
----------------------------------------- */
.erreur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
.information {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF3300;
	text-decoration: none;
}
.information td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF3300;
	text-decoration: none;
}

/* ------------------------------------------------
----------- PAGINATION -------------------------------
------------------------------------------------ */
.pagination {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.pagination span {
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}
.pagination strong {
	color: #666666;
	text-decoration: none;
}
.pagination a strong {
	color: #FF3300;
	text-decoration: none;
}
.pagination a:hover strong {
	color: #000000;
	text-decoration: none;
}
.pagination a {
	color: #666666;
	text-decoration: none;
}
.pagination a:hover {
	color: #FF3300;
	text-decoration: none;
}

/* -----------------------------------------
----------- PIED DE PAGE -------------------
----------------------------------------- */
.coordonnees {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin: 5px;
	text-align: center;
	width: 100%;
}
.coordonnees a {
	color: #666666;
	text-decoration: none;
}
.coordonnees a:hover {
	color: #FF3300;
	text-decoration: none;
}
.infosLegales {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 5px;
	text-align: center;
	width: 100%;
}
.infosLegales a {
	color: #999999;
	text-decoration: none;
}
.copyright {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin: 5px;
	text-align: center;
	width: 100%;
}
.copyright a {
	color: #666666;
	text-decoration: none;
}
.copyright a:hover {
	color: #000000;
	text-decoration: none;
}

.quantiteDecli th{
	padding:10px;
	text-align:center;

}

.quantiteDecli td{
	padding:5px;
	text-align:center;

}