/* police par defaut */
body {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666; /* gris */
	background: #E2F6FF;
	background: url("../images/accueil_03.jpg") repeat;
	text-align: justify;
	margin: 0 0 0 0;
	overflow: auto;
}
td,th {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666; /* gris */
	text-align: justify;
	margin: 0 0 0 0;
}
/* lien par defaut du site */
a {
 color: #0DB0E5;
 font-size: 11px;
 font-weight: normal;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #0DB0E5;
	text-decoration: underline;
}


/*bloc des vignettes des sites*/
.vignette_site{
	float:left;
	position: relative;
	width:148px;
	height:121px;
}
a.lien_vignette{
	position:relative;
	display:block;
	margin: 0 auto;
	text-align:center;
	width:110px;
	height:83px;
	}
a.lien_vignette img{
	background: none;
	z-index: 500;
	border: 1px solid #999999;
	text-align:center;
	vertical-align:middle;
}
.grande_vignette {
	display: none;

}

a.lien_vignette:hover .grande_vignette {
	position: absolute;
	display: block;
	z-index:1000;
	background: #FFFFFF;
	width: 300px;
	top: -315px;
	border: 10px solid #70A5CC;
	padding: 10px;
	color: #555555;

}

/*Num des design*/
.num_site{
	position:absolute;
	display:block;
	z-index:932;
	bottom:-2px;
	left:0;
	background-color:#FFFFFF;
	width:25px;
	height:18px;
	font-weight:bold;
}

/* bulle au survol pour nos realisations sites internet */

.pos1:hover .grande_vignette {
	right: 0;
		/*_right: 391px;*/
}

.pos2:hover .grande_vignette {
right: -125px;
/*_right: 441px;
*/}

.pos3:hover .grande_vignette {
right: -95;
/*_right: 501px;
*/}

.pos4:hover .grande_vignette {
right: -59px;
/*_right: 571px;
*/}

.pos5:hover .grande_vignette {
right: 19px;
/*_right: 621px;
*/}


