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

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ELEMENTS HTML */
html {
	font-size: 100%;
}

body {
	background: #779AB4 url(images/interface/fond-degrade.png) repeat-x;
	margin: 0 auto;
	width: 789px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #46667D;
	position: relative;
}

img {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

h1 {
	font-size: 1.1em;
	position: absolute;
	margin-top: 208px;
	margin-left: auto;
	margin-right: auto;
	width: 789px;
	text-align: center;
	color: #46667D;
}

p {
	color: #46667D;
	padding: 0 20px 10px 20px;
	text-align: justify;
}

a {
	color: #46667D;
}

input, textarea {
	padding: 0;
	border: 2px solid #46667D;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

abbr {
	border-bottom: 1px dotted #46667D;
	cursor: help;
}

hr {
	color: #46667D;
	background: #46667D;
	margin: 40px auto;
	width: 80%;
	height: 1px;
	border: 0;
}
/* FIN ELEMENTS HTML */

/* ELEMENTS COMMUNS */
.sans-bordure {
	border: 0;
}

.input {
	border: 1px solid #46667D;
}

.input_focus {
	border: 2px solid #46667D;
}

div#pyreweb {
	width: 789px;
	height: 175px;
	background: url(images/interface/pyreweb.png) no-repeat center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	text-align: center;
}

div#corps-page {
	background: url(images/interface/fond-contenu-page.png) repeat-y;
	padding: 50px 16px 0 16px;
	overflow: hidden;
}

div#chemin {
	padding: 8px 30px;
	width: 697px;
}

div#contenu-page {
	background:  url(images/interface/fond-page-haut-droite.png) no-repeat;
	min-height: 86px;
	width: 757px;
}

div#bloc-presentation {
	padding-left: 30px;
	padding-right: 30px;
	width: 697px;
}

div#bloc-site-vitrine {
	background: url(images/interface/fond-site-vitrine.png) repeat-y;
	min-height: 132px;
	width: 757px;
}

div#haut-site-vitrine {
	height: 132px;
	background: url(images/interface/fond-haut-site-vitrine.png) no-repeat top;
}

div#contenu-site-vitrine {
	padding: 20px 345px 0 50px;
}

div#bloc-site-dynamique {
	background: url(images/interface/fond-site-dynamique.png) repeat-y;
	min-height: 142px;
	width: 757px;
}

div#haut-site-dynamique {
	height: 142px;
	background: url(images/interface/fond-haut-site-dynamique.png) no-repeat top;
}

div#contenu-site-dynamique {
	padding: 20px 250px 0 145px;
}

div#bloc-site-e-commerce {
	background: url(images/interface/fond-site-e-commerce.png) repeat-y;
	min-height: 158px;
	width: 757px;
}

div#haut-site-e-commerce {
	height: 158px;
	background: url(images/interface/fond-haut-e-commerce.png) no-repeat top;
}

div#contenu-site-e-commerce {
	padding: 20px 185px 0 210px;
}

div#fond-bas-creation-site-internet {
	background: url(images/interface/fond-bas-creation-site-internet.png) no-repeat top;
	height: 46px;
}

div#haut-presentation {
	background: url(images/interface/fond-haut-principal.png) no-repeat bottom;
	height: 86px;
}

h2.titre {
	color: #46667D;
	font-size: 1.1em;
	padding-left: 24px;
	padding-top: 12px;
}

div#contenu p.texte {
	color: #46667D;
	padding: 10px 0 0 0;
	text-align: justify;
}

div#contenu-presentation {
	background: url(images/interface/fond-bloc-presentation.png) repeat-y;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

div#blocs-bas {
	overflow: hidden;
	width: 757px;
}

div#bloc-gauche {
	float: left;
	width: 378px;
	background: url(images/interface/fond-bloc-gauche.png) repeat-y;
}

div#bloc-droite {
	float: left;
	width: 379px;
	background: url(images/interface/fond-bloc-droite.png) repeat-y;
}

div#bloc-gauche-haut {
	width: 378px;
	height: 98px;
	background: url(images/interface/fond-bloc-gauche-haut.png) no-repeat top;
}

