/* CSS Document */
html, body {margin:0;padding:0;height: 100%;width: 100%; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666;}
html, body, a img{border:none; margin:0; padding:0;}

body{background:url(../images/design/ciel.jpg) -600px 0 repeat-x;}
a{color:#006499;}
a:hover{ background:#006499; color:#fff;}
.suite{ background:url(../images/design/fleche-suivante.jpg) right no-repeat; padding-right:10px; font-style:italic; font-size:0.8em;}
.suite:hover{ background:#006499 url(../images/design/fleche-suivante-2.jpg) right no-repeat; color:#FFF;}

h1{ margin-top:-10px; background:url(../images/design/fleche-vers-nous-joindre.png) 110px 160px no-repeat; padding-bottom:150px; margin-bottom:-100px;}
h1 a:hover{background:none;}
h1 img{ border:10px solid #006499;}
h2, h3, h4, dt{ font-family:"Arial Rounded MT Bold", Geneva, Arial, Helvetica, sans-serif;  font-weight:normal; color:#333;}
.commander{ background:#fff url(../images/design/commander.png) no-repeat; width:120px; padding-top:5px; display:block; color:#FFF;  text-decoration:none; padding-bottom:7px; margin-top:10px; text-align:center; }
.commander:hover{background:#fff url(../images/design/commander-hover.png) no-repeat;}

#conteneur{ width:900px; margin:0 auto;  }

/*======================================================================*/
/*================================= MENU  ==============================*/
/*======================================================================*/
#menu, #ariane{ position:absolute; top:-10px; font-family:"Arial Rounded MT Bold", Geneva, Arial, Helvetica, sans-serif;  font-size:1.1em; padding:10px;  color:#fff;}
#menu a, #menu-utilitaire a, #ariane a{ color:#fff;}
#menu li, #menu-utilitaire li, #ariane li{ display:inline;}

#menu, #menu-utilitaire{width:850px; text-align:right;  margin-left:auto;}

/*======================================================================*/
/*============================ MENU-SECONDAIRE  ========================*/
/*======================================================================*/
.menu-secondaire{ margin-bottom:40px; margin-top:-40px; border-bottom:1px solid #333; }
.menu-secondaire li{ display:inline; font-size:0.9em; }
.menu-secondaire a{ text-decoration:none; margin-right:10px; margin-left:10px;}
.menu-secondaire a:hover{}
.menu-secondaire .selectionner a{ color:#333;}
.menu-secondaire .selectionner a:hover{ cursor:default; background:none; color:#333;}
.menu-secondaire .section-principale, #liens .section-principale{ font-size:2em; margin-right:50px;color:#333; }

/*======================================================================*/
/*================================ MENU-BAS  ===========================*/
/*======================================================================*/
#menu-bas { margin-top:40px; padding:0px;}
#menu-bas li{list-style:none; margin-left:20px;}
#menu-bas .menu-secondaire{ margin:auto; border:none; float:left; width:125px; border-right: 1px dashed #999; padding-right:10px; min-height:130px; }
#menu-bas .menu-secondaire li{ display:list-item; font-size:0.8em;  margin:0px; padding:0px;  list-style:circle; }
#menu-bas .menu-secondaire a{ text-decoration:none; margin:0px;}
#menu-bas .menu-secondaire a:hover{}
#menu-bas .menu-secondaire .selectionner a{ color:#333;}
#menu-bas .menu-secondaire .selectionner a:hover{ cursor:default; background:none; color:#333;}
#menu-bas .menu-secondaire .section-principale{ font-size:1em; margin:0px; color:#333; margin-left:-20px; list-style:none; font-weight:bolder; }

#menu-bas-opportunites .menu-secondaire{ border:none;}
/*======================================================================*/
/*============================ MENU-TERTIAIRE  ========================*/
/*======================================================================*/
#menu-tertiaire{ font-size:0.9em; margin-top:-40px; padding-top:7px; background:#006499 url(../images/design/fond.jpg); padding-bottom:7px;  }
#menu-tertiaire li{ display:inline; margin-left:0px; margin-right:0px; margin-right:-5px;}
#menu-tertiaire li a{ text-decoration:none; color:#FFF;padding:7px; margin-left:0px; margin-right:0px; }
#menu-tertiaire li a:hover, .tertiaireSelectionner{ background:#000 url(../images/design/fond2.jpg);}
/*======================================================================*/
/*============================ MENU-UTILITAIRE  ========================*/
/*======================================================================*/
#menu-utilitaire{ position:absolute; margin-left:250px; color:#fff; top:40px; width:570px; }
#menu-nous-joindre{ position:absolute; top:40px; margin-left:-140px;}
#menu-nous-joindre #reseaux-sociaux{ display:block; margin-left:16px; position:absolute; }
#menu-nous-joindre #reseaux-sociaux a{ background:none;}
/*======================================================================*/
/*================================ ACCUEIL  ============================*/
/*======================================================================*/
#description-publicite{ width:820px; padding-left:0px; margin:auto; margin-bottom:50px;}

#accueil #autre-section{ padding-left:0; width:840px; margin:auto;}
#accueil #autre-section li{  width:250px; float:left; margin-right:30px;  list-style:none;}
#accueil #autre-section li p {min-height:120px;  padding-left:120px;}
#accueil #autre-section li h3 a{  color:#FFF; text-decoration:none;background:#108fc2 url(../images/design/fond.jpg) bottom repeat-x;padding:5px; display:block;}


#accueil #autre-section #agence p{  background:url(../images/design/agence.jpg) no-repeat}
#accueil #autre-section #derniere-creation p{ }
#accueil #autre-section #tarifs p { background:url(../images/design/tarifs.jpg) no-repeat;}

/*======================================================================*/
/*================================= AGENCE  ============================*/
/*======================================================================*/
#agence #liste-des-sections { margin-top:50px;}
#agence #liste-des-sections li, #dix-bonnes-raisons #liste-des-sections li, #services_sites_internet li, #contenu-produits li{ list-style:none;  background-repeat:no-repeat;}
#agence #liste-des-sections li h3, #dix-bonnes-raisons #liste-des-sections li h3, #services_sites_internet li h3, #contenu-produits li h3{ font-size:1.8em;}

#agence #section-une-agence-web-de-montreal{ padding-left:300px; min-height:200px; margin-left:80px; background-position:90px 0px;}

#agence #section-un-retour-sur-votre-investissement{ width:500px; padding:30px 450px 30px 0px; margin-top:-40px; background-position:550px 0px;}
#agence #section-quelle-est-la-mission-de-lentreprise li { list-style:circle; margin-bottom:10px;}

#agence #section-un-outil-de-vente{ padding-left:390px; min-height:250px;  background-position:80px bottom;}
#agence #section-une-grande-rapidite strong{ font-size:1.2em;}

/*======================================================================*/
/*================================ SPECIAL  ============================*/
/*======================================================================*/
#special h3{ color:#ff0000;}
#special li{padding-left:0px; min-height:150px; margin-left:0px ; background:none!important; width:550px;}
#special ul{ padding-left:0px; margin-left:0px;}

#special #fan{ float:right; padding-right:20px;}
/*======================================================================*/
/*============================= 10 BONNES RAISONS  =====================*/
/*======================================================================*/

#dix-bonnes-raisons #liste-des-sections li{ width:200px; float:left; margin: auto 10px 90px 40px; padding-right:20px; padding-bottom:100px; height:250px; background-position:center
bottom; list-style:decimal; }
#dix-bonnes-raisons #liste-des-sections h3{ height:100px;}
#dix-bonnes-raisons #liste-des-sections img{ display:block; text-align:center;}
#dix-bonnes-raisons #liste-des-sections #section-une-serie-de-tests-complete{ width:auto; margin-top:30px; margin-bottom:-50px;}
#dix-bonnes-raisons #liste-des-sections #section-une-serie-de-tests-complete h3{ height:auto;}
#dix-bonnes-raisons #liste-des-sections #section-une-serie-de-tests-complete img{  float:left; margin-right:20px;}

/*======================================================================*/
/*================================ SERVICES  ===========================*/
/*======================================================================*/


/*============================== SITES INTERNET  =======================*/

#services_sites_internet #section-des-services-complementaires-a-la-creation-de-votre-site-internet h3{ font-size:1.2em; }
#services_sites_internet li ul li, #contenu-produits li ul li{ list-style:circle;}
#services_sites_internet #section-nom-de-domaine{ margin-left:100px; padding-left:280px; background-position:left center}

#services_sites_internet #section-hebergement{width:500px; padding-right:300px; background-position:right center;}

#services_sites_internet #section-soutient-technique{ margin-left:100px; padding-left:280px; background-position:left center;}

#services_sites_internet #section-statistiques{width:500px; padding-right:300px; background-position:right center;}

#services_sites_internet li ul li{ list-style:circle;}
#services_sites_internet #section-nom-de-domaine{ margin-left:100px; padding-left:280px; background-position:left center}
.liste-des-sections .paire{width:500px; padding-right:300px; background-position:right top; min-height:260px; }
.liste-des-sections .impaire{ margin-left:100px; padding-left:280px; background-position:left top; min-height:260px; }


#services_sites_internet #section-soutient-technique ul, #services_sites_internet #section-statistiques ul, #services_sites_internet #section-nom-de-domaine ul, #services_sites_internet #section-hebergement ul{ margin-top:-40px; margin-bottom:-20px;}

#services_sites_internet #section-soutient-technique ul{  margin-bottom:-40px;}


#services_sites_internet #section-nom-de-domaine,
#services_sites_internet #section-hebergement,
#services_sites_internet #section-soutient-technique{ margin-bottom:50px;}

#services_sites_internet #section-soutient-technique{ margin-top:80px;}

#services_sites_internet #section-pourquoi-un-site-internet-, #services_sites_internet #section-definir-les-tendances-du-moment-et-definir-celles-qui-sont-a-venir{padding-left:200px; min-height:210px;}
#services_sites_internet #section-dautres-raisons-davoir-un-site-internet, #services_sites_internet #section-implementer-les-nouvelles-tendances-au-sein-de-votre-site-internet-pour-que-celui-ci-ne-soit-pas-depasse-par-vos-concurrents{ min-height:200px; width:500px; padding-right:200px; background-position:right bottom;}
#obtenir-plus-dinformation{  text-align:center; margin-top:100px; float:none; width:850px !important; margin-left:auto; margin-right:auto; border:none !important;}
#obtenir-plus-dinformation form{ background:#108fc2 url(../images/design/fond.jpg) bottom repeat-x; text-align:center; padding:5px; color:#fff; }
#services_sites_internet #section-implementer-les-nouvelles-tendances-au-sein-de-votre-site-internet-pour-que-celui-ci-ne-soit-pas-depasse-par-vos-concurrents{ width:600px;}



/*============================== APPLICATIONS DLN  =======================*/
#services_applications_dln #liste-des-sections h3{ font-size:1.8em; }
#services_applications_dln #liste-des-sections li, 
#services_communication_visuelle #liste-des-sections li, #tarifs-association #liste-des-sections li{ list-style:none; background-repeat:no-repeat;}
#services_applications_dln #section-quest-ce-quune-application-dln-{ background:none !important; margin-bottom:50px;}
#services_applications_dln #section-quest-ce-quune-application-dln- p{}
#services_applications_dln #section-centralise-les-donnees{background-position:right; padding-right:300px; width:400px; min-height:280px; margin-left:100px;}
#services_applications_dln #section-accessible-a-distance{  padding-left:500px; min-height:280px; background-position:200px center;}
#services_applications_dln #section-favorise-le-travail-collaboratif{background-position:right; padding-right:300px; width:400px; min-height:280px; margin-left:100px;}
#services_applications_dln #section-compatible-avec-les-differents-terminaux{ min-height:350px; } 
#services_applications_dln #section-compatible-avec-les-differents-terminaux p{ padding-left:300px;width:500px;}

/*============================== COM VISUELLE  =======================*/
#services_communication_visuelle #liste-des-sections h3{ font-size:1.8em;}
#services_communication_visuelle #liste-des-sections li{ width:240px; margin:10px;  padding:10px; padding-top:0px; float:left;}

#services_communication_visuelle #liste-des-sections #section-communication-visuelle{ clear:both; width:auto; margin:auto; margin-bottom:30px;}

#services_communication_visuelle #section-creation-dun-logo{ background-position: center 130px; border-right:1px dashed #999;}
#services_communication_visuelle #section-creation-dun-logo p{ margin-top:150px;}

#services_communication_visuelle #section-creation-de-documents-imprimables{background-position: center 120px;  border-right:1px dashed #999;}
#services_communication_visuelle #section-creation-de-documents-imprimables p{ margin-top:180px;}

#services_communication_visuelle #section-refonte-dun-site-internet{ background-position: center 80px;}
#services_communication_visuelle #section-refonte-dun-site-internet p{ margin-top:150px;}

/*============================== SOUS TRAITANCE  =======================*/
#liste-des-sections h3, #tarifs-association h3{ font-size:1.8em;}
#liste-des-sections li, #tarifs li, #clientele li{ list-style:none; background-repeat:no-repeat;}
#tarifs-sous-traitance #section-langages-utilises{ width:300px; min-height:250px; background-position:right; padding-right:50px; float:left;}
#tarifs-sous-traitance #section-programmes-utilises{width:440px; margin-left:400px; background-position:right 15px;  min-height:250px; padding-top:2px;}

#tarifs-sous-traitance #section-programmes-utilises ul li,
#tarifs-sous-traitance #section-programmes-utilises ul li{ list-style:circle;}
#tarifs-sous-traitance #section-obtenez-des-privileges-dln{ }

#tarifs-offshore #section-quest-ce-que-loffshore-{ width:400px;}
#tarifs-offshore #section-pourquoi-effectuer-du-offshore-{ padding-left:400px; background-position:bottom left; }
#tarifs-offshore #section-pourquoi-effectuer-du-offshore- h3{ }
/*======================================================================*/ 
/*================================= CREATIONS  =========================*/
/*======================================================================*/
.menu-creation li a{margin-right:5px !important; margin-left:5px!important; }
/*=============================== SITES INTERNET  ======================*/
#creations-site-internet h2{ text-align:center; font-size:1.8em;}
#creations-site-internet #image{ float:left; }
#creations-site-internet #information{ width:340px; margin-left:500px; min-height:450px; margin-bottom:20px;}
#creations-site-internet #information li{ list-style:none;}
#creations-site-internet #information .titre, #creations-site-internet #information .titre2
{ font-size:1.2em; font-family:"Arial Rounded MT Bold", Geneva, Arial, Helvetica, sans-serif;}
#creations-site-internet #information #besoin, #creations-site-internet #information #solution,#creations-site-internet #information #temoignage{ margin-top:20px;}
#creations-site-internet #information #besoin .titre2, #creations-site-internet #information #solution .titre2,#creations-site-internet #information #temoignage .titre2{ display:block;}

#creations-site-internet  #liste, #titre-autres-realisations{  text-align:center; margin-left:0px; padding-left:0px;  }
#creations-site-internet  #liste li{ list-style:none; display:inline;}


/*======================================================================*/ 
/*============================== LISTE DES BILLETS  ====================*/
/*======================================================================*/
#liens-vers-blogues{}
#liens-vers-blogues h2{ text-align:center; margin-top:90px;}
#liens-vers-blogues ul{ padding-left:0px; margin-left:50px; }
#liens-vers-blogues ul .billet{  list-style:none; margin-left:0px; width:190px; margin-right:10px;float:left; border-right:1px dotted #999; padding-right:10px;  }
#liens-vers-blogues ul .billet h3{ font-size:0.8em; margin-bottom:0px;}
#liens-vers-blogues ul .billet h3 a, #liens-vers-blogues ul .billet h2 a:hover{ height:47px; padding:5px; overflow:hidden; color:#fff; text-decoration:none; font-size:0.9em;  background:#0f8ec1 url(http://blog.creationdln.ca/images/design/fond-titre.jpg) bottom repeat-x;  display:block; }
#liens-vers-blogues ul .billet .apercu{ height:100px; overflow:hidden;}
#liens-vers-blogues ul .billet .image, #liens-vers-blogues ul .billet .commander{ margin:auto; text-align:center; }
#liens-vers-blogues ul .billet .image{ height:80px; overflow:hidden;}

#liens-vers-blogues ul .billet .categories-du-billet{background:url(http://blog.creationdln.ca/images/design/info-categorie.jpg) 2px -4px no-repeat;padding-top:2px; font-size:0.8em; height:35px; overflow:hidden;   text-align:center; margin-top:0px;}



#liens-vers-blogues ul .billet .icone-commentaire{ color:#666; text-decoration:none; margin-left:40px; background:url(http://blog.creationdln.ca/images/design/commentaire.png) 0 4px no-repeat; padding:5px 0 5px 20px;}

#liens-vers-blogues ul .i-3{ border:none;}
/*======================================================================*/
/*=============================== CLIENTELE  ===========================*/
/*======================================================================*/

/*============================== INFORMATIONS  =========================*/
#clientele ul{ padding:0px; margin:0px;}
#clientele #liste-des-sections li{ width:150px; margin:15px 15px; float:left; padding:0 10px;  border-right:1px dashed #999; height:300px;}
#clientele #liste-des-sections li img{ background:none; margin:0px; padding:0px;}
#clientele #liste-des-sections li .description{ min-height:220px;}
/*======================================================================*/
/*=================================== TARIFS  ==========================*/
/*======================================================================*/

/*================================= INFORMATIONS  ======================*/
#tarifs ul{ padding:0px; margin:0px;}
#tarifs #section-entreprise , #tarifs #section-education , #tarifs #section-association, #tarifs #section-sous-traitance{ width:150px; margin:15px 15px; float:left; padding:0 10px;  border-right:1px dashed #999; min-height:270px;}
#tarifs #section-sous-traitance{ border:none;}
#tarifs #section-entreprise img , #tarifs #section-education  img, #tarifs #section-association  img, #tarifs #section-sous-traitance  img{ background:none; margin:0px; padding:0px;}
/*================================= ENTREPRISE  ======================*/
#tarifs-entreprise li{ list-style:none; background-repeat:no-repeat; float:left; margin-left:20px; padding-right:20px; width:150px; border-right:1px dashed#999;}
#tarifs-entreprise #section-campagne-promotionnelle{clear:both; width:auto; border:none;}
#tarifs-entreprise #section-twitter,#tarifs-entreprise #section-flickr, #tarifs-entreprise #section-youtube,  #tarifs-entreprise #section-facebook{ padding-top:80px;}
#tarifs-entreprise #section-twitter{ background-position:left 20px;}
#tarifs-entreprise #section-facebook{ background-position:left 20px;}
#tarifs-entreprise #section-youtube{}
#tarifs-entreprise #section-flickr{ border:none;  background-position:left 10px;}
#tarifs-entreprise #section-promotion-dln-plus,#tarifs-entreprise #section-promotion-dln{width:150px;  border:none; min-height:300px; margin-top:20px; margin-right:40px; padding-left:200px; padding-top:40px;}

/*=================================== EDUCATION  ======================*/
#tarifs-education li{ list-style:none; background-repeat:no-repeat; }
#tarifs-education li h3{ font-size:1.8em;}
#tarifs-education #section-moodle {padding-left:300px; min-height:200px; width:400px;margin-left:100px;}
#tarifs-education #section-applications-dln{ min-height:200px; width:400px; padding-right:300px; background-position:right; margin-left:100px; }

/*================================= ASSOCIATION  ======================*/
#tarifs-association #section-un-site-internet-a-499, #tarifs-association #section-un-echange-de-service{margin-left:150px; padding-left:230px; padding-top:30px; min-height:250px; width:400px;}
#tarifs-association #section-une-commandite{ padding-right:230px; padding-top:30px; min-height:300px; width:400px; margin-top:-80px; background-position:right; }
#tarifs-association #section-un-echange-de-service{ padding-left:250px; margin-top:-80px;}

/*================================= PRIVILEGES  ======================*/
#tarifs-privileges-dln li { list-style:none;}
#tarifs-privileges-dln  h3{font-size:1.8em;}
#tarifs-privileges-dln #liste-des-sections li {  width:200px; margin-left:40px; padding-right:40px; padding-top:150px; float:left; background-repeat:no-repeat;  font-size:1.2em; border-right:1px dashed #999; text-align:center;  }
#tarifs-privileges-dln #liste-des-sections #section-priorite-dintervention{ background-position: 30px top;}
#tarifs-privileges-dln #liste-des-sections #section-calendrier-numerique{ background-position:left 30px; border:none;}
/*================================= RESTAURATION  ======================*/
#section-donnez-faim-a-vos-visiteurs-{margin-left:50px; padding-left:300px; padding-top:30px; min-height:250px; width:420px;}
#section-ameliorer-votre-service-a-la-clientele{ width:400px; padding-right:400px; min-height:300px; background-position:right;}
#section-ameliorer-votre-service-a-la-clientele li{ list-style:circle;}

/*======================================================================*/ 
/*============================== PRODUITS  =========================*/
/*======================================================================*/
#contenu-produits .h2{ display:none;}
#contenu-produits #section-e-dln{ padding-top:10px;}
#contenu-produits #obtenir-plus-dinformation{ font-size:1em; margin-left:400px; width:auto !important; }
#contenu-produits #visuel{ float:left; text-align:center; width:400px;}
#contenu-produits #visuel img{ max-width:400px; }
#contenu-produits #visuel a{ background:none;}
#contenu-produits #liste-des-sections .paire, #contenu-produits #liste-des-sections .impaire{ margin-left:400px; background:none!important;}


/*======================================================================*/ 
/*============================== NOUS JOINDRE  =========================*/
/*======================================================================*/
#information-envoie-courriel{ width:400px; float:left; text-align:right;}
#information-envoie-courriel h3{ font-size:1.8em; text-align:center; width:900px;}

.obligatoire{ color:#F00;}
#form-nous-joindre{ width:400px; margin-left:440px; margin-top:100px; color:#FFF; 	}
#form-nous-joindre fieldset{  background:#006499; margin-bottom:20px;}
#form-nous-joindre legend{ background:#FFF; color:#006499; padding:5px;}
#form-nous-joindre label{ display:block; text-align:right; width:120px; margin-right:20px; float:left; padding-top:5px;}
#form-nous-joindre input, #form-nous-joindre select{ width:220px;}
#form-nous-joindre textarea{ width:350px!important; margin-left:15px;}
#form-nous-joindre #listeErreur{ color:#F00;}
#form-nous-joindre #aucune-erreur{ color:#0C0; font-size:1.4em;}



/**/
#faq h2 { margin-bottom:50px;}
#faq #titre-des-sections{ margin-bottom:30px; border-bottom:1px dashed #999; padding-bottom:30px;}

/*======================================================================*/ 
/*================================= LEXIQUE  ===========================*/
/*======================================================================*/
#lexique .liste-alphabetique{ text-align:center; text-transform:uppercase; margin-bottom:40px; }
#lexique .liste-alphabetique li{ display:inline;}
#lexique #liste-des-sections dt{ border-bottom:1px solid #333; margin-bottom:10px;}
#lexique #liste-des-sections dd{ min-height:150px;}
#lexique #liste-des-sections dd img{ float:right; margin-right:10px; margin-bottom:10px;}

/*======================================================================*/ 
/*=============================== LIENS  ===============================*/
/*======================================================================*/
#contenu-devis form{ width:350px; border:solid; float:left;}
#contenu-devis form .span-radio{ display:block;}
#contenu-devis #info{ min-height:500px; margin-left:400px; border:solid;}

/*======================================================================*/ 
/*=============================== LIENS  ===============================*/
/*======================================================================*/
#liens .section-principale{ font-weight:normal; padding-left:50px;}
#liens #titre-des-sections{ width:200px; float:left; text-align:right;}
#liens #titre-des-sections li { list-style:none;}
#liens #liste-des-sections{ margin-left:250px;}
#liens #liste-des-sections li{ min-height:200px;}
#liens #liste-des-sections li img{ float:left; margin-right:20px; margin-bottom:20px; max-width:200px; max-height:150px;}
#liens #liste-des-sections li h3{ border-bottom:1px solid #333; margin-bottom:10px;}
#liens #liste-des-sections li p{ margin-left:20px;}

/*======================================================================*/ 
/*=============================== DEVIS  ===============================*/
/*======================================================================*/
#contenu-devis h2{ text-align:center}
#contenu-devis #liste-des-sections{ padding-left:0px;}
#contenu-devis #liste-des-sections li{ float:left; width:286px; padding:6px; padding-top:0px;  padding-bottom:151px; border-right:1px dashed #999; background-position:0 120px;}
#contenu-devis #liste-des-sections h3{ margin-bottom:161px;}

/*======================================================================*/ 
/*============================== PIED DE PAGE  ========================*/
/*======================================================================*/
#pied-page{ clear:both;padding-top:50px;}
#copyright{  clear:both; text-align:center;  font-size:0.8em; padding-top:50px;}
#copyright li{ display:inline; text-align:center;}