html{
height: 100%;
}
form,p,ul,li,a,span{margin:0;padding:0px;display:inline}
input,select,textarea{
	background-color:#E0E0E0;
	border:none;
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size:12px;
	margin:0px;
	margin:0;
	padding:1px;
	display:inline;
}
*{
	margin:0px;
	padding:0px;
}
body{
	height: 100%;
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size:12px;
}

#container{
	position: relative;
	min-height: 100%;
	margin-left:auto;
	margin-right:auto;
	width:786px;
}

* html #container{
height: 100%;
}

#content{
padding-bottom:225px;
padding-top:25px;
text-align:center;
}

#footer
{
	position: relative;
	margin-top: -200px;
	background:black;
	height:200px;
} 
#footer_content
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:786px;
} 
a img{
	border:none;
}

/************************************************************************************/

.strat
{
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #c9d200;
	font-size: 12px;
}
.web
{
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #f29400;
	font-size: 12px;
}
.print
{
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #009ddb;
	font-size: 12px;
}
.view
{
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #c50347;
	font-size: 12px;
}
.menu_accueil
{
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #9C9E9F;
	font-size: 12px;
}
.footertitre {
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size: 14px;
	color: #FFF;
}
.footervert {
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size: 11px;
	color: #A3BC3D;
}
.footerblanc {
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size: 11px;
	color: #FFF;
}
.textegrand {
	font-size: 15px;
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-weight:normal;
}
.textegrandgris {
	font-size: 16px;
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #666;
}
.textegrandvert {
	font-size: 15px;
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color: #B0CB42;
}
.textegrandblanc {
	font-size: 15px;
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	color:#FFF;
}
.texteblanc {
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
}
.texte {
	font-family:"Trebuchet MS", Arial, "helvetica", Verdana;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}
#champ_protect {
	display:none;
}

/************************************************************************************/

a.lienmenu_accueil {
    color:#9C9E9F;
	text-decoration:none;
}
a.lienmenu_accueil:hover {     
	color:#9C9E9F;     
	text-decoration:underline;    
}
a.liennoirnul {
    color:#000;
	text-decoration:none;
}
a.liennoir {
    color:#000;
	text-decoration:underline;
}
a.liennoir:hover {     
	color:#000;     
	text-decoration:none;    
}
a.lienvert {
    color:#A3BC3D;
	text-decoration:none;
}
a.lienvert:hover {     
	color:#A3BC3D;     
	text-decoration:underline;    
}
a.lienstrat {
    color:#A3BC3D;
	text-decoration:none;
}
a.lienstrat:hover {     
	color:#A3BC3D;     
	text-decoration:underline;    
}
a.lienprint {
    color:#009EE0;
	text-decoration:none;
}
a.lienprint:hover {     
	color:#009EE0;     
	text-decoration:underline;    
}
a.lienweb {
    color:#EB690B;
	text-decoration:none;
}
a.lienweb:hover {     
	color:#EB690B;     
	text-decoration:underline;    
}
a.lienview {
    color:#E31C69;
	text-decoration:none;
}
a.lienview:hover {     
	color:#E31C69;     
	text-decoration:underline;    
}
a.lienblanc {
    color:#FFFFFF;
	text-decoration:none;
}
a.lienblanc:hover {     
	color:#FFFFFF;     
	text-decoration:underline;    
}

/************************************************************************************/

#savoirplus {
	display:block;
	background: url("http://www.peexeo.com/images/divers/plus_buton.png") ;
	width	: 81px;
	height	: 17px;
	display:inline-block;
}

#savoirplus:hover {
	display:block;
	background: url("http://www.peexeo.com/images/divers/plus_buton.png") ;
	width	: 81px;
	height	: 17px;
	background-position : 0px -17px;
	display:inline-block;
}
#savoirplusgris {
	display:block;
	background: url("http://www.peexeo.com/images/divers/plus_buton_gris.png") ;
	width	: 81px;
	height	: 17px;
	display:inline-block;
}

#savoirplusgris:hover {
	display:block;
	background: url("http://www.peexeo.com/images/divers/plus_buton_gris.png") ;
	width	: 81px;
	height	: 17px;
	background-position : 0px -17px;
	display:inline-block;
}
#devis {
	display:block;
	background: url("http://www.peexeo.com/images/divers/devis.png") ;
	width	: 101px;
	height	: 17px;
	display:inline-block;
}

#devis:hover {
	display:block;
	background: url("http://www.peexeo.com/images/divers/devis.png") ;
	width	: 101px;
	height	: 17px;
	background-position : 0px -17px;
	display:inline-block;
}
#contacteragence {
	display:block;
	background: url("http://www.peexeo.com/images/divers/contacter-agence.png") ;
	width	: 101px;
	height	: 17px;
	display:inline-block;
}

