<style type="text/css">

a:hover {
	color: #CC33CC;
}



#accueil {
	position:absolute;
	left:74px;
	top:116px;
	width:67px;
	height:22px;
	z-index:3;
}
.liens_menu_haut a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-decoration: none;
	color: #FFFFFF;
}

.vert_dev {color: #49CA4A}

.liens {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-decoration: none;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#phone {
	position:absolute;
	left:7px;
	top:331px;
	width:278px;
	height:111px;
	z-index:4;
}
#trait_droite {
	position:absolute;
	left:409px;
	top:305px;
	width:360;
	height:65;
	z-index:5;
}
#Layer7 {
	position:relative;
	left:10px;
	top:338px;
	width:378px;
	height:92px;
	z-index:6;
}
#buddy {
	position:absolute;
	left:4px;
	top:468px;
	width:66px;
	height:68px;
	z-index:7;
}
#bienvenue {
	position:absolute;
	left:21px;
	top:332px;
	width:299px;
	height:21px;
	z-index:8;
}
#bienvenue_contact {
	position:absolute;
	left:71px;
	top:332px;
	width:299px;
	height:21px;
	z-index:8;
}


.titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}



#portolio_bas {
	position:absolute;
	left:2px;
	top:3800px;
	width:759px;
	height:628px;
	z-index:9;
}

#page_merci {
	position:absolute;
	left:455px;
	top:380px;
	width:1px;
	height:138px;
	z-index:10;
}
#contact_bas {
	position:absolute;
	left:6px;
	top:615px;
	width:759px;
	height:628px;
	z-index:9;
}

#merci_bas {
	position:absolute;
	left:6px;
	top:885px;
	width:759px;
	height:628px;
	z-index:9;
}

#description {
	position:absolute;
	left:23px;
	top:379px;
	width:335px;
	height:168px;
	z-index:10;
}

#description_contact {
	position:absolute;
	left:73px;
	top:369px;
	width:339px;
	height:168px;
	z-index:10;
}

#infographie {
	position:absolute;
	left:8px;
	top:377px;
	width:353px;
	height:68px;
	z-index:10;
}
#infographie p {
	text-align:center;
	
}
		
.justify {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	text-align:justify;
	}

.textesite {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
#services {
	position:absolute;
	left:240px;
	top:116px;
	width:79px;
	height:22px;
	z-index:11;
}
#portfolio {
	position:absolute;
	left:413px;
	top:116px;
	width:80px;
	height:23px;
	z-index:12;
}
#contact {
	position:absolute;
	left:589px;
	top:116px;
	width:83px;
	height:22px;
	z-index:13;
}

#Content0 {
	position: relative; /* on positionne le conteneur */
	margin-left:auto;
	margin-right:auto;
	top:100px;
	width:800px;

	
	}
	
#Content {
	background: url(images/accueil.gif) no-repeat;
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	margin-bottom:auto;
	top:10px;
	width:770px;
	height:2000px;
	border:solid;
	border-width:1px;
	z-index:1;
}

#Content_presentation {
	background: url(images/accueil.gif) no-repeat; 
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	margin-bottom:auto;
	top:10px;
	width:770px;
	height:1980px;
	border:solid;
	border-width:1px;
	z-index:1;
}

#Content2 {
	background: url(images/contact.gif) no-repeat; 
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	margin-bottom:auto;
	top:10px;
	width:770px;
	height:1400px;
	border:solid;
	border-width:1px;
	z-index:1;
}

#Content_merci {
	background: url(images/sky.gif) no-repeat; 
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	margin-bottom:auto;
	top:10px;
	width:770px;
	height:600px;
	border:solid;
	border-width:1px;
	z-index:1;
}

#Content3 {
	background: url(images/portfolio.gif) no-repeat; 
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	margin-bottom:auto;
	top:10px;
	width:770px;
	height:4800px;
	border:solid;
	border-bottom:none;	
	border-width:1px;
	
}
#Content4 {
	background: url(images/services.gif) no-repeat;
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
	margin-bottom:auto;
	top:10px;
	width:770px;
	height:1800px;
	border:solid;
	border-width:1px;
	z-index:1;
}
#image_bas{
	position:absolute;
	left:7px;
	top:1494px;
	width:128px;
	height:60px;
	z-index:2;
	}

