/* --------------------------------------------------
   FENETRES Avenir
   www.fenetres-avenir.com
   
   Conception et Réalisation: Environnement.WEB
   www.environnementweb.com
   
   Tous droits réservés
--------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 100%;
}
body {
	font-size: 0.8em;
	font-family: Arial, Verdana, sans-serif;
	color: #004494;
	background: url(images/bandeau.jpg) repeat-x;
}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 3px 0 15px;
}
h2 {
	font-size: 1em;
}
h3 {
	font-size: 1.2em;
}
a {
	color: #004494;
}
p {
	margin: 8px 0;
}
img {
	border: 0;
}
img, div, p, a { behavior: url(styles/iepngfix.htc) } /* pour corriger le défaut d'affichage des png transparents dans IE 6) */
li { list-style: none; }

fieldset {
	padding: 10px;
	margin: 5px;
	border: 1px solid #ddd;
}
legend {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.15em;
	padding: 0 8px;
}
.field {
	clear: both;
	margin: 8px 0;
}
.field-submit {
	margin-top: 4px;
	text-align: center;
}
.label {
	display: block;
	float: left;
	width: 120px;
	color: #777;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}



/* Structure globale */

#global {
	position: relative;
	width: 1100px;
	margin: 0 auto 10px;
}

#entete {
	padding: 15px 0 0 0;
	height: 180px;
	background: url(../images/entete.jpg) bottom center no-repeat;
}

#menu {
	position: relative;
	padding: 0 50px 0 50px;
	width: 1000px;
	height: 34px;
	background: url(../images/menu.jpg) center no-repeat;
	z-index: 2;
}

#corps {
	position: relative;
	width: 1000px;
	overflow: hidden;
	padding: 0 50px 15px 50px;
	background: url(../images/fond.jpg) top center repeat-y;
	color: #fff;
	z-index: 1;
}

#pied {
	position: relative;
	padding-top: 35px;
	background: url(../images/pied.jpg) top center no-repeat;
}




/* Entete */

#entete h1 { margin: 0 0 0 348px; width: 405px; height: 171px; padding-top: 3px; }
#entete h1 a { display: block; }



/* Menu */

#menu ul { margin: 0; height: 34px; padding: 0; width: 1000px; overflow: hidden; }
#menu li {
	float: left;
	display: block;
	width: 136px;
	height: 34px;
	padding: 0;
	background: url(../images/separateur.jpg) center right no-repeat;
}
#menu li a {
	display: block;
	width: 135px;
	height: 30px;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 0.92em;
	line-height: 35px;
	border-bottom: 4px solid #003f62;
	overflow: hidden;
}
#menu li a:hover {
	border-bottom-color: #f4b616;
}
#menu .ss-menu {
	display: none;
	position: absolute;
	padding-top: 4px;
	width: 135px;
	height: auto;
	background: #003f62;
}
#menu .ss-menu li {
	float: none;
	height: auto;
	width: auto;
	background: #003f62;
}
#menu .ss-menu li a {
	margin: 0px;
	text-transform: none;
	height: auto;
	width: 127px;
	padding: 4px;
	text-align: center;
	line-height: 13px;
}
#menu .ss-menu li a:hover {
}



/* Corps - Conteneur - Contenu */

#conteneur {
	position: relative;
	background: url(../images/contenu.jpg) center 300px no-repeat;
}

#illustration { position: relative; height: 300px; }
#illustration img { position: absolute; top: 0; left: 0; }

#contenu { position: relative; margin: 30px; }



/* Pied */

#mini-logo { position: absolute; top: 36px; left: 461px; }

#signature { /*position: relative; float: right; width: 300px;*/ margin: 30px 50px 30px 0; }
#signature p {
	text-align: right;
	font-size: .9em;
}
#signature p a {
	color: #b5b5b5;
	text-decoration: none;
}
#signature p a strong {
	color: #7c7c7c;
}
#signature p a:hover {
	color: #7c7c7c;
}
#signature p a:hover strong {
	color: #3a3a3a;
}







/* Accueil */

#accueil { background: url(../images/fond-accueil.jpg) 0 410px no-repeat; }

#macaron-accueil { position: absolute; top: 231px; left: 452px; } 
#activites { padding-left: 65px; }
.activite { position: relative; float: left; width: 144px; height: 250px; margin-right: 80px; text-align: center; }
.activite img { margin-bottom: 5px; }
#prise-cotes { padding-top: 20px; }
#fabrication { padding-top: 12px; }
#depose-pose { padding-top: 23px; margin-right: 0; }

#produits-accueil { clear: left; margin: 0; min-height: 200px; padding: 30px 0 0 0; }
#produits-accueil p { text-align: center; text-decoration: underline; }


