/******************************** BALISES ********************************/
body {
font-family: Verdana, Arial,Geneva,Tahoma,Helvetica,sans-serif;
padding:0;
margin:0;
font-size:12px;
background-color:#F8F8F8;
color:#333333
}

hr {display:none}
form {padding:0px;margin:0px}
form input {padding:0px;margin:0px}
img {border:0px solid}
a {text-decoration:none;color:#0099FF}
a:hover {text-decoration:underline;color:#FFCC00}

h1 {display:none}
h2, h3, h4, h5, h6 {margin:0;padding:0;}
h2 {font-size:16px;color:#9ACD32;padding: 20px 0px 0px 20px;}
h3 {font-size:14px;color:#9ACD32;margin-bottom:5px}

table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

p {margin: 10px 20px 10px 20px}
p span {color:#336699}
ul {list-style-type:circle;padding:0px;margin:0;margin-left:20px}
li {margin: 0px 10px 5px 10px;padding-left:5px}

.spacer {clear: both;padding:0;margin:0;height:0;line-height:0px}
/******************************** BALISES ********************************/


.antis h2 {font-size:14px}
.antis p {font-size:11px;margin: 5px 20px 5px 20px}
.antis li {font-size:11px;}


#conteneur {
/*text-align:center;*/
margin-left: auto;
margin-right: auto;
width: 980px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

/******************************** BANDEAU ********************************/
#bandeau {background: url(inter/bandeau_monsoft.jpg) no-repeat;width:980px;height:90px;}
.antis #logo1 {display:none}
.devis #logo1 {display:none}
.refer #logo1 {display:none}

#menu {position:absolute;top:27px;width:980px;text-align:center}
#menu span {display:none}


/******************************** BANDEAU ********************************/

/******************************** PAGE ********************************/
#page {width:980px;background-color:#FFFFFF;}


/******************************** GAUCHE ********************************/
.index #gauche {background: url(inter/accu_monsoft.jpg) no-repeat;float:left;height:380px;width:490px;padding-top:50px}
.conta #gauche {background: url(inter/conta_monsoft.jpg) no-repeat;float:left;height:380px;width:490px;padding-top:50px}
.antis #gauche {background: url(inter/antis_monsoft.jpg) no-repeat;float:left;height:380px;width:490px;padding-top:50px}
.devis #gauche {background: url(inter/devis_monsoft.jpg) no-repeat;float:left;height:180px;width:490px;padding-top:50px}
.refer #gauche {background: url(inter/refer_monsoft.jpg) no-repeat;float:left;height:180px;width:490px;padding-top:50px}
/******************************** GAUCHE ********************************/

/******************************** DROITE ********************************/
#droite {background: url(inter/pixtrans.gif) no-repeat;float:right;height:auto;width:450px;margin-right:40px;padding-top:40px}
/******************************** DROITE ********************************/

/******************************** BAS ********************************/
#bandeaubas {background: url(inter/bas_monsoft.jpg) no-repeat;width:980px;height:62px;}
#basdepage {color:#666666;text-align:center;margin-bottom:15px;font-size:11px;}
/******************************** BAS ********************************/






/******************************** VIRER ********************************/


.cont #contgauche {width:320px;height:240px;float:left;padding-right:10px;border:1px solid #FFF}
.cont #contdroite {width:380px;float:left;border:1px solid #FFF;border-left:1px solid #CCC;padding-left:15px}

.conta #droite label {display:block;width:110px;float:left;text-align:right}
.conta #droite input {width:220px;margin:0px 0px 5px 5px}
.conta #droite textarea {width:250px;height:120px;margin-left:5px}

/******************************** VIRER ********************************/



/******************* styles Monsoft ******************/

.cadre {
	border: 1px #a2a2a2 solid;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 15px; 
}

#ref {
	font-size: .2em;
	display: none;
	visibility: hidden; 
}

/* Styles pour la page devis */

#devis {
	font-weight: normal;
	text-align: left; 
}

#devis td {
	font-size: 10px;
	text-align: left; 
}

/* Styles pour les pages savoir (tarifs). */

#savoir {
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#savoir ul {
	font-size: 10px;
	margin-top: 8px;
	margin-bottom: 8px; 
}

#savoir li {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	list-style-type: square;
	list-style-position: outside; 
}

#savoir dl {
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 8px; 
}

#savoir dt {
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: bold; 
}

/* Styles pour les pages references. */

#references {
	text-align: center;
	width: 100%; 
	font-size: .8em;
}

#references h1 {
	font-size: 15px;
	text-align: center;
	margin: 5px;
}

#references img {
	border: none;
}

#references table {
	margin-left: auto;
	margin-right: auto;
}

#references td {
	width: 420px;
	vertical-align: top;
	text-align: center;
	margin-right: 1em; 
}

.pagination {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	font-size: .9em;
	border-bottom: 1px #c45d45 solid; 
}

/* Styles pour la page contact */

#contact {
	font-weight: normal; 
}

#contact td {
	text-align:left; 
}

#contact td.lib {
	font-size: 10px;
	text-align: right;
	padding-right: 1em;
	white-space: nowrap; 
}

/*----Formulaires----*/

form, label, input {
	font-size : 10px; 
}

button { 
}

input {
	margin-left: 12px; 
}

select {
	font-size : 10px; 
}

option { 
}

textarea { 
}

label {
	color: #191919;
	text-align:center;
	display : block;
	margin-top: 0em;
	margin-bottom: .2em;
	white-space: nowrap; 
}

fieldset {
	display: block;
	width: 80%;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding:1em;
}

legend {
	color: #359999;
	font-size: 120%;
	font-weight: bold; 
}