html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset,img
	{
	border: 0;
	margin: 0;
	padding: 0;
	}

body
	{
	background-color: #041b45;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #383839;
	font-size: 11px;
	}

p
	{
	}
	
h1
	{
	}
	
h2
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #003e8f;
	margin-top: 0px;
	margin-bottom: 12px;
	letter-spacing: 1px;
	line-height: 16px;
	}
	
h3
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #277E00;
	margin-top: 0px;
	letter-spacing: 1px;
	line-height: 16px;
	margin-bottom: 6px;
	}
	
h4
	{
	}
	
ul, ol
	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 50px;
	}
	
ul li
	{
	color: #383839;
	list-style-type: none;
	list-style-image: url(../medias_communs/images/general/fleche_liste.gif);
	font-size: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

ol li
	{
	list-style-type: decimal;
	font-size: 12px;
	margin-bottom: 10px;
	}

a:visited, a:link 
    {
	color: #005ab7;
	text-decoration: none;
	}

a:hover
	{
	color: #72e302;
	text-decoration: none;
	}

/*	structure générale	*/

#referenceshautedepage
	{
	width: 732px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../medias_communs/images/general/bg_ref_hautdepage.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 225px;
	}
	
#referenceshautedepage a:visited, #referenceshautedepage a:link 
    {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	}

#referenceshautedepage a:hover
	{
	color: #bfff80;
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	}
	
.referenceshautdepage
	{
	margin-left: 40px;
	}

#wrapper
	{
	width: 957px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	}
	
.fermeture
	{
	clear: both;
	}

#enteteetmenuprincipal
	{
	width: 957px;
	height: 229px;
	}
	
#logoentete
	{
	float: left;
	height: 182px;
	width: 217px;
	background-image: url(../medias_communs/images/general/bg_logo_entete.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-left: 26px;
	}
	
#photoanimeentete
	{
	float: left;
	height: 222px;
	width: 509px;
	background-image: url(../medias_communs/images/general/bg_photos_entete.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 7px;
	}
	
#menuprincipal
	{
	background-image: url(../medias_communs/images/general/bg_menu_principal.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 229px;
	width: 149px;
	}

#findephotodegradeentete
	{
	float: left;
	height: 222px;
	width: 56px;
	background-image: url(../medias_communs/images/general/bg_degragephoto_entete.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 7px;
	}
	
/* menu principal */

#btnapropos
	{
	margin-top: 18px;
	margin-left: 56px;
	}
	
#btnproduitsservices
	{
	margin-top: 14px;
	margin-left: 16px;
	}
	
#btnrealisations
	{
	margin-top: 14px;
	margin-left: 38px;
	}
	
#btnfaqconseils
	{
	margin-top: 15px;
	margin-left: 26px;
	}
	
#btnsoumission
	{
	margin-top: 17px;
	margin-left: 31px;
	}
	
#btncontacteznous
	{
	margin-top: 15px;
	margin-left: 10px;
	}
	
/* contenus central */
	
#bloccontenus
	{
	width: 957px;
	background-image: url(../medias_communs/images/general/bg_bloc_contenus.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ededed;
	}
	
#hautbloccontenus
	{
	background-image: url(../medias_communs/images/general/bg_haut_bloc_contenus.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}
	
/* bas de page */

#menubasdepage
	{
	width: 897px;
	padding-top: 26px;
	padding-bottom: 8px;
	padding-left: 60px;
	background-color: #EDEDED;
	}
	
#menubasdepage p
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #309502;
	margin-bottom: 23px;
	}
	
#menubasdepage a:visited, #menubasdepage a:link 
    {
	color: #003e8f;
	text-decoration: none;
	margin-right: 15px;
	}

#menubasdepage a:hover
	{
	color: #72e302;
	text-decoration: none;
	margin-right: 15px;
	}
	
/* divers mise enpage */
	
.paragrapheadroite
	{
	float: left;
	width: 548px;
	}
	
.petitparagraphealigndroite
	{
	text-align: right;
	width: 540px;
	margin-left: 120px;
	}
	
.petitparagraphealigndroite h4
	{
	font-size: 14px;
	font-weight: bold;
	color: #229005;
	margin-bottom: 5px;
	}
	
.petitparagraphealigndroite h5
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 17px;
	font-weight: lighter;
	}
	
.imgdroitepetitparagraphe
	{
	float: right;
	margin-left: 20px;
	}
	
.petitparagraphealigngauche
	{
	text-align: left;
	width: 540px;
	margin-left: 120px;
	margin-top: 15px;
	}
	
.pardroitpetitpargauche
	{
	width: 350px;
	float: left;
	}


/* accueil */

#textepresentationacc
	{
	}
	
#texteacc
	{
	float: left;
	width: 505px;
	padding-left: 59px;
	background-image: url(../medias_communs/images/accueil/bg_txt_presentation_acc.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 82px;
	}
	
#texteacc h2
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #003e8f;
	margin-top: 0px;
	margin-bottom: 14px;
	letter-spacing: 1px;
	line-height: 16px;
	}
	
#texteacc h3
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #279001;
	margin: 0px;
	font-weight: lighter;
	letter-spacing: 1px;
	}
	
#texteacc p
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #383839;
	line-height: 21px;
	}
	
#listeserveicesetlienacc
	{
	float: left;
	width: 188px;
	margin-left: 75px;
	margin-top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#listeserveicesacc
	{
	height: 155px;
	width: 176px;
	background-image: url(../medias_communs/images/accueil/bg_liste_services_acc.jpg);
	padding-top: 20px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 6px;
	padding-left: 6px;
	}
	
#listeserveicesacc h4
	{
	font-weight: lighter;
	color: #FFFFFF;
	font-size: 12px;
	}

#listeserveicesacc div
	{
	height: 19px;
	margin-bottom: 4px;
	padding-top: 5px;
	width: 176px;
	}
	
#listeserveicesacc div.premier
	{
	background-color: #680e04;
	}
	
#listeserveicesacc div.deuxieme
	{
	background-color: #8e1813;
	}
	
#listeserveicesacc div.troisieme
	{
	background-color: #b32223;
	}
	
#listeserveicesacc div.quatrieme
	{
	background-color: #d92c33;
	}
	
#listeserveicesacc div.cinquieme
	{
	background-color: #fc3641;
	}
	
#listeliensservices
	{
	font-size: 12px;
	padding-top: 2px;
	text-align: right;
	padding-right: 8px;
	}
	
#listeliensservices a:visited, #listeliensservices a:link 
    {
	color: #328900;
	text-decoration: none;
	}

#listeliensservices a:hover
	{
	color: #72e302;
	text-decoration: none;
	}
	
#bloccaseschroniquesacc
	{
	width: 957px;
	}
	
.photoschroniquesacc
	{
	height: 50px;
	margin-bottom: 1px;
	}
	
#chroniqueecologieacc
	{
	float: left;
	height: 231px;
	width: 543px;
	margin-right: 3px;
	margin-left: 7px;
	}
	
#chroniqueecologieacc h2
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: lighter;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
	}
	
#chroniqueecologieacc p, #bloccontenusqualiteacc p
	{
	color: #FFFFFF;
	margin-bottom: 10px;
	}
	
.noticechroniqueecologieacc
	{
	font-style: italic;
	text-transform: uppercase;
	}
	
#bloccontenusecologieacc
	{
	width: 543px;
	}
	
#txtchroniqueecologieacc
	{
	background-image: url(../medias_communs/images/accueil/bg_chronique_ecologie.jpg);
	height: 160px;
	width: 409px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-left: 14px;
	}

#logoleedchoniqueecologieacc
	{
	float: left;
	height: 180px;
	width: 120px;
	background-color: #329902;
	}
	
#chroniquequaliteacc
	{
	float: left;
	margin-right: 3px;
	height: 231px;
	width: 198px;
	}
	
#bloccontenusqualiteacc
	{
	width: 174px;
	height: 160px;
	padding-top: 20px;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(../medias_communs/images/accueil/bg_qualite_acc.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #40454B;
	}
	
#bloccontenusqualiteacc h2, #chroniqueemployesacc h2
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-bottom: 15px;
	}
	
#bloccontenusqualiteacc img
	{
	margin-right: 14px;
	margin-left: 14px;
	}

#chroniqueemployesacc
	{
	float: left;
	height: 231px;
	width: 196px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
#bloccontenusemployesacc
	{
	width: 172px;
	height: 160px;
	padding-top: 20px;
	background-image: url(../medias_communs/images/accueil/bg_employes.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B87500;
	padding-right: 12px;
	padding-left: 12px;
	}
	
#bloccontenusemployesacc p
	{
	margin-bottom: 6px;
	}
	
input.utilisateuretmot
	{
	width: 160px;
	font-size: x-small;
	vertical-align: middle;
	height: 12px;
	}
	
#btnentreremployesacc
	{
	text-align: right;
	margin-top: 10px;
	width: 160px;
	}
	
input.butt
	{
	color: #000000;
	background-color: #fff;
	background-image: url(../medias_communs/images/general/bg_btn_rech.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	font-size: 10px;
	background-position: bottom;
	vertical-align: middle;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 8px;
	padding-left: 8px;
	}
	
/* fin - accueil */

/* Pages de contenus */

#texteprincipal
	{
	width: 784px;
	padding-left: 59px;
	background-image: url(../medias_communs/images/pages/bg_texte_principal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 10px;
	}
	
#texteprincipal p
	{
	font-size: 12px;
	margin-bottom: 12px;
	}
	
.imgdroite
	{
	float: right;
	margin-left: 18px;
	margin-bottom: 11px;
	}
	
.imggauche
	{
	float: left;
	margin-right: 12px;
	margin-bottom: 5px;
	}

.miniparagraphe
	{
	width: 356px;
	margin-left: 229px;
	}
	
/* realisations */

#boiterealisations
	{
	width: 824px;
	padding-left: 59px;
	background-image: url(../medias_communs/images/pages/bg_texte_principal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#boiterealisations p
	{
	font-size: 12px;
	margin-bottom: 12px;
	}
	
.caserealisation
	{
	width: 824px;
	}
	
.titrerealisation
	{
	}
	
.photomoyennehorizontale
	{
	height: 212px;
	width: 212px;
	padding-top: 3px;
	background-image: url(../medias_communs/images/realisations/bg_moyenne_horiz.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 16px;
	float: left;
	padding-left: 4px;
	}
	
.photomoyenneverticale
	{
	text-align: center;
	height: 212px;
	width: 216px;
	padding-top: 4px;
	background-image: url(../medias_communs/images/realisations/bg_moyenne_vertic.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 16px;
	}

.descriptionetpetitephotos
	{
	width: 588px;
	float: left;
	}

.description
	{
	width: 588px;
	height: 52px;
	}
	
#boiterealisations .description p
	{
	font-size: 11px;
	}
	
.listede4photospetites
	{
	width: 588px;
	}

.petitephotohorizontale
	{
	height: 138px;
	width: 145px;
	background-image: url(../medias_communs/images/realisations/bg_petite_horiz.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-left: 2px;
	float: left;
	}
	
.petitephotoverticale
	{
	height: 138px;
	width: 145px;
	background-image: url(../medias_communs/images/realisations/bg_petite_vertic.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 2px;
	float: left;
	}
	
.petitephotoverticale img
	{
	margin-right: auto;
	margin-left: auto;
	}
	
.titreetdescriptionprojet
	{
	width: 725px;
	}
	
.photograndehorizontale
	{
	float: left;
	height: 498px;
	width: 498px;
	margin-right: 20px;
	background-image: url(../medias_communs/images/realisations/bg_grande_horiz.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 4px;
	padding-left: 4px;
	}
	
.photograndeverticale
	{
	float: left;
	height: 502px;
	width: 502px;
	margin-right: 20px;
	}
	
.liste5photospetites
	{
	float: left;
	width: 302px;
	}
	
.rangedepetitesphotos
	{
	width: 302px;
	}
	
.nomentreprisecontact
	{
	font-size: 15px;
	}
	
#adressecontact
	{
	color: #002e69;
	width: 350px;
	margin-bottom: 50px;
	}
	
#adressecontact p
	{
	font-size: 14px;
	}

/*	formulaire	*/

#formulaire
	{
	float: left;
	width: 500px;
	}

.champobligatoire
	{
	color: #c00;
	font-weight: bold;
	}

.question
	{
	margin: 0 0 5px 0;
	}

.libelle
	{
	float: left;
	margin: 7px 10px 0 0;
	text-align: right;
	width: 200px;
	}

.col1, .col2
	{
	float: left;
	margin: 0 0 10px 0;
	}

.champtextelong
	{
	width: 200px;
	}

.champdescriptif
	{
	height: 75px;
	width: 225px;
	}

.reponse
	{
	float: left;
	padding: 4px 0 0 0;
	width: 225px;
	}

.echec, .succes
	{
	background-color: #f8f8f8;
	margin: 0 0 10px 0;
	padding: 5px 5px 0 5px;
	}

.echec
	{
	border: 2px solid #f10000;
	width: 560px;
	}

.succes
	{
	border: 2px solid #090;
	width: 560px;
	}

.succes p, .echec p
	{
	margin: 0;
	}

.echec p
	{
	color: #f10000;
	}

.succes p
	{
	color: #090;
	}

#erreurs
	{
	color: #f10000;
	}

.btnsoumettre
	{
	float: right;
	}

.groupecasesacocher
	{
	float: left;
	margin: 0 0 10px 0;
	width: 225px;
	}

.groupecasesacocher label
	{
	font-size: 9px;
	}

.boiteacocher
	{
	margin: 5px 0 0 0;
	}

.boiteacocher .boite
	{
	float: left;
	margin: 0;
	width: 22px;
	}

.boiteacocher .desc
	{
	float: left;
	margin: 3px 0 0 0;
	width: 200px;
	}

.groupecasesacocher .boiteacocher input
	{
	}

.courriel
	{
	text-align: right;
	}

/*	faq	*/
.unfaq
	{
	margin: 0 0 20px 0;
	}