/* class des differentes partie de la structure */
.a1 {
	width: 7px;
	background: url("../images/accueil_05.jpg") repeat-y;
}
.a2 {
	width: 753px;
	background: #FFFFFF;
}
.a3 {
	width: 7px;
	background: url("../images/accueil_07.jpg") repeat-y;
}
.a4 {
}
.a5 {
	float: left;
	clear: both;
	padding: 2px 7px 3px 8px;
	border: 1px solid #AAAAAA;
}
.a6 {
	width: 239px;
	height: 217px;
	float: right;
	background: url("../images/accueil_13.jpg") no-repeat;
}
.a61 {
	width: 100%;
	text-align: right;
	background: url("../images/fond.jpg") repeat-x;
	clear: both;
}
.a7 {
	width: 553px;
	background: url("../images/accueil_16.jpg") right top no-repeat;
	padding: 20px 0 0 0;
}
.a71 {
	width: 753px;
	padding: 20px 0 20px 0;
}
.a8 {
	width: 200px;
	_width: 200px;
	padding: 20px 0 0 0;
}
.a8 p {
	padding: 0 10px 0 10px;
}
.a8 a {
	background: url("../images/point.jpg") no-repeat;
	padding: 0 10px 0 20px;
}
.a81 {
	line-height: 20px;
}
.a81 td {
	padding: 0 0 0 20px;
}
.a81 a {
	background: url("../images/point.jpg") no-repeat;
	padding: 0 10px 0 20px;
	color: #666666;
	font-weight: bold;
}
.a81 a:hover {
	color: #A4312A;
}
.a9 {
	text-align: center;
	background: #FFFFFF;
	border-top: 5px solid #DDDFD2;
	color: #666666;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
}
.a10 {
	background: #DDDFD2;
	color: #666666;
	text-align: center;
	padding: 10px 0 10px 0;
}
.a10 a {
	color: #666666;
}
/* class des textes blanc */
.blanc {
	color: #FFFFFF;
}
.bleu {
	color: #0DB0E5;
}
/* bouton valider de contact */
.btn1 {
	background: url("../images/valider.jpg") no-repeat;
	height: 30px;
	width: 120px;
	border: none;
	margin: 0 0 0 0;
	cursor:pointer;
	float: left;
}
/* bouton annuler de contact */
.btn2 {
	background: url("../images/annuler.jpg") no-repeat;
	height: 30px;
	width: 120px;
	border: none;
	margin: 0 0 0 0;
	cursor:pointer;
	float: right;
}
/* bouton transmettre de depot dossier */
.btn3 {
	background: url("../images/transmettre.jpg") no-repeat;
	height: 30px;
	width: 120px;
	border: none;
	margin: 0 0 0 0;
	cursor: pointer;
	float: left;
}
/* bouton connexion */
.btn4 {
	background: url("../images/connexion.jpg") 0 10px no-repeat;
	height: 40px;
	width: 120px;
	border: none;
	margin: 0 0 0 0;
	cursor:pointer;
}
/* class erreur */
.erreur {
	color: #EE0000;
	font-weight: bold;
}
.erreur b {
	color: #EE0000;
	font-weight: bold;
}
/* class de la puce tournante flash plus grosse en page d'accueil */
.flash {
	float: left;
	margin: 0 0 0 10px;
}
/* class de l'image du fond centrale */
.fond {
	background: url('../images/page_02.jpg') repeat-y;
	height: 100%;
	width: 786px;
}
/* gros titre */
h1 {
	font-size: 18px;
	font-family: Arial, Tahoma;
	color: #A4312A;
	text-align: left;
	margin: 0 0 0 0;
	background: url("../images/h1.jpg") 0 0 no-repeat;
	padding: 10px 0 10px 60px;
	font-weight: normal;
}
/* sous-titre */
h2 {
	font-size: 17px;
	font-family: Arial, Tahoma;
	color: #A4312A;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: url("../images/accueil_19.jpg") left top no-repeat;
	font-weight: bold;
}
/* titre colonne de droite */
h4 {
	font-family: Arial, Tahoma;
	font-size: 14px;
	color: #A4312A;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 13px;
	background: url("../images/accueil_20.jpg") no-repeat;
	font-weight: bold;
}
/* class des images des pages */
.image {
	float: right;
	padding: 0 10px 0 0;
	_padding: 0 10px 0 10px;
}
input {
	height: 18px;
	font-size: 11px;
	color: #3B4046;
	border: 1px solid #02DBFE;
}
li {
	padding: 0 30px 3px 20px;
	_padding: 0 30px 3px 20px;
	_margin: 0 0 0 0;
	list-style-type: none;
	background: url('../images/puce.jpg') no-repeat;
	list-style-position: outside;
	color: #444444;
}
/* classs des textes orange */
.orange {
	color: #FF6600;
}
/******************* menu deroulant ****************************************/
option {
	color: #3B4046;
}
select {
	font-size: 10px;
	border: 1px solid #02DBFE;
}
p {
	position: relative;
	text-align: justify;
	padding: 0 20px 0 10px;
	color: #666666;
	line-height: 11px;
	margin: 13px 0 13px 0;
}
.paiement-securise {
	float: right;
	margin: 10px 15px 0 0;
	position: relative;
	z-index: 1000;
}
/* div plan du site */
.plan-site {
	padding: 10px;
}
.plan-site a {
	background: url("../images/puce.jpg") no-repeat;
	padding: 0 0 0 20px;
}
.radio {
	border: 0;
}
/* class de la table des references page references */
.references {
	width: 95%;
	margin: 0 0 0 10px;
}
.references strong {
	color: #A4312A;
}
.references a {
	color: #A4312A;
}
.references tr {
	background: #DDDDDD;
}
.references td {
	border: 1px solid #666666;
}
/* class des liens en savoir plus */
.savoir1 { /* gauche */
	float: left;
	margin: 0 0 0 10px;
}
.savoir1 a {
	color: #005A87;
	font-size: 10px;
	font-weight: normal;
}
.savoir2 { /* droite */
	float: right;
}
.savoir2 a {
	color: #005A87;
	font-size: 10px;
	font-weight: normal;
}
/* class du tableau contenu */
.tableau {
	clear: both;
}
textarea{
	font-size:11px;
	font-family: Tahoma;
	color: #3B4046;
	border: 1px solid #02DBFE;
}
/* texte commentaire des input formulaire */
.txt_input {
	text-align: right;
	color: #000000;
	font-weight: bold;
}
/* message ok */
.valid {
	color: #009900;
	font-weight: bold;
	font-size: 11px;
}
/* class des textes vert fonce */
.vert {
	color: #005562;
}
ul {
	_padding: 0 0 0 0;
	margin: 0 0 0 -20px;
	_margin: 0 0 0 0;
}
/* page immo */
#immo li {
	padding: 0 30px 3px 20px;
	margin: 0 -15px;
	_margin: 0 15px;
	list-style-type: none;
	background: url('../images/+.jpg') no-repeat;
	list-style-position: outside;
	color: #444444;
}
#immo ul {
	margin: 10px 0 10px 0;
}

