/* Aspect général du site */
.nonEcr {display: none;}  
body {margin: 0px; padding: 0px;background: #000; font-family: arial; font-size: 0.8em;} 
body.accueil {margin: 0px; padding: 0px;background: #6facd3;}
h1 {margin: 0px; padding: 0px; font-size: 45px;}
h2 {margin: 0px; padding: 0px; font-size: 20px;}
h3 {margin: 12px 0px 0px 0px; padding: 0px; font-size: 15px; border-bottom: medium solid #6facd3;}
h4 {margin: 12px 0px 0px 0px; padding: 0px; font-size: 12px;} 
p {margin: 0px 0px 5px 0px; text-align: justify;}
a {margin: 0px; padding: 0px; color: #000; font-style: normal;}
a:visited {color: #000; font-style: normal;}
a:hover {color: #555;}
#fenetre {width: 800px; margin: 0px auto 0px auto; background: #fff;}
#basPage {margin: 0px; height: 100px; background: url("img/basPage.jpg"); text-align: center; font-size: 0.9em; color: #fff;}
a.basPage {color: #fff;} 
#accueil {margin: 0px auto 0px auto; width: 800px; height: 550px; background: url("img/default.jpg");}

/* Dispositions */	
#accueilLien {font-size: 45px; padding: 440px 0px 0px 110px;}
#accueil p {padding-left: 110px;}
#logs {margin: 3px; background: #6facd3;}
#entete1 {margin: 0px; height: 300px;background: url("img/mentions.jpg");}
#entete2 {margin: 0px; height: 300px;background: url("img/contact.jpg");}
#entete10 {margin: 0px; height: 300px; background: url("img/accueil.jpg");}
#entete20 {margin: 0px; height: 300px;background: url("img/competences.jpg");}
#entete30 {margin: 0px; height: 300px;background: url("img/services.jpg");}
#entete40 {margin: 0px; height: 300px;background: url("img/conception.jpg");}
#entete50 {margin: 0px; height: 300px;background: url("img/realisations.jpg");}
#entete60 {margin: 0px; height: 300px;background: url("img/liens.jpg");}
#entete70, #entete71, #entete72, #entete73, #entete80, #entete81 {margin: 0px; height: 300px;background: url("img/membres.jpg");}
#contenu {margin: 8px;}
.basPage {padding: 13px 115px;}

.droite {float: right;}	
.gauche {float: left;}
.aligneCentre {text-align: center;}
.aligneDroite {text-align: right;}
.vAligne {vertical-align: middle;} 
.separation {clear:both;}

/* Aspect des Menus */
#menu {padding: 9px 0px 0px 150px; font-weight: bolder; font-size: 14px; font-variant: small-caps;}	
	#menu ul, #menu li {margin: 0px; padding: 0px;} 
	#menu ul { list-style-type: none;}
	#menu li {float: left;}
	      #menu a{width: 100px; text-align: center; color: #fff; display: block; text-decoration: none;}
	      #menu a:hover {color: #f8e7a3; text-decoration: none;}
.menuSelection {color: #000;} 	
#menu2 {margin: 0px 0px 10px 10px; width: 240px; font-weight: bolder; font-size: 14px; font-variant: small-caps; background: #6facd3; float:right;}	
	#menu2 ul {list-style-type: none; text-align:right;}
	#menu2 li {}
	      #menu2 a{color: #fff; display: block; text-decoration: none;margin: 6px;}
	      #menu2 a:hover {color: #f8e7a3; text-decoration: none;}

/* Aspect des élements du site*/
#titre1 {padding: 22px 0px 0px 272px;}
#titre2 {padding: 18px 0px 0px 272px;}
#date {font-size: 0.8em; margin: 75px 5px 0px 0px;text-align: right;}
.texte {background: url("img/HautGauche.png") no-repeat;padding: 14px;}	
#dicton {color:#f60;}
.attn {font-weight: bolder; color: #f00;}
.mee {font-weight: bolder; color: #f60;}
.petit {font-size: 0.8em;}
.grand {font-size: 1.8em;}
.gestion {color: #6facd3;} 
.enteteMsg {font-weight: bolder; font-size: 0.8em;}  
input.connexion {width: 200px;}
input.mail {width: 400px;}	
input.large, textarea.large {width: 600px;}
textarea {width: 400px;} 
.gestionMsg {float: right; width: 150px;}
.ht1 {height: 1px;color:#f60;}
.ht2 {height: 1px;color:#6facd3;} 
.liste {margin: 0px 0px 0px 45px;}	 
.lettre {font-family: verdana;font-weight: bolder;margin-bottom: 8px;}