//#boite-nos-produits { padding: 0 0 0 100px; margin: 0; height: 190px; }
#boite-nos-produits { padding: 0 0 0 10px; margin: 0; height: 190px; }
.nos-produits { display: block; float: left; width: 184px; height: 184px; margin: 0; padding: 0; }




/* Menuiserie PVC */

#menuiserie-pvc #contenu { padding-top: 20px; height: 950px; }
#visu-pvc { float: left; width: 408px; margin-right: 20px; }
#texte-pvc { float: left; width: 500px; margin-bottom: 380px; }
#texte-pvc li { margin: 10px 0; padding-left: 30px; background: url(../images/li.jpg) 0 4px no-repeat; }
#pvc-volets-roulants { position: absolute; top: 180px; left: 640px; }
#expert-pvc { position: absolute; top: 290px; left: 450px; }
#avis-expert-pvc { position: absolute; top: 330px; left: 625px; }
#options-produits { float: left; margin-left: 230px; width: 225px; }
#options-produits a { display: block; margin-bottom: 6px; }
#macaron-pvc { position: absolute; left: 348px; top: 194px; height: 124px; width: 124px; }

#produits { clear: left; min-height: 200px; padding: 50px 0 0; margin: 0 -30px; background: url(../images/fond-produits.jpg) center top no-repeat; }
#produits p { text-align: center; text-decoration: underline; }

#boite-autres-produits { padding: 0 0 0 132px; margin: 0; height: 190px; }




/* Menuiserie ALU */

#menuiserie-alu { background: url(../images/fond-alu.png) right 397px no-repeat; }
#menuiserie-alu #contenu { padding-top: 20px; height: 920px; }
#visu-alu { float: left; width: 432px; margin-right: 20px; }
#texte-alu {  float: left; width: 480px; margin-bottom: 434px; }
#texte-alu li { margin: 10px 0; padding-left: 30px; background: url(../images/li.jpg) 0 4px no-repeat; }
#expert-alu { position: absolute; top: 250px; left: 450px; }
#avis-expert-alu { position: absolute; top: 290px; left: 695px; }
#macaron-alu { position: absolute; left: 352px; top: 500px; height: 124px; width: 124px; }
#menuiserie-alu #options-produits { float: left; margin: 0; width: 480px; }
#menuiserie-alu #options-produits a { display: inline; margin: 0 10px 0 0; }




/* Volets et stores */

#volets-roulants #contenu { padding-top: 20px; height: 1000px; }
#visu-volets { float: left; width: 404px; margin-right: 20px; }
#texte-volets {  float: left; width: 510px; margin-bottom: 380px; }
#texte-volets li { margin: 10px 0; padding-left: 30px; background: url(../images/li.jpg) 0 4px no-repeat; }
#somfy { position: absolute; top: 248px; left: 615px; }
#expert-volets { position: absolute; top: 240px; left: 420px; }
#avis-expert-volets { position: absolute; top: 330px; left: 610px; }




/* Garde-corps */

#garde-corps { background: url(../images/fond-alu.png) right 397px no-repeat; }
#garde-corps #contenu { padding-top: 20px; height: 950px; }
#visu-garde-corps { float: left; width: 436px; margin-right: 20px; }
#texte-garde-corps {  float: left; width: 480px; margin-bottom: 479px; }
#texte-garde-corps li { margin: 10px 0; padding-left: 30px; background: url(../images/li.jpg) 0 4px no-repeat; }
#expert-garde-corps { position: absolute; top: 295px; left: 450px; }
#avis-expert-garde-corps { position: absolute; top: 345px; left: 660px; }
#garde-corps #options-produits { float: left; margin: 0; width: 480px; }
#garde-corps #options-produits a { display: inline; margin: 0 10px 0 0; }




/* Autres produits */

#bloc-fermetures { margin: 15px 0 55px 20px; height: 188px; padding-left: 578px; background: url(../images/autres-produits-1.png) 0 0 no-repeat; }
#bloc-volets { float: left; margin-left: 20px; width: 290px; padding-top: 650px; background: url(../images/autres-produits-2.png) 0 0 no-repeat; }
#bloc-menuiseries { float: right; width: 462px; height: 126px; margin: 0 20px 40px 0; padding-top: 254px; background: url(../images/autres-produits-3.png) 0 0 no-repeat; }
#bloc-stores { float: right; width: 462px; padding-top: 324px; margin-right: 20px; background: url(../images/autres-produits-4.png) 0 0 no-repeat; }
#bloc-fermetures li,
#bloc-volets li, 
#bloc-menuiseries li, 
#bloc-stores li { margin: 10px 0; background: url(../images/li.jpg) 0 4px no-repeat; text-indent: 20px; }