.size9 { font-size:9px; }

/* bouton radio */
.radio { margin:0; vertical-align:middle; border:none; background:#FFFFFF; height:auto; }

.checkbox { margin:0; vertical-align:middle; border:none; background:#FFFFFF; height:auto; }

/* style grisé pour ligne désactivée(voir page renouvellemnt domaine) */
tr.etat_desactive td {
	color:#999999;
}
tr.etat_desactive input {
	color:#999999;
	border:1px solid #999999;
}
tr.etat_desactive img {
	opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */ 
}

/* pour affichage infos survol (voir devis pack) */
#Bulle{
position:absolute; 
visibility:hidden; 
left:auto; 
top:auto; 
width:auto; 
height:auto; 
z-index:1000; 
padding:3px; 
border:1px solid #494949; 
background-color:#FFFFFF; 
color: #376ef9;
font-size:12px; 
font-family:tahoma;
text-align:left;
}

#Bulle img{
padding-right:2px;
}

#Bulle hr{
clear:both; 
width:auto;
}

#devis a {
color:#4969A4;
}

#devis p {
position: relative;
text-align: justify;
padding: 0 20px 0 10px;
color: #666666;
line-height: 15px;
margin: 13px 0 13px 0;
}


/*--------------------------------------*/
#brand{
	padding: 20px 0;
	background-color: #EDEDED;
}
#brand ul{
	margin:0;
	height: 42px;
	padding: 0;

}

#brand li{
list-style: none;
	list-style: none;
	margin-right: 3px;
	float:left;
	padding:0;
}


#brand a{
	display:block;
	height: 42px;
	width: 120px;
}
#brand a span{
	position:absolute;
	left: -10000px;

}
#brand a:hover{
	background-position:0 -5px;

}
#brand_jurisoft {
	background:url(../images/logo_jurisoft.png) no-repeat bottom;
}
#brand_juriweb {
	background:url(../images/logo-juriweb.png) no-repeat bottom;
}
#brand_site_avocat {
	background:url(../images/logo_site_avocat.png) no-repeat bottom;
}

#brand_juriprint {
	background:url(../images/logo-juriprint.png) no-repeat bottom;

}
#brand_juricreance {
	background:url(../images/logo-juricreance.png) no-repeat bottom;

}
#brand_jurimail {
	background:url(../images/logo-jurimail.png) no-repeat bottom;

}
#brand_juriformation {
	background:url(../images/logo-juriformation.png) no-repeat bottom;

}