#contacteragence:hover {
	display:block;
	background: url("http://www.peexeo.com/images/divers/contacter-agence.png") ;
	width	: 101px;
	height	: 17px;
	background-position : 0px -17px;
	display:inline-block;
}
#voirnosreferences {
	display:block;
	background: url("http://www.peexeo.com/images/divers/voir-nos-references.png") ;
	width	: 101px;
	height	: 17px;
	display:inline-block;
}

#voirnosreferences:hover {
	display:block;
	background: url("http://www.peexeo.com/images/divers/voir-nos-references.png") ;
	width	: 101px;
	height	: 17px;
	background-position : 0px -17px;
	display:inline-block;
}
#envoyer {
	display:block;
	background: url("http://www.peexeo.com/images/divers/envoyer.png") ;
	width	: 64px;
	height	: 18px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#envoyer:hover {
	display:block;
	background: url("http://www.peexeo.com/images/divers/envoyer.png") ;
	width	: 64px;
	height	: 18px;
	background-position : 0px -19px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}

/************************************************************************************/

#facebook {
	display:block;
	background: url("http://www.peexeo.com/images/social/facebook-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#facebook:hover {
	display:block;
	background: url("http://www.peexeo.com/images/social/facebook-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-position : 0px -32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}

#twitter {
	display:block;
	background: url("http://www.peexeo.com/images/social/twitter-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#twitter:hover {
	display:block;
	background: url("http://www.peexeo.com/images/social/twitter-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-position : 0px -32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}

#viadeo {
	display:block;
	background: url("http://www.peexeo.com/images/social/viadeo-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#viadeo:hover {
	display:block;
	background: url("http://www.peexeo.com/images/social/viadeo-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-position : 0px -32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#vimeo {
	display:block;
	background: url("http://www.peexeo.com/images/social/vimeo-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#vimeo:hover {
	display:block;
	background: url("http://www.peexeo.com/images/social/vimeo-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-position : 0px -32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#linkedin {
	display:block;
	background: url("http://www.peexeo.com/images/social/linkedin-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}
#linkedin:hover {
	display:block;
	background: url("http://www.peexeo.com/images/social/linkedin-peexeo.png") ;
	width	: 32px;
	height	: 32px;
	background-position : 0px -32px;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}

/************************************************************************************/

.fond_web_droite {
	background:url(http://www.peexeo.com/images/design/cadre-droite.png);
	background-repeat:no-repeat;
	width:33%;
	height:264px;
}

.fond_web_droite:hover {
	background-position : 0px -286px;
	width:33%;
	height:264px;
}

.fond_web_droite_50 {
	background:url(http://www.peexeo.com/images/design/cadre-droite.png);
	background-repeat:no-repeat;
	width:50%;
	height:264px;
}

.fond_web_droite_50:hover {
	background-position : 0px -286px;
	width:50%;
	height:264px;
}

.fond_web_gauche {
	background:url(http://www.peexeo.com/images/design/cadre-gauche.png);
	background-repeat:no-repeat;
	width:33%;
	height:264px;
}

.fond_web_gauche:hover {
	background-position : 0px -286px;
	width:33%;
	height:264px;
}

.fond_web_gauche_50 {
	background:url(http://www.peexeo.com/images/design/cadre-gauche.png);
	background-repeat:no-repeat;
	width:50%;
	height:264px;
}

.fond_web_gauche_50:hover {
	background-position : 0px -286px;
	width:50%;
	height:264px;
}

.fond_web_centre {
	background:url(http://www.peexeo.com/images/design/cadre-centre.png);
	background-repeat:no-repeat;
	width:33%;
	height:264px;
}

.fond_web_centre:hover {
	background-position : 0px -286px;
	width:33%;
	height:264px;
}

/************************************************************************************/

#fond_cadre{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	/* The width of the gallery */
	width:100%;
	overflow:hidden;
}

#fond_cadre_gris{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	background-color:#E6E6E6;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	/* The width of the gallery */
	width:100%;
	overflow:hidden;
}
/************************************************************************************/

.cornertopleft { background-image: url(http://www.peexeo.com/images/infobulles/bubble-1.png); width:19px; height:15px; }
.cornertop { background-image: url(http://www.peexeo.com/images/infobulles/bubble-2.png); height:15px; }
.cornertopright { background-image: url(http://www.peexeo.com/images/infobulles/bubble-3.png); width:19px; height:15px; }
.cornerleft { background-image: url(http://www.peexeo.com/images/infobulles/bubble-4.png); width:19px; }
.cornerright { background-image: url(http://www.peexeo.com/images/infobulles/bubble-5.png); width:19px; }
.cornerbottomleft { background-image: url(http://www.peexeo.com/images/infobulles/bubble-6.png); width:19px; height:15px; }
.cornerbottom { background-image: url(http://www.peexeo.com/images/infobulles/bubble-7.png); width:19px; }
.cornerbottomright { background-image: url(http://www.peexeo.com/images/infobulles/bubble-8.png); width:19px; height:15px; }