div#bloc-gauche-centre {
	margin-top: -60px;
	padding: 10px 13px 0 0;
}

div#bloc-gauche-bas {
	width: 378px;
	height: 48px;
	background: url(images/interface/fond-bloc-gauche-bas.png) no-repeat bottom;
}

div#bloc-droite-haut {
	width: 379px;
	height: 43px;
	background: url(images/interface/fond-bloc-droite-haut.png) no-repeat top;
}

div#bloc-droite-centre {
	margin-top: 0px;
	padding: 10px 0 0 10px;
}

div#bloc-droite-bas {
	width: 379px;
	height: 69px;
	background: url(images/interface/fond-bloc-droite-bas.png) no-repeat bottom;
}

ul#menu-bas {
	text-align: center;
	height: 24px;
	width: 757px;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul#menu-bas li.menu-bas {
	display: inline;
	list-style-type: none;
}

ul#menu-bas a {
	padding: 4px;
}

ul#rub-bas {
	text-align: center;
	height: 12px;
	width: 757px;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1em;
	color: white;
}

ul#rub-bas li.rub-bas {
	display: inline;
	list-style-type: none;
}

ul#rub-bas a {
	padding: 4px;
	color: white;
}

div#fond-bas-page {
	background: url(images/interface/fond-bas-page.png) no-repeat;
	height: 16px;
}

ul.liste-contenu {
	color: #46667D;
	padding-top: 10px;
	text-align: justify;
	padding: 0 20px 10px 50px;
}

div.contenu-page-realisations {
	overflow: hidden;
	background: url(images/interface/fond-realisations-centre.png) repeat-y;
	margin: 50px 7px 0 7px;
 }
 
div.fond-realisations {
	overflow: hidden;
	background: url(images/interface/fond-realisations.png) no-repeat;
	height: 230px;
}

div.fond-realisations-haut {
	background: url(images/interface/fond-realisations-haut.png) no-repeat top;
	padding: 0; 
}

div.fond-realisations-bas {
	background: url(images/interface/fond-realisations-bas.png) no-repeat bottom;
	min-height: 40px; 
}

img.apercu-realisations {
	padding: 0 7px;
}

img.titre-realisations {
	position: absolute;
	margin-top: 4px;
	margin-left: 400px;
}

div.haut-realisations {
	margin: 50px 0px 0 7px;
	overflow: hidden;
	background: url(images/interface/fond-realisations-apercu-bas.png) no-repeat bottom left;
}

div.realisations-contenu {
	float: left;
	width: 508px;
	background: url(images/interface/fond-realisations-milieu.png) repeat-y;
	margin-bottom: 20px;
}

div.realisations-contenu-haut {
	background: url(images/interface/fond-haut-realisations.png) no-repeat top;
}

div.realisations-contenu-texte {
	padding: 10px 15px 0 25px;
}

div.realisations-contenu-bas {
	background: url(images/interface/fond-bas-realisations.png) no-repeat bottom;
	height: 23px;
}

p#copyright {
	margin: 16px;
	text-align: center;
	color: white;
	font-size: 0.9em;
}

a.non-decore, a.non-decore:hover {
	text-decoration: none;
}

/* FIN ELEMENTS COMMUNS */

/* MENU */
ul#menu {
	width: 100%;
	height: 27px;
	overflow: hidden;
}

ul#menu li {
	float: left;
	list-style-type: none;
	display: block;
}


