@charset "utf-8";
/* CSS Document */

body{
	background-color: #eaebed;
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006;
}
a{
	text-decoration:none;
	color:#00C;
}
a:hover{
	text-decoration:underline;
	color:#09C;
	color:#00C;

}
a:visited{
	color:#00C;

}

div#conteneur{
	width:990px;
	position:relative;
}
div#menu{
	position:absolute;
	height:28px;
	width:530px;
	left: 174px;
	top: 144px;
}
div#titre{
	position:absolute;
	left: 122px;
	top: 194px;
	color:#FFF;
	font-size:24px;
	font-weight:900;
	width: 755px;
	text-align:center;
}
div#contenu{
	position:absolute;
	left: 4px;
	top: 244px;
	width: 719px;
	height: 624px;
}
img#copyright{
	position:absolute;
	left: 981px;
	top: 9px;
	}
/*
STYLE DE LA PAGE D'ACCUEIL
*/
div#accueil_txt{
	text-align:justify;
	text-align:center;
	width: 675px;
	font-weight:bold;
	margin-top:40px;
	margin-left:20px;
}
div#accueil_colonne1{
	width:320px;
	height:200px;
	margin-left:20px;
	margin-top:50px;
	float:left;
	position:relative;
	
}
div#accueil_colonne1_header{
	height:40px;
	border:1px solid #000080;
	background-color:#7f97bd;
	margin-bottom:5px;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;

}
img#accueil_problemes{
	position:absolute;
	left: 10px;
	top: -20px;
	width: 87;
	height: 87;
	z-index:100;
}

div#accueil_colonne1_contenu{
	background-color:#a9d6ed;
	border:1px solid #000080;
	padding-left:10px;
	height:300px;
	position:relative;
	/*
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
	*/
}

div#accueil_colonne2{
	width:320px;
	height:200px;
	margin-left:20px;
	margin-top:50px;
	float:left;
	position:relative;
}
div#accueil_colonne2_header{
	height:40px;
	border:1px solid #000080;
	background-color:#7f97bd;
	margin-bottom:5px;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;

}
img#accueil_solutions{
	position:absolute;
	left: 10px;
	top: -20px;
	width: 87;
	height: 87;
	z-index:100;
}

div#accueil_colonne2_contenu{
	background-color:#a9d6ed;
	border:1px solid #000080;
	padding-left:10px;
	height:300px;
	position:relative;

}
img#accueil_VSCM_footer{
	clear:both;
	position:absolute;
	left: 70px;
	top: 537px;
}
div#accueil_footer1{
	position:absolute;
	left: 134px;
	top: 561px;
	width: 562px;
	text-align: center;
	height: 44px;
	font-weight:bold;
	
}
div#accueil_footer2{
	position:absolute;
	left: 22px;
	top: 504px;
	width: 659px;
	text-align: center;
	height: 44px;
	font-weight:bold;
	color:#C00;
}

/*
STYLE DE LA PAGE DES PRESTATIONS
*/
.prestations{
	width:601px;
	margin-left:60px;
	border:1px solid #000080;
	background-color:#a9d6ed;
	padding-left:50px;
	padding-bottom:10px;
	margin-bottom:30px;
	position:relative;
	
}

div#prestation1{
	margin-top:0px;	
}

img#img_secretariat{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}
img#img_gestion{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}
img#img_graphique{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}
img#img_permanence{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}
img#img_formation{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}
img#img_depannageinfo{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}
img#img_siteweb{
	position:absolute;
	left: -50px;
	top: -15px;
	width: 87;
	height: 87;
}

div#footer_prestation{
	width:607px;
	margin-bottom:30px;
	padding-left:110px;
	text-align:center;
}
/* STYLE DE LA PAGE DES DEVIS*/
div#devis{
	background-color:#a9d6ed;
	width:655px;
	padding-right:20px;
	border:1px solid #000080;
	margin-top:30px;
	margin-left:20px;
	margin-bottom:50px;
	position:relative;

}
/* STYLE DE LA PAGE CONTACT */
div#mail{
	position:absolute;
	width:350px;
	left: 5px;
	top: 50px;
}

div#mail_header{
	height:40px;
	border:1px solid #000080;
	background-color:#7f97bd;
	margin-bottom:5px;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
	text-align:center;
	width:310px;
	margin-left:20px;
	margin-right:20px;

}
img#img_mail{
	position:absolute;
	left: 10px;
	top: -20px;
	width: 87;
	height: 87;
}

div#mail_contenu{
	background-color:#a9d6ed;
	border:1px solid #000080;
	padding-left:10px;
	height:425px;
}

div#courrier{
	position:absolute;
	width:350px;
	left: 369px;
	top: 50px;
}

div#courrier_header{
	height:40px;
	border:1px solid #000080;
	background-color:#7f97bd;
	margin-bottom:5px;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
	text-align:center;
		width:310px;
	margin-left:20px;
	margin-right:20px;


}
img#img_courrier{
	position:absolute;
	left: 10px;
	top: -23px;
	width: 87;
	height: 87;
}

div#courrier_contenu{
	background-color:#a9d6ed;
	border:1px solid #000080;
	padding-left:10px;
	padding-top:50px;
	height:375px;
	text-align: center;
}
div#bon_plan{
	background-color:#a9d6ed;
	border:1px solid #000080;
	padding-left:10px;
	padding-top:50px;
	height:100px;
	width:702px;
	text-align: center;
	position:absolute;
	left: 6px;
	top: 552px;

}
/* STYLE DES !TARIFS */
.tarifs{
	border:1px solid #000080;
	background-color:#a9d6ed;
	width:700px;
	margin-left:15px;
	margin-bottom:20px;
	padding-left:5px;
	position:relative;
	
}
div#tarifs_horaire{
	background-color:#435192;
	width:180px;
	height:50px;
	color:#FFF;
	padding-left:80px;
	margin-bottom:20px;
	font-size:large;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
	margin-left:250px;
}
img#img_tarifs{
	position:absolute;
	left: 243px;
	top: 45px;
}

div#info_tarifs{
	margin-left:110px;
	width:610px;
	text-align:center;
	margin-bottom:20px;

}
/* STYLE DES DIFFERENTS FOOTER */
div#footer_accueil{
	background-image:url(img/footer.png);
	width:990px;
	height:37px;
	position:absolute;
	bottom:-39px;
	left:0px;
}
div#footer_prestations{
	background-image:url(img/footer.png);
	width:990px;
	height:37px;
}
div#footer_devis{
	background-image:url(img/footer.png);
	width:990px;
	height:37px;
}
div#footer_contact{
	background-image:url(img/footer.png);
	width:990px;
	height:37px;
	position:absolute;
	bottom:-128px;
	left:0px;
}
div#footer_tarifs{
	background-image:url(img/footer.png);
	width:990px;
	height:37px;
}


div#footer-contenu{
	position:relative;
	left: 183px;
	top: 3px;
	text-align: center;
	font-size: 12px;
	width: 572px;
}