#image_bas_presentation {
	position:absolute;
	left:7px;
	top:1444px;
	width:128px;
	height:60px;
	z-index:2;
	}
	
#image_services {
	position:absolute;
	left:7px;
	top:964px;	
	display:block;
}
#google_services {
	position:absolute;
	left:416px;
	top:426px;
	width:336px;
	height:280px;
	
}

#sous_google {
	background-color:#FFCC66;
	padding:20px;
	position:absolute;
	left:416px;
	top:437px;
	margin-top:288px;
	width: 298px;
	height: 165px;
	
}

#deoprod {
	position:absolute;
	left:416px;
	top:383px;
	width:260px;
	height:192px;
	z-index:2;
}

#logodp {
	position:absolute;
	left:5px;
	top:605px;
	width:768px;
	height:450px;
	z-index:2;
	color: #000;
}
#sld2 {
	position:absolute;
	left:408px;
	top:545px;
	width:349px;
	height:20px;
	
}

#devprod1 {
	position:absolute;
	left:87px;
	top:29px;
	width:200px;
	height:15px;
	z-index:2;
}
.Style8 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.orange
 {
	color: #FF9933;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
 }

#devprod2 {
	position:absolute;
	left:102px;
	top:45px;
	width:181px;
	height:18px;
	z-index:3;
}
.devprod {color: #4873B3}

.Style11 {color: #000000}

#specials {
	position:absolute;
	left:408px;
	top:383px;
	width:352px;
	height:156px;
	z-index:2;
	
}
.rouge {
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color: #FF0000;
	
	}
	
#blocl {
	width:401px;

}

#soldes {
	float: left;
	padding:20px;
	position:absolute;
	left:21px;
	top:895px;
	width: 200px;
	height: 263px;
		}
#formulaire{
	float: left;
	padding:0px;
	position:absolute;
	left:142px;
	top:997px;
	width: 1px;
	height: 263px;
		}
#soldes_presentation{
	float: left;
	padding:20px;
	position:absolute;
	left:60px;
	top:857px;
	width: 200px;
	height: 263px;
		}
.sld {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	}
	

.Style13 {
	font-size: 10pt;
	color: #FFFFFF;
}
.center {
  padding-left:120px;
 
 }
 .lnk {
    color:#00000;
	border-bottom:#0033CC 1px solid;
	text-decoration:none;
}

#xiti {
	position:absolute;
	left:697px;
	top:809px;
	width:49px;
	height:34px;
	z-index:2;
}
#footer {
	margin-top:4950px;
    margin-bottom:80px;
	clear:both;
	text-align:center;
	width:100%;
	height:10px;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	border-top:none;
	border-left: none;
	border-right:none;
	border-bottom:
	padding:3px 0px 3px 0px;
	font-size:10px;
}
#design {
    background-color:#CCCCCC;
	padding:4px 7px 4px 7px;
	font-size:10px;
}

</style>
.courriel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-decoration: none;
}
.courriel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
}
.lien_orange {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FF9933;
	text-decoration: none;
}
.liemlien {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.lienbleu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4873B3;
	text-decoration: none;
}
#Content #specials .rouge a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #FF0000;
	text-decoration: none;
}
.lien_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
}
section weather--!>
#main {
    border: 1px solid #cccccc;
	background: #F1F3F5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
}

form {
    margin-left: 100px;
	border: 1px solid #cccccc;
	width: 250px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

#result {
    margin-left: 100px;
    text-align:center;
    border: 1px solid #cccccc;
    width: 250px;
    background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:15px;
    margin-bottom:20px;
    margin-top:15px;
}

.text {
	border: 1px solid #cccccc;
}

input {
    border: 0px solid #cccccc;
}


#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
}

#icon{
    width:100px;
    height:100px;
    float:left;
    background-image:url(icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
#icon2{
    width:80px;
    height:60px;
    float:left;
    background-image:url(icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#source{
  text-align:right;
  align:right;
  padding-right:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 10px;
  color:#CCCCCC;
}
.titre_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
}
.titre_blanc_liens {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