ul#menu li#menu-accueil-pyreweb, ul#menu li#menu-accueil-pyreweb a {
	background: url(images/interface/accueil-pyreweb.png) no-repeat top left;
	height: 27px;
	width: 85px;
	display: block;
	float: left;
}
ul#menu li#menu-savoir-faire-pyreweb, ul#menu li#menu-savoir-faire-pyreweb a {
	background: url(images/interface/savoir-faire-pyreweb.png) no-repeat top left;
	height: 27px;
	width: 122px;
	display: block;
	float: left;
}
ul#menu li#menu-creation-site-internet, ul#menu li#menu-creation-site-internet a {
	background: url(images/interface/creation-site-internet.png) no-repeat top left;
	height: 27px;
	width: 137px;
	display: block;
	float: left;
}
ul#menu li#menu-creation-logiciel, ul#menu li#menu-creation-logiciel a {
	background: url(images/interface/developpement-logiciel.png) no-repeat top left;
	height: 27px;
	width: 82px;
	display: block;
	float: left;
}
ul#menu li#menu-referencement-site-internet, ul#menu li#menu-referencement-site-internet a {
	background: url(images/interface/referencement-site-internet.png) no-repeat top left;
	height: 27px;
	width: 147px;
	display: block;
	float: left;
}
ul#menu li#menu-realisations-pyreweb, ul#menu li#menu-realisations-pyreweb a {
	background: url(images/interface/realisations.png) no-repeat top left;
	height: 27px;
	width: 123px;
	display: block;
	float: left;
}
ul#menu li#menu-contact-pyreweb, ul#menu li#menu-contact-pyreweb a {
	background: url(images/interface/contact.png) no-repeat top left;
	height: 27px;
	width: 93px;
	display: block;
	float: left;
}


ul#menu li#menu-accueil-pyreweb a:hover {
	background: url(images/interface/accueil-pyreweb.png) no-repeat bottom left;
	height: 27px;
	width: 85px;
}
ul#menu li#menu-savoir-faire-pyreweb a:hover {
	background: url(images/interface/savoir-faire-pyreweb.png) no-repeat bottom left;
	height: 27px;
	width: 122px;
}
ul#menu li#menu-creation-site-internet a:hover {
	background: url(images/interface/creation-site-internet.png) no-repeat bottom left;
	height: 27px;
	width: 137px;
}
ul#menu li#menu-creation-logiciel a:hover {
	background: url(images/interface/developpement-logiciel.png) no-repeat bottom left;
	height: 27px;
	width: 82px;
}
ul#menu li#menu-referencement-site-internet a:hover {
	background: url(images/interface/referencement-site-internet.png) no-repeat bottom left;
	height: 27px;
	width: 147px;
}
ul#menu li#menu-realisations-pyreweb a:hover {
	background: url(images/interface/realisations.png) no-repeat bottom left;
	height: 27px;
	width: 123px;
}
ul#menu li#menu-contact-pyreweb a:hover {
	background: url(images/interface/contact.png) no-repeat bottom left;
	height: 27px;
	width: 93px;
}

span.lien-menu {
	top: 30px;
	position: absolute;
	width: 100px;
}
/* FIN MENU */


/* PAGE ACCUEIL */
div#contenu {
	position: absolute;
	margin-top: 240px;
	margin-left: 36px;
	width: 300px;
	color: #46667D;
	text-align: justify;
}

div#corps-accueil {
	background: url(images/interface/fond-corps.png) repeat-y;
}

div#chemin {

}

div#contenu-accueil {
	background: url(images/interface/fond-accueil.png) no-repeat top;
	height: 360px;
	width: 789px;
	overflow: hidden;
}

div#realisations-accueil {
	background: url(images/interface/fond-accueil-realisations.png) no-repeat;
	height: 184px;
	width: 757px;
	padding-top: 65px;
	padding-left: 32px;
}

ul#actualites-accueil {
	position: absolute;
	margin-top: 241px;
	margin-left: 89px;
	padding: 60px 10px 40px 30px;
	width: 207px;
	background: url(images/interface/fond-accueil-actualites.png) no-repeat top;
}

div#gauche-accueil {
	width: 434px;
	height: 360px;
	float: left;
	background: url(images/interface/fond-accueil-gauche.png);
}

div#droite-accueil {
	padding-top: 72px;
	width: 355px;
	height: 360px;
	float: left;
	background: url(images/interface/fond-droite-accueil.png) no-repeat top;
}

#encadre-site-internet {
	position: absolute;
	margin-top: 71px;
	margin-left: 355px;
}

#encadre-creation-logiciel {
	position: absolute;
	margin-top: 131px;
	margin-left: 355px;
}