/* Notre réseau */

#map { height: 300px; width: 1000px; }
#reseau #contenu { height: 820px; }
#colg-reseau { float: left; width: 230px; margin-top: 50px; }
#cold-reseau { float: right; width: 230px; margin-top: 50px; }
.reseau { margin-bottom: 20px; }
.reseau h2 { margin: 0; padding-left: 28px; }
.reseau h3 { margin: 0; font-weight: normal; color: #f4c900; font-size: 1em; }
.reseau p { margin: 0; }
.reseau .numero { padding-left: 0; }
.reseau .puce-numerotee { width: 18px; margin-right: 5px; vertical-align: middle; }
.reseau .adresse { margin-left: 28px; }
.reseau .telephone { padding-left: 28px; background: url(../images/fleche.png) top left no-repeat; }
.reseau .devis { color: #f4c900; text-decoration: none; padding-left: 28px; font-size: .9em; font-weight: bold; }
#carte-reseau { position: absolute; left: 220px; top: 0; display: block; width: 505px; height: 508px; }
#macaron-reseau { position: absolute; top: 440px; left: 400px; display: block; width: 114px; height: 114px; }




/* Réalisations */

#realisations #contenu { height: 620px; padding-top: 20px; }

#choix-rubrique { float: left; width: 220px; margin-right: 20px; }
#choix-rubrique a { display: block; width: 157px; height: 26px; line-height: 26px; margin: 0 0 10px 30px; background: url(../images/btn.png) no-repeat; text-align: center; text-decoration: none; font-weight: bold; font-size: 1.2em;  }
#choix-rubrique a .actif { float: right; display: block; width: 22px; margin: 2px 3px; }

#galerie-rea { float: right; width: 680px; }
.vignette-rea {
	float: left;
	display: block;
	width: 180px;
	height: 180px;
	margin-right: 23px;
	margin-bottom: 23px;
	border: 2px solid #fff;
}
.vignette-rea.last {
	margin-right: 0;
}
#pagination {
	float: right;
}
#pagination ul {
	margin-right: 32px;
}
#pagination li {
	list-style: none;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 3px;
}
#pagination li a {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 1px solid #004494;
}
#pagination li a.actif {
	font-weight: bold;
	color: #fff;
	background: #004494;
}



/* Contact */

.fenetre { color: #00659a; }
.fenetre h1 { margin: 0; text-align: left; font-size: 1.2em; }
.fenetre p { margin: 0; }

#coordonnees { float: right; width: 200px; margin-left: 50px; padding-top: 20px; font-size: 1.3em; }
#contactez-nous { /*float: left; width: 680px; padding-top: 20px;*/ }

#selection-type { margin: 2px -130px 0; padding: 12px 150px; height: 38px; background: #f3b516; color: #00659a; text-transform: uppercase; font-size: .9em; }
#selection-type input { display: block; width: 15px; margin: 10px auto 0; }
#btn-renseignements {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
	text-align: center;
	cursor: pointer;
}
#btn-devis {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
	text-align: center;
	cursor: pointer;
}
#btn-reseau {
	float: left;
	width: 220px;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

#contactez-nous form { margin: 0 100px; }

fieldset {
	clear: both;
	padding-top: 20px;
	margin-top: 0;
	border: 0;
}
.field .label {
	color: #fff;
	margin-right: 10px;
	width: 140px;
	line-height: 105%;
}
.field .input {
	width: 400px;
	padding: 2px;
	color: #004fac;
	border: 1px solid #ddd;
}
label.label-erreur {
	color: #7f0000;
}
.field .input-erreur {
	border-color: #c18282;
	background: #ffdfdf;
}
#cryptogram {
	display: block;
	float: left;
	margin-right: 10px;
}
.field #form-code {
	width: 209px;
	padding: 8px 5px 7px;
	text-align: center;
	letter-spacing: 5px;
}
.champs-obligatoires {
	margin: -15px 170px 4px 6px;
	color: #bbb;
	font-size: .9em;
	text-align: right;
}
.avertissement-cnil {
	font-size: .8em;
	line-height: 110%;
	margin: 2px 170px 8px 6px;
	color: #bbb;
}
#btn-submit {
	margin: 0px 0 20px 235px;
	width: 124px;
	height: 37px;
	background: url(images/btn-submit.png) no-repeat;
	border: none;
	cursor: pointer;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}
#confirm-form,
#erreur-form {
	margin: 20px 100px;
	background: #fff;
	font-size: 1.2em;
	text-align: center;
	padding: 15px;
}
#confirm-form {
	color: #48870c;
}
#erreur-form {
	color: #d11b1b;
}