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

<style type="text/css">

html {
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-size: 85%;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #fff;
	line-height: 130%;
}

#global {
	position:relative;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	width: 955px;
}

/* ------------------ header --------------------- */

#nothing {
}

#header-accueil {
	margin: 0;
	padding: 0;
	height: 110px;
	background-image: url(/library/images/header-accueil.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#header {
	margin: 0;
	padding: 0;
	height: 110px;
	background-image: url(/library/images/header-autres-services.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#logo{
	margin: 28px 0 0 21px;
	padding: 0;
	float:left;
}

#menu-header{
	float:right;
	padding: 88px 0 0 0;
}

#menu-header #menu-header-espace{
	margin-right: 108px;
}


#bandeau-accueil {
	overflow:hidden;
	margin: 0;
	padding: 0;
	width: 955px;
	background-image: url(/library/images/header-border-bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#bandeau {
	margin: 0;
	padding: 0;
	width: 955px;
	background-image: url(/library/images/header-border-bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align:left;
	float:left;
}

#bandeau img{
	margin: 0;
	padding: 0;
}

.bandeau-left{
	float:left;
	width:220px;
	margin: 14px 0 0 20px;
	padding:0;
	text-align:left;
	overflow: hidden;
}

#flash{
	margin: 0;
	padding: 0;
	width:955px;
	height:195px;
}

#content{
	text-align:left;
	margin: 0;
	font-size:0.9em;

}


/* ------------------ #content #pub --------------------- */
#pub img{
	border: 1px solid #3d3d3d;
}

#pub img:hover{
	border: 1px solid #c41230;
}


/* ------------------ Accueil --------------------- */

#content #colonne-x2{
	float:left;
	width: 529px;
	margin: 12px 0 0 20px;
}

#content #colonne-x2-gauche{
	float:left;
}

#content #colonne-x2-droite{
	width: 255px;
	float:right;
	margin-top: 20px;
	padding: 0 20px;
	background-image: url(/library/images/accueil-ligne-v.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#content #colonne-x2-droite a{
	color: #9f2a23;
	text-decoration: none;
}

#content #colonne-x2-droite a:hover{
	text-decoration: underline;
}

#content #colonne-x1{
	float:right;
	background-color:#e6f0f8;
	width: 328px;
	margin-top:12px;
	padding: 30px;
}



.accueil-date {
	margin-top:12px;
	padding: 0 0 0 52px;
}

#content #colonne-x1 .fleche {
	padding-left: 12px;
	background-image: url(/library/images/accueil-colonne-1-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#content #colonne-x1 a {
	color: #27303F;
	text-decoration: none;
}

#content #colonne-x1 a:hover {
	text-decoration: underline;
}

#content #colonne-x1 .fleche a {
	color: #9f2a23;
	text-decoration: none;
}

#content #colonne-x1 .fleche a:hover {
	text-decoration: underline;
}

#content #besoin-d-aide{
	margin-top: 20px;
}

#content #textes{
	margin: 40px 40px 0 60px;
	float:left;
	width: 620px;
}

#content #textes h2{
	margin: 1em 0 0.3em 0;
}

#content #textes h3 a{
	color: #183d58;
}

#content #textes h3 a:hover{
	color: #9f2a23;
}

#content #textes p{
}

#content #textes p a{
	text-decoration: underline;
	color: #27303F;
}

#content #textes p a:hover{
	color: #9f2a23;
}

#content #textes ul{
	margin-left: 14px;
	margin-bottom: 1em;
}

#content #textes ol{
	margin-left: 20px;
	margin-bottom: 1em;
}

#content #textes ol a{
	text-decoration: underline;
	color: #27303F;
}

#content #textes ol a:hover{
	color: #9f2a23;
}

#content #textes .realisations{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #CCC;
}

.bandeau-left img {
margin-bottom: 10px;
}


/* ------------------ side left --------------------- */

#content #side-left{
	float:left;
	width:216px;
	margin:0;
	padding:12px 0;
	text-align:left;
}

#footer-accueil{

	margin:12px auto 0 auto;
	height:24px;
	background-image: url(/library/images/content-bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;
	width: 955px;
}

#footer{

	margin:0 auto 0 auto;
	height:236px;
	background-image: url(http://www.eurekacommunication.ca/library/images/content-bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;
	width: 955px;
}

#footer #f-left{
	float:left;
	width:216px;
	text-align:left;
}

#footer #f-right{
	margin: 40px 60px;
	float:left;
	width: 600px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.warp {
	width:955px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.clearer { 
    clear: both;
    height: 0;
	padding: 0;
	margin: 0;
	overflow : hidden;
}


h1{
	padding:0;
	margin: 0 0 1em 0;
	color: #183d58;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 1.9em;

}

h2{
	padding:0;
	margin: 0;
	color: #183d58;
	line-height: 1em;
	font-weight: normal;	
	font-size: 1.5em;
}

h3{
	padding:0;
	margin: 8px 0 0 0;
	color: #27313F;
}

h4{
	padding:0;
	margin:1em 0;
	color: #27313F;
}


p {
	padding:0;
	margin: 0 0 1em 0;
	color: #27303F;
}

a {
	margin:0;
	padding:0;
}

a:hover {
	text-decoration: none;
}

ul{
	margin:0;
	padding:0;
	color: #27303F;
}

ol{
	margin:0;
	padding:0;
	color: #27303F;
}

li{
	margin:0;
	padding:0;
}


a img {
	border:0;
}

.prix{
	color: #3399FF;
	font-size:1.5em;
	line-height: 1.5em;
}

.bleu{
	color: #2161B8;
}

.rouge{
	color: #9f0f27;
}

.espace{
	margin-left:20px;
}
.espacex2{
	margin-left:40px;
}

.small{
	font-size: 60%;
}

.temoignage {
	padding: 24px 0;
	border-bottom: 1px solid #CCC;
}

.temoignage h2{
	color: #9f0f27;
	font-size: 1.2em;
	font-weight:bold;
	margin:0;
	padding:0;

}






</style>