/* couleurs:
bleu moyen = #4D65AE
bleu foncé = #32419D
orange = #4D65AE
vert = #B2BB1C
vert foncé = #888F16
gris = #A6A699
gris foncé = #6E6E64
mauve = #EBEEF6
/* =configuration pour affichage à l'écran
	----------------------------- */
@media screen {

/* base
	----------------------------- */
	* { margin:0; padding:0; }
	img, img a { border: none; /*behavior:url("pngbehavior.htc")*/;}
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.small { font-size: 90%; }
	.bold { font-weight: bold; }
	.center { text-align: center; }
	.clear { clear: both; }
	.list { list-style-type: none; margin-left : -1em; }
	.none {display: none;}
	.bottom05 { padding-bottom: .5em; }
	.un { width:400px; min-height: 190px; }
	.image { position:absolute; top:80px; margin-left: 590px;}
	.titre {background: transparent url(design/bg-titre.jpg) repeat-x; height:43px; border:none; }
	.bleu, .bleu a { color:#4D65AE; }
	.soustitre{ color:#A5A79A; font-weight: bold; }
	.soustitre span a{ color:#000; font-weight: normal; text-decoration:none;}
	.hautpage{margin-left:850px;}
	
body { font: 76% Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(design/bg.jpg) repeat-x #E9E9E5; color: #000; }
a:link, a:active, a:visited { color:#4D65AE; }
a:hover { color:#888F16; text-decoration:underline; }
	
div#header { position:relative; width: 100%;}
#logo { position:absolute; left:.5em; top:4.8em; }

/* images
	----------------------------- */
div#image { text-align:justify; width:990px; margin:0 auto; }
.vide {background: url(design/bg-vide.jpg) no-repeat;}
.exemple {background: url(design/bg-exemple.jpg) no-repeat;}
.accueil {background: url(design/bg-accueil.jpg) no-repeat;}
.contact {background: url(design/bg-contact.jpg) no-repeat;}
.referencement-internet {background: url(design/bg-referencement-internet.jpg) no-repeat;}
.partenaire-referencement {background: url(design/bg-partenaire-referencement.jpg) no-repeat;}
.positionnement-web {background: url(design/bg-positionnement-web.jpg) no-repeat;}
.positionnement-web-adwords {background: url(design/bg-position-web-adwords.jpg) no-repeat;}
.semantique {background: url(design/bg-semantique.jpg) no-repeat;}
.analytique {background: url(design/bg-analytique.jpg) no-repeat;}
.positionnement-marketing {background: url(design/bg-positionnement-marketing.jpg) no-repeat;}
.annuaire {background: url(design/bg-annuaire.jpg) no-repeat;}
.rss {background: url(design/bg-rss.jpg) no-repeat;}
.nouvelles {background: url(design/bg-nouvelles.jpg) no-repeat;}
.sondage {background: url(design/bg-sondage.jpg) no-repeat;}
.equipe {background: url(design/bg-equipe.jpg) no-repeat;}
.faq {background: url(design/bg-faq.jpg) no-repeat;}
.plan {background: url(design/bg-plan.jpg) no-repeat;}
.dico {background: url(design/bg-dico.jpg) no-repeat;}
.dico-en {background: url(design/bg-dico-en.jpg) no-repeat;}
.ozomax {background: url(design/bg-ozomax.jpg) no-repeat;}
.consab {background: url(design/bg-consab.jpg) no-repeat;}
.grasset {background: url(design/bg-grasset.jpg) no-repeat;}
.confidentiel {background: url(design/bg-confidentiel.jpg) no-repeat;}
.mailing {background: url(design/bg-mailing.jpg) no-repeat;}
.webmaster {background: url(design/bg-webmaster.jpg) no-repeat;}

.divsondage {position: absolute; margin: 420px 0 0 600px /*788px*/;}
#btsondage a { display:block; width:178px; height:29px; background:url(design/bt-sondage.gif) no-repeat 0 0;  text-indent:-999em; }
#btsondage a:hover { background:url(design/bt-sondage.gif) no-repeat 0 -29px; }

.divabonne {position: absolute; margin: 310px 0 0 720px /*788px*/;}
#btmailing a { display:block; width:225px; height:45px; background:url(design/bt-abonnement.png) no-repeat 0 0;  text-indent:-999em; }
#btmailing a:hover { background:url(design/bt-abonnement.png) no-repeat 0 -45px; }
#btrss a { display:block; width:225px; height:45px; background:url(design/bt-abonnement.png) no-repeat 0 -90px;  text-indent:-999em; }
#btrss a:hover { background:url(design/bt-abonnement.png) no-repeat 0 -135px; }


div#container { width:990px; margin:0 auto; background: url(design/bg-content.jpg) repeat-y;}
/*page index
	----------------------------- */
/*zone pub + 3 cases
	----------------------------- */
div#intro { float:left; width:990px; }
div#zonepub { float:left; width:90%; height: 220px; margin-top: 200px; padding: 0 5px; }

div#zoneinfo { text-align:center; }
div#infogauche { float:left; width:33%; }
div#infocentre { float:left; width:33%; }
div#infodroite { float:left; width:33%; }
/*fin zone pub + 3 cases
	----------------------------- */
div#wrapperindex { float:left; width:970px; }

div#contentindex { float:right; width:640px;  }
div#contentindex h1, h2, h3 { margin:10px 0 0 30px; font-size: 140%; color:#A6A699;}
div#contentindex h2, h3 { margin:10px 0 10px 30px; font-size: 110%; }
div#contentindex p { line-height:1.4; margin:0 10px 0 30px; padding: .5em 0; }
div#contentindex li { padding: .5em 0; }
.address  { line-height:1.4; margin:0 10px 0 10px; padding: .5em 0; }
div#gaucheindex { float:left; width:320px; margin-top: 15px; text-align: left; padding-left: 10px;}
div#gaucheindex p { margin-bottom: 1em; }
/*fin page index
	----------------------------- */

div#wrapper { float:left;width:100%; margin-top: 200px;}

div#fil { margin: 0 0 0 -180px; }
div#fil a { color:#A6A699; text-decoration:none; font-weight: bold;}
div#fil a:hover { color:#4D65AE; text-decoration:underline; }

div#content { margin: 0 200px; padding-bottom: 1em; }
div#content h1 { margin:10px 0 10px 10px; font-size: 140%; color:#A5A79A;}
div#content h2, h3 { margin:10px 0 10px 10px; font-size: 110%; color:#A5A79A; }
div#content p { line-height:1.4; margin:0 20px 0 10px; padding: .5em 0; }
div#content ul { padding-bottom: .5em; }
div#content li { margin:0 20px 0 40px; padding: .2em 0; }
div#content .news {padding: 1em; border:1px dotted #A6A699;}
.vcard { line-height:1.4; margin:0 20px 0 10px; padding: .5em 0; font-style:normal;}

div#gauche { float:left; width:200px; margin-left:-100%; margin-top: 230px; text-align:left;}
div#gauche p { margin-left: 1em; }
div#gauche li { list-style-type: none; margin-left: 2em; padding: .5em 0; color:#000;}
div#gauche li a{ color:#000; text-decoration:none;font-weight: bold;}
div#gauche li a:hover { color:#4D65AE; text-decoration:underline; }

div#droite { float:left; width:200px; margin-left:-200px; margin-top: 480px; margin-bottom:3em; } 
div#droite p { /*margin-left: 1em;*/ }
div#droite li { list-style-type: none; margin-left: 1.5em; padding: .5em 0;}
div#droite li a { color:#000; text-decoration:none;font-weight: bold;}
div#droite li a:hover { color:#4D65AE; text-decoration:underline; }

div#menudico { float:left; width:200px; margin-left:-200px; margin-top: 280px; } 
div#menudico li { list-style-type: none; margin-left: 1.5em; padding: .5em 0;}
div#menudico li a { color:#000; text-decoration:none;font-weight: bold;}
div#menudico li a:hover { color:#4D65AE; text-decoration:underline; }

div#menutop { clear:both; position: absolute; top:0; width:990px; height: 41px; margin:0 auto; background: url(design/bg-menutop.jpg) no-repeat;}
div#menutop ul { margin: .5em .5em 0 0; text-align:right;}
div#menutop li { display:inline; font-weight: bold; }
div#menutop li a { color:#000; text-decoration:none;}
div#menutop li a:hover { text-decoration:underline; }

/* div#menubas => display: inline; pour IE6*/
div#menubas { clear:both; float:left; width:970px; background: url(design/bg-menubas.jpg) repeat-x #fff; margin-left: 10px;color: #000; border: 1px solid #6E6E64; display: inline; }
div#menubas ul {padding:0 .5em .5em; }
div#menubas li { display: inline; }
div#menubas li a { color:#B2BB1C; font-size: 110%; list-style-type: none; display: inline; text-decoration:none; font-weight: bold;}
div#menubas li a:hover { color:#4D65AE; text-decoration:underline;}
div#mauve {background: #EBEEF7; padding: 10px; margin: .5em; /* background: #F7F7F7; border: 1px solid #6E6E64;*/ }
.mauve {background: #EBEEF7;}
div#menubas p { padding-top:.5em; }
div#menubas p a{ color:#757575; }
div#menubas p a:hover{ color:#32419D; }
div#menubas h4, h5, h6 {margin: 0;  color:#32419D; font-size: 120%; }
div#menubas hr {border: 2px dotted #A6A699; border-style: none none dotted; margin: 0 .5em;}

div#etude p { padding:.5em 1em; }
.casetude {float: left; width: 30%; height: 140px; margin: 1em .5em; padding: 0 .5em; background: #fff; border:1px solid #6E6E64;}
.etude {min-height: 140px; margin: 1em 0; padding: 0 .5em; background: #fff; border:1px solid #B2BB1C;}

#newsa, #newsb { margin-bottom: 1em; }
#newsa a, #newsb a { color:#4D65AE; }

div#pied { clear:both; color: #000; font-size: 90%; background: url(design/bg-pied.jpg) no-repeat #E9E9E5; padding-bottom:80px;}
div#pied p { padding:1em 0 0 0; text-align:center;}
div#pied a { display:inline; }
#bas { padding-top: .5em !important; text-align:center; margin-right: 1em; }
#bas ul { background: #fff;}
#bas li { display: inline; }
#bas li a { color:#B2BB1C; font-size: 120%; list-style-type: none; display: inline; text-decoration:none;}
#bas li a:hover { color:#4D65AE; text-decoration:underline;}

/* =formulaire
	----------------------------- */
	form { margin: 0 auto; }
	fieldset { padding: 10px; border:1px solid #B2BB1C; color:#575757; /*font-size: 85%; width: 85%;*/margin: 1em 2em 1em 0; }
	legend { padding-bottom: 5px; }
	label { display: block; margin: 0.5em 0 .2em 0; }
	.textfield { border: 1px solid #575757; padding: 2px; /*font-size: 100%;*/ width: 95%; }
	
	INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
/* fin formulaire */


}
/* fin configuration pour affichage à l'écran
	----------------------------- */

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	div#fil { display:none; }
	div#gauche { display:none; }
	div#gaucheindex { display:none; }
	div#droite { display:none; }
	div#menutop { display:none; }
	div#menubas { display:none; }
	div#pied { display:none; }
	body { font: 76% Verdana, Arial, Helvetica, sans-serif;  color: #000; }
	a:link, a:active, a:visited { color:#888F16; }
	a:hover { color:#4D65AE; text-decoration:underline; }
	* { margin:0; padding:0; }
	img, img a { border: none; }
	div#contentindex { }
	div#contentindex h1, h2, h3 { margin:10px 0 0 30px; font-size: 140%; color:#A6A699;}
	div#contentindex h2, h3 { margin:10px 0 10px 30px; font-size: 110%; }
	div#contentindex p { line-height:1.4; margin:0 10px 0 30px; padding: .5em 0; }
	div#contentindex li { padding: .5em 0; }
	div#content { }
	div#content h1, h2, h3 { margin:10px 0 10px 30px; font-size: 140%; color:#32419D;}
	div#content h2, h3 { margin:10px 0 10px 30px; font-size: 110%; }
	div#content p { line-height:1.4; margin:0 10px 0 30px; padding: .5em 0; }
	div#content li { padding: .5em 0; }
	}