#encadre-referencement-site-internet {
	position: absolute;
	margin-top: 203px;
	margin-left: 350px;
}

#encadre-hebergement {
	position: absolute;
	margin-top: 264px;
	margin-left: 355px;
}

#acces-client {
	position: absolute;
	top: 57px;
	margin-left: 635px;
	width: 148px;
	height: 50px;
	z-index: 1;
}

#acces-client input {
	padding: 0;
	border: 0;
	margin-top: 11px;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 112px;
}

#acces-client input#acces-client-ok {
	padding: 0;
	border: 0;
	position: absolute;
	top: 0px;
	margin-left: 1px;
	margin-top: 34px;
	width: 22px;
	height: 18px;
}

/* FIN PAGE ACCUEIL */

/* PLAN DU SITE */
.plan-du-site {
	background: url(images/interface/fond-contact-pixel.jpg) repeat-y;
	width:767px;
	margin: 0px auto 15px;
}

.plan-du-site .haut {
	background: url(images/interface/fond-plandusite-haut.png) no-repeat;
	width:767px;
	height:162px;
}

.plan-du-site .bas {
	background: url(images/interface/fond-contact-bas.jpg) no-repeat;
	width:767px;
	height:64px;
}

.plan-du-site .coordonnees {
	margin-left: 40px;
	text-align:left;
	font-size:12px;
}

/* CONTACT */
.contact-form {
	background: url(images/interface/fond-contact-pixel.jpg) repeat-y;
	width:767px;
	margin: 0px auto 15px;
}

.contact-form .haut {
	background: url(images/interface/fond-contact-haut.jpg) no-repeat;
	width:767px;
	height:162px;
}

.contact-form .bas {
	background: url(images/interface/fond-contact-bas.jpg) no-repeat;
	width:767px;
	height:64px;
}

.contact-form .coordonnees {
	margin-left: 40px;
	text-align:left;
	font-size:12px;
}

/* REALISATIONS */
.realisations {
	background: url(images/interface/fond-realisations-pixel.jpg) repeat-y;
	width:767px;
	margin: 0px auto 10px;
}

.realisations .haut {
	background: url(images/interface/fond-realisations-haut.jpg) no-repeat top;
	width:767px;
	height:162px;
}

.nous-situer .haut {
	background: url(images/interface/fond-nous-situer-haut.png) no-repeat top;
	width:767px;
	height:162px;
}

.actualites .haut {
	background: url(images/interface/fond-actualites-haut.png) no-repeat;
	margin: 0 auto;
	width:767px;
	height:162px;
}

.realisations .bas, .nous-situer .bas, .actualites .bas {
	background: url(images/interface/fond-realisations-bas.jpg) no-repeat center center;
	margin: 0 auto;
	width:767px;
	height:64px;
}

.detail {
	background: url(images/interface/fond-real-detail-pixel.jpg) repeat-y;
	width:706px;
	margin: 0 auto;
}

.detail .detail_haut {
	background: url(images/interface/fond-real-detail-haut.jpg) no-repeat;
	width:706px;
	height:13px;
}

.detail .detail_bas {
	background: url(images/interface/fond-real-detail-bas.jpg) no-repeat bottom;
	width:706px;
	height:13px;
}

.detail .photo {
	width: 276px;
	padding-left: 20px;
	float: left;
}

.detail .contenu {
	width:390px;
	text-align:left;
	font-size:11px;
	float:left;
}

.detail .contenu h1 {
	width:400px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size: 13px;
}

.detail .contenu h2 {
	text-align:left;
	margin:0px;
	padding:0px;
	font-size : 13px;
	font-weight : normal;
	font-style: italic;
}

.realisations .lien_logiciels {
	z-index:10;
	position:absolute;
	margin-left:500px;
	margin-top:50px;
	width:233px;
	height:54px;
}

.lien_sites {
	z-index:10;
	position:absolute;
	margin-left:500px;
	margin-top:10px;
	width:233px;
	height:54px;
}

#realisations-accueil .last {
	width: 160px;
	height: 184px;
	float:left;
	font-size: 12px;
	text-align:center;
	text-decoration